@charset "UTF-8";
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
} @media screen and (min-width: 20em) {
}
.youtube {
position: relative;
padding-bottom: 56.23%; height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 5px;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}
.youtube img:hover {
-webkit-filter: brightness(75%);
}
.youtube .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/TxzC70f.png) no-repeat;
cursor: pointer;
}

body {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/back-main.jpg) repeat 0 0;
font-family: Verdana, Tahoma, sans-serif;
color: #4b070f;
font-size: 14px;
}
h1, h2, h4, h3 {
margin: 30px 0 10px;
font-size: 16px;
color: #0c437a;
text-align: center;
text-decoration: none;
}
h2, h4, h3 {
margin: 0 0 10px;
font-size: 15px;
}
h3 {
font-size: 14px;
}
h4 {
font-size: 13px;
}
a {
color: #DC8620;
}
ahover {
text-decoration: none;
}
.img_border,
.attachment-post-thumbnail {
border: #9E5624 4px double;
}
.clear {
clear: both;
}
.color-red {
color: #ff0000;
}
.color-green {
color: #429451;
}
.color-grey {
color: #2c353b;
}
.color-greylight {
color: #909194;
}
.color-greyphones {
color: #566570;
}
.color-textpics {
color: #161414;
}
.color-bluelight {
color: #028e90;
}
.color-bluedark {
color: #073787;
}
.site-header {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/head-main.jpg) no-repeat 0 0;
height: 257px;
position: relative;
}
.site-music-header {
height: 257px;
position: relative;
margin-bottom: 22px;
}
.header-phones {
position: absolute;
width: 160px;
height: 31px;
top: 35px;
left: 305px;
color: #ffffff;
font-size: 10px;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
}
.header-phones span {
font-size: 16px;
font-weight: 700;
}
.header-logo {
width: 340px;
height: 110px;
display: block;
position: absolute;
top: 77px;
left: 260px;
}
.page-id-39 .site-header,
.page-id-43 .site-header,
.page-id-45 .site-header,
.page-id-41 .site-header {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/head_about.jpg) no-repeat 0 0;
}
.page-id-50 .site-header,
.page-id-53 .site-header,
.page-id-58 .site-header,
.page-id-56 .site-header,
.parent-pageid-50 .site-header,
.parent-pageid-53 .site-header,
.parent-pageid-58 .site-header,
.parent-pageid-56 .site-header {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/head_tvorchestvo.jpg) no-repeat 0 0;
}
.page-id-60 .site-header,
.page-id-66 .site-header,
.parent-pageid-60 .site-header,
.parent-pageid-66 .site-header {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/head_uslugi.jpg) no-repeat 0 0;
}
.page-id-205 .site-header,
.page-id-593 .site-header,
.page-id-596 .site-header,
.page-id-209 .site-header {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/head_photo.jpg) no-repeat 0 0;
}
.page-id-211 .site-header,
.page-id-313 .site-header,
.parent-pageid-211 .site-header,
.parent-pageid-313 .site-header {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/head_novosti.jpg) no-repeat 0 0;
}
.page-id-219 .site-header,
.page-id-317 .site-header {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/head_disko.jpg) no-repeat 0 0;
}
.page-id-228 .site-header,
.page-id-230 .site-header,
.single-post .site-header {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/head_articles.jpg) no-repeat 0 0;
}
#page {
width: 1000px;
margin: 0 auto;
} #breadcrumbs-wrap {
width: 100%;
margin: -20px 0 0 0;
clear: both;
float: left;
}
#breadcrumbs {
float: left;
margin: 0 0 0 7px;
}
#breadcrumbs ul {
height: 24px;
margin: 0;
padding: 0;
}
#breadcrumbs ul li {
float: left;
list-style: none;
margin: 5px 10px;
position: relative;
}
#breadcrumbs ul li :after {
position: absolute;
content: "–";
top: 3px;
right: -15px;
}
#breadcrumbs ul li a {
color: #50201c;
font-style: italic;
font-weight: bold;
font-size: 11px;
}
#breadcrumbs ul .last :after {
content: "";
}
#lang-switch {
float: left;
margin: 0 0 0 23px;
width: 180px;
position: relative;
}
#lang-switch ul {
height: 24px;
margin: 0;
padding: 0 0 0 25px;
}
#lang-switch ul li {
list-style: none;
float: left;
margin: 5px 5px 5px 0;
}
#lang-switch ul li.active {
font-weight: bold;
}
#lang-switch ul li.active a {
text-decoration: none;
}
#lang-switch ul li a {
color: #50201c;
}
#sidebar-left {
float: left;
margin: 0 0 35px 0;
padding: 5px 17px 5px 23px;
width: 180px;
}
#main {
float: left;
width: 770px;
min-height: 400px;
}
.entry-content {
line-height: 1.5;
} .navigation {
background: none;
border-left: 2px #98303B solid;
border-top: 2px #98303B solid;
margin: 0 0 35px;
}
.navigation ul {
list-style: none;
margin: 0;
padding: 10px 10px 10px 10px;
}
.navigation ul li {
line-height: 30px;
min-height: 30px;
height: auto !important;
height: 30px;
padding: 0 0 0 14px;
}
.navigation ul li a {
font-size: 18px;
color: #97303c;
}
.navigation ul .current-menu-item {
background: url(//dzherela.com.ua/wp-content/themes/dzherela/images/sprite.png) no-repeat 0px 0px;
}
#go-up {
height: 47px;
float: right;
} .article {
float: left;
margin: 15px 0 25px;
width: 100%;
}
.article .thumbnail {
float: left;
margin: 4px 8px;
}
.article .excerpt {
line-height: 18px;
} #footer {
background-color: #3d1515;
color: #e5e5e0;
float: left;
width: 100%;
}
#footer .wrap {
width: 970px;
margin: 7px auto;
}
#footer .title {
color: #ffdaaf;
font-size: 15px;
white-space: nowrap;
font-weight: 700;
position: relative;
text-align: center;
}
#footer .title:before {
position: absolute;
left: 0;
top: 8px;
content: "";
width: 100%;
height: 2px;
background: #ffdaaf;
}
#footer .title .title-item {
background: #3d1515;
position: relative;
padding: 5px;
}
#footer a {
text-decoration: none;
color: #e5e5e0;
}
#footer-menu {
margin: 0;
padding: 0;
column-count: 2;
column-gap: 15px;
}
#footer-menu li {
list-style: none;
display: block;
}
#footer-menu li a {
font-size: 12px;
line-height: 26px;
border-bottom: 1px #8b8b8b solid;
display: inline-block;
width: 100%;
}
.footer-catalog {
width: 210px;
float: left;
margin: 0 0 0 115px;
}
#contact {
width: 300px;
margin: 0 0 0 50px;
float: left;
}
#contact .item {
line-height: 26px;
border-bottom: 1px #8b8b8b solid;
font-size: 12px;
float: left;
width: 100%;
}
#contact .item .odd {
float: left;
}
#contact .item .even {
float: right;
}
#social {
width: 235px;
margin: 0 0 0 50px;
float: left;
}
#social .social-title {
position: relative;
color: #ffdaaf;
font-size: 15px;
font-weight: 700;
margin: 0 0 15px 0;
}
#copyright {
float: left;
width: 100%;
padding: 25px 0 10px;
font-size: 10px;
text-align: center;
}
#sitemap {
margin: 15px 0;
}
.sharethis-inline-share-buttons {
position: relative;
margin: 30px 0 40px -100px;
float: left;
height: 30px;
text-align: center;
width: 200px;
left: 50%;
}
.menu-toggle {
display: none;
}
.comments-wrapper {
border-top: 2px solid #98303B;
margin-top: 25px;
padding: 15px 0;
}
.page-template-page-reviews .comments-wrapper {
border-top: none;
margin-top: 0;
padding: 0;
}
@media (max-width: 1024px) {
.site-header {
height: 25vw;
background-size: cover !important;
}
.site-music-header {
height: 25vw;
}
.site-music-header-img {
width: 100%;
height: auto;
}
#page {
width: 100%;
}
#sidebar-left {
position: relative;
}
#main {
float: left;
width: 100%;
margin: 0 -230px;
padding: 0 0 0 230px;
box-sizing: border-box;
}
#main iframe {
max-width: 100%;
}
#main img {
max-width: 100%;
height: auto;
}
#main .img_border,
#main .attachment-post-thumbnail {
max-width: calc(100% - 8px);
}
#footer {
margin-top: 20px;
}
#footer .wrap {
width: 100%;
float: left;
}
.footer-catalog {
position: relative;
z-index: 1;
}
#contact {
min-height: 170px;
}
#social {
text-align: center;
min-width: 70%;
margin: 10px auto;
float: none;
}
.sharethis-inline-share-buttons {
width: 100%;
float: left;
margin-left: -50%;
}
}
@media (max-width: 950px) {
#contact,
.footer-catalog {
width: 80%;
float: none;
margin: 20px auto;
min-height: 150px;
}
}
@media (max-width: 735px) {
#lang-switch,
#sidebar-left,
#custom_html-2,
.header-logo,
.header-phones {
display: none;
}
h1, h2, h3, h4 {
margin: 10px 0;
}
h1, h2, h3, h4 {
margin: 2em 0 10px;
}
#breadcrumbs {
padding: 0 5px 0 40px;
}
#breadcrumbs-wrap {
margin: 0;
position: relative;
}
#breadcrumbs ul li {
margin: 0px 10px;
} #lang-switch {
margin: 0;
width: 100%;
position: fixed;
right: 10px;
width: 55px;
top: 60px;
z-index: 100;
}
#sidebar-left {
position: fixed;
top: 0;
width: 100%;
height: 100vh;
background: #fff;
z-index: 10;
padding: 10%;
box-sizing: border-box;
}
.navigation {
margin: 0;
border: none;
margin-left: -24px;
}
.navigation ul li {
line-height: 40px;
}
#main {
width: 100%;
margin: 0;
padding: 5px;
}
.menu-toggle {
display: block;
border: 0;
background: transparent;
width: 30px;
height: 30px;
}
.menu-toggle:hover {
cursor: pointer;
}
.menu-open {
position: relative;
top: 5px;
left: 0;
margin-bottom: -30px;
}
.menu-close {
position: absolute;
top: 20px;
right: 20px;
font-size: 30px;
}
}.comment {
color: #4b070f;
font-size: 12px;
}
.comment .comment-body {
background: #f4f5ff;
border: #e8e8ff 1px solid;
padding: 11px 5px;
margin-top: 10px;
margin-left: 7px;
position: relative;
}
.comment .comment .comment-body {
margin-top: 5px;
margin-left: 27px;
}
.comment .comment.comment-author-theaterofsongs .comment-body {
background: #ffebb0;
}
.comment-author {
color: #ab0000;
font-weight: bold;
float: left;
margin-right: 5px;
}
.comment-metadata {
font-size: 11px;
color: #666;
padding-top: 1px;
}
.comment-reply-link {
color: #4b070f;
text-decoration: none;
}
.comment-reply-link:before {
content: "[";
}
.comment-reply-link:after {
content: "]";
}
.comment-reply-title {
color: #4b070f;
font-size: 12px;
font-weight: bold;
margin-top: 35px;
text-align: left;
}
.comments-pagination {
margin: 10px 0;
}
#commentform label {
vertical-align: top;
min-width: 150px;
display: inline-block;
}
.cld-like-dislike-wrap {
position: absolute;
top: 10px;
right: 0;
}
.cld-like-count-wrap, .cld-like-trigger {
color: #40982a;
}
.cld-dislike-count-wrap, .cld-dislike-trigger {
color: #9c1c1c;
}
.cld-common-wrap {
min-width: 20px;
}