#wp-admin-bar-site-name > .ab-item:before {
content: "" !important;
font-size: 0;
width: 20px;
height: 20px;
background-image: url(//www.d1studios.cz/wp-content/themes/D1/assets/images/apple-touch-icon.png) !important;
background-size: contain !important;
background-position: left center !important;
background-repeat: no-repeat !important;
}
#wp-admin-bar-wp-logo {
display: none !important;
}
@media (max-width: 782px) {
#wp-admin-bar-site-name .ab-item:before {
top: 4px !important;
width: 40px !important;
height: 36px;
left: 10px;
}
}
html {
font-size: 25px;
}
section {
padding: 1.5rem;
}
.wp-block-column {
flex-basis: auto;
}
@media (max-width: 1200px) {
.wp-block-columns {
flex-wrap: wrap !important;
}
.wp-block-column {
flex-basis: 100% !important;
}
}
@media (max-width: 2050px) {
section.contacts .wp-block-column {
flex-basis: 50% !important;
}
}
header.is-position-sticky {
position: absolute !important;
z-index: 999;
width: 100%;
}
.what-we-do-section {
padding: 0 !important;
}
.d1-site-title-section {
position: absolute !important;
width: 100%;
transform: translateY(-100%);
padding: 1rem 1rem;
}
.d1-site-title-section h1 {
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.3));
}
nav {
font-family: var(--wp--preset--font-family--oswald);
font-size: 20px;
font-weight: 500;
margin-top: 1rem !important;
} img[loading="lazy"] {
transition: opacity 0.3s;
}
img[loading="lazy"]:not([src]) {
opacity: 0;
} video[preload="none"] {
background: #f0f0f0;
} iframe[loading="lazy"] {
background: #f0f0f0;
}
.main-slideshow .pi-slide-play-button::before {
border-left: 55px solid rgba(255, 255, 255, 0.8);
}
.main-slideshow .pi-slideshow-prev {
left: 1rem;
}
.main-slideshow .pi-slideshow-next {
right: 1rem;
}
.main-slideshow .pi-slide-caption {
text-align: left;
padding: 0 1.5rem 15%;
transform: none;
font-size: 1.2rem;
background: none;
box-sizing: border-box;
width: 100vw;
max-width: 100vw;
left: 0;
margin-bottom: 0;
display: block;
}
.main-slideshow .pi-slide-caption h2 {
color: #ff4f17;
font-weight: normal;
font-size: 2rem;
margin: 0;
padding: 0;
}
.main-slideshow .pi-slide-caption p {
margin: 0;
padding: 0;
}
.main-slideshow .pi-slideshow-nav {
transform: translateY(-50%);
opacity: 0.8;
}
@media (max-width: 1500px) {
.main-slideshow .pi-slide-caption {
transform-origin: bottom left;
transform: scale(0.75);
padding: 0 1.5rem 20%;
width: 150vw;
max-width: 150vw;
}
.main-slideshow .pi-slideshow-nav {
transform: translateY(-50%) scale(0.7);
}
}
@media (max-width: 1000px) {
.main-slideshow .pi-slide-caption {
transform: scale(0.5);
padding: 0 1.5rem 28.5%;
max-width: 200vw;
width: 200vw;
}
.main-slideshow .pi-slideshow-nav {
transform: translateY(-50%) scale(0.5);
}
.main-slideshow .pi-slideshow-next {
right: 0;
}
.main-slideshow .pi-slideshow-prev {
left: 0;
}
}
@media (max-width: 768px) {
section {
padding: 1rem 0.5rem;
}
header.is-position-sticky {
position: relative !important;
}
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: 0;
}
.main-slideshow .pi-slide-caption {
padding: 10% 10% 5% 10%;
text-align: center;
}
.d1-site-title-section {
position: static !important;
transform: none;
padding: 1rem 1rem 0 1rem;
}
.custom-logo {
max-width: 200px !important;
}
}
@media (max-width: 380px) {
.main-slideshow .pi-slide-caption {
display: none;
}
}
#user-registration {
padding: 0 !important;
margin: 0 !important;
}
@media (max-width: 768px) {
#user-registration > div {
padding: 1rem !important;
margin: 0 !important;
}
} .d1-mobile-toggle {
display: none;
background: none;
border: none;
color: #fff;
font-size: 24px;
cursor: pointer;
padding: 10px;
z-index: 1001;
position: relative;
}
.d1-mobile-toggle span {
display: block;
width: 25px;
height: 3px;
background: #fff;
margin: 5px 0;
transition: 0.3s;
}
.d1-mobile-toggle.active span:nth-child(1) {
transform: rotate(-45deg) translate(-5px, 6px);
}
.d1-mobile-toggle.active span:nth-child(2) {
opacity: 0;
}
.d1-mobile-toggle.active span:nth-child(3) {
transform: rotate(45deg) translate(-5px, -6px);
}
@media (max-width: 1200px) {
nav {
margin-top: 0 !important;
}
.d1-mobile-toggle {
display: block;
}
header .wp-block-navigation .wp-block-navigation__container {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.95);
z-index: 1000;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2rem;
}
header .wp-block-navigation .wp-block-navigation__container.active {
display: flex;
}
header .wp-block-navigation .wp-block-navigation__container a {
color: #fff;
font-size: 1.5rem;
text-decoration: none;
font-family: var(--wp--preset--font-family--oswald);
font-weight: 500;
transition: color 0.3s;
}
header .wp-block-navigation .wp-block-navigation__container a:hover {
color: #ff4f17;
}
}
@media (min-width: 1201px) {
header .wp-block-navigation .wp-block-navigation__container {
display: flex !important;
}
}