@charset "UTF-8";
@import url("//hello.myfonts.net/count/2fe8f2");
/*!
Theme Name: Magic Lab
Author: Michal Mau & Jan Košátko
Version: 1.7.67
Template: startup5
GitLab Theme URI: magic-lab/magiclab-theme
*/
/*
PLEASE, DON'T EDIT style.css DIRECTLY!
This file has been generated from "style.scss"
by Syntactically Awesome Stylesheets (SCSS) meta-language.
Visit http://sass-lang.com/ for more information.
*/
/* SASS */
/* GENERAL */
.hover-projects img,.hover-project img {
width: 100%;
height: auto;
filter: url(data:image/svg+xml;utf8,#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.hover-projects:hover img, .hover-projects:focus img,
.hover-project:hover img, .hover-project:focus img {
-webkit-filter: none;
filter: none;
filter: url(data:image/svg+xml;utf8,#grayscale);
-webkit-filter: grayscale(0);
}
body {
color: #333;
background: #F6F6F6;
}
.site-wrapper {
overflow: hidden;
}
a, a:visited {
color: #333;
-webkit-transition: color 0.1s ease-out;
transition: color 0.1s ease-out;
}
a:hover {
color: #00acbc;
}
.entry a {
text-decoration: underline;
}
.entry a.project-tax-link, .entry a.startup-email-link, .entry a.project-share-link {
text-decoration: none;
color: #545454;
}
.entry a.project-tax-link:hover, .entry a.startup-email-link:hover, .entry a.project-share-link:hover {
color: #00acbc;
}
.entry h1 a {
text-decoration: none;
}
/* = = = FONTS = = = */
/*
The font softwares linked herebelow are the property of Swiss Typefaces Sarl.
You may not download the font softwares.
Purchase and licensing informations are available at http://www.swisstypefaces.com/licensing/
Copyright (C) Swiss Typefaces Sarl */
@font-face {
font-family: "EuclidFlex-Light";
src: url("fonts/EuclidFlex-Light-WebS.eot"); /* IE9 Compat Modes */
src: url("fonts/EuclidFlex-Light-WebS.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidFlex-Light-WebS.woff") format("woff"), url("fonts/EuclidFlex-Light-WebS.ttf") format("truetype");
}
@font-face {
font-family: "EuclidFlex-Medium";
src: url("fonts/EuclidFlex-Medium-WebS.eot"); /* IE9 Compat Modes */
src: url("fonts/EuclidFlex-Medium-WebS.eot?#iefix") format("embedded-opentype"), url("fonts/EuclidFlex-Medium-WebS.woff") format("woff"), url("fonts/EuclidFlex-Medium-WebS.ttf") format("truetype");
}
/**
* @license
* MyFonts Webfont Build ID 3139826, 2015-12-11T08:56:14-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: HelveticaNeueLTStd-LtCn by Linotype
* URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-47-light-condensed/
*
* Webfont: HelveticaNeueLTStd-BdCn by Linotype
* URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-77-bold-condensed/
*
*
* License: http://www.myfonts.com/viewlicense?type=web&buildid=3139826
* Licensed pageviews: 250,000
* Webfonts copyright: Copyright © 1990, 2002 Adobe Systems Incorporated. All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
*
* © 2015 MyFonts Inc
*/
@font-face {
font-family: "HelveticaNeueLTStd-LtCn";
src: url("fonts/2FE8F2_0_0.eot");
src: url("fonts/2FE8F2_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/2FE8F2_0_0.woff2") format("woff2"), url("fonts/2FE8F2_0_0.woff") format("woff"), url("fonts/2FE8F2_0_0.ttf") format("truetype");
}
@font-face {
font-family: "HelveticaNeueLTStd-BdCn";
src: url("fonts/2FE8F2_1_0.eot");
src: url("fonts/2FE8F2_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/2FE8F2_1_0.woff2") format("woff2"), url("fonts/2FE8F2_1_0.woff") format("woff"), url("fonts/2FE8F2_1_0.ttf") format("truetype");
}
body {
font-family: "EuclidFlex-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
/* = = = LAYOUT = = = */
.row {
max-width: 120em;
overflow: hidden;
}
.projects .column, .home .child-page .column, .column.featured-slider, .projects .columns, .home .child-page .columns, .columns.featured-slider {
padding-left: 0;
padding-right: 0;
}
.inner {
padding-top: 25px;
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (min-width: 40.063em) {
[class*=column] + [class*=column]:last-child {
float: left;
}
[class*=column] + [class*=column]:last-child.medium-centered {
float: none;
}
}
/* HEADINGS */
h1, h2, h3, h4, h5 {
font-family: "EuclidFlex-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 0;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a {
color: #333;
}
h1 {
font-size: 1.1em;
margin-bottom: 0.8em;
}
.home article h1 {
display: none;
}
/* IMAGES */
.alignleft {
float: left;
margin-top: 8px;
margin-right: 4%;
}
.alignright {
margin-top: 8px;
float: right;
margin-left: 4%;
}
/* HEADER */
.top-bar .site-logo {
margin: 8px;
max-height: none;
width: 40%;
display: block;
}
.top-bar .site-logo img {
max-width: 140px;
width: 80%;
}
@media only screen and (orientation:landscape) {
.top-bar .site-logo img {
width: 55%;
}
}
@media only screen and (min-width: 40.063em) {
.top-bar .site-logo {
padding: 11px;
width: 60%;
}
.top-bar .site-logo img {
width: auto;
}
}
@media only screen and (min-width: 64.063em) {
.top-bar .site-logo {
width: 60%;
}
}
/* NAVIGATION */
.top-bar,
.top-bar.expanded .title-area,
.top-bar-section ul,
.top-bar-section li:not(.has-form) a:not(.button) {
background: #000;
}
.top-bar .name h1 {
display: none;
}
.top-bar {
max-width: 120em;
margin: 0 auto;
overflow: visible;
}
@media only screen and (min-width: 40.063em) {
.top-bar {
height: 70px;
}
}
.top-bar ul li a {
text-transform: uppercase;
}
.top-bar ul li a:hover {
color: #00acbc;
background: #000;
}
.top-bar ul li.current-menu-item a {
color: #999;
}
@media only screen and (min-width: 40.063em) {
.top-bar ul.title-area {
position: absolute;
top: 0;
left: 0;
z-index: 5;
max-width: 25%;
}
.top-bar ul.left {
text-align: center;
display: block;
width: 100%;
}
.top-bar ul.left li {
display: inline-block;
float: none;
}
.top-bar ul.right {
position: absolute;
top: 0;
right: 0;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.top-bar ul.left li {
padding: 0 0.75%;
}
.top-bar ul.left li:first-child {
margin-left: 30px;
}
}
@media only screen and (min-width: 64.063em) {
.top-bar ul.left li {
padding: 0 1.25%;
}
}
.top-bar-section {
z-index: 3;
}
@media only screen and (max-width: 40em) {
.top-bar-section {
display: none;
}
}
.expanded .top-bar-section {
display: block;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background: #000;
}
@media only screen and (min-width: 40.063em) {
.top-bar-section li:not(.has-form) a:not(.button) {
line-height: 70px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 15px;
}
}
.top-bar-section ul li > a {
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#access {
padding: 0;
z-index: 100;
}
.top-bar.expanded .toggle-topbar a span {
-webkit-box-shadow: none;
box-shadow: none;
}
.tax-mau_project_tax .menu-item-type-mau_project a {
color: #999;
}
.top-bar .name h1 a {
width: auto;
}
.top-bar-section li:not(.has-form) a:not(.button) {
padding: 0 5px;
}
.expanded .top-bar-section li:not(.has-form) a:not(.button) {
padding: 17px 9px;
}
.row.nav-row {
overflow: visible;
}
/* PAGES */
.page .projects .inner {
width: auto;
font-size: 1em;
}
.page blockquote {
border-left: none;
padding: 0;
margin: 0;
}
.page blockquote ul {
margin: 0;
list-style: none;
overflow: hidden;
text-align: center;
position: relative;
}
.page blockquote ul li {
display: inline;
font-size: 0.9em;
line-height: 4em;
padding: 0 2%;
white-space: nowrap;
}
/* MAP */
.map-wrapper {
position: relative;
}
#map-canvas {
width: 97%;
right: 0.5%;
position: relative;
height: 220px;
margin: 0 auto;
}
#map-canvas img {
max-width: none;
}
@media only screen and (min-width: 40.063em) {
#map-canvas {
height: 260px;
}
}
@media only screen and (min-width: 64.063em) {
#map-canvas {
height: 420px;
}
}
/* PROJECTS */
.projects .columns {
padding-top: 35px;
padding-bottom: 0px;
}
.projects h2 {
text-align: center;
font-size: 1.1em;
margin: 21px 0 15px;
text-transform: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
.projects h2 {
font-size: 1em;
}
}
@media only screen and (min-width: 40.063em) {
.projects .more-link {
padding-top: 70px;
padding-bottom: 40px;
}
}
.project-tax-list.row {
text-transform: uppercase;
color: #555;
list-style: none;
background: #FFF;
padding: 10px 0;
width: 100%;
max-width: 120em;
margin: 0 auto;
}
.project-tax-list.row ul {
display: block;
text-align: center;
margin: 0;
}
.project-tax-list.row ul li {
display: inline;
font-size: 0.7em;
white-space: nowrap;
padding: 0 2%;
}
@media only screen and (min-width: 40.063em) {
.project-tax-list.row ul li {
padding: 0 4%;
}
}
@media only screen and (min-width: 64.063em) {
.project-tax-list.row ul li {
font-size: 0.8em;
}
}
.project-tax-list.row ul li.active a {
cursor: default;
}
.project-tax-list.row ul li.active a, .project-tax-list.row ul li.active a:hover {
color: #999;
}
.project-tax-list.row ul li a {
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.project-tax-list.row ul li a:hover {
color: #00acbc;
}
@media only screen and (max-width: 40em) {
.project-tax-list.row ul li span {
display: none;
}
}
.project-tax-list.row ul .current-cat {
color: #999;
}
.project-tax-list.row ul .current-cat a {
color: #999;
}
@media only screen and (min-width: 40.063em) {
.tax-mau_project_tax .project-tax-list.row,
.tax-mau_clients_projects_category .project-tax-list.row {
width: 100%;
background: none;
z-index: 99;
padding: 0;
top: 70px;
}
.tax-mau_project_tax .project-tax-list.row ul,
.tax-mau_clients_projects_category .project-tax-list.row ul {
position: fixed;
z-index: 99;
background: #fff;
max-width: 120em;
margin: 0 auto;
padding: 10px 0;
}
.projects-container .type-mau_project,
.projects-container .type-mau_clients_project {
height: 100vh;
padding: calc(45px + 2%) 2% 0; /* 70 lišta - 25 vnitřní odsazení, nad projektem 2 % */
max-width: 100%;
}
.projects-container .type-mau_project h1,
.projects-container .type-mau_clients_project h1 {
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.projects-container .type-mau_project .inner, .projects-container .type-mau_project .entry, .projects-container .type-mau_project .video,
.projects-container .type-mau_clients_project .inner,
.projects-container .type-mau_clients_project .entry,
.projects-container .type-mau_clients_project .video {
height: 100%;
}
}
.project-tax-link {
text-transform: uppercase;
color: #555;
display: block;
font-size: 0.7em;
letter-spacing: 0.1em;
margin-bottom: 1em;
}
.projects .project-tax-link {
text-align: center;
}
.single .project-tax-link {
margin: 20px 0;
}
.project-share-link {
margin-top: 40px;
font-size: 0.8em;
text-transform: uppercase;
}
.thumb-link {
overflow: hidden;
display: block;
background: #000;
}
.thumb-link .video-thumb.wide-ratio {
max-width: 134.5%;
position: relative;
left: -17.25%;
padding-bottom: 1px;
}
.play_button {
position: absolute;
left: 50%;
top: 50%;
width: 54px;
margin-left: -27px;
margin-top: -26px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-backface-visibility: hidden;
}
.play_button img {
width: 100%;
height: auto;
}
@media only screen and (orientation:landscape) {
.play_button {
width: 70px;
margin-left: -35px;
margin-top: -34px;
}
}
@media only screen and (min-width: 64.063em) {
.play_button {
width: 100px;
margin-left: -50px;
margin-top: -49px;
}
}
@media only screen and (orientation:landscape) {
.home .play_button {
margin-top: -35px;
}
}
@media only screen and (min-width: 40.063em) {
.home .play_button {
width: 100px;
margin-left: -50px;
margin-top: -49px;
}
}
@media only screen and (min-width: 40.063em) and (orientation: landscape) {
.home .play_button {
width: 110px;
margin-left: -53px;
margin-top: -53px;
}
}
.video-thumb {
width: 100%;
}
ul.pagination li a,
ul.pagination li a:hover,
ul.pagination li.current a,
ul.pagination li.current a:hover {
background: none;
color: #000;
font-weight: normal;
padding: 0.0625rem 0.425rem 0.0625rem;
font-size: 1.1em;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
ul.pagination li a,
ul.pagination li a:hover,
ul.pagination li.current a,
ul.pagination li.current a:hover {
font-size: 1em;
}
}
ul.pagination li a:hover {
color: #00acbc;
}
.type-mau_project .entry p,
.type-mau_clients_project .entry p {
font-size: 0.8rem;
}
@media only screen and (max-width: 40em) {
.type-mau_project .entry,
.type-mau_clients_project .entry {
display: none;
padding: 0.5rem 2rem;
}
}
.project-info-toggle {
clear: both;
margin: 0 2rem;
}
@media only screen and (min-width: 40.063em) {
.project-info-toggle {
display: none !important;
}
}
.magic-plus-button {
position: relative;
display: inline-block;
text-transform: uppercase;
font-size: 0.8rem;
padding: 1rem 20px;
}
.magic-plus-button:before, .magic-plus-button:after {
content: " ";
position: absolute;
display: block;
border: 1px solid #333;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.magic-plus-button:hover:before, .magic-plus-button:hover:after {
border-color: #00acbc;
}
.magic-plus-button:before {
top: 16px;
left: 6px;
height: 13px;
border-width: 0 0 0 1px;
}
.magic-plus-button:after {
top: 21.5px;
left: 0px;
width: 13px;
border-width: 1px 0 0;
}
.magic-plus-button.active:after, .magic-plus-button.active:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.magic-plus-button.active.button-plus-to-minus:after, .magic-plus-button.active.button-plus-to-minus:before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.magic-plus-button.active.button-plus-to-minus:before {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
height: 0;
top: 5.5px;
}
/* HOMEPAGE */
@media only screen and (min-width: 40.063em) {
.home .entry {
padding-top: 10px;
padding-bottom: 0;
}
}
.more-link {
text-align: center;
padding-top: 70px;
}
.more-link a {
margin: 1em auto 2em;
width: 90%;
}
@media only screen and (min-width: 40.063em) {
.more-link a {
width: 33.33%;
max-width: 250px;
}
}
@media only screen and (min-width: 64.063em) {
.more-link a {
width: 33.33%;
max-width: none;
margin: 1em auto 3em;
}
}
.magic-button {
display: inline-block;
color: #333;
padding: 20px;
border: 1px solid #333;
border-radius: 3px;
text-align: center;
text-transform: uppercase;
font-size: 1.1em;
letter-spacing: 0.05em;
line-height: 1em;
}
.magic-button:hover {
background: #333;
color: #fff;
}
.child-page,
#finished-projects,
#finished-series {
padding-top: 20px;
padding-bottom: 20px;
}
.child-page h2,
#finished-projects h2,
#finished-series h2 {
font-size: 2em;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
font-weight: normal;
margin-bottom: 40px;
-webkit-transition: font-size 0.3s ease-out;
transition: font-size 0.3s ease-out;
}
@media only screen and (min-width: 40.063em) {
.child-page h2,
#finished-projects h2,
#finished-series h2 {
font-size: 2.5em;
}
}
@media only screen and (min-width: 64.063em) {
.child-page h2,
#finished-projects h2,
#finished-series h2 {
font-size: 3em;
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.home .row.projects.featured .columns:nth-child(1),
.home .row.projects.featured .columns:nth-child(2),
.home .row.projects.featured .columns:nth-child(3) {
padding-top: 15px;
}
}
/* SLIDER */
.orbit-container .orbit-slides-container img {
width: 100%;
}
.orbit-container .orbit-slides-container > *:first-child {
position: relative;
}
#featured {
background: #000;
}
@media only screen and (orientation:landscape) {
#featured {
height: 100vh !important;
}
}
.orbit-bullets {
top: 0;
}
.orbit-bullets li {
background: none;
border: 1px solid #fff;
width: 0.525rem;
height: 0.525rem;
}
.orbit-bullets li.active {
background: #fff;
}
.orbit-bullets-container {
height: 0;
top: 10px;
position: absolute;
left: 0;
width: 100%;
z-index: 10;
}
@media only screen and (max-width: 40em) {
.orbit-bullets-container {
top: 0;
}
}
.featured-slider .orbit-prev,
.featured-slider .orbit-next {
background-repeat: no-repeat;
background-position: center center;
}
.featured-slider .orbit-prev span,
.featured-slider .orbit-next span {
border: none;
}
.featured-slider .orbit-prev {
left: 5px;
background-image: url("images/left_arrow.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.featured-slider .orbit-prev {
background-image: url("images/left_arrow2x.png");
background-size: 17px 24px;
}
}
.featured-slider .orbit-next {
right: 5px;
background-image: url("images/right_arrow.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.featured-slider .orbit-next {
background-image: url("images/right_arrow2x.png");
background-size: 17px 24px;
}
}
.featured-slider .orbit-slide-number, .featured-slider .orbit-timer {
display: none !important;
}
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
top: 50%;
height: 60px;
margin-top: -30px;
}
@media only screen and (orientation:landscape) {
.orbit-container .orbit-prev,
.orbit-container .orbit-next {
margin-top: -65px;
}
}
@media only screen and (min-width: 40.063em) {
.orbit-prev-title,
.orbit-next-title {
display: block;
}
}
@media only screen and (min-width: 64.063em) {
.orbit-prev-title {
left: -46%;
}
.orbit-next-title {
right: -46%;
}
}
.scroll-down-arr {
position: absolute;
top: -45px;
width: 100%;
height: 36px;
z-index: 11;
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
font-size: 0.7em;
letter-spacing: 0.1em;
line-height: 1.2em;
display: block;
background-image: url("images/down_arrow.png");
background-repeat: no-repeat;
background-position: center bottom;
-webkit-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.scroll-down-arr {
background-image: url("images/down_arrow2x.png");
background-size: 25px 13px;
}
}
.scroll-down-arr:hover, .scroll-down-arr:focus, .scroll-down-arr:visited {
color: #FFFFFF;
}
.scrolled .scroll-down-arr {
opacity: 0;
}
.video-overlay {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: #000;
padding: 8% 10% 10%;
z-index: 900;
cursor: pointer;
}
.close-video-overlay {
position: absolute;
top: 30px;
right: 30px;
color: #fff;
font-size: 2em;
color: #fff;
}
.close-video-overlay:hover {
color: #00acbc;
}
.close-video-overlay:before {
content: "✕";
}
.video-slide-title {
color: #fff;
position: absolute;
text-align: center;
width: 100%;
left: 0;
top: 38px;
text-transform: uppercase;
font-size: 0.7em;
letter-spacing: 0.1em;
opacity: 0;
-webkit-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
.slide.active .video-slide-title {
opacity: 1;
}
@media only screen and (max-width: 40em) {
.video-slide-title {
display: none;
}
}
.video-overlay .video-slide-title {
top: auto;
bottom: 2%;
font-size: 1.3em;
text-transform: none;
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
z-index: 999;
}
@media only screen and (min-width: 40.063em) {
.video-overlay .video-slide-title {
bottom: 4%;
}
}
@media only screen and (min-width: 64.063em) {
.video-overlay .video-slide-title {
bottom: 7%;
}
}
.video-inner {
position: relative;
}
.inserted-video {
width: 100%;
height: 100%;
z-index: 80;
}
.tax-mau_project_tax .inserted-video, .tax-mau_clients_projects_category .inserted-video {
position: absolute;
left: 0;
top: 0;
}
.video-overlay-transparent {
width: 100%;
height: 85%;
z-index: 99;
position: absolute;
top: 0;
left: 0;
background: transparent;
}
a.next-link,
a.prev-link {
display: block;
margin: 5px 0;
position: relative;
color: #F6F6F6;
font-size: 0.7em;
letter-spacing: 0.1em;
text-transform: uppercase;
}
a.next-link:hover,
a.prev-link:hover {
color: #F6F6F6;
}
@media only screen and (min-width: 40.063em) {
a.next-link,
a.prev-link {
color: #545454;
}
a.next-link:hover,
a.prev-link:hover {
color: #00acbc;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
a.next-link,
a.prev-link {
left: 14%;
}
}
@media only screen and (min-width: 64.063em) {
a.next-link,
a.prev-link {
left: 22%;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
.type-mau_project a.prev-link, .type-mau_project a.next-link,
.type-mau_clients_project a.prev-link,
.type-mau_clients_project a.next-link {
font-size: 0.8em;
}
}
article:first-child a.next-link {
margin-top: 40px;
}
a.next-link:before {
content: "";
position: relative;
left: -9px;
top: 10px;
border-color: #545454 transparent;
border-style: solid;
border-width: 7px 7px 0px 7px;
height: 0px;
width: 0px;
}
a.prev-link {
margin-top: 20px;
}
a.prev-link:before {
content: "";
position: relative;
left: -9px;
top: -11px;
border-color: #545454 transparent;
border-style: solid;
border-width: 0px 7px 7px 7px;
height: 0px;
width: 0px;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
a.prev-link {
margin-top: 20px;
}
}
.overlay-active {
overflow: hidden;
}
.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
background-color: transparent;
}
/* GALLERIES */
.gallery {
overflow: hidden;
}
.gallery-item {
float: left;
margin: 0;
}
.gallery-item img {
width: 100%;
border: none !important;
}
.gallery-columns-8 .gallery-item {
width: 33.3333%;
}
@media only screen and (min-width: 40.063em) {
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
/* FINISHED PROJECTS */
#finished-projects,
#finished-series {
position: relative;
}
#finished-projects h2,
#finished-series h2 {
text-transform: uppercase;
text-align: center;
}
.finished-project {
float: left;
width: 33.3333%;
position: relative;
overflow: hidden;
}
@media only screen and (min-width: 40.063em) {
.finished-project {
width: 12.5%;
}
}
.finished-project img {
width: 100%;
height: auto;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Chrome 19+ & Safari 6+ */
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.finished-project:hover img, .finished-project:focus img {
-webkit-filter: none;
filter: none;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
-webkit-filter: grayscale(0);
}
.finished-project.active img {
filter: none;
-webkit-filter: grayscale(0);
}
.finished-project a:hover, .finished-project a:focus {
color: #333;
}
.finished-project .finished-project-info {
display: none;
}
.info-wrapper {
position: relative;
}
@media only screen and (min-width: 40.063em) {
.top-bar .info-wrapper:before, .top-bar .info-wrapper:after {
content: " ";
width: 50%;
display: block;
height: 9999px;
background: #f6f6f6;
position: absolute;
z-index: 5;
}
.top-bar .info-wrapper:before {
left: -50%;
}
.top-bar .info-wrapper:after {
right: -50%;
}
}
.finished-project-info {
width: 100%;
height: 100vh;
background: #EDEDED;
padding: 20px 2% 30px 2%;
position: absolute;
top: 0px;
left: -110%;
right: auto;
z-index: 1;
}
.finished-project-info.active {
left: 0;
z-index: 2;
overflow-y: scroll;
}
.finished-project-info .inner {
padding-bottom: 25px;
}
@media only screen and (min-width: 40.063em) {
.finished-project-info {
padding-top: 85px;
width: 50%;
left: auto;
right: -50%;
}
.finished-project-info.active {
left: auto;
right: 0;
}
.finished-project-info.finished-project-right {
left: -50%;
right: auto;
}
.finished-project-info.finished-project-right.active {
left: 0;
right: auto;
}
.finished-projects-collapsed .finished-project-info.finished-project-pt-mau_finished_project.finished-project-left-feat, .finished-series-collapsed .finished-project-info.finished-project-pt-mlab_finished_series.finished-project-left-feat {
left: auto;
right: -50%;
}
.finished-projects-collapsed .finished-project-info.finished-project-pt-mau_finished_project.finished-project-left-feat.active, .finished-series-collapsed .finished-project-info.finished-project-pt-mlab_finished_series.finished-project-left-feat.active {
left: auto;
right: 0;
}
.finished-projects-collapsed .finished-project-info.finished-project-pt-mau_finished_project.finished-project-right-feat, .finished-series-collapsed .finished-project-info.finished-project-pt-mlab_finished_series.finished-project-right-feat {
left: -50%;
right: auto;
}
.finished-projects-collapsed .finished-project-info.finished-project-pt-mau_finished_project.finished-project-right-feat.active, .finished-series-collapsed .finished-project-info.finished-project-pt-mlab_finished_series.finished-project-right-feat.active {
left: 0;
right: auto;
}
}
.finished-project-info h3 {
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin-bottom: 15px;
font-size: 1.2em;
}
.finished-project-info p {
font-size: 0.8rem;
line-height: 1.5;
}
.finished-project-info .project-awards li {
max-width: 180px;
}
.anim_slide.info-wrapper .finished-project-info {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.info-close {
position: absolute;
right: 0;
padding-right: 10px;
top: 10px;
z-index: 11;
font-size: 2em;
cursor: pointer;
-webkit-transition: right 0.5s ease-out;
transition: right 0.5s ease-out;
}
.info-close:before {
color: #545454;
content: "✕";
}
.info-close:hover:before {
color: #333;
}
@media only screen and (min-width: 40.063em) {
.info-close {
top: 76px;
padding-right: 16px;
}
}
.trailer-link,
.vfx-link {
margin-top: 25px;
}
.finished-series-collapsed #finished-series .finished-project,
.finished-projects-collapsed #finished-projects .finished-project {
display: none;
}
.finished-series-collapsed #finished-series .finished-project.finished-project-featured,
.finished-projects-collapsed #finished-projects .finished-project.finished-project-featured {
display: block;
}
.project-badge {
position: absolute;
bottom: 2.4em;
right: -3.5em;
padding: 0.7em 3.2em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
white-space: nowrap;
text-transform: uppercase;
opacity: 0.9;
-webkit-font-smoothing: antialiased;
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.project-badge {
font-size: 10px;
}
@media screen and (min-width: 320px) {
.project-badge {
font-size: calc(10px + 6 * ((100vw - 320px) / 320));
}
}
@media screen and (min-width: 640px) {
.project-badge {
font-size: 16px;
}
}
@media only screen and (min-width: 40.063em) {
.project-badge {
font-size: 8px;
}
}
@media only screen and (min-width: 40.063em) and (min-width: 641px) {
.project-badge {
font-size: calc(8px + 12 * ((100vw - 641px) / 1279));
}
}
@media only screen and (min-width: 40.063em) and (min-width: 1920px) {
.project-badge {
font-size: 20px;
}
}
.project-badge-in-production {
background: #ECC93F;
}
/* FOOTER */
.site-footer.row {
padding-top: 20px;
}
.site-footer.row p {
font-size: 0.7rem;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
.site-footer.row p {
font-size: 1em;
}
}
@media only screen and (min-width: 40.063em) {
.site-footer.row {
padding-top: 80px;
}
.site-footer.row .textwidget {
float: left;
}
.site-footer.row .medium-3.columns:nth-child(3n+3) .textwidget,
.site-footer.row .medium-3.columns:nth-child(4n+4) .textwidget {
float: right;
}
}
@media only screen and (min-width: 64.063em) {
.site-footer.row p {
font-size: 0.9rem;
}
}
@media only screen and (min-width: 40.063em) {
.site-footer .columns:nth-last-of-type(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.site-footer .columns:nth-of-type(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* PAGE TEMPLATES */
.page-template-templateslead-page-php .hentry h1, .page-template-templateslead-page-php .hentry h2 {
font-size: 3em;
text-transform: uppercase;
margin: 30px 0;
text-align: center;
}
.page-template-templateslead-page-php .hentry p {
text-align: center;
width: 80%;
margin: 0 auto;
font-size: 1.2em;
margin-bottom: 0px;
letter-spacing: 0.05em;
}
@media only screen and (min-width: 40.063em) {
.page-template-templateslead-page-php .hentry p {
font-size: 1.2em;
margin-bottom: 40px;
}
}
.page-template-templateslead-page-php.home .hentry p {
width: 95%;
}
@media only screen and (min-width: 40.063em) {
.page-template-templateslead-page-php.home .hentry p {
width: 60%;
font-size: 1.8em;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 64.063em) {
.page-template-templateslead-page-php.home .hentry p {
width: 50%;
font-size: 2.3em;
}
}
.page-template-templatescontact-php article h2 {
font-size: 1.2em;
text-transform: none;
margin: 0 0 20px;
}
.page-template-templatescontact-php article h3 {
font-size: 1em;
margin-bottom: 2px;
}
.page-template-templatescontact-php article h2, .page-template-templatescontact-php article h3 {
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.page-template-templatescontact-php article .inner {
text-align: left;
width: 100%;
margin: 0;
font-size: 1em;
}
.page-template-templatescontact-php article .inner h1 {
display: none;
}
@media only screen and (min-width: 40.063em) {
.page-template-templatescontact-php article {
padding-top: 10px;
}
}
@media only screen and (min-width: 64.063em) {
.page-template-templatescontact-php article {
padding-top: 50px;
}
}
.page-template-templatescontact-php .team {
padding: 60px 0 0;
line-height: 1.5em;
}
.page-template-templatescontact-php .team h2 {
font-size: 1em;
}
.page-template-templatescontact-php .team ul {
list-style: none;
margin: 0 0 40px 0;
text-transform: uppercase;
font-size: 0.7em;
letter-spacing: 0.1em;
line-height: 2;
}
.page-template-templatescontact-php .team .member {
min-height: 157px;
}
@media only screen and (min-width: 64.063em) {
.page-template-templatescontact-php .team .member {
min-height: 155px;
}
}
.page-template-contact .site-wrapper,
.page-template-templatescontact-php .site-wrapper {
overflow: visible;
}
/* CLIENTS PROJECTS */
.clients-select-form {
margin-top: 25px;
}
.clients-select-form select {
cursor: pointer;
}
.projects .columns.no-posts {
padding-left: 40px;
}
.project-download-button {
display: none;
bottom: 0;
right: 1.5em;
z-index: 2;
font-size: 0.7em;
letter-spacing: 0.1em;
padding: 10px 15px;
float: right;
margin-top: 10px;
}
@media only screen and (min-width: 40.063em) {
.project-download-button {
display: block;
}
}
@media only screen and (min-width: 40.063em) {
.tax-mau_clients_projects_category .row.clients-select-form-container {
position: fixed;
top: 62px;
left: 0;
z-index: 99;
background: #F6F6F6;
}
.tax-mau_clients_projects_category .row.clients-select-form-container .clients-select-form {
margin-bottom: 5px;
}
}
/* ICONS */
.icon-heart {
background-repeat: no-repeat;
background-position: left center;
background-image: url("images/heart.png");
padding-left: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.icon-heart {
background-image: url("images/heart2x.png");
background-size: 14px 11px;
}
}
.icon-top {
background-repeat: no-repeat;
background-position: left 41%;
background-image: url("images/backtotop.png");
padding-left: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.icon-top {
background-image: url("images/backtotop2x.png");
background-size: 11px 14px;
}
}
/* = = = FB ICON = = = */
.top-bar-section li.menu-icon-fcb:not(.has-form) {
height: 70px;
padding-top: 16px;
background: #000;
}
.top-bar-section li.menu-icon-fcb:not(.has-form) a:not(.button) {
padding: 0;
margin-left: 9px;
width: 37px;
height: 37px;
overflow: hidden;
text-indent: -999px;
background-image: url("images/facebook-icon.svg");
background-size: 19px 19px;
background-color: #000;
background-repeat: no-repeat;
background-position: left center;
}
.top-bar-section li.menu-icon-search:not(.has-form) {
height: 70px;
padding-top: 16px;
}
.top-bar-section li.menu-icon-search:not(.has-form) a:not(.button) {
padding: 0;
width: 37px;
height: 37px;
overflow: hidden;
text-indent: -999px;
background-image: url("images/search-icon.svg");
background-size: 19px 19px;
background-color: #000;
background-repeat: no-repeat;
background-position: left center;
}
@media only screen and (max-width: 640px) {
.top-bar-section li.menu-icon-search:not(.has-form) {
margin-left: 15px;
}
}
.search-form-wrapper {
background-color: white;
display: none;
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
opacity: 0;
padding: 26px 30px;
z-index: 5;
position: relative;
}
.search-form-wrapper .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-form-wrapper .search-header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
top: 1.4rem;
width: calc(100% - 60px);
z-index: 5;
}
.search-form-wrapper .search-header .close-searchform {
cursor: pointer;
}
.search-form-wrapper .searchform input[type=search] {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
color: #C1C1C1;
font-size: 40px;
}
@media screen and (only screen and (min-width: 40.063em)) {
.search-form-wrapper .searchform input[type=search] {
height: auto;
}
}
@media screen and (max-width: 900px) {
.search-form-wrapper .searchform input[type=search] {
font-size: 30px;
}
}
@media screen and (max-width: 640px) {
.search-form-wrapper .searchform input[type=search] {
font-size: 15px;
margin-bottom: 0;
}
}
.search-form-wrapper .searchform input[type=search i]::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 20px;
width: 20px;
background-image: url("images/magic-close.svg");
}
.search-form-wrapper .searchform input[type=submit] {
text-align: right;
border: none;
background-color: white;
font-family: inherit;
font-size: 11px;
cursor: pointer;
margin-top: 15px;
}
@media screen and (max-width: 640px) {
.search-form-wrapper .searchform input[type=submit] {
margin-top: 0;
}
}
.search-form-wrapper .searchform .search-inside {
border-bottom: 1px solid #707070;
width: 100%;
margin: auto;
padding: 20px 0 10px 0;
}
.search-form-wrapper .searchform .filter {
width: 100%;
margin: auto;
padding-top: 24.5px;
}
.search-form-wrapper .searchform .filter input[type=checkbox] {
top: 4px;
margin-right: 12px;
}
@media screen and (max-width: 640px) {
.search-form-wrapper .searchform .filter input[type=checkbox] {
margin-top: 4px;
}
}
.search-form-wrapper.visible {
opacity: 1;
display: block;
}
.search-column {
padding: 2rem 0.9375rem;
font-size: 1.1rem;
font-weight: bold;
}
.search-column .grey {
color: #c1c1c1;
}
/* AWARDS */
.project-awards {
list-style: none;
padding: 0;
padding-left: 10px;
overflow: visible;
}
.project-awards li {
text-align: center;
font-size: 0.7em;
position: relative;
height: 60px;
margin-bottom: 10px;
text-transform: uppercase;
left: -5px;
}
.project-awards li > * {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 64%;
}
.project-awards li:before, .project-awards li:after {
content: " ";
background-repeat: no-repeat;
width: 24px;
height: 100%;
position: absolute;
top: 0px;
display: block;
}
.project-awards li:before {
left: 10px;
background-position: left center;
background-image: url("images/fest_vavrin.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.project-awards li:before {
background-image: url("images/fest_vavrin2x.png");
background-size: 24px 48px;
}
}
.project-awards li:after {
right: 10px;
background-position: right center;
background-image: url("images/fest_vavrin_r.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.project-awards li:after {
background-image: url("images/fest_vavrin_r2x.png");
background-size: 24px 48px;
}
}
.award-text {
display: block;
font-family: "HelveticaNeueLTStd-LtCn", "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "TeXGyreHerosCnRegular", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
font-size: 1.1em;
line-height: 1.1em;
overflow: hidden;
margin: 0 auto;
}
.award-weight-bold {
font-family: "HelveticaNeueLTStd-BdCn", "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
}
.award-size-large {
font-size: 1.6em;
}
.award-icon {
position: absolute;
width: 10%;
top: 2.5%;
left: 2.5%;
z-index: 11;
margin-top: 65px;
}
.award-icon img {
width: 100%;
height: auto;
}
.slide .award-icon {
margin-top: 0;
top: 10px;
left: 50%;
width: 10%;
margin-left: -5%;
opacity: 0;
-webkit-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
@media only screen and (min-width: 40.063em) {
.slide .award-icon {
top: 70px;
width: 6%;
margin-left: -3%;
}
}
@media only screen and (min-width: 64.063em) {
.slide .award-icon {
width: 4%;
margin-left: -2%;
}
}
.slide.active .award-icon {
opacity: 1;
}
.awards-count {
position: absolute;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0.7em;
line-height: 100%;
color: #fff;
text-align: center;
opacity: 0.9;
}
@media only screen and (min-width: 40.063em) {
.awards-count {
font-size: 0.4em;
}
}
@media only screen and (min-width: 64.063em) {
.awards-count {
font-size: 0.7em;
}
}
/* JOBS */
.job-title {
text-transform: uppercase;
margin-bottom: 1em;
font-size: 3em;
}
.magic_lab_job {
margin-top: 2em;
margin-bottom: 1em;
}
.magic_lab_job p {
font-size: 1.2em;
}
.magic_lab_job .content {
padding-bottom: 2em;
}
.magic_lab_job .startup-email-link {
text-transform: uppercase;
color: #666;
font-size: 0.8em;
}
.jobs {
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* #gform_1{
display: none;
} */
}
.jobs.single {
max-width: 1000px;
}
.jobs h1, .jobs h2 {
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.3rem;
padding: : 50px 0 30px !important;
}
.jobs h2 {
margin: 2rem 0 3.5rem;
cursor: pointer;
}
.jobs p {
font-size: 1rem;
}
.jobs .type-mau_project {
height: 100%;
}
.jobs .image img {
width: 100%;
}
.jobs .gform_required_legend {
display: none;
}
.jobs input,
.jobs select,
.jobs textarea {
background-color: #f6f6f6;
-webkit-box-shadow: none;
box-shadow: none;
}
.jobs select {
-webkit-appearance: none !important;
color: black !important;
}
.jobs label {
font-size: 14px;
}
.jobs .gform_button_select_files,
.jobs .gfield_select,
.jobs .gform_button {
font-family: "EuclidFlex-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.jobs .gform_drop_area {
background-color: #f6f6f6 !important;
padding: 21px !important;
}
.jobs .gform_drop_area .gform_drop_instructions {
float: left;
margin-top: -10px;
}
.jobs .gform_drop_area .gform_button_select_files {
color: black;
border: 1px solid black;
border-radius: 2px;
background-color: #f6f6f6;
position: absolute;
right: 4px;
bottom: -14px;
padding: 5px 10px;
}
.jobs .gform_footer.top_label {
text-align: center;
}
.jobs .gform_footer.top_label .gform_button {
color: black;
border: 1px solid black;
border-radius: 2px;
width: 300px;
margin: auto;
}
.jobs .gform_footer.top_label .gform_button:hover {
background-color: #f6f6f6;
color: #008cba;
}
.jobs .gform_wrapper.gravity-theme .gform_validation_errors {
background-color: #f6f6f6;
}
.jobs .thumb-link {
width: 80%;
}
.jobs .type-mau_project {
height: 100%;
padding: 76px 2% 0;
}
.row.jobs-header {
padding: 24px 24px 0 24px;
margin-top: 50px;
}
@media only screen and (min-width: 40.063em) {
.row.jobs-header {
padding: 50px 24px 0 24px;
}
}
.row.jobs-header h1 {
font-size: 2rem;
margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
.row.jobs-header h1 {
font-size: 2.7rem;
}
}
.row.jobs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1200px;
}
.row.jobs.single {
max-width: 800px;
}
.job-card {
padding: 24px !important;
max-width: 1200px;
margin: auto;
}
.job-card h2 {
font-size: 20px;
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 0 0 15px 0;
line-height: 1;
}
.job-card h1 {
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.2rem;
margin: 21px 0 15px;
}
.job-card p {
font-size: 13px;
}
.job-card .image img {
width: 100%;
}
.job-card .project-tax-link {
color: #C1C1C1;
}
.job-card a:hover {
color: #000000;
}
.job-card:nth-child(1) {
/* @media only screen and (min-width: 40.063em){
padding-top: 0 !important;
} */
}
.job-card:nth-child(1) .inner {
padding-top: 0;
}
#menu-jobs-category-menu,
#menu-contact-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: white;
padding: 10px 0px;
}
#menu-jobs-category-menu li,
#menu-contact-menu li {
padding: 0px 3%;
font-size: 0.8rem;
text-transform: uppercase;
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
@media only screen and (max-width: 40em) {
.jobs .type-mau_project .entry {
display: block;
}
.jobs .thumb-link {
width: 100%;
margin-bottom: 20px;
}
}
/* SLIDER FOUC */
.no-js #featured .slide {
display: none;
}
.no-js #featured .slide:first-child {
display: block;
}
#featured .slide {
opacity: 0;
}
#featured .slide:first-child,
.js-orbit-ready #featured .slide {
opacity: 1;
}
/* SLIDER TWEAKS */
@media only screen and (orientation:landscape) {
.home #access {
top: -45px;
}
}
@media only screen and (min-width: 40.063em) and (orientation: landscape) {
.home #access {
top: -70px;
}
}
.home.has-sticky-top #access {
top: 0;
}
@media only screen and (orientation:portrait) {
#featured .slide {
height: 55vw;
}
}
@media only screen and (orientation:landscape) {
#featured .slide {
height: 100vh;
}
}
.home .page .inner {
padding-top: 55px;
}
@media only screen and (orientation:landscape) {
.home .page .inner {
padding-top: 0px;
}
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
.home .page .inner {
padding-top: 25px;
}
}
.sticky-top {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 99;
}
.has-sticky-top .site-wrapper > .page {
padding-top: 45px;
}
@media only screen and (min-width: 40.063em) {
.has-sticky-top .site-wrapper > .page {
padding-top: 70px;
}
}
/* SYNPOSIS */
.project-synopsis.hidden {
display: none;
}
a.project-synopsis-trigger {
text-decoration: none;
padding-top: 0;
padding-bottom: 0.5em;
margin-bottom: 1em;
}
a.project-synopsis-trigger:after {
top: 5px;
}
a.project-synopsis-trigger:before {
top: -1px;
}
/* UNSORTED */
.video-slide-title a,
.video-slide-title a:visited {
color: #FFF;
}
.video-slide-title a:hover {
color: #00acbc;
}
.slide-bg-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0, 0, 0);
}
.hw-acc {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.vdo-video-wrap {
max-width: 100%;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
.top-bar .toggle-topbar.menu-icon {
right: 0;
}
.top-bar .toggle-topbar.menu-icon a {
padding: 0 0 0 6px;
width: 40px;
}
.top-bar .toggle-topbar.menu-icon a::after {
position: relative;
margin: 0 auto;
}
#menu-jobs-menu, #menu-contact-menu {
padding-left: 0 !important;
}
.jobs .type-mau_project {
padding: 6rem 0 0 0 !important;
}
@media only screen and (min-width: 40.063em) {
.medium-4 {
width: 33.31%;
}
}
.icon-heart {
padding-top: 26px;
background-position: left 28px;
}
.tax-mau_project_tax .video-thumb {
width: 100%;
}
.job-card img {
display: block !important;
}
.home .projects.featured img.lazyload:not(.loaded) {
width: 10%;
}
.top-bar .toggle-topbar.menu-icon a {
background-repeat: no-repeat;
background-position: 10px 7px;
}
.grid-x {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.text-grey {
color: #C1C1C1;
}
@media (min-width: 1281px) {
#projects-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.projects .columns {
padding-top: 35px;
padding-bottom: 0px;
width: 33.3%;
}
.home .small-12.more-link {
width: 100%;
}
}
/*contact submenu*/
.jobs-menu {
max-width: 120em;
margin: 0 auto;
}
.contact-cards {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.jobs-menu .current-menu-item a,
.jobs-menu .current-menu-parent a {
color: #999;
}
#menu-jobs-menu,
#menu-contact-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: white;
padding: 7px 0px;
}
#menu-jobs-menu li,
#menu-contact-menu li {
padding: 0px 3%;
font-size: 0.8rem;
text-transform: uppercase;
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 0;
}
@media only screen and (min-width: 641px) {
#menu-contact-menu {
padding-left: calc(187px + 5.5vw);
}
.logged-in #menu-contact-menu {
padding-left: calc(135px + 3vw);
}
#menu-jobs-menu {
padding-left: calc(74px + 3%);
}
.logged-in #menu-jobs-menu {
padding-left: calc(13px + 3%);
}
}
@media only screen and (min-width: 1000px) {
#menu-contact-menu {
padding-left: calc(210px + 3.6vw);
}
.logged-in #menu-contact-menu {
padding-left: calc(135px + 3vw);
}
}
@media only screen and (min-width: 1024px) {
#menu-jobs-menu {
padding-left: calc(50px + 3%);
}
.logged-in #menu-jobs-menu {
padding-left: 0;
}
}
@media only screen and (min-width: 1400px) {
#menu-contact-menu {
padding-left: calc(223px + 4vw);
}
.logged-in #menu-contact-menu {
padding-left: calc(135px + 3vw);
}
}
@media only screen and (max-width: 40em) {
.jobs .type-mau_project .entry {
display: block;
}
}
/* contact */
.contact .attachment-post-thumbnail {
width: 80%;
}
@media only screen and (max-width: 40em) {
.contact .attachment-post-thumbnail {
max-height: 400px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left;
object-position: left;
margin-bottom: 30px;
}
}
.contact-team-header {
padding-top: 30px;
}
.contact article {
padding-top: 50px;
}
.contact h1 {
font-size: 40px;
}
.contact h2 {
font-size: 1.2rem;
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.contact h3 {
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 15px;
}
.contact p {
font-size: 14px;
}
.contact-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-cards {
padding-top: 60px;
}
.contact-cards .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/*align-items: center;*/
margin-bottom: 1rem;
padding-bottom: 50px;
}
.contact-cards h3 {
font-size: 15px;
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.contact-cards p {
margin: 0;
text-transform: uppercase;
font-size: 14px;
line-height: 1.6;
}
.team-img {
width: 130px;
height: 130px;
border-radius: 200px;
margin-bottom: 2rem;
}
/* menu items order */
@media only screen and (min-width: 641px) {
#menu-main-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#menu-main-menu li:nth-of-type(4) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#menu-main-menu li:nth-of-type(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
#menu-main-menu li:nth-of-type(6) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
/* linkedin icon */
.menu-icon-lnk {
height: 70px;
padding-top: 15px;
background: #000;
}
.top-bar-section li.menu-icon-lnk:not(.has-form) a:not(.button) {
background-image: url("images/linkedin.svg");
background-size: 19px 19px;
padding: 0;
margin-left: 9px;
margin-right: 2px;
width: 28px;
height: 37px;
overflow: hidden;
text-indent: -999px;
background-color: #000;
background-repeat: no-repeat;
background-position: left center;
}
@media screen and (max-width: 750px) {
.top-bar-section li.menu-icon-fcb:not(.has-form) {
padding-right: 0;
}
}
@media screen and (max-width: 640px) {
#menu-social-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#menu-social-links li:nth-of-type(1):not(.menu-icon-lnk) {
width: 100%;
}
.menu-icon-fcb,
.menu-icon-lnk {
width: 40px;
}
.top-bar-section ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#menu-main-menu li:nth-of-type(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
#menu-main-menu li:nth-of-type(6) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
#menu-main-menu li:nth-of-type(5) {
display: none;
}
.type-mau_project .entry p {
font-size: 1rem;
}
@media only screen and (min-width: 40.063em) {
.tax-mau_clients_projects_category .project-tax-list.row ul, .tax-mau_project_tax .project-tax-list.row ul {
padding: 10px 15px;
}
}
.cmplz-cookiebanner {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
margin: auto !important;
white-space: nowrap;
}
.cmplz-cookiebanner.cmplz-dismissed {
display: none !important;
}
.cmplz-message, .cmplz-categories {
width: 90% !important;
}
.cmplz-cookiebanner .cmplz-body {
margin: auto;
}
@media only screen and (max-width: 40em) {
.cmplz-cookiebanner .cmplz-body {
min-width: auto !important;
}
}
.page-template-lead-page #cmplz-cookiebanner-container,
.post-type-archive-mau_project #cmplz-cookiebanner-container,
.search #cmplz-cookiebanner-container {
visibility: hidden;
}
#cmplz-manage-consent {
display: none;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
padding: 10px 25px !important;
border-color: rgba(255, 255, 255, 0.5) !important;
}
.cmplz-cookiebanner .cmplz-header {
width: 20px;
}
@media only screen and (min-width: 40.063em) {
.cmplz-cookiebanner .cmplz-header {
width: auto;
}
}
.post-105 h3 {
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 20px;
}
.post-105 h2 {
font-family: "EuclidFlex-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 40px !important;
}
@media only screen and (min-width: 640px) {
.search .has-post-thumbnail .attachment-large:not(.video-thumb) {
max-height: calc((100vw - 27.5px) / 3 * 0.562);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.search .index-card:not(.has-post-thumbnail) figure {
max-height: calc((100vw - 27.5px) / 3 * 0.562);
}
}
@media only screen and (min-width: 1920px) {
.search .has-post-thumbnail .attachment-large:not(.video-thumb) {
max-height: 354.02px;
}
.search .index-card:not(.has-post-thumbnail) figure {
height: 354.02px;
}
}
/* ===== Prevzato z Vlastniho CSS (Prizpusobeni) 2026-10-23 ===== */
/*.top-bar .toggle-topbar.menu-icon a::after {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}*/
.job-card h2 {
cursor: pointer !important
}
.jobs h2 {
cursor: default;
}
.job-card h2 {
cursor: pointer;
}
.search-form-wrapper .searchform input[type=search] {
height: 3rem;
}
.slider-wrapper, .more-link img {
position: absolute;
top: 3px;
left: 50%;
transform: translateX(-50%);
width: 65px;
}
/* .projects .type-mau_project:nth-child(19),
.projects .type-mau_project:nth-child(20),
.projects .type-mau_project:nth-child(21),
.projects .type-mau_project:nth-child(22),
.projects .type-mau_project:nth-child(23),
.projects .type-mau_project:nth-child(24),
.projects .type-mau_project:nth-child(25),
.projects .type-mau_project:nth-child(26),
.projects .type-mau_project:nth-child(27)
{
display:none;
} */
#menu-jobs-menu,#menu-contact-menu {
padding-left: 0 !important;
}
/* .jobs .type-mau_project {
padding: 24px 0 0 0 !important;
} */
@media only screen and (min-width: 40.063em){
.medium-4 {
width: 33.31%;
}}
/*
.video-thumb {
min-height: 260px;
max-height: 260px;
width: auto !important
}*/
.icon-heart {
padding-top: 26px;
background-position: left 28px
}
.tax-mau_project_tax .video-thumb {
width: 100%;
}
.job-card img { display: block !important}
.home .projects.featured img.lazyload:not(.loaded) {
width: 10%;
}
.more-link a {
margin: 1em auto 3em;
}
.top-bar .toggle-topbar.menu-icon a {
background-image: url("https://www.magiclab.film/wp-content/themes/magiclab-theme/images/menu-toggle.svg") ;
background-repeat: no-repeat;
background-position: 10px 7px;
}
@media (min-width: 1281px) {
.page-id-6 .projects .inner {
}
#projects-container {
display: flex;
flex-wrap: wrap;
}
.projects .columns {
padding-top: 35px;
padding-bottom: 0px;
width: 33.3%;
}
.home .small-12.more-link {
width: 100%;
}}
/*new css december 2022*/
.jobs-menu{
max-width: 120em;
margin: 0 auto;
}
.contact-cards {
justify-content: flex-start !important;
}
.jobs-menu .current-menu-item a,
.jobs-menu .current-menu-parent a {color: #999}
#menu-jobs-menu,
#menu-contact-menu{
display: flex;
flex-direction: row;
justify-content: center;
background-color: white;
padding: 7px 0px;}
#menu-jobs-menu li,
#menu-contact-menu li{
padding: 0px 3%;
font-size: 0.8rem;
text-transform: uppercase;
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 0}
@media only screen and (min-width: 641px){
#menu-contact-menu{
padding-left: calc(187px + 5.5vw)
}
.logged-in #menu-contact-menu{
padding-left: calc(135px + 3vw)}
#menu-jobs-menu{
padding-left: calc(74px + 3%);
}
.logged-in #menu-jobs-menu{
padding-left: calc(13px + 3%);
}
}
@media only screen and (min-width: 1000px){
#menu-contact-menu{
padding-left: calc(210px + 3.6vw);
}
.logged-in #menu-contact-menu{
padding-left: calc(135px + 3vw)}
}
@media only screen and (min-width: 1024px){
#menu-jobs-menu{
padding-left: calc(50px + 3%);
}
.logged-in #menu-jobs-menu{
padding-left: 0;
}
}
@media only screen and (min-width: 1400px){
#menu-contact-menu{
padding-left: calc(223px + 4vw);
}
.logged-in #menu-contact-menu{
padding-left: calc(135px + 3vw)}
}
.row.jobs{display: flex;
flex-wrap: wrap;
min-height: 70vh;}
.jobs .type-mau_project {height: 100%;
/* padding: 76px 2% 0; */
padding-top: 6rem;}
.job-card{padding: 24px 0 0 0 !important;}
.job-card h2 {font-size: 1.3rem;
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.jobs h1{
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.6rem;
padding: 40px 0 25px;
}
/* .jobs p{
font-size: 1rem !important
} */
.job-card p {
font-size: 14px;
}
.jobs .image img {width:100%}
@media only screen and (max-width: 40em){.jobs .type-mau_project .entry{display: block}}
.contact article{padding-top: 50px}
.contact h2{font-size: 1.2rem;
font-family: EuclidFlex-Medium,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;}
.contact-cards{display: flex;
justify-content: center;
flex-wrap: wrap}
.contact-cards{padding-top: 60px;}
.contact-cards .card{display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 1rem}
.contact-cards h3{
font-size: 1rem;
font-family: EuclidFlex-Medium,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.contact-cards p{
margin: 0;
text-transform: uppercase;
font-size: .7em;
letter-spacing: .1em;
line-height: 2}
@media only screen and (min-width: 641px){
#menu-main-menu{display: flex;
justify-content: center}
#menu-main-menu li:nth-of-type(4){order:3}
#menu-main-menu li:nth-of-type(3){order:4}
#menu-main-menu li:nth-of-type(6){order:5}
}
/* linkedin icon */
.menu-icon-lnk{
height: 70px;
padding-top: 15px;
margin-left: 1rem;
background: #000;
}
.menu-icon-fcb,
.menu-icon-search {
padding-top: 15px;
}
.top-bar-section li.menu-icon-lnk:not(.has-form) a:not(.button){
background-image: url(https://www.magiclab.film/wp-content/themes/magiclab-theme/images/linkedin.svg);
background-size: 19px 19px;
padding: 0;
margin-left: 9px;
margin-right: 2px;
width: 28px;
height: 37px;
overflow: hidden;
text-indent: -999px;
background-color: #000;
background-repeat: no-repeat;
background-position: left center;
}
@media screen and (max-width: 750px){
.top-bar-section li.menu-icon-fcb:not(.has-form){padding-right: 0}
}
@media screen and (max-width: 640px){
#menu-social-links{display: flex;
flex-wrap: wrap;
flex-direction: row}
#menu-social-links li:nth-of-type(1):not(.menu-icon-lnk){width: 100%}
.menu-icon-fcb,
.menu-icon-lnk{width: 40px;}
.top-bar-section ul{display: flex;
flex-direction: column;}
#menu-main-menu li:nth-of-type(3){order: 4}
#menu-main-menu li:nth-of-type(6){order: 5}
}
#menu-main-menu li:nth-of-type(5){display: none}
.type-mau_project .entry p {font-size: 1rem}
@media only screen and (min-width: 40.063em){
.tax-mau_clients_projects_category .project-tax-list.row ul, .tax-mau_project_tax .project-tax-list.row ul{padding: 10px 15px}
}
.top-bar-section li.menu-icon-fcb:not(.has-form) a:not(.button) {
background-image: url(https://www.magiclab.film/wp-content/themes/magiclab-theme/images/facebook-icon.svg);
background-size: 19px 19px
}
@media only screen and (min-width: 40.063em){
.site-footer .columns:nth-last-of-type(1) {
display: flex;
justify-content: flex-end;
}
.site-footer .columns:nth-of-type(2) {
display: flex;
justify-content: center;
}
}
.search-form-wrapper {
background-color: black;
}
.search-form-wrapper .searchform input[type=search] {
background-color: black;
}
.search-form-wrapper .searchform input[type=submit] {
background-color: black;
color: #707070;
border: 1px solid #707070;
}
.gform_confirmation_message_1, .gform_confirmation_message {
height: 2rem;
}
.search-form-wrapper .searchform .filter input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background-color: black;
border: 2px solid #707070;
border-radius: 3px;
position: relative;
cursor: pointer;
}
.search-form-wrapper .searchform .filter input[type=checkbox]::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
background-color: white;
transform: translate(-50%, -50%) scale(0);
transition: transform .2s ease-in-out;
}
.search-form-wrapper .searchform .filter input[type=checkbox]:checked::after {
transform: translate(-50%, -50%) scale(1);
}
input[type="checkbox"]+label, input[type="radio"]+label {
margin-top: 0.3rem;
}
.gform_button {
position: relative;
}
.gform_ajax_spinner {
position: absolute;
right: 20px;
bottom: 50px;
}
@media screen and (max-width: 40em) {
/* 640px / 16px = 40em */
.gform_ajax_spinner {
bottom: 56px;
}
}
#wp-a11y-speak-polite {
display: none;
}
body > div.site-wrapper > div:nth-child(3) > article > div > div > div.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
max-width: 80%;
margin-right: auto;
margin-left: auto;
}
.page-template-templateslead-page-php .hentry h1, .page-template-templateslead-page-php .hentry h2 {
font-size: 2.5em;
text-transform: none;
margin: 30px 0 40px;
text-align: center;
}
.wp-block-columns {
margin-bottom: 1.75em;
}
.team-img {
object-fit: cover;
}
.page-template-templateslead-page-php .hentry p {
font-size: 1rem;
}
@media screen and (max-width: 782px) {
.page-id-105 div.site-wrapper > div:nth-child(3) > article > div > div > div.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
max-width: 65%;
}
.page-id-105 div.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
justify-content: center;
}
.page-id-105 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 40% !important;
}
.page-id-105 .wp-block-image {
display: flex;
justify-content: center;
}
.page-id-105 .is-layout-flex {
padding: 0 3rem !important;
}
.page-id-105 .wp-block-image img {
max-width: 100% !important;
}
.row.jobs {
padding: 0 2.1rem;
}
}
@media screen and (max-width: 640px) {
.page-id-105 h3 {
margin-top: 40px !important;
}
.page-id-105 div.site-wrapper > div:nth-child(3) > article > div > div > div.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
margin-bottom: -40px;
}
}
/* .img-height-420 > img {
height: 420px;
object-fit: cover;
} */
#cmplz-cookiebanner-container > div > div.cmplz-buttons > button.cmplz-btn.cmplz-view-preferences {
display: none;
}
#cmplz-message-1-optin > p {
font-size: 0.75rem;
margin-bottom: 0;
}
.jobs .type-mau_project {
padding-top: 3.6rem !important;
}
.finished-project-info p {
font-size: 0.9rem;
}
@media only screen and (min-width: 40.063em) {
.home .entry {
padding-top: 0px;
padding-bottom: 10px;
}
}
.columns.small-12.more-link {
padding-top: 60px !important;
padding-bottom: 10px !important;
}
.child-page h2, #finished-projects h2, #finished-series h2 {
font-size: 3em;
padding-top: 0px;
padding-bottom: 0px;
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2 {
gap: 0 !important;
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3 {
gap: 0 !important;
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-4 {
gap: 0 !important;
}
article.job-card .medium-5 {
margin-top: 3px;
}
.finished-project-info {
overflow-y: hidden !important;
overflow-x: hidden !important;
}
.finished-project-info .inner {
overflow-y: hidden !important;
overflow-x: hidden !important;
max-height: none !important;
}
@media only screen and (min-width: 641px) {
.nav-row {
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
.nav-row #access {
padding-left: 0 !important;
padding-right: 0 !important;
}
.nav-row .sticky,
.nav-row .top-bar {
width: 100%;
}
}
html {
overflow-y: scroll;
}
#menu-about-menu {
display: flex;
flex-direction: row;
justify-content: center;
background-color: white;
padding: 7px 0;
margin: 0;
}
#menu-about-menu li {
padding: 0 3%;
font-size: 0.8rem;
text-transform: uppercase;
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light",
"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 0;
}
#menu-jobs-menu,
#menu-contact-menu {
padding: 7px 0;
}
#menu-contact-menu {
margin-bottom: 0 !important;
}
/* About Prague / About Dubai (page 105 and its children), 2026-10-26 */
.page-id-105 .hentry p,
.parent-pageid-105 .hentry p {
margin-bottom: 24px;
}
@media only screen and (min-width: 40.063em) {
.page-id-105 .hentry p,
.parent-pageid-105 .hentry p {
margin-bottom: 24px;
}
}
.page-id-105 .hentry h2,
.parent-pageid-105 .hentry h2 {
margin: 20px 0 30px;
}
.page-id-105 .hentry h1,
.parent-pageid-105 .hentry h1 {
margin-top: 55px;
}
.page-id-105 .hentry strong,
.parent-pageid-105 .hentry strong {
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: normal;
}
/* Přichycené podmenu (About, Jobs, Contact, filtr Work, detail projektu), 2026-10-29.
.site-wrapper měl overflow: hidden, který position: sticky vypíná. overflow: clip ořezává stejně, ale sticky nechá fungovat. */
.site-wrapper {
overflow: clip;
}
.jobs-menu {
display: flow-root;
position: sticky;
top: 45px;
z-index: 50;
background: #fff;
}
.post-type-archive-mau_project .project-tax-list.row {
position: sticky;
top: 45px;
z-index: 50;
}
/* obsah Contact a Jobs dřív začínal pod plovoucím podmenu, zachovat stejné odsazení */
.page-template-templatespage-template-contact-php .jobs-menu {
margin-bottom: -44px;
}
.tax-location .jobs-menu {
margin-bottom: -40px;
}
/* Jobs: podmenu stejně vysoké jako v About a Contact (seznam měl spodní okraj 10 px) */
#menu-jobs-menu {
margin-bottom: 0 !important;
}
@media only screen and (min-width: 40.063em) {
.jobs-menu,
.post-type-archive-mau_project .project-tax-list.row {
top: 70px;
}
}
/* Podmenu: odjíždí se stránkou a vysune se pod lištou při posunu nahoru (JS přidává .ml-sub-hide), 2026-10-29 */
.jobs-menu,
.post-type-archive-mau_project .project-tax-list.row,
.tax-mau_project_tax .project-tax-list.row {
transition: transform 0.25s ease;
}
.ml-sub-hide {
transform: translateY(-110%);
}
/* Work: náhledy mají pevný poměr 16:9, takže stránka má hned konečnou výšku a návrat zpět neskáče */
#projects-container .thumb-link {
aspect-ratio: 16 / 9;
background: #e9e9e9;
}
#projects-container .thumb-link img {
width: 100%;
height: 100%;
object-fit: cover;
}
#projects-container.ml-fade .thumb-link img {
opacity: 0;
transition: opacity 0.35s ease;
}
#projects-container.ml-fade .thumb-link img.ml-loaded {
opacity: 1;
}
/* detail projektu: seznam skrytý, dokud skript nenastaví pozici na vybraný projekt */
html.ml-positioning .projects-container {
visibility: hidden;
}
/* video overlay (trailer z plakátu): zamknout scroll na html, ne na body, aby se po zavření zůstalo na stejném místě (2026-10-30) */
html:has(> body.overlay-active) {
overflow: hidden;
}
body.overlay-active {
overflow: visible;
}
/* Work: View More, místo šedého kolečka tenká černá linka v tlačítku (2026-10-30) */
#loader-prj {
display: none !important;
}
.more-link .load-more-work {
position: relative;
overflow: hidden;
}
.more-link.loading .load-more-work,
.more-link.loading .load-more-work:hover {
color: transparent;
background: transparent;
pointer-events: none;
}
.more-link.loading .load-more-work::after {
content: "";
position: absolute;
top: 50%;
left: 15%;
right: 15%;
height: 1px;
background: linear-gradient(#333, #333) no-repeat;
background-size: 43% 100%;
animation: ml-load-line 1s ease-in-out infinite;
}
/* linka jede jen uvnitř, 15 % od každého kraje tlačítka (2026-10-30) */
@keyframes ml-load-line {
0% { background-position: -76% 0; }
100% { background-position: 176% 0; }
}
/* Plakát: při otevření videa zůstane místo pro scrollbar, web v pozadí se nezúží (2026-10-30) */
html:has(> body.overlay-active) {
scrollbar-gutter: stable;
}
/* Homepage banner: výška od začátku stejná, jakou mu nastaví skript (okno minus černá lišta),
aby obrázek při načtení neskočil větší a pak menší (2026-10-30) */
@media only screen and (orientation: landscape) {
.home #featured .slide {
height: calc(100vh - 45px);
}
}
@media only screen and (min-width: 40.063em) and (orientation: landscape) {
.home #featured .slide {
height: calc(100vh - 70px);
}
}
/* Detail projektu: filtr kategorií zpět, přichycený pod lištou, při otevření schovaný,
vysune se při posunu nahoru (stejně jako ve Work), 2026-10-30 */
.tax-mau_project_tax .project-tax-list {
display: block;
}
.tax-mau_project_tax .project-tax-list.row {
position: sticky;
top: 45px;
z-index: 50;
background: #fff;
max-width: 120em;
margin: 0 auto;
}
@media only screen and (min-width: 40.063em) {
.tax-mau_project_tax .project-tax-list.row {
top: 70px;
padding: 0;
margin-bottom: -44px;
}
.tax-mau_project_tax .project-tax-list.row ul {
position: static;
max-width: 120em;
margin: 0 auto;
}
}
/* Plakáty: každá dlaždice v přesném poměru formátu A (1:√2), obrázek ji vždy vyplní,
takže v mřížce nevzniká bílá linka a po rozbalení díry (2026-10-30) */
.finished-project img {
display: block;
aspect-ratio: 1 / 1.41421356;
object-fit: cover;
height: auto;
background: #e9e9e9;
}
/* Video: vlastní ovládání místo overlaye Vimea a YouTube (MagicLab.videoPlayer), 2026-10-30.
Ovládání je schované, ukáže se při pohybu myši nebo kliknutí. */
.ml-player {
position: relative;
display: flex;
align-items: center;
justify-content: center;
container-type: size;
background: #000;
cursor: default;
}
.ml-player-frame {
position: relative;
width: min(100cqw, calc(100cqh * 16 / 9));
aspect-ratio: 16 / 9;
overflow: hidden;
}
.ml-player-frame iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 0;
}
/* YouTube: přehrávač je vyšší než výřez, titulek nahoře a logo dole zůstanou mimo viditelnou plochu */
.ml-player-youtube .ml-player-frame iframe {
top: -120px;
height: calc(100% + 240px);
}
.ml-player-hit {
position: absolute;
inset: 0;
z-index: 2;
cursor: pointer;
}
.ml-player:not(.ml-ui) .ml-player-hit {
cursor: none;
}
.ml-player-bar {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
display: flex;
align-items: center;
gap: 14px;
padding: 28px 18px 14px;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55));
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
cursor: default;
}
.ml-player.ml-ui .ml-player-bar {
opacity: 1;
pointer-events: auto;
}
.ml-player-bar button,
.ml-player-bar button:hover,
.ml-player-bar button:focus {
flex: none;
width: 22px;
height: 22px;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
color: #fff;
line-height: 0;
cursor: pointer;
}
.ml-player-bar svg {
display: block;
width: 100%;
height: 100%;
}
.ml-player-track {
flex: 1;
position: relative;
height: 18px;
cursor: pointer;
touch-action: none;
}
.ml-player-track::before,
.ml-player-fill {
position: absolute;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
transition: height 0.15s ease, margin-top 0.15s ease;
}
.ml-player-track::before {
content: "";
right: 0;
background: rgba(255, 255, 255, 0.35);
}
.ml-player-fill {
width: 0;
background: #fff;
}
.ml-player-fill::after {
content: "";
position: absolute;
right: -6px;
top: 50%;
width: 12px;
height: 12px;
margin-top: -6px;
border-radius: 50%;
background: #fff;
opacity: 0;
transition: opacity 0.15s ease;
}
.ml-player-track:hover::before,
.ml-player-track:hover .ml-player-fill,
.ml-dragging .ml-player-track::before,
.ml-dragging .ml-player-fill {
height: 4px;
margin-top: -2px;
}
.ml-player-track:hover .ml-player-fill::after,
.ml-dragging .ml-player-fill::after {
opacity: 1;
}
.ml-player-time {
flex: none;
min-width: 80px;
color: #fff;
font-size: 12px;
letter-spacing: 0.05em;
text-align: right;
font-variant-numeric: tabular-nums;
}
.ml-player:fullscreen {
width: 100%;
height: 100%;
}
.ml-player:-webkit-full-screen {
width: 100%;
height: 100%;
}
/* Homepage: náhledy projektů jako ve Work, pevný poměr 16:9 (2026-10-30) */
.projects.featured .thumb-link {
display: block;
aspect-ratio: 16 / 9;
background: #e9e9e9;
overflow: hidden;
}
.projects.featured .thumb-link img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Nadpisy About, Jobs a Contact: všude 60 px pod podmenu a stejná viditelná mezera k obsahu pod nadpisem (2026-10-30) */
.parent-pageid-105 .inner > h1 {
margin-top: 35px;
margin-bottom: 0;
}
.tax-location .jobs-header,
.post-type-archive-magic_lab_job .jobs-header {
padding-bottom: 0;
}
.tax-location .jobs .job-card:first-of-type,
.post-type-archive-magic_lab_job .jobs .job-card:first-of-type {
padding-top: 12px !important;
}
.page-template-templatespage-template-contact-php .inner > h1 {
margin-top: 29px;
margin-bottom: 49px;
}
@media only screen and (max-width: 40em) {
.tax-location .jobs-header h1,
.post-type-archive-magic_lab_job .jobs-header h1 {
margin-top: 26px;
}
}
/* Jobs: nadpis stejně velký jako About a Contact (2026-10-30) */
.tax-location .jobs-header h1,
.post-type-archive-magic_lab_job .jobs-header h1 {
font-size: 40px;
line-height: 56px;
}
/* Jobs, detail inzerátu: nadpisy sekcí v textu (2026-10-31) */
.jobs.single .entry h3 {
font-family: EuclidFlex-Medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1rem;
line-height: 1.4;
margin: 1.6rem 0 0.5rem;
}
.jobs.single .entry ul {
margin-bottom: 0;
}
/* Jobs, přihláška: tlačítko SEND jako ostatní tlačítka webu, bez modré (2026-10-31) */
.jobs .gform_footer.top_label .gform_button,
.jobs .gform_wrapper .gform_footer input[type=submit] {
color: #333;
background: transparent;
border: 1px solid #333;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.05em;
box-shadow: none;
outline: none;
transition: none;
}
.jobs .gform_footer.top_label .gform_button:hover,
.jobs .gform_footer.top_label .gform_button:focus,
.jobs .gform_footer.top_label .gform_button:active,
.jobs .gform_wrapper .gform_footer input[type=submit]:hover,
.jobs .gform_wrapper .gform_footer input[type=submit]:focus {
background: #333;
color: #fff;
border-color: #333;
box-shadow: none;
outline: none;
}
/* Jobs, po odeslání: poděkování o řádek výš a na střed, pod ním kontakt na HR a tlačítko zpět (2026-10-31) */
.jobs .gform_confirmation_wrapper {
text-align: center;
margin-top: -1.75rem;
}
.jobs .gform_confirmation_message_1,
.jobs .gform_confirmation_message {
height: auto;
text-align: center;
}
.jobs .ml-apply-after {
text-align: center;
margin: 1.5rem 0 4rem;
}
.jobs .ml-apply-after p {
font-size: 14px;
margin-bottom: 2rem;
}
.jobs .ml-apply-after .magic-button {
width: 300px;
max-width: 100%;
}
/* Tlačítka v obsahu stránek (About aj.): stejná jako tlačítka na homepage (.magic-button), 2026-10-31 */
.entry .wp-block-button .wp-block-button__link,
.entry .wp-block-button.is-style-outline .wp-block-button__link {
display: inline-block;
color: #333 !important;
background: transparent !important;
padding: 20px !important;
border: 1px solid #333 !important;
border-radius: 3px !important;
text-align: center;
text-transform: uppercase;
text-decoration: none !important;
font-size: 1.1rem;
letter-spacing: 0.05em;
line-height: 1em;
box-shadow: none;
transition: none;
}
.entry .wp-block-button .wp-block-button__link:hover,
.entry .wp-block-button .wp-block-button__link:focus,
.entry .wp-block-button.is-style-outline .wp-block-button__link:hover,
.entry .wp-block-button.is-style-outline .wp-block-button__link:focus {
background: #333 !important;
color: #fff !important;
border-color: #333 !important;
}
/* About: řady plakátů pod odstavci The Story a People podle konceptu (2026-10-31) */
.ml-posters {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 2rem 0 0;
}
.ml-posters .finished-project {
float: none;
width: 25%;
}
@media only screen and (min-width: 641px) {
.ml-posters .finished-project {
width: 12.5%;
}
}
.ml-posters .finished-project a {
display: block;
cursor: pointer;
}
.ml-about-info {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0;
z-index: 99;
}
.ml-about-info .finished-project-info {
text-align: left;
}
.ml-people {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 56px 16px;
margin: 2.5rem 0 0;
text-align: left;
}
.ml-person {
width: calc((100% - 32px) / 3);
}
@media only screen and (max-width: 640px) {
.ml-person {
width: calc((100% - 16px) / 2);
}
}
.ml-person-photo {
aspect-ratio: 320 / 370;
background: #e3e3e3;
overflow: hidden;
}
.ml-person-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.entry .ml-person-name,
.ml-person-name {
font-family: "EuclidFlex-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.4;
margin: 22px 0 6px;
}
.entry .ml-person-role,
.ml-person-role {
font-size: 13px;
line-height: 1.5;
margin: 0;
}
/* About People: přebít obecný styl odstavců na About (na střed, 80 %) (2026-10-31) */
.ml-posters {
margin: 16px 0 40px;
}
.hentry .ml-person p {
width: auto;
text-align: left;
letter-spacing: 0;
}
.hentry .ml-person p.ml-person-name {
font-size: 15px;
line-height: 1.4;
margin: 20px 0 4px;
}
.hentry .ml-person p.ml-person-role {
font-size: 13px;
line-height: 1.5;
margin: 0;
}
/* About People: Praha 4 vedle sebe, detail po kliknutí podle návrhu (2026-10-31) */
@media only screen and (min-width: 641px) {
.ml-people--4 .ml-person {
width: calc((100% - 48px) / 4);
}
}
.ml-person > .finished-project-info {
display: none;
}
.ml-person--detail {
cursor: pointer;
}
.ml-person-photo img {
-webkit-transition: -webkit-filter .3s ease-out, filter .3s ease-out;
transition: filter .3s ease-out;
}
.ml-person--detail:hover .ml-person-photo img,
.ml-person.active .ml-person-photo img {
-webkit-filter: none;
filter: none;
}
.ml-person-info {
text-align: left;
}
@media only screen and (min-width: 641px) {
.ml-person-info {
padding-left: 64px;
padding-right: 64px;
}
}
.ml-person-info h3 {
margin-bottom: 6px;
}
.ml-person-info p,
.ml-person-info .ml-info-bio p {
font-size: 0.9rem;
line-height: 1.5;
margin: 0 0 14px;
}
.ml-person-info .ml-info-role {
margin-bottom: 24px;
}
.ml-person-info .ml-info-label {
font-family: "EuclidFlex-Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 26px 0 6px;
}
.ml-person-info .ml-info-links a {
color: #333;
text-decoration: underline;
}
.ml-info-prev,
.ml-info-next {
position: absolute;
top: 50vh;
width: 40px;
height: 40px;
margin-top: -20px;
cursor: pointer;
z-index: 11;
}
.ml-info-prev { left: 8px; }
.ml-info-next { right: 8px; }
.ml-info-prev:before,
.ml-info-next:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
margin: -6px 0 0 -6px;
border-top: 2px solid #545454;
border-left: 2px solid #545454;
}
.ml-info-prev:before { transform: translateX(2px) rotate(-45deg); }
.ml-info-next:before { transform: translateX(-2px) rotate(135deg); }
.ml-info-prev:hover:before,
.ml-info-next:hover:before {
border-color: #000;
}
/* About detail na mobilu: pod lištou menu, šipky mimo text (2026-10-31) */
@media only screen and (max-width: 640px) {
.ml-about-info .finished-project-info {
padding-top: 80px;
}
.ml-about-info .info-close {
top: 52px;
}
.ml-person-info {
padding-left: 44px;
padding-right: 44px;
}
.ml-info-prev { left: 0; }
.ml-info-next { right: 0; }
}
/* About People: vždy 4 v řadě (2026-10-31) */
@media only screen and (min-width: 641px) {
.ml-people .ml-person {
width: calc((100% - 48px) / 4);
}
}
/* About People: prázdná místa v mřížce (na mobilu se nezobrazují) (2026-10-31) */
.ml-person--empty {
visibility: hidden;
}
@media only screen and (max-width: 640px) {
.ml-person--empty {
display: none;
}
}
/* About tlačítka: o třetinu širší, víc místa nad a pod (2026-10-31) */
.entry .wp-block-buttons {
padding-top: 13px;
padding-bottom: 16px;
}
.entry .wp-block-button .wp-block-button__link,
.entry .wp-block-button.is-style-outline .wp-block-button__link {
padding: 20px 3em !important;
}
/* About plakáty: tenká bílá linka mezi plakáty (zkouška 2026-10-31, pro návrat smazat tento blok) */
.ml-posters .finished-project + .finished-project::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: #fff;
z-index: 1;
pointer-events: none;
}
/* About detail (plakáty a lidé): panel zarovnaný na maximální šířku webu jako na homepage, ne na okno prohlížeče (2026-10-31) */
.ml-about-info {
left: 0;
right: 0;
width: auto;
max-width: 120em;
margin: 0 auto;
height: 100vh;
overflow: hidden;
pointer-events: none;
}
.ml-about-info .finished-project-info {
pointer-events: auto;
}
/* Work: dlaždice přesně na třetiny, aby pravý okraj seděl s lištou menu (dřív 33.3 %, chyběly pixely), 2026-11-01 */
@media only screen and (min-width: 40.063em) {
#projects-container > .columns {
width: calc(100% / 3);
}
}
/* Work: projekty se načítají samy při scrollu, tlačítko View More není vidět, zůstává jen linka načítání, 2026-11-01 */
.more-link .load-more-work,
.more-link .load-more-work:hover {
color: transparent;
background: transparent;
border-color: transparent;
box-shadow: none;
cursor: default;
pointer-events: none;
}
/* Detail plakátu a lidí: scrolluje jen detail, ne stránka pod ním (2026-11-03) */
#info-wrapper .finished-project-info.active {
overflow-y: auto !important; /* starší pravidlo výše skrolování detailu úplně vypínalo */
scrollbar-width: none;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.finished-project-info,
.ml-about-info {
height: 100vh;
height: 100dvh;
}
html.ml-scroll-lock {
overflow: hidden;
}
#info-wrapper .finished-project-info.active::-webkit-scrollbar {
display: none;
}
/* Mobil, připomínky 2026-11-03 */
/* video: křížek nad přehrávačem (přehrávač ho zakrýval), výška podle viditelné části okna */
.close-video-overlay {
z-index: 1000;
}
.video-overlay {
height: 100vh;
height: 100dvh;
}
@media only screen and (max-width: 40em) {
.close-video-overlay {
top: calc(14px + env(safe-area-inset-top));
right: 16px;
padding: 6px;
line-height: 1;
}
/* název pod videem: delší se zalomí do dvou řádků, nic se neořízne */
.video-overlay .video-slide-title {
box-sizing: border-box;
padding: 0 20px;
white-space: normal;
line-height: 1.35;
bottom: calc(3% + env(safe-area-inset-bottom));
}
/* homepage: To add a little bit of magic… větší, bez tučného */
.magic-lead,
.hentry p.magic-lead,
.page-template-templateslead-page-php .hentry p.magic-lead {
font-size: 24px;
line-height: 1.35;
}
/* Work: název a blok naší práce v detailu tučně jako na desktopu */
.projects-container article .entry h1,
.projects-container article .entry h1 a,
.projects-container article .entry strong {
font-family: "EuclidFlex-Medium", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: normal;
}
/* Contact: mezera pod mapou stejná jako nad ní */
.map-wrapper {
margin-bottom: 48px;
}
/* Jobs detail: okraje textu a obrázku stejné jako v seznamu inzerátů */
.jobs.single .columns.image,
.jobs.single .entry.column {
padding-left: 0;
padding-right: 0;
}
.jobs.single > article {
min-width: 0;
width: 100%;
max-width: 100%;
}
.jobs.single > article img {
max-width: 100%;
height: auto;
}
/* černá lišta na mobilu pevně nahoře od začátku (mimo homepage), bez přepínání skriptem při scrollu,
které na iPhonu dělalo s přichyceným podmenu záblesky */
body:not(.home) .nav-row {
height: 45px;
}
body:not(.home) .nav-row .sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99;
/* vlastní vrstva, aby lišta na iPhonu při rychlém scrollu nahoru nezmizela */
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}
body:not(.home).f-topbar-fixed {
padding-top: 0 !important;
}
}