@font-face {
font-family: 'DM Sans';
src: url(//procomputing.cz/wp-content/themes/procomp/font/DMSans/DMSans-Regular.woff2) format('woff2'),
url(//procomputing.cz/wp-content/themes/procomp/font/DMSans/DMSans-Regular.woff2) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url(//procomputing.cz/wp-content/themes/procomp/font/DMSans/DMSans-Bold.woff2) format('woff2'),
url(//procomputing.cz/wp-content/themes/procomp/font/DMSans/DMSans-Bold.woff2) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lora';
src: url(//procomputing.cz/wp-content/themes/procomp/font/Lora/Lora-Regular.woff2) format('woff2'),
url(//procomputing.cz/wp-content/themes/procomp/font/Lora/Lora-Regular.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lora';
src: url(//procomputing.cz/wp-content/themes/procomp/font/Lora/Lora-Italic.woff2) format('woff2'),
url(//procomputing.cz/wp-content/themes/procomp/font/Lora/Lora-Italic.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
} html,
body {
max-width: 100vw !important;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
font-smooth: always;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
} html,
body,
h1,
h2,
h3,
h4,
h5,
p,
a,
ul,
li,
.panel-title,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
label,
button,
input,
textarea {
font-size: 16px;
line-height: 1.2;
font-weight: 300;
color: #010518;
font-family: 'DM Sans', serif;
}
h1,
h2,
h3,
h4,
h5 {
margin-top: 0;
margin-bottom: 24px;
font-family: 'DM Sans', sans-serif;
}
h1,
h1 a,
blockquote cite {
font-size: 32px;
line-height: 1.2;
letter-spacing: -0.03em;
font-weight: 700;
}
h2,
h2 a {
font-size: 26px;
line-height: 1.25;
letter-spacing: -0.03em;
font-weight: 700;
}
h3,
h3 a {
font-size: 22px;
line-height: 1.18;
letter-spacing: -0.03em;
font-weight: 700;
}
.hero-heading,
.hero-heading a {
font-family: "DM Sans", sans-serif;
font-size: 42px;
line-height: 1.2;
font-weight: 900;
}
.sub-hero-heading,
.sub-hero-heading a {
font-family: "DM Sans", sans-serif;
font-size: 26px;
line-height: 1.2;
font-weight: 900;
}
small,
small a,
small p,
small li,
small span,
small h1,
small h2,
small h3,
small h4,
.small,
.small a,
.small p,
.small li,
.small span,
.small h1,
.small h2,
.small h3,
.small h4 {
font-size: 12px;
line-height: 16px;
}
.small p {
margin-bottom: 16px;
}
.extra-small,
.extra-small a,
.extra-small p,
.extra-small span,
.extra-small li,
.extra-small li,
.extra-small h1,
.extra-small h2,
.extra-small h3,
.extra-small h4 {
font-size: 10px;
line-height: 1.1;
text-transform: uppercase;
}
.extra-small p {
margin-bottom: 14px;
}
.lora,
.lora a,
.lora p,
.clanek p,
.clanek li,
.clanek div,
.clanek span {
font-family: "Lora", sans-serif;
}
p {
margin-top: 0;
margin-bottom: 24px;
word-break: keep-all;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
a:hover {
color: #010518;
}
p {
line-height: 1.4;
}
p a {
text-decoration: underline;
}
p a:hover {
text-decoration: none;
}
.non-underline a {
text-decoration: none !important;
}
.non-underline a:hover {
text-decoration: underline !important;
}
b,
strong,
b a,
strong a {
font-weight: 700;
}
.uppercase {
text-transform: uppercase;
} .procomp-button,
.btn,
html .nf-form-content .submit-container input[type="button"],
.wp-element-button {
display: inline-block;
font-size: 16px;
line-height: 1;
border: 2px solid #010518;
background: #fff;
border-radius: 8px;
color: #010518;
padding: 8px 32px;
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
text-decoration: none !important;
font-family: "DM Sans", sans-serif;
}
.procomp-button:hover,
.btn:hover,
.wp-element-button:hover {
background: #010518;
color: #fff;
}
.buttons-container a {
margin-right: 16px;
}
.buttons-container a:last-child {
margin-right: 0;
} a img {
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
a:hover img {
-webkit-filter: brightness(0.6);
filter: brightness(0.6);
}
.lazy-loaded {
-webkit-transition: all 250ms ease-in-out !important;
transition: all 250ms ease-in-out !important;
}
.lazy-hidden, .entry img.lazy-hidden, img.thumbnail.lazy-hidden {
opacity: 1 !important;
}
img {
width: 100%;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
border: 2px solid #010518;
border-radius: 0;
padding: 4px 8px;
color: #010518;
}
a:hover {
text-decoration: underline;
}
.socials a:hover {
text-decoration: none;
}
iframe {
width: 100%;
margin-bottom: -5px;
border-radius: 16px;
overflow: hidden;
}
video,
svg {
width: 100%;
max-width: 100%;
height: auto;
}
mark,
ins {
background-color: transparent;
}
#main-content ul,
#main-content li,
blockquote,
figure {
padding: 0;
margin: 0;
}
.page-content,
.entry-content,
.entry-summary {
padding: 120px 0;
margin: 0;
}
.sub-page {
padding-top: 140px;
} .post,
.page {
margin: 0;
padding: 0;
}
#page {
margin-top: 80px;
}
ol,
ul {
margin-left: 0;
padding-left: 24px;
}
dl,
ol,
ul {
margin: 0;
}
ul {
padding-left: 18px;
}
ol li {
margin-bottom: 20px;
}
.container {
max-width: 1104px;
width: 100%;
padding-left: 32px;
padding-right: 32px;
}
.container.full {
max-width: 100%;
width: 100%;
}
.container.medium {
max-width: 714px;
}
table {
margin: 0 0 32px 0;
}
.row {
margin-left: -16px;
margin-right: -16px;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
padding-left: 16px;
padding-right: 16px;
} #fessional {
-moz-animation: fadeInRight 15s ease-in-out infinite; -webkit-animation: fadeInRight 15s ease-in-out infinite; -ms-animation: fadeInRight 15s ease-in-out infinite; -o-animation: fadeInRight 15s ease-in-out infinite; animation: fadeInRight 15s ease-in-out infinite;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(300px);
}
10% {
opacity: 0;
transform: translateX(300px);
}
14% {
opacity: 1;
transform: none;
}
100% {
opacity: 1;
transform: none;
}
}  #masthead {
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
background: #fff;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
}
.logged-in #masthead {
top: 32px;
}
#masthead.shrink {
padding-top: 16px;
padding-bottom: 16px;
}
#logo a {
line-height: 1;
display: block;
max-width: 230px;
position: relative;
}
#logo svg,
#logo img {
max-height: 35px;
}
#logo-dot {
display: none;
}
.beautiful-eye {
border: none !important;
background: transparent !important;
} #main-menu li a:hover {
text-decoration: none;
}
#main-menu li a::before {
content: "";
display: block;
position: absolute;
top: 0;
left: -12px;
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #eaeaea;
opacity: 0;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
z-index: -1;
}
#main-menu li a:hover::before {
opacity: 1;
}
#main-menu li.zpravy a::before {
background-color: #dd3333;
}
#main-menu li.trendy a::before {
background-color: #ff7a00;
}
#main-menu li.rozhovory a::before {
background-color: #00b626;
}
#main-menu li.zpravy a::before {
background-color: #dd3333;
}
#main-menu li.studie a::before {
background-color: #02ffff;
}
#main-menu li.analyzy a::before {
background-color: #eaeaea;
}
#main-menu li.produkty a::before {
background-color: #eeee22;
} .menu {
list-style: none;
padding: 0;
margin: 0;
}
.menu li {
display: inline-block;
margin-right: 18px;
}
.menu li:last-child {
margin-right: 0;
}
.menu a {
font-size: 15px;
line-height: 1.1;
position: relative;
}
.menu a.active::after,
.menu a:hover::after {
opacity: 1;
} #mobile-menu {
display: none;
text-align: center;
}
.navbar-toggle {
width: 20px;
height: 20px;
border: 0;
padding: 0;
background: transparent;
float: right;
top: -4px;
position: relative;
}
.navbar-toggle .toggle-icon {
position: relative;
width: 100%;
height: 1px;
border-radius: 10px;
display: inline-block;
background: #010518;
transition-duration: 400ms;
-webkit-transition-duration: 400ms;
}
.navbar-toggle .toggle-icon:before,
.navbar-toggle .toggle-icon:after {
position: absolute;
left: 0;
width: 100%;
height: 1px;
border-radius: 10px;
background: #010518;
content: " ";
transition-duration: 400ms;
-webkit-transition-duration: 400ms;
}
.navbar-toggle .toggle-icon:before {
bottom: 6px;
}
.navbar-toggle .toggle-icon:after {
top: 6px;
}
.navbar-toggle.toggled .toggle-icon {
background: transparent;
border-color: transparent;
}
.navbar-toggle.toggled .toggle-icon:before {
transform: rotate(45deg);
transform-origin: 4px 6px;
z-index: 2;
}
.navbar-toggle.toggled .toggle-icon:after {
transform: rotate(-45deg);
transform-origin: 4px -5px;
z-index: 1;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
} .white,
.white a,
.white p,
.white strong,
.white li,
.white h1,
.white h2,
.white h3,
.white h4,
.white .gray {
color: #fff;
}
.gray,
.gray a,
.gray span,
.gray div,
.gray strong,
.gray li,
.gray h1,
.gray h2,
.gray h3,
.gray h4 {
color: #9E9E9E;
}
.gray-bg {
background-color: #f2f2f2;
}
.smaller-section {
padding-top: 48px;
padding-bottom: 48px;
}
.section {
padding-top: 64px;
padding-bottom: 64px;
}
.section.double {
padding-top: 128px;
padding-bottom: 128px;
}
.top-4 {
padding-top: 4px;
}
.top-6 {
padding-top: 6px;
}
.top-8 {
padding-top: 8px;
}
.top-12 {
padding-top: 12px;
}
.top-16 {
padding-top: 16px;
}
.top-24 {
padding-top: 24px;
}
.top-32 {
padding-top: 32px;
}
.top-50 {
padding-top: 50px;
}
.top-64 {
padding-top: 64px;
}
.top-96 {
padding-top: 96px;
}
.top-128 {
padding-top: 128px;
}
.bottom-8 {
padding-bottom: 8px;
}
.bottom-16 {
padding-bottom: 16px;
}
.bottom-32 {
padding-bottom: 32px;
}
.bottom-48 {
padding-bottom: 48px;
}
.bottom-64 {
padding-bottom: 64px;
}
.bottom-128 {
padding-bottom: 128px;
}
.bottom-256 {
padding-bottom: 256px;
}
.single-block {
position: relative;
}
.right-4 {
padding-right: 4px;
}
.right-8 {
padding-right: 8px;
}
.right-12 {
padding-right: 12px;
}
.max-200 {
max-width: 200px;
}
.max-250 {
max-width: 250px;
}
.max-325 {
max-width: 325px;
}
.max-350 {
max-width: 350px;
}
.max-400 {
max-width: 400px;
}
.max-420 {
max-width: 420px;
}
.max-460 {
max-width: 460px;
}
.max-500 {
max-width: 500px
}
.max-540 {
max-width: 540px
}
.max-600 {
max-width: 600px;
}
.max-750 {
max-width: 750px;
}
.max-1000 {
max-width: 1000px;
}
.automargin {
margin-left: auto;
margin-right: auto;
}
.marginless,
.marginless p {
margin-bottom: 0;
}
.img-box {
position: relative;
}
.img-box.wide {
background-color: #f2f2f2;
border-radius: 32px;
}
.img-flex {
height: 100%;
}
.img-box img,
.img-flex img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: top center;
}
.img-box::after {
content: "";
display: block;
padding-bottom: 100%;
left: 0;
top: 0;
}
.img-box.wide::after {
padding-bottom: 56.2%;
}
.space-between {
justify-content: space-between;
}
.flex-center {
align-items: center;
}
.flex-end {
align-items: flex-end;
}
.border-radius {
border-radius: 16px;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.border-radius.size-8 {
border-radius: 8px;
}
.blue-bg {
background-color: #000B4A;
} #carousel-posts {
position: relative;
height: 100%;
}
#hero-carousel {
padding-top: 64px;
}
#hero-carousel .single {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: none;
}
#hero-carousel .single.active {
display: block;
}
#hero-carousel .single:hover h2 {
text-decoration: underline;
}
#hero-carousel .single::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(180deg, rgba(1, 5, 24, 0.15) 23.44%, rgba(1, 5, 24, 0.79) 100%);
border-radius: 16px;
z-index: 1;
}
#hero-carousel .single img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top center;
}
#hero-carousel .post-info {
position: absolute;
bottom: 48px;
left: 32px;
z-index: 2;
max-width: calc(100% - 64px);
}
#hero-article {
position: relative;
overflow: hidden;
}
#hero-article img {
width: 50vw;
max-width: 50vw;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
}
#hero-navigation .single-nav-item {
display: block;
padding: 15px 18px;
border: 1px solid #010518;
margin-bottom: 16px;
border-radius: 8px;
position: relative;
}
#hero-navigation .single-nav-item:last-child {
margin-bottom: 0;
}
#hero-navigation .single-nav-item:hover {
cursor: pointer;
}
#hero-navigation .single-nav-item.active:hover {
cursor: initial;
}
#hero-navigation .single-nav-item,
#hero-navigation .single-nav-item * {
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
#hero-navigation .single-nav-item:hover,
#hero-navigation .single-nav-item:hover *,
#hero-navigation .single-nav-item.active * {
color: #fff;
text-decoration: none !important;
}
#hero-navigation .single-nav-item::before {
content: "";
display: block;
position: absolute;
width: calc(100% + 5px);
height: calc(100% + 5px);
top: -2.5px;
left: -2.5px;
background-color: #010518;
opacity: 0;
border-radius: 8px;
z-index: -1;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
#hero-navigation .single-nav-item.active::before,
#hero-navigation .single-nav-item:hover::before {
opacity: 1;
} .sidebar {
padding: 24px 16px 16px 16px;
}
.number {
height: 20px;
min-width: 20px;
border: 1px solid #010518;
margin-right: 8px;
border-radius: 50%;
position: relative;
top: -1px;
}
.number span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.white .number {
background-color: #fff;
border-color: #010518;
color: #000B4A;
} .dot {
height: 8px;
width: 8px;
border-radius: 100%;
position: relative;
margin-right: 3px;
}
.tags {
text-transform: uppercase;
}
.tags .right-8 {
position: relative;
}
.tags .right-8::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 16px;
height: 1px;
width: 24px;
background-color: #010518;
}
.white.tags .right-8::after {
background-color: #fff;
}
#hero-article {
position: relative;
z-index: 2;
overflow: visible;
}
.hero-dot {
display: block;
position: absolute;
width: 130px;
height: 130px;
border-radius: 50%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate(-30%, -50%);
-moz-transform: translate(-30%, -50%);
}
.archive .hero-dot {
width: 100px;
height: 100px;
top: -30px;
}
.hero-dot.medium {
width: 48px;
height: 48px;
top: 7px;
left: 0;
z-index: 1;
}
.hero-heading {
position: relative;
z-index: 2;
}
.hero-dot.medium.archive {
position: relative;
top: 0;
left: 0;
transform: none;
}
.hero-dot.small-dot {
width: 100px;
height: 100px;
min-width: 100px;
min-height: 100px;
}
.upper {
position: relative;
z-index: 2;
} #post-intro {
position: relative;
}
#post-intro::before {
content: "";
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 70%);
}
#post-info {
position: absolute;
left: 50%;
bottom: 48px;
transform: translateX(-50%);
}
#post-intro-image {
height: 65vh;
min-height: 450px;
width: 100%;
object-fit: cover;
object-position: top center;
}
.wp-block-gallery,
.wp-block-embed,
.wp-block-file,
.wp-block-media-text,
#post-content>.row>.col>figure,
#post-content>.row>.col>blockquote {
padding-top: 64px;
padding-bottom: 64px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
border-radius: 0 0 8px 8px;
}
.wp-block-buttons {
padding-bottom: 64px;
}
#post-content p {
font-family: "Lora", sans-serif;
}
.wp-block-image img {
border-radius: 16px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.wp-block-gallery img,
.wp-block-media-text__media img,
.wp-block-media-text__media video {
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
border-radius: 8px;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.wp-block-gallery img:hover {
-webkit-filter: brightness(0.6);
filter: brightness(0.6);
cursor: pointer;
}
#post-content iframe {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
max-height: calc(100vh - 200px);
border-radius: 16px;
overflow: hidden;
}
#post-content .wp-block-embed-issuu .wp-block-embed__wrapper>div {
width: 100% !important;
height: calc(100vh - 150px) !important;
}
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.wp-block-embed.is-type-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
video {
width: 100% !important;
height: auto !important;
}
.wp-block-quote {
padding-left: 64px;
}
blockquote cite {
font-family: "Lora", sans-serif;
width: 500px;
max-width: calc(100% - 16px);
display: flex;
font-weight: 300;
}
blockquote cite::before {
content: "\201D";
font-size: 100px;
color: #dddddd;
top: -20px;
position: relative;
padding-right: 15px;
line-height: 70px;
}
.wp-block-media-text .wp-block-media-text__content {
padding: 0 32px;
word-break: keep-all;
}
.wp-block-media-text__content *:last-child {
margin-bottom: 0;
}
#share a {
border-radius: 50% !important;
overflow: hidden !important;
padding: 0 !important;
margin-right: 8px;
}
#share a:hover {
filter: invert(100%);
}
.a2a_default_style a:hover .a2a_svg,
.a2a_floating_style a:hover .a2a_svg,
.a2a_overlay_style a:hover .a2a_svg svg {
opacity: 1 !important;
}
#share .a2a_svg {
background-color: #fff !important;
padding: 4px;
width: 30px;
height: 30px;
}
#share svg {
filter: brightness(0);
background-size: 25px 25px;
} .wp-pagenavi span,
.wp-pagenavi a {
display: inline-block;
margin: 0 5px;
}
.wp-pagenavi .current {
border-bottom: 1px solid #010518;
}
.wp-pagenavi a:hover {
border-bottom: 1px solid #010518;
text-decoration: none;
} #newsletter-bg {
position: absolute;
display: block;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
}
#newsletter-embed div,
#newsletter-embed form {
max-width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
min-height: unset !important;
height: auto !important;
;
}
#newsletter-podminky,
#newsletter-podminky a {
margin: 7px 0 !important;
color: #010518 !important;
font-size: 12px !important;
line-height: 1 !important;
font-family: "Lora", serif !important;
}
#newsletter-podminky a {
text-decoration: underline;
}
#newsletter-podminky a:hover {
text-decoration: none;
}
#newsletter input {
position: relative;
background: transparent;
border-radius: 16px;
padding-top: 12px;
padding-bottom: 12px;
color: #010518 !important;
font-size: 15px !important;
line-height: 1 !important;
font-family: "Lora", serif !important;
outline: none !important;
border: none !important;
text-align: center !important;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
font-weight: 600 !important;
box-shadow: none !important;
}
#newsletter input:focus,
#newsletter input:hover {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .275) !important;
}
#newsletter input::placeholder {
color: #010518 !important;
opacity: 1 !important;
}
#newsletter .ec-v-form-input input {
background-color: #fff;
}
#newsletter button {
border-radius: 16px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 15px !important;
line-height: 1 !important;
font-family: "Lora", serif !important;
outline: none !important;
border: none !important;
font-weight: 600 !important;
text-align: center !important;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
background-color: transparent !important;
background-color: #0047FF !important;
}
#newsletter button:hover {
background-color: #010518 !important;
} #custom-search-icon {
display: inline-block;
width: 20px;
height: 20px;
background-image: url(//procomputing.cz/wp-content/themes/procomp/img/search-interface-symbol.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
margin-left: 14px;
position: relative;
top: 6px;
}
#custom-search-icon:hover {
opacity: 0.4;
cursor: pointer;
} #cmplz-manage-consent {
display: none !important;
}
html .cmplz-cookiebanner {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
bottom: auto;
padding: 50px;
}
html .cmplz-cookiebanner.cmplz-show {
-webkit-box-shadow: 0 0 50px rgba(0,0,0, 0.5);
box-shadow: 0 0 50px rgba(0,0,0, 0.5);
}
html .cmplz-cookiebanner .cmplz-header {
display: block;
}
html .cmplz-cookiebanner .cmplz-close {
position: absolute;
top: 15px;
right: 15px;
}
html .cmplz-cookiebanner .cmplz-title {
font-weight: 700;
font-size: 24px;
}
html .cmplz-body {
margin-top: 30px;
}
html .cmplz-cookiebanner .cmplz-message {
font-size: 16px;
line-height: 24px;
display: block;
width: 100%;
margin-bottom: 30px;
}
html .cmplz-cookiebanner .cmplz-links .cmplz-link {
display: none !important;
}
html .cmplz-btn:hover {
background: #1e73be !important;
color: #fff !important;
}
html .cmplz-btn.cmplz-accept:hover {
background: #02315a !important;
border-color: #02315a !important;
}
.cmplz-btn.cmplz-deny {
display: none !important;
}
html .cmplz-cookiebanner .cmplz-categories {
margin-bottom: 30px;
width: 100%;
}
.wpgmza-gdpr-compliance img {
max-height: 400px;
}
@media (min-width: 992px) {
html .cmplz-cookiebanner .cmplz-buttons {
flex-direction: row-reverse;
}
}
@media (max-width: 991px) {
html .cmplz-cookiebanner {
top: auto;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: block;
padding: 30px;
}
html .cmplz-cookiebanner.cmplz-show {
-webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.4);
box-shadow: 0 0 15px rgba(0,0,0, 0.4);
}
html .cmplz-cookiebanner .cmplz-title {
font-weight: 700;
font-size: 20px;
}
}
@media (max-width: 767px) {
html .cmplz-cookiebanner {
max-width: calc(100vw - 30px);
}
html .cmplz-cookiebanner .cmplz-body {
margin-top: 15px;
min-width: unset;
}
html .cmplz-cookiebanner .cmplz-header .cmplz-title {
display: block;
font-size: 15px;
}
html .cmplz-cookiebanner .cmplz-message {
font-size: 15px;
line-height: 19px;
}
html html .cmplz-cookiebanner .cmplz-message, html .cmplz-cookiebanner .cmplz-categories {
margin-bottom: 15px;
}
}
#cmplz-document a {
font-size: 14px;
line-height: 1.4;
}
#cmplz-document a:hover {
text-decoration: none;
}
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
width: 15px !important;
} #footer {
padding: 64px 0 16px 0;
}
#footer-logo a {
line-height: 1;
display: block;
max-width: 230px;
}
#dcd-logo-footer {
max-width: 70px;
height: auto;
}
@media (min-width: 992px) {
.wp-block-media-text {
width: calc(100% + 200px);
margin-left: -100px;
}
#logo svg, #footer-logo svg {
left: -24px;
position: relative;
}
}
@media (max-width: 991px) {
.tabletmargin {
margin-top: 64px;
}
.tabletmargin-32 {
margin-top: 32px;
}
.tablet-bottom-64 {
padding-bottom: 32px;
}
#page {
margin-top: 67px;
} blockquote cite {
font-size: 20px;
}
blockquote cite::before {
font-size: 50px;
line-height: 30px;
top: 0;
padding-right: 5px;
}
.hero-heading,
.hero-heading a {
font-size: 38px;
} .container {
padding-left: 16px;
padding-right: 16px;
} .hero-dot.medium {
min-width: 75px;
min-height: 75px;
} .logged-in #masthead {
top: 46px;
}
.logged-in #masthead.shrink {
top: 0;
}
#masthead.shrink {
padding-top: 12px;
padding-bottom: 12px;
}
#main-menu {
display: none;
padding-top: 32px;
padding-bottom: 32px;
}
#main-menu .menu li {
display: block;
margin: 24px 0;
}
#main-menu li a {
font-size: 16px;
padding-left: 24px;
text-transform: capitalize;
}
#logo svg,
#logo img {
max-height: 35px;
}
#custom-search-icon {
margin-left: 24px;
margin-bottom: 32px;
} #main-menu::after {
content: "";
display: block;
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: -1;
background-color: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
#site-navigation {
z-index: 1;
position: relative;
}
#main-menu li a::before {
content: "";
position: absolute;
display: block;
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #eaeaea;
top: 50%;
left: 0;
transform: translateY(-50%);
opacity: 1;
transform-origin: left center !important;
}
#main-menu li a:hover::before {
position: absolute;
display: block;
height: calc(100% + 8px);
width: calc(100% + 24px);
top: -4px;
transform: none;
border-radius: 16px;
} #hero-carousel .post-info {
bottom: 24px;
left: 24px;
max-width: calc(100% - 48px);
}
#hero-carousel .single::after {
background: linear-gradient(180deg, rgba(1, 5, 24, 0.25), rgba(1, 5, 24, 0.90) 90%);
}
}
@media (min-width: 768px) {
.wp-block-media-text {
width: calc(100% + 100px);
margin-left: -50px;
}
#post-alt-intro-image {
max-height: 40vh;
width: auto;
}
}
@media (max-width: 767px) {
.mobilemargin {
margin-top: 64px;
}
.mobilemargin-48 {
margin-top: 48px;
}
.mobile-top-32 {
padding-top: 32px;
}
.mobile-bottom-32 {
padding-bottom: 32px;
}
.max-400,
.max-420,
.max-460,
.max-500 {
max-width: 100%;
}
.mobile-top-zero {
padding-top: 0;
}
.img-box img,
.img-flex img {
position: relative;
}
.img-box::after {
display: none;
}
.display-xs-none {
display: none;
} h1,
h1 a {
font-size: 30px;
}
.hero-heading,
.hero-heading a {
font-size: 26px;
}
.sub-hero-heading,
.sub-hero-heading a {
font-size: 24px;
} #hero-carousel .single,
#carousel-posts {
height: 40vh;
min-height: 300px;
}
#hero-navigation {
padding: 32px 20px 10px 20px;
margin-left: -20px;
margin-right: -20px;
display: flex;
align-items: stretch;
overflow: auto;
-ms-overflow-style: none; scrollbar-width: none; }
#hero-navigation::-webkit-scrollbar {
display: none;
}
#hero-navigation .single-nav-item {
min-width: 150px;
max-width: 150px;
vertical-align: top;
margin-bottom: 0;
margin-right: 16px;
padding: 12px
}
#hero-navigation .single-nav-item:last-child {
margin-right: 0;
}
#hero-navigation h3 {
max-width: calc(100vw - 50px);
min-width: 100px;
white-space: initial;
font-size: 16px;
line-height: 20px;
} #post-intro-image {
height: 100%;
width: 100%;
position: absolute;
}
#post-info {
position: relative;
padding-top: 192px;
padding-bottom: 48px;
left: auto;
bottom: auto;
transform: none;
z-index: 3;
}
#post-intro::before {
z-index: 2;
}
.wp-block-quote {
padding-left: 16px;
}
.wp-block-media-text__content {
margin: 32px 0;
} #dcd-logo-footer {
margin-bottom: 32px;
}
}
@media (max-width: 500px) {
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
width: 100%;
margin-bottom: 14px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-child {
margin-bottom: 0;
}
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
opacity: 0.2;
background-color: #ffffff;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
.lazy-loaded {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 1 !important;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:transparent}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #eaeaea; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #010518; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #1E73BE; --cmplz_button_accept_border_color: #1E73BE; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #eaeaea; --cmplz_button_deny_border_color: #eaeaea; --cmplz_button_deny_text_color: #010518; --cmplz_button_settings_background_color: #eaeaea; --cmplz_button_settings_border_color: #eaeaea; --cmplz_button_settings_text_color: #010518; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #81d742; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-logo { display: none !important;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}