@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}