/*!
Theme Name: Shift Umprum
Theme URI: https://lobsterspace.cz
Author: Lobster Space
Author URI: https://lobsterspace.cz
Description: Custom WP theme created by Lobster Space Studio.
Version: 1.5.9
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shift-umprum
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@font-face {
	font-family: 'Saaans';
	src: url('./fonts/Saans-TRIAL-VF.woff2') format("woff2-variations"),
		url('./fonts/Saans-TRIAL-VF.woff2') format("woff-variations");
	font-weight: 300 900;
}

:root {
	--white: #fff;
	--black: #000;
	--purple: #9150FA;
	--orage: #FF4B00;
	--blue: #19AAFF;
	overscroll-behavior: none;
}

/* Basic formatting */
body {
	width: 100vw;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-smooth: always;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	color: var(--black);
}

img {
	width: 100%;
	height: auto;
}

table {
	margin: 0;
}

iframe,
video {
	width: 100%;
	display: block;
}

figure {
	margin: 0;
	padding: 0;
}

button {
	border: none;
	box-shadow: none;
	outline: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.skip-link {
	display: block;
	font-size: 0;
	height: 0;
	width: 0;
}

hr {
	border: none;
	height: 1px;
	background: var(--black);
	margin: 0 0 10px 0;
}

.reveal {
	visibility: hidden;
}

/* Fonts */
body,
body * {
	font-family: 'Saaans', sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 570;
}

h1,
h1 *,
h2,
h2 *,
h3,
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,
select,
textarea,
html .fancybox__toolbar * {
	color: var(--black);
	font-size: 26px;
	line-height: 1.23;
	font-weight: 570;
}

h1,
h2,
h3,
h4,
h5,
legend {
	margin-top: 0;
	line-height: 1.1;
	margin-bottom: 16px;
	font-weight: 570;
	word-break: keep-all;
}

h2,
h2 *,
.huge,
.huge * {
	font-size: 48px;
	line-height: 125%;
	letter-spacing: -2%;
}

p {
	margin-top: 0;
	margin-bottom: 26px;
}

.font-xs,
.font-xs * {
	font-size: 18px;
	line-height: 125%;
	letter-spacing: -2%;
}

.small,
.small * {
	font-size: 14px;
	line-height: 1.2;
	font-weight: 570;
}

b,
b *,
strong,
strong * {
	font-weight: 500 !important;
}

a,
button {
	transition: all 0ms ease-in-out;
	-webkit-transition: all 0ms ease-in-out;
}

a:hover {
	color: var(--black);
	text-decoration: none;
}

p a {
	text-decoration: none
}

p a:hover {
	cursor: pointer;
	color: var(--black);
}

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: none;
	background-color: transparent;
	transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
	outline: none !important;
	padding: 0;
	margin: 0;
	border-radius: 0;
	outline: none !important;
}

input::placeholder {
	color: var(--black);
}

input[type="checkbox"],
input[type="radio"] {
	height: 16px;
	width: 16px;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	vertical-align: top;
	position: relative;
	margin-right: 10px;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked,
input[type="checkbox"]:checked,
input[type="radio"]:focus {
	background: var(--black);
	outline: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: var(--black);
	border-color: var(--black);
	box-shadow: none;
}

select {
	-webkit-appearance: none;
	appearance: none;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	outline: none !important;
}


/* Buttons */
.shift-button {
	display: inline-block;
	max-width: 100%;
	width: auto;
	line-height: 1;
	padding: 7px 3px 7px 3px;
	font-size: 14px;
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
	text-align: left;
	text-decoration: none !important;
	position: relative;
	background-color: rgba(0, 0, 0, 0.2);
	color: var(--white);
	margin-left: 5px;
}

.scrollTop .shift-button {
	padding-right: 10px;
}

.shift-button::before,
.shift-button::after {
	content: '';
	display: block;
	position: absolute;
	height: calc(100% - 10px);
	width: 5px;
	top: 5px;
	left: -5px;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.shift-button:hover,
.shift-button:hover::after,
.shift-button:hover::before {
	background-color: rgba(0, 0, 0, 0.35);
	color: var(--white);
}

.shift-button.white,
.shift-button.white::before,
.shift-button.white::after {
	background-color: rgba(255, 255, 255, .2) !important;
}


.shift-button::after {
	left: auto;
	right: -5px;
}

.shift-button.larger {
	text-align: center;
	padding: 11px 21px;
}

.shift-button.sticky-shift,
.shift-button.sticky-shift::before,
.shift-button.sticky-shift::after,
.shift-button.black,
.shift-button.black::after,
.shift-button.black::before {
	background-color: var(--black);
	color: var(--white);
}

.shift-button.sticky-shift:hover,
.shift-button.sticky-shift:hover::before,
.shift-button.sticky-shift:hover::after,
.shift-button.black:hover,
.shift-button.black:hover::after,
.shift-button.black:hover::before {
	background-color: var(--white);
	color: var(--black);
}

#stickyLogo:hover img,
.stickyLogo:hover img {
	filter: none;
}

.shift-button.inactive,
.shift-button.inactive::before,
.shift-button.inactive::after {
	color: var(--black);
	background-color: rgba(255, 255, 255, 0.2);
}

.buttons-container * {
	margin: 0 13px 8px 5px;
}

/* Bootstrap & general formatting */
.container {
	width: 100vw;
	max-width: 2500px;
	padding-left: 16px;
	padding-right: 16px;
}

.row {
	margin-left: -8px;
	margin-right: -8px;
}

.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: 8px;
	padding-right: 8px;
}

.screen-reader-text {
	font-size: 0;
	height: 0;
	margin: 0;
}

ul {
	padding-left: 0;
}

.card-body ul {
	padding-left: 17px;
}

:focus-visible {
	outline: none;
}

/* Custom classes */
.section {
	padding-top: 100px;
	padding-bottom: 80px;
}

.mt-8 {
	margin-top: 8px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-12 {
	margin-top: 12px;
}

.mt-16 {
	margin-top: 16px;
}

.mt-32 {
	margin-top: 32px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-100 {
	margin-top: 100px;
}

.mb-8 {
	margin-bottom: 8px;
}

.mb-16 {
	margin-bottom: 16px;
}

.mb-26 {
	margin-bottom: 26px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-80 {
	margin-bottom: 80px;
}

.pt-90 {
	padding-top: 90px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-166 {
	padding-bottom: 166px;
}

.align-center {
	align-items: center;
}

.justify-end {
	justify-content: flex-end;
}

.align-center {
	align-items: center;
}

.space-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.flex-direction-column {
	display: flex;
	flex-direction: column;
}

.height-100 {
	height: 100%;
}

.marginless,
.marginless *:last-child {
	margin-bottom: 0 !important;
}

.paddingless {
	padding-left: 0;
	padding-right: 0;
}

.borderless {
	border: none !important;
}

.border-top {
	border-top: 1px solid var(--black);
}

.automargin {
	margin-left: auto;
	margin-right: auto;
}

.max-460 {
	max-width: 460px;
}

.max-560 {
	max-width: 560px;
}

.max-933 {
	max-width: 933px;
}

.image-box,
.video-box {
	outline: none !important;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.image-box::after,
.video-box::after {
	content: "";
	display: block;
	padding-bottom: 45.9%;
}

.image-box.high::after {
	padding-bottom: 125%;
}

.image-box.wide::after {
	padding-bottom: 66%;
}

.image-box img,
.image-box video,
.video-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.image-box.wide img {
	object-position: top left;
}

.video-box {
	max-height: calc(100vh - 160px);
}

.video-box::after {
	content: "";
	display: block;
	padding-bottom: 56.25%;
}

.uppercase,
.uppercase * {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.black-bg {
	background-color: var(--black) !important;
}

.white,
.white * {
	color: var(--white);
}

.simple-line {
	height: 4px;
	width: 100%;
	background-color: var(--black);
	position: relative;
	top: -2vw;
}

.simple-line,
.twisted-line {
	position: relative;
	top: -0.5vw;
}

.read-more:hover {
	text-decoration: underline;
}

.sticky-shift {
	z-index: 9;
}

.shift-sticked {
	position: fixed;
	top: 16px;
}

@media(min-width: 768px) {

	.logged-in #masthead,
	.logged-in .shift-sticked {
		top: 48px;
	}
}

#colorMagic {
	position: fixed;
	width: 93px;
	height: 36px;
	z-index: 9;
}

#colorMagic,
#colorMagic::before,
#colorMagic::after {
	background-color: var(--orage);
}

.offsetedButton {
	position: relative;
	display: inline-block;
	width: auto;
}


/* Header */
#masthead {
	display: block;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100vw;
	padding-top: 16px;
	z-index: 10;
}

.home #masthead {
	z-index: 1;
}

#masthead.subpage .container:first-child {
	flex: 1;
}

#masthead.subpage .container:last-child {
	width: auto;
}

#masthead h1 {
	margin-right: 5px;
}

#desktop-header * {
	line-height: 1;
}

#desktop-header a:hover {
	text-decoration: underline;
}

.menu-main-menu-container ul {
	display: flex;
	gap: 0 10px;
	margin-left: 10px !important;
}

.menu-main-menu-container li {
	display: flex;
	align-items: flex-start;
}

/* Homepage text-section links rendered in the single-post header. */
.homepage-builder-navigation .innerMenuContainer,
.homepage-builder-navigation .innerMenuContainer .menu {
	display: flex;
	gap: 0 10px;
}

.homepage-builder-navigation .innerMenuContainer .menu {
	flex-wrap: wrap;
}

.homepage-builder-navigation .innerMenuContainer a {
	display: flex;
}

/* The sticky menu sits beside the logo in a flex container. */
.sticky-shift .menu-main-menu-container,
.sticky-shift .menu-main-menu-container ul,
.sticky-shift .menu-main-menu-container li {
	flex: 0 0 auto;
}

/* Menus */
ul.menu,
ul.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu ul,
.menu ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

#site-navigation .menu {
	display: flex;
}

#site-navigation .menu li:not(:first-child) {
	margin-left: 32px;
}

/* Mobile menu */
#mobile-menu {
	display: none;
	position: fixed;
	width: 100%;
	left: 0;
	top: 50px;
	padding-bottom: 40px;
	background-color: var(--white);
	height: calc(100vh - 50px);
}

#masthead #mobile-menu .menu {
	display: block;
	text-align: center;
}

#masthead #mobile-menu .menu li {
	margin: 0 0 12px 0;
	display: block;
}

.navbar-toggle {
	position: relative;
	top: -1px;
	width: 25px;
	height: 18px;
	border: 0;
	padding: 0;
	background: transparent;
	transition-duration: 150ms;
	-webkit-transition-duration: 150ms;
	margin-top: -3px;
	margin-right: 0;
	margin-left: 16px;
}

.navbar-toggle .toggle-icon {
	width: 100%;
	height: 2px;
	display: block;
	background: var(--black);
	transition-duration: 150ms;
	-webkit-transition-duration: 150ms;
}

.navbar-toggle.toggled .toggle-icon {
	background-color: transparent !important;
}

.navbar-toggle .toggle-icon::before,
.navbar-toggle .toggle-icon::after {
	position: absolute;
	display: block;
	height: 2px;
	width: 100%;
	left: 0;
	background: var(--black);
	content: " ";
	transition-duration: 150ms;
	-webkit-transition-duration: 150ms;
}

.navbar-toggle .toggle-icon::before {
	transform-origin: 20px 1.5px;
	top: 2.5px;
}

.navbar-toggle .toggle-icon::after {
	transform-origin: 19px -2px;
	bottom: 2.5px;
}

.navbar-toggle:not(.toggled):hover .toggle-icon::before {
	transform: translateY(-2.5px);
}

.navbar-toggle:not(.toggled):hover .toggle-icon::after {
	transform: translateY(2.5px);
}

.navbar-toggle.toggled .toggle-icon::before {
	transform: rotate(-45deg);
}

.navbar-toggle.toggled .toggle-icon::after {
	transform: rotate(45deg);
	left: 2px;
	bottom: 2px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 2px;
	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
}

/* page */
#stickyLogo,
.stickyLogo {
	height: 55px;
	z-index: 2;
}

#stickyLogo img,
.stickyLogo img {
	width: auto;
	height: 100%;
	filter: brightness(0) invert(1);
}

#intro-logo {
	padding-top: 3.2vw;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

#intro-logo img {
	width: 100%;
	width: auto;
}

/* Tiles */
.tile-article {
	padding: 20px 0;
	border-top: 1px solid var(--black);
}

.project-tile-link {
	color: inherit;
	text-decoration: none;
}

.project-tile-link>div {
	height: 100%;
}

.project-tile-button {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3ms ease-in-out;
	-webkit-transition: opacity 0.3ms ease-in-out;
}

@media(min-width: 992px) {

	.project-tile-link:hover~.project-tile-link--details .project-tile-button,
	.project-tile-link--details:hover .project-tile-button,
	.project-tile-link:focus-visible~.project-tile-link--details .project-tile-button,
	.project-tile-link--details:focus-visible .project-tile-button {
		visibility: visible;
		opacity: 1;
	}
}

.news-slide-button {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.embla__slide:hover .news-slide-button,
.news-slide-button:focus-visible {
	visibility: visible;
	opacity: 1;
}

.embla__slide .shift-button,
.project-tile-button,
.projects-load-more {
	width: calc(100% - 10px);
	max-width: calc(100% - 10px);
}

/* Footer */
#footer {
	position: relative;
	padding: 14px;
	margin-top: 100px;
}

#footer,
#footer::before,
#footer::after {
	background-color: var(--black);
}

#footer::before,
#footer::after {
	content: '';
	display: block;
	position: absolute;
	height: calc(100% - 5px);
	width: 5px;
	top: 5px;
	left: -5px;
	z-index: 1;
}

#footer::after {
	left: auto;
	right: -5px;
}

.umprum-logo img {
	max-height: 20px;
	width: auto;
}

.logos img {
	height: 27px;
	width: auto;
	margin: 0 21px 14px 0;
}

.singleDownload {
	display: flex;
	gap: 0 12px;
	align-items: center;
	margin-bottom: 10px;
}

.singleDownload:last-child {
	margin-bottom: 0;
}

.downloadContainer {
	flex: 1;
	display: flex;
}

.downloadContainer .shift-button.white {
	color: var(--black);
}

.fileType {
	width: 51px;
}

.downloadContainer span {
	flex: 1;
	margin-right: 5px;
}

#ps2id-dummy-offset {
	height: 100px;
}

@media(min-width: 768px) {
	.logged-in #ps2id-dummy-offset {
		height: 80px;
	}
}

@media(max-width: 767px) {
	#ps2id-dummy-offset {
		height: 0;
	}
}

/* Single project */
#introImage img {
	max-height: calc(100vh - 150px);
	object-fit: cover;
	object-position: center;
}

.single-project #main-content {
	padding-top: 132px;
}

/* fancybox */
.fancybox__toolbar,
.fancybox__toolbar * {
	font-family: "Saaans", serif;
}

.fancybox__toolbar {
	text-shadow: none !important;
	padding: 14px 16px !important;
}

.fancybox__toolbar__column.is-middle,
.fancybox__toolbar__column [data-panzoom-action],
.fancybox__toolbar__column [data-fancybox-toggle-slideshow],
.fancybox__toolbar__column [data-fancybox-toggle-fullscreen],
.f-button[data-fancybox-close] svg {
	display: none !important;
}

.shift-button[data-fancybox-close] {
	font-size: 14px !important;
	padding-left: 25px;
	padding-right: 25px;
}

html .fancybox__toolbar {
	pointer-events: all !important;
}

a[data-fancybox="gallery"] {
	overflow: hidden !important;
	display: block;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

a[data-fancybox="gallery"] img {
	-wekbit-transition: transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;
}

a[data-fancybox="gallery"]:hover img {
	transform: scale(1.015);
}

.f-button {
	background-color: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
}

html .is-horizontal .fancybox__nav .f-button.is-prev {
	left: 16px;
}

html .is-horizontal .fancybox__nav .f-button.is-next {
	right: 16px;
}

@media(max-width: 1199px) {
	html .is-horizontal .fancybox__nav .f-button.is-next {
		right: 10px;
	}

	html .is-horizontal .fancybox__nav .f-button.is-prev {
		left: 10px;
	}
}

.fancybox__nav .f-button svg {
	display: none !important;
}

.fancybox__nav .f-button.is-prev {
	transform: translateY(-50%) rotate(180deg) !important;
}

.fancybox__nav .f-button[disabled] {
	opacity: 0;
}

html .fancybox__backdrop {
	background-color: var(--purple);
}

html .fancybox__infobar {
	padding: 0;
	margin-left: -5px;
}

.is-compact .fancybox__footer {
	background-color: transparent !important;
	text-align: center;
}

.fancybox__caption {
	color: var(--black) !important;
	font-size: 18px !important;
	padding: 10px !important;
	line-height: 125% !important;
	letter-spacing: -2%;
}

html .fancybox-image {
	max-height: calc(100vh - 140px);
	width: auto;
	max-width: calc(100vw - 120px);
	margin: 0;
	padding: 0;
}

.is-idle .fancybox__nav,
.is-idle .fancybox__toolbar {
	animation: none !important;
}

.fancybox-button--zoom,
.fancybox-button--play,
.fancybox-button--thumbs {
	display: none !important;
}

.fancybox-is-open .fancybox-bg {
	background-color: var(--light) !important;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: var(--black) !important;
}

.fancybox-button {
	background-color: transparent !important;
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
	opacity: 1 !important;
	visibility: visible !important;
}

/* Logos */
.logos-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: center;
	gap: 50px;
}

.logos-wrapper img {
	max-height: 40px;
	width: auto;
	max-width: 150px;
	height: auto;
}

/* Embla */
.embla {
	position: relative;
}

.embla__heading {
	display: flex;
	justify-content: space-between;
}

.embla__viewport {
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
}

.embla__container {
	display: flex;
	gap: 16px;
}

.embla__slide {
	flex: 0 0 calc(25% - 12px);
	min-width: 0;
	display: block;
}

.b-gallery .embla__slide {
	flex: 0 0 auto !important;
}

.b-gallery .embla__slide img {
	height: calc(100vh - 300px);
	width: auto;
}

.embla[data-embla-conditional]:not(.embla--is-scrollable) .embla__prev,
.embla[data-embla-conditional]:not(.embla--is-scrollable) .embla__next {
	display: none;
}

@media (max-width: 991px) {
	.embla__slide {
		flex-basis: 50%;
	}

	.embla__container {
		gap: 8px;
	}

	.embla__viewport {
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media (max-width: 767px) {
	.embla__slide {
		flex-basis: 75%;
	}

	.b-gallery .embla__slide {
		flex: 0 0 auto !important;
	}
}

.embla-nav {
	display: flex;
	gap: 16px;
	align-items: center;
}

.embla__arrow,
.fancybox__nav .f-button {
	display: inline-block;
	width: 57px;
	height: 38px;
	background-image: url('./img/arrow_alt.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
	opacity: 1;
}

.embla__arrow[disabled] {
	opacity: 0.2;
}

.embla__prev {
	transform: rotate(180deg);
}

.b-downloads .shift-button {
	text-align: left;
	padding: 11px;
}

.b-downloads a.shift-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/*
 * Color magic
 */
body.purple {
	background-color: var(--purple);
}

body.orange {
	background-color: var(--orage);
}

body.blue {
	background-color: var(--blue);
}

.orange #colorMagic,
.orange #colorMagic::before,
.orange #colorMagic::after {
	background-color: var(--blue);
}

.blue #colorMagic,
.blue #colorMagic::before,
.blue #colorMagic::after {
	background-color: var(--purple);
}

/* Reponsive */
@media(min-width: 1200px) {
	.ml-xl-negative-8 {
		margin-left: -8px;
	}
}

@media(max-width:991px) {

	.news-slide-button,
	.project-tile-button {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}



	/* Bootstrap */
	.container {
		padding-left: 8px;
		padding-right: 8px;
	}

	.row {
		margin-left: -4px;
		margin-right: -4px;
	}

	.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: 4px;
		padding-right: 4px;
	}


	/* Fonts */
	h1,
	h1 *,
	h2,
	h2 *,
	h3,
	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,
	select,
	textarea,
	html .fancybox__toolbar * {
		font-size: 20px;
		line-height: 1.25;
	}

	h2,
	h2 *,
	.huge,
	.huge * {
		font-size: 30px;
		line-height: 125%;
		letter-spacing: -2%;
	}

	.embla__arrow,
	.fancybox__nav .f-button {
		width: 34px;
		height: 26px;
	}

	.embla-nav {
		gap: 12px;
	}

	p {
		margin-bottom: 24px;
	}

	/* Custom */
	#colorMagic {
		width: 70px;
		height: 36px;
	}

	.tile-article {
		padding: 14px 0 64px 0;
	}
}

@media(max-width: 767px) {
	.pb-xs-56 {
		padding-bottom: 56px;
	}

	.offsetedButton .shift-button,
	.sticky-shift .shift-button:not(#stickyLogo) {
		width: calc((100vw - 16px - 60px - 24px - 38px) / 2);
	}

	.font-xs-xxs,
	.font-xs-xxs * {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 570;
	}

	/* Header */
	#masthead {
		position: sticky;
		position: -webkit-sticky;
		padding-top: 8px;
	}

	#masthead .row {
		justify-content: space-between;
	}

	.homepage-builder-navigation .innerMenuContainer,
	.homepage-builder-navigation .innerMenuContainer .menu {
		gap: 8px 13px;
	}

	.homepage-builder-navigation .innerMenuContainer .menu {
		flex: 1;
	}

	.homepage-builder-navigation .innerMenuContainer .menu li {
		flex: 0 0 calc(50% - 8px);
		max-width: calc(50% - 8px);
	}

	.homepage-builder-navigation .innerMenuContainer .menu li a {
		justify-content: center;
	}

	.fixed-button-container .menu-main-menu-container ul {
		margin-left: 13px !important;
		gap: 13px;
	}

	.home #masthead {
		position: relative;
	}

	#intro-logo {
		padding-top: 21px;
	}

	/* Custom */
	.mt-xs-14 {
		margin-top: 14px;
	}

	.mt-xs-32 {
		margin-top: 32px;
	}

	.mt-xs-48 {
		margin-top: 48px;
	}

	.mt-xs-60 {
		margin-top: 60px;
	}

	.mt-xs-68 {
		margin-top: 68px;
	}

	.mb-xs-24 {
		margin-bottom: 24px;
	}

	.mb-xs-32 {
		margin-bottom: 32px;
	}

	.buttons-container.highlights * {
		width: calc(100% - 10px);
	}

	.fixed-button-container.justify-end,
	#masthead .text-right .shift-button {
		margin-right: 5px;
	}

	.shift-sticked {
		top: 8px
	}

	/* Content builder */
	.b-gallery .single-image {
		padding-bottom: 148%;
		position: relative;
	}

	.b-gallery .single-image img {
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		object-fit: cover;
		object-position: center;
	}

	.logos-wrapper {
		display: flex;
		flex-wrap: wrap;
	}

	/* Footer */
	#footer {
		padding: 14px 14px 18px 14px;
	}

	.logos img {
		height: 21px;
		margin: 0 17px 12px 0
	}

	/* Single */
	.single-project #main-content {
		padding-top: 50px;
	}

	#introImage img {
		height: unset;
	}
}