@font-face {
font-family: "Space Grotesk";
src: url(//www.drumel.cz/wp-content/themes/drumel/assets/webfonts/SpaceGrotesk-SemiBold.ttf) format("truetype");
font-size: 500;
font-display: swap;
}
@font-face {
font-family: "DM Sans";
src: url(//www.drumel.cz/wp-content/themes/drumel/assets/webfonts/DMSans-Regular.ttf) format("truetype");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "DM Sans";
src: url(//www.drumel.cz/wp-content/themes/drumel/assets/webfonts/DMSans-Bold.ttf) format("truetype");
font-weight: 500;
font-display: swap;
} body {
font-family: "DM Sans";
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.main-header {
padding-top: 7px;
padding-bottom: 7px;
background-color: rgba(255, 255, 255, 0.92);
transition: all 0.6s ease;
}
.home .main-header {
background-color: transparent;
}
.home .scrolled {
background-color: rgba(0, 0, 0, 0.8);
}
h1 {
font-family: "Space Grotesk";
color: #EFB71B;
font-size: 4.0625rem;
font-style: normal;
font-weight: 500;
line-height: 4.25rem;
}
.page-template-default h1 {
margin-bottom: 25px;
}
h2 {
font-family: "Space Grotesk";
font-size: 2.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 30px;
}
h2.technologie {
color: #EFB71B;
font-family: "Space Grotesk";
font-size: 3.125rem;
font-weight: 500;
}
h2 span {
background-color: #EFB71B;
color: #FFF;
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
}
h3 {
color: #000;
font-family: "Space Grotesk";
font-size: 1.625rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
h4 {
color: #EFB71B;
font-family: "DM Sans";
font-size: 1.375rem;
font-style: normal;
font-weight: 700;
line-height: 1.75rem;
}
p {
margin-bottom: 1.5rem;
}
.site-main ul {
padding-left: 0px;
}
.site-main a {
color: #000;
}
.site-main ul li {
list-style: none;
background-image: url(//www.drumel.cz/wp-content/themes/drumel/assets/img/arrow.svg);
background-repeat: no-repeat;
background-position: left 18px;
background-size: 18px 8px;
padding-left: 34px;
padding-top: 8px;
padding-bottom: 8px;
}
img {
max-width: 100%;
height: auto;
}
.bg-center {
background-size: cover;
background-position: center center;
}
.bg-yellow {
background-color: #EFB71B;
}
.content-area {
margin-top: 76px;
min-height: 500px;
}
.home .content-area {
margin-top: 0px;
}
.breadcrumbs {
display: flex;
align-items: center;
font-size: 14px;
margin-left: 10px;
padding-top: 10px;
}
.breadcrumbs a {
color: #6A6A6A;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem; text-decoration-line: underline;
}
.breadcrumbs span {
color: #6A6A6A;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem; }
.breadcrumb-separator {
width: 18px;
height: 8px;
margin-left: 10px;
margin-right: 10px;
} .first-area {
background-image: url(//www.drumel.cz/wp-content/themes/drumel/img/drumel-svareni.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #000;
}
.first-filter {
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.9780287115) 100%);
}
.left-dark-filter {
background: rgb(0, 0, 0);
background: linear-gradient(90deg, rgb(0, 0, 0) 2%, rgba(255, 255, 255, 0) 100%);
}
.right-dark-filter {
background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgb(0, 0, 0) 100%);
}
.first-content {
display: flex;
align-items: center;
min-height: 766px;
}
.first-text {
color: #FFF;
font-family: "Space Grotesk";
font-size: 4.063rem;
font-style: normal;
font-weight: 500;
line-height: 1.04;
}
.first-text span {
color: #EFB71B;
}
.udaje-area span {
color: #000;
text-align: center;
font-family: "Space Grotesk";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 30px;
}
.udaje {
color: #EFB71B;
font-family: "Space Grotesk";
font-size: 4.375rem;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 1.4px;
}
.vyresime-za-vas {
background-color: #EFB71B;
}
.vyresime-za-vas span {
font-family: "DM Sans";
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.vyresime-za-vas img {
margin-bottom: 15px;
}
.btn-drumel {
display: inline-block;
padding: 22px 40px 22px 35px;
border: 3px solid #EFB71B;
font-family: "Space Grotesk";
font-size: 1.375rem;
font-weight: 500;
background-color: #EFB71B;
color: #FFF !important;
margin-top: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.btn-drumel:hover,
.btn-drumel:active,
.btn-drumel:focus {
text-decoration: none;
background-color: #FFF;
color: #000 !important;
}
.btn-bg-yellow {
border-color: #FFF;
color: #FFF !important;
}
.btn-bg-yellow:hover,
.btn-bg-yellow:active,
.btn-bg-yellow:focus {
background-color: #FFF;
color: #000 !important;
}
.btn-3 {
background-color: #FFF;
color: #000 !important;
}
.btn-4 {
background-color: #000;
color: #fff !important;
border-color: #000;
}
.btn-4:hover,
.btn-4:active,
.btn-4:focus {
background-color: #fff;
color: #000 !important;
border-color: #EFB71B;
}
.btn-3:hover,
.btn-3:active,
.btn-3:focus {
background-color: #EFB71B;
color: #fff !important;
}
.btn-personalni {
margin-top: 40px;
}
.foto-kolega {
background-size: cover;
background-position: center center;
background-clip: content-box;
padding-left: 3%;
padding-right: 3%;
z-index: -999;
}
.col-kolega,
.col-blok {
padding: 4% 5%;
}
.col-personalni {
padding: 3% 5%;
}
.col-kolega h3 {
margin-top: 35px;
}
.nasi-zakaznici {
min-height: 385px;
background-position: center center;
background-size: cover;
}
.bg-sor {
background-image: url();
}
.bg-bednar {
background-image: url();
}
.bg-czloko {
background-image: url();
}
.bg-cd {
background-image: url();
} .site-footer {
background-color: #EFB71B;
color: #000;
font-family: "DM Sans";
font-size: 1rem;
font-weight: 400;
line-height: 1.625rem;
margin-top: 85px;
}
.site-footer h3 {
color: #000;
font-family: "Space Grotesk";
font-size: 1.375rem;
font-weight: 500;
}
.site-footer a:link,
.site-footer:hover,
.site-footer:active,
.site-footer:focus {
color: #000;
}
.widget_block {
margin-bottom: 33px;
}
#block-10 a:link {
text-decoration: underline;
}
#block-10 a:hover,
#block-10 a:focus,
#block-10 a:active {
text-decoration: none;
}
#block-6 {
margin-bottom: 0px;
}
.copy {
background-color: #000;
color: #FFF;
}
.copy a:link {
color: #FFF;
text-decoration: underline;
}
.copy a:hover,
.copy a:focus,
.copy a:active,
.copy a:visited {
text-decoration: none;
color: #FFF;
}
.personalni-udaje span {
color: #FFF;
font-family: "Space Grotesk";
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.75rem;
}
.personalni-udaje a {
line-height: 1.9;
}
.text-underline {
text-decoration: underline;
}
a.text-underline:hover,
a.text-underline:active,
a.text-underline:focus {
text-decoration: unset;
} .blok-links a:link,
.blok-links a:visited {
font-family: "Space Grotesk";
font-size: 1.625rem;
font-weight: 500;
line-height: 3.4375rem;
border-bottom: solid 1px #EFB71B;
}
.blok-links a:hover,
.blok-links a:focus,
.blok-links a:active {
border-bottom: solid 1px #000;
text-decoration: unset;
}
.galerie {
min-height: 530px;
background-size: cover;
background-position: center center;
background-clip: content-box;
} .technologie-foto {
min-height: 530px;
background-clip: content-box;
}
.technologie-obsah {
display: flex;
justify-content: center;
flex-flow: column;
}
.zakaznik-logo {
filter: grayscale(100%);
} .kontakty-prehled h3 {
color: #000;
font-family: "Space Grotesk";
font-size: 1.375rem;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 4px;
}
.kontakty-prehled {
padding: 5%;
}
.kontakty-prehled span {
display: block;
margin-bottom: 20px;
color: #FFF;
font-family: "Space Grotesk";
font-size: 1.375rem;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.mt-email {
margin-top: 15px;
}
.kontakty-prehled::before {
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 23px 23px 23px;
border-color: transparent transparent #EFB71B transparent;
transform: rotate(0deg);
position: absolute;
top: -22px;
left: 44%;
}
.zamestnananec-foto {
min-height: 420px;
width: 100%;
background-color: #EFB71B;
}
.zamestnananec-pozice {
display: inline-block;
color: #FFF;
text-align: center;
font-family: "Space Grotesk";
font-size: 1.625rem;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 4px 12px;
position: relative;
top: -22px;
}
.zamestnanec h3 {
margin-top: 0px;
margin-bottom: 25px;
text-align: center;
} .wpcf7-form label {
display: block;
width: 100%;
text-align: left;
font-size: 1rem;
margin-top: 10px;
}
.wpcf7-form .wpcf7-text {
display: block;
height: 65px;
border: 1px solid #E1E1E1;
box-shadow: unset;
width: 100%;
padding-left: 10px;
}
.wpcf7-form textarea {
display: block;
border: 1px solid #E1E1E1;
box-shadow: unset;
height: 170px;
padding: 12px 10px;
width: 100%;
}
.wpcf7-form .wpcf7-text:hover, .wpcf7-form .wpcf7-text:active, .wpcf7-form .wpcf7-text:focus, .wpcf7-form textarea:hover, .wpcf7-form textarea:active, .wpcf7-form textarea:focus {
box-shadow: unset;
border: solid 1px #000;
}
.wpcf7-form .btn-primary {
display: inline-block;
padding: 22px 40px 22px 35px;
border: 3px solid #EFB71B;
font-family: "Space Grotesk";
font-size: 1.375rem;
font-weight: 500;
background-color: #EFB71B;
color: #FFF !important;
margin-top: 10px;
margin-bottom: 10px;
box-shadow: unset !important;
}
.wpcf7-form .btn-primary:hover, .wpcf7-form .btn-primary:focus, .wpcf7-form .btn-primary:active {
border: 3px solid #EFB71B !important;
box-shadow: unset !important;
background-color: #fff !important;
color: #000 !important;
}  .site-main .carousel-indicators li {
padding-top: 0px;
padding-bottom: 4px;
background-image: unset;
}
.carousel-indicators .active {
background-color: #EFB71B;
}