/* загрузка шрифтов */


@import url('https://fonts.googleapis.com/css?family=Roboto'); 
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');  
@import url('https://fonts.googleapis.com/css?family=Alumni+Sans');   

/*

простые рубленные гарнитуры

@import url('https://fonts.googleapis.com/css?family=Raleway');  
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');  
@import url('https://fonts.googleapis.com/css?family=Finlandica'); 

узкие рубленные гарнитуры

@import url('https://fonts.googleapis.com/css?family=Alumni+Sans');   
@import url('https://fonts.googleapis.com/css?family=Oswald'); 

образцы стилей

font-family: Georgia, Droid Serif, Noto Serif, PT Serif, Times New Roman, Times, serif;
font-family: Finlandica, Roboto, SF UI Text, Raleway, Noto Sans, Droid Sans, Montserrat, sans-serif;
font-family: Roboto Condensed, Alumni Sans, Oswald, sans-serif;

*/



#header > div > div > div {
background-image: url(img/top-image.webp);
background-position: center top;
background-repeat: no-repeat;
}

.showintro {
	width: 100%;
	height: 400px;
	background-image: url(img/intro-image.webp);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}	



/* ------------------------------------------------------------------------- *
 *  МОИ СТИЛИ
/* ------------------------------------------------------------------------- */

/* ссылки на прослушивание */

summary.spotify,
summary.apple,
summary.zvuk,
summary.bc,
summary.yandex {
	color: black;
	padding-bottom: 1em;
}

summary.spotify::before {
	content: "";
  background-image: url(img/spotify.svg);
  background-size: cover;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

summary.yandex::before {
	content: "";
  background-image: url(img/yandex.svg);
  background-size: cover;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

summary.zvuk::before {
  content: "";
  background-image: url(img/zvuk.svg);
  background-size: cover;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

summary.bc::before {
  content: "";
  background-image: url(img/bc.svg);
  background-size: cover;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

summary.apple::before {
  content: "";
  background-image: url(img/apple.svg);
  background-size: cover;
  height: 20px;
  width: 20px;
  margin-right: 8px;
  padding-top: 0.3em;
  display: inline-block;
  vertical-align: top;
}



/* ссылка discogs */

article > div > div.entry.share > div.entry-inner a.discogs {
	text-decoration: none;
}

a.discogs {
	font-family: Alumni Sans, sans-serif;
  display: block;
  position: relative;
  width: 8em;
  font-size: 1.2em;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  color: white;
  text-shadow: 1px 1px 2px hsla(140, 50%, 10%, 0.4);
  background: linear-gradient(hsl(145, 100%, 25%), hsl(135, 100%, 35%));
  border-radius: 2em;
  margin: 1.6em auto;
  padding: 0.2em 0.8em 0.2em 0.8em;  
  overflow: hidden;
  z-index: 10;
  transition: all 0.8s ease;
}

a.discogs::before {  
  content: "";
  position: absolute;
  opacity: 0;
  background-image: url(img/discogs.svg);
  background-repeat: no-repeat; 
  top: calc(50% - 0.4em);
  left: calc(50% - 4.1em);
  height: 0.8em;
  width: 1.2em;
  transition: all 0.8s ease; 
}

a.discogs::after {  
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(hsl(0, 0%, 20%), hsl(0, 0%, 30%));
  z-index: -1;
  transform: translateX(-110%);
  transition: all 0.8s ease; 
}

a.discogs:hover {
  color: white;
  padding: 0.2em 0.8em 0.2em 1.6em;
  transition: all 0.8s ease;
}

a.discogs:hover::before {
  opacity: 1;
  transition: all 0.8s ease;
}

a.discogs:hover::after {
  transform: translateX(0);
  transition: all 0.8s ease;   
}


/* ссылка скачать */

article > div > div.entry.share > div.entry-inner a.cloud {
	text-decoration: none;
}

a.cloud {
	font-family: Alumni Sans, sans-serif;
  display: block;
  position: relative;
  width: 8em;
  font-size: 1.2em;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  color: white;
  text-shadow: 1px 1px 2px hsla(290, 50%, 10%, 0.4);
  background: linear-gradient(hsl(210, 100%, 40%), hsl(210, 100%, 50%));
  border-radius: 2em;
  margin: 1.6em auto;
  padding: 0.2em 1em 0.2em 1em;  
  overflow: hidden;
  z-index: 10;
  transition: all 0.8s ease;
}

a.cloud::before {  
  content: "";
  position: absolute;
  opacity: 0;
  background-image: url(img/cloud.svg);
  background-repeat: no-repeat; 
  top: calc(50% - 0.4em);
  left: calc(50% - 4.5em);
  height: 0.8em;
  width: 1.2em;
  transition: all 0.8s ease; 
}

a.cloud::after {  
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(hsl(320, 100%, 40%), hsl(320, 100%, 50%));
  z-index: -1;
  transform: translateX(-110%);
  transition: all 0.8s ease; 
}

a.cloud:hover {
  color: white;
  padding: 0.2em 1em 0.2em 2em;
  transition: all 0.8s ease;
}

a.cloud:hover::before {
  opacity: 1;
  transition: all 0.8s ease;
}

a.cloud:hover::after {
  transform: translateX(0);
  transition: all 0.8s ease;   
}




/* треклист */

article p.tracklist{
font-family: Verdana, Tahoma, Comic Sans MS, sans-serif;
font-size: 0.7em;
line-height: 1.4em;
color: #666;
padding: 15px;  
border: 1px solid #E6E6E6; 
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGCQBOLnQAwGjDAGNgGwSgwVAE+2AgXahLM7AAAAAElFTkSuQmCC) repeat;
}

/* ссылка править */

.adminlink a {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 0.7em;
  font-weight: bold;
  color: rgb(68,68,68) !important;
  text-decoration: none !important;
  user-select: none;
  padding: .2em 1.2em;
  margin-top: 1em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
  line-height: 1em;
}
.adminlink a:hover {
  color: rgb(24,24,24) !important;
  text-decoration: none !important;
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.adminlink a:active {
  color: rgb(51,51,51) !important;
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}


/* ссылка по зявке */

article a.linkButton {
	display:inline-block;
	height:40px;
	font-family: 'Roboto Condensed', sans-serif;	
	color:#ffffff;
	font-size:15px;
	font-weight:200;
	font-style:normal;
	text-align:center;
	text-indent:0;
	text-decoration:none !important;
	text-shadow:1px 1px 0px #528ecc;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:linear-gradient(hsl(210, 100%, 74%) 5%, hsl(210, 77%, 56%) 100% );
	border-radius: 8px;
	padding-left: 1em;
	padding-right: 1em;
	line-height:40px;
}
 
article a.linkButton:hover {
	background:linear-gradient(hsl(210, 100%, 64%) 5%, hsl(210, 77%, 46%) 100% );
}



/* невидимка */

a.invisible {
	visibility:hidden;
}


/* блок рекламы */

p.promote {
font-family:Arial;
text-align:center;
font-size:10px;
color:rgba(0,0,0,.4);
}


/* блок похожих записей */

h3.yarptitle {
	padding-top: 1em;
	padding-bottom: 2em;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 1.4em;
}

h3.yarptitle::first-letter {
text-transform: capitalize;
}

ul.yarpul {
	margin: 0px;
	padding: 0px;}

ul.yarpul li.yarpli {
list-style-type: none;
border-bottom: 1px dotted #C6C6C6;
}

li.yarpli a {
padding-left: 15px;
text-decoration: none !important;
color: #929292;
font-size: 1em;
}

li.yarpli a:hover { color:#000000; text-decoration: underline !important;}

li.yarpli a:before { 
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 6px;
    color: #ccc;
    display: inline-block!important;
    width: 1em;
    text-align: left;
    content: "\f001";
    position: absolute;
    left: 0px;
	}








/* ------------------------------------------------------------------------- *
 *  БАЗОВЫЕ ИСПРАВЛЕНИЯ
/* ------------------------------------------------------------------------- */



.entry p {color: #000;}

h1.post-title, h2, h3, h4, h5, h6 {color: #000;}

.entry blockquote p {color: #816d54;}

#commentlist-container ol blockquote,
article blockquote 
{
  font-size: 1.0em;
	background-color: #FFFFF0;
	padding-top: 30px !important;
	padding-left: 60px !important;
	padding-right: 30px;
	padding-bottom: 20px !important;	
	}
#commentlist-container ol blockquote p,
article blockquote p {color: #816d54;}
.bsearch_highlight { background:#ffc; }


h5.inthis {
	font-size: 1em;
	line-height: 1.3em;
	color: #9A9A9A;
	padding-top: 15px;
	padding-bottom: 15px;
	text-transform: none;
	font-weight: normal;
}

#header .site-title {
font-style: italic;
text-shadow: 1px 1px 2px #000, 2px 2px 5px #000;
}


article p {color:#000;}
article p strong {font-weight:bold;}
article a {color: #007DDC;}

article > div > div.entry.share > div.entry-inner a {
text-decoration:underline;
}


article > div > div.entry.share > div.entry-inner h3 img,
article > div > div.entry.share > div.entry-inner a img.shadow 

{ box-shadow: 
  0 1px 1px rgba(0,0,0,0.15), 
  0 2px 2px rgba(0,0,0,0.15), 
  0 4px 4px rgba(0,0,0,0.15), 
  0 8px 8px rgba(0,0,0,0.15);
}

article > div > div.entry.share > div.entry-inner img.purest {box-shadow: none;}


article ul,
article ol {
padding-top: 15px;
padding-bottom: 15px;
font-size: 0.8em;
line-height: 1.6em;
}
article ul li,
article ol li {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 5px;
	padding-left: 10px;
	margin-right: 30px;
	font-size: 1.1em;
	color: #8D8D8D;
}
article ol li a {
	color: #0000FF;
}
article li {padding-bottom: 12px;}



#commentlist-container ol p.leftcomment,
article p.leftcomment,
article p.leftcomment_new {
color: #B0B0B0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.8em;
line-height: 1.4em;
padding-top: 7px;
padding-left: 20px;
font-style: italic;
padding-bottom: 10px;
border: none;
}

#commentlist-container ol p.leftcomment,
article p.leftcomment {
    border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	padding-top: 7px;
	}

article  a.aligncenter, 

article  a.aligncenter:hover, 
article  a.downloader:hover {
	color: #016A98;
	background-color: #bcf7fb;
}

div.textwidget ul > li > a {
padding-left: 30px;}

div.textwidget ul > li > a:before {
content: "\f001"; 
color: #ccc; 
font-family: FontAwesome; 
text-align: left; 
position: absolute; 
left:30px; }




/* шрифт рубрик и меток */

.sidebar-content .widget_tag_cloud a,
.sidebar-content .widget_categories ul > li > a,
.sidebar-content .widget_recent_comments ul > li
 {  font-family: Roboto Condensed, Alumni Sans, Oswald, sans-serif; }


/* блок ссылок в боковых колонках */

#pages-3 > ul > li > a {
padding-left: 25px;}

#pages-3 > ul > li > a:before {
content: "\f115";
position: absolute;
left:0px;}

#nav_menu-3 > div > ul > li > a {
padding-left: 25px;}

#nav_menu-3 > div > ul > li > a:before {
content: "\f0c1";
position: absolute;
left:0px;}

#rss-3 > ul > li > a {
padding-left: 25px;
}
#rss-3 > ul > li > a:before {
content: "\f06c";
position: absolute;
left:30px;
}

.notebox {
	position: relative;
	padding: 12px 15px;
	margin-bottom: 30px;
	background: #E1F3DA;
	color: #1a4e17;
}

p.post-date {color: #ccc; }

.notebox:before { 
content:''; 
display: inline-block; 
border-left: 8px solid transparent; 
border-right: 8px solid transparent;
border-bottom: 8px solid #E1F3DA; 
position: absolute; 
top: -8px; 
left: 13px; }

.notebox:after { 
content:''; 
display: inline-block; 
border-left: 6px solid transparent; 
border-right: 6px solid transparent; 
border-bottom: 6px solid #E1F3DA; 
position: absolute; 
top: -5px; 
left: 15px; }

.notebox span { font-weight: 600; }
.notebox .search-again { margin-top: 10px; }
.notebox input[type="text"] { width: 100%; }

div.entry.excerpt > p {color: hsl(0, 0%, 40%);}

a.bluelink {color: #007DDC;}
a.greenlink {}


input.rssinput {
width:180px;
background-color:#F5F5F5;
border: 1px solid rgba(0,0,0,.1);
}
p.light-p {color:rgba(0,0,0,.4);}

article div.video-container {margin-bottom: 20px;}

#guslib { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }

#rps_hcarousel {height: 200px;}
#rps_hcarousel > div.rps_item {width:143px;height:200px;}
#rps_hcarousel > div.rps_item > a {text-align:center;padding:20px;}

.widget a {color: #000;}
.widget a:hover {
color: #000;
text-decoration:underline;
}
li.recentcomments a {color: #777;}
#ws_widget__super_tags-4 a {color: #777;}


/* ------------- Контейнер с адаптивными блоками------------- */

.masonry {
margin: 1.5em 0;
padding: 0;
column-gap: 1.5em; /* Общее расстояние между колонками */
font-size: .85em;
-moz-column-gap: 1.5em; /* Расстояние между колонками для Firefox */
-webkit-column-gap: 1.5em; /* Расстояние между колонками  для Safari, Chrome и iOS */
}

img, iframe {
max-width: 100%;
height: auto;
display: block;
}
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}

@media only screen and (min-width: 150px) and (max-width: 600px) {
.masonry {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}


/* ------------- исправление iframe ------------- */


div.donation {
position: absolute;	
max-width: 423;
height: 313;
padding: 50;	
display: none;	
background-color: black;		
}

/* ------------- новые ссылки tag cloud ------------- */

#wr #wrapper #page #tag_cloud-4 div.tagcloud a.tag-cloud-link {
	color: #777;
}

/* ------------- новый фон ------------- */

#wr {
	background-color: rgb(102, 102, 102);
}


/* ------------- исправление картинок caption ------------- */

div.entry div.entry-inner .wp-caption {
  display: block; 
  padding: 5px 5px 0 5px;
}

div.entry div.entry-inner .wp-caption a.simplelightbox { display: block;  padding: 5px; margin: 0;}

div.entry div.entry-inner .wp-caption .wp-caption-text { color: #999; font-size: 16px; }

/* ------------- исправление шрифта ------------- */

div.entry div.entry-inner h1,
div.entry div.entry-inner h2,
div.entry div.entry-inner h3,
div.entry div.entry-inner h4,
div.entry div.entry-inner h5,
div.entry div.entry-inner h6
 { 
    font-family: Georgia, Droid Serif, Noto Serif, PT Serif, Times New Roman, Times, serif;
}


div.entry div.entry-inner p { 
    font-family: Georgia, Droid Serif, Noto Serif, PT Serif, Times New Roman, Times, serif;
}

/* ------------- исправление иконки отзывов ------------- */

.post-comments { 
  background-color: hsl(85, 91%, 25%);
  font-size: 12px; 
  font-weight: 600; 
  line-height: 18px; 
  color: #fff; 
  display: block; 
  position: absolute; 
  top: 10px; 
  right: 10px; 
  z-index: 6; 
  border-radius: 6px; 
}

.post-comments > span { 
  display: block; 
  position: relative; 
  padding: 6px 6px; 
}

.post-comments > span:before { 
  content:''; 
  position: absolute; 
  left: -11px; 
  bottom: 9px; 
  border-style: solid; border-width: 6px; 
  border-color: transparent hsl(85, 91%, 25%) transparent transparent; 
}

.post-comments i { margin-right: 3px; }

.post-comments:hover { color: white; }



/* ------------- исправление рубрик и тегов на главной ------------- */

.post-categories { 
  font-family: Roboto Condensed, sans-serif; 
  font-size: 14px;  
  border-top: solid 1px hsl(0, 0%, 94%);
  margin-bottom: 15px; 
  padding-top: 15px; 
}
.post-categories a { 
  color: hsl(200, 50%, 50%); 
}
.post-categories a:hover { 
  color: hsl(200, 90%, 70%); 
  text-decoration: underline;
}

.post-tags { margin-bottom: 40px; }

.post-tags span { 
  font-size: 14px; 
  color: #999; 
  display: inline-block; 
  margin: 0 7px 0 0; 
}

.post-tags a { 
  background: #f2f2f2; 
  display: inline-block; 
  line-height: 16px; 
  white-space: nowrap; 
  font-size: 12px; 
  color: #999; 
  padding: 3px 7px; 
  margin: 0 5px 2px 0;
  border-radius: 2px; 
}

.post-tags a:hover {   background-color: #3b8dbd;  color: #fff;  }


.small-tags { 
  font-family: Roboto Condensed, sans-serif; 
  font-size: 11px;
  border-top: solid 1px hsl(0, 0%, 94%);
  padding-top: 15px; 
  margin: 15px 0 15px 0; 
}

.small-tags span {   
  color: #999; 
  display: inline-block; 
  margin: 0 7px 0 0; 
}

.small-tags a { 
  display: inline-block; 
  font-size: 11px; 
  color: #999;   
  line-height: 14px; 
  white-space: nowrap; 
  background: #f2f2f2; 
  padding: 5px 7px 3px 7px; 
  margin: 0 5px 5px 0; 
  border-radius: 2px; 
}

.small-tags a:hover {   background-color: #3b8dbd;  color: #fff; }