body.home .menu-scroll-down {
display: none !important;
}  .twentyseventeen-panel .panel-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
will-change: background-position;
transition: background-position 0.50s linear; } .twentyseventeen-panel .panel-image img {
display: block;
max-width: none; will-change: transform;
backface-visibility: hidden;
} .panel-image {
position: relative;
overflow: hidden;
z-index: 1;
} .panel-image::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
pointer-events: none;
z-index: 3; background-image: 
repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 0.07),
rgba(0, 0, 0, 0.07) 1px,
transparent 1px,
transparent 3px
),
repeating-linear-gradient(
90deg,
rgba(0, 0, 0, 0.07),
rgba(0, 0, 0, 0.07) 1px,
transparent 1px,
transparent 3px
);
background-size: auto, auto;
background-repeat: repeat, repeat;
background-position: left top, left top;
background-attachment: fixed, fixed;
} .panel-image::after {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
pointer-events: none;
z-index: 1;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px); mask-image: linear-gradient(
to bottom,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) 60%,
rgba(0,0,0,0.05) 75%,
rgba(0,0,0,0.2) 90%,
rgba(0,0,0,0.8) 100%
);
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) 60%,
rgba(0,0,0,0.05) 75%,
rgba(0,0,0,0.2) 90%,
rgba(0,0,0,0.8) 100%
);
} a {
box-shadow: none !important;
} .entry-header {
position: relative;
text-align: center;
margin-bottom: 2em; } .entry-header .entry-title {
font-size: 30px !important;
font-weight: 700;
line-height: 1.1;
position: absolute;
bottom: -0.9em !important; left: 50%;
transform: translateX(-50%);
white-space: nowrap;
overflow: visible;
max-width: none !important;
} .panel-content {
display: flex;
justify-content: center;
background: transparent !important;
padding: 1.5em 0;
filter: drop-shadow(0 0 10px rgb(17, 14, 7));
} @font-face {
font-family: 'Lora';
src: url(//koll.band/wp-content/themes/twentyseventeen-child/fonts/Lora-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Gotham';
src: url(//koll.band/wp-content/themes/twentyseventeen-child/fonts/Gotham-Black.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
} body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
p,
.wp-block-post-title,
.wp-block-post-title
.wp-block-button__link {
font-family: 'Lora', sans-serif !important;
} .page .entry-title {
font-family: 'Gotham', sans-serif !important;
}
.panel-content .wrap {
background-color: #20201d;
padding: 2.5em;
max-width: 767px;
width: 90%;
position: relative;
z-index: 2;
clip-path: polygon(
20px 0,
calc(100% - 20px) 0,
100% 20px,
100% calc(100% - 20px),
calc(100% - 20px) 100%,
20px 100%,
0 calc(100% - 20px),
0 20px
);
} .entry-content > * {
margin-top: 0.2em !important;
margin-bottom: 0.2em !important;
} .entry-content p {
margin-bottom: 0.2em;
} .entry-content h2, 
.entry-content h3 {
margin-top: 1em;
margin-bottom: 1em;
} .reduced-bottom-margin {
margin-bottom: 0.3em;
} .h2-bottom-margin {
margin-bottom: 1em;
} .justify,
.justify p {
text-align: justify !important;
text-justify: inter-word !important;
overflow-wrap: anywhere;
word-break: break-all; hyphens: auto;
}  .site-footer {
text-align: center;
} .site-footer .social-navigation,
.site-footer .site-info {
float: none !important;
display: block;
text-align: center;
margin: 0 auto;
} .site-footer .site-info {
width: 100%;
display: block;
margin-top: 0.5em;
text-align: center !important;
} .site-footer .social-navigation {
margin-bottom: 0.75em;
} .site-footer {
background-color: #2b2617;
} .site-footer a {
color: #ffc600 !important;
}
.site-footer a:hover {
color: #f5f5f5;
} .site-footer button,
.site-footer input[type="button"],
.site-footer input[type="reset"],
.site-footer input[type="submit"],
.site-footer .button,
.site-footer .social-navigation a {
background-color: #14130e !important; border: 2px solid #ffc600; color: #ffc600; width: 44px; height: 44px; line-height: 44px; text-align: center; display: inline-block;
cursor: pointer;
transition: all 0.3s ease;
border-radius: 50%; font-size: 28px; text-decoration: none; margin: 0 5px; } .site-footer button:hover,
.site-footer input[type="button"]:hover,
.site-footer input[type="reset"]:hover,
.site-footer input[type="submit"]:hover,
.site-footer .button:hover,
.site-footer .social-navigation a:hover {
background-color: #ffc600 !important; border-color: #14130e !important;
color: #14130e !important; transform: scale(1.5); } .site-footer .social-navigation a::before {
font-size: 70px !important; line-height: 50px; } .site-footer .social-navigation a svg {
width: 28px; height: 28px; margin-top: -6px;
} .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background-color: #e2ded0 !important; border: 2px solid #2b2617 !important; color: #333 !important; width: 100%;                      
max-width: 700px;                 
padding: 0.6em 1em;
margin-bottom: 1em;
font-size: 16px;
box-sizing: border-box;
transition: border-color 0.3s ease, background-color 0.3s ease;
resize: none;
} .wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
border-color: #ffc600 !important;
outline: none;
} .wpcf7 input[type="submit"] {
background-color: #14130e !important; border: 2px solid #ffc600; color: #ffc600 !important; padding: 0.8em 1.5em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
display: inline-block;
} .wpcf7 input[type="submit"]:hover {
background-color: #ffc600 !important; border-color: #14130e; color: #14130e !important; transform: scale(1.3);
} ::-webkit-scrollbar {
width: 12px; height: 12px; } ::-webkit-scrollbar-track {
background: #14130e; border-radius: 6px;
} ::-webkit-scrollbar-thumb {
background-color: #ffc600; border-radius: 6px;
border: 2px solid #14130e; } ::-webkit-scrollbar-thumb:hover {
background-color: #ffd633; } * {
scrollbar-width: thin; scrollbar-color: #ffc600 #14130e; }