@charset "Windows-1251";
/*@import url("//forumstatic.ru/files/001b/ec/ce/44085.css?v=2");  для тем старое */
@import url("//forumstatic.ru/files/0012/04/67/11158.css");  /* для тем new */
@import url("//forumstatic.ru/files/001c/1b/eb/76592.css"); /*fontawesome 6*/
/*@import url(//forumstatic.ru/files/001b/74/4e/79939.css?v=3); шрифты*/
@import url("//solrainha.github.io/honeybee/honeybee.css"); /*honeybee*/
@import url("//fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");
@import url(style_cs.1748794368.css);

.banners-content a:not(.static) {
    display: none;
}

.twinkle {
width:100%;
height:auto;
padding:10px;
background: #e4e4e4;
margin-bottom:20px;
margin-left:30px;
padding-left:50px;
min-height:100px;
}

.twinkle p strong {
font-family: 'Coliseum', sans-serif;
font-size:18px;
letter-spacing:1.3px;
color:#736c92;
}

.tw_tag {
position:absolute;
background: #9d9cac;
padding:0px 10px 0px 10px;
margin-left:-80px;
}

.tw_tag p {
line-height:25%!important;
color: #e4e4e4;
font-weight:bold;
padding:1px!important;
}

.aud, .aud2  {margin-top:5px;border-radius:0px!important;background:white;height:25px;width:280px!important;padding-bottom:-20px;}

.aud {float:left;}
.aud2 {float:right;}

/*Стиль к скрипту "Музыка в постах и подписях" (c) Emerael */
td#button-music {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%2013c0%201.105-1.12%202-2.5%202S1%2014.105%201%2013c0-1.104%201.12-2%202.5-2s2.5.896%202.5%202zm9-2c0%201.105-1.12%202-2.5%202s-2.5-.895-2.5-2s1.12-2%202.5-2s2.5.895%202.5%202z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14%2011V2h1v9h-1zM6%203v10H5V3h1z%22%2F%3E%3Cpath%20d%3D%22M5%202.905a1%201%200%200%201%20.9-.995l8-.8a1%201%200%200%201%201.1.995V3L5%204V2.905z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat; /*иконка, замените ссылку если хотите поставить свою*/
    background-size: 16px; /*размер иконки*/
}

 .acti, .special {
width:100%;
height: 100%;
margin:0 5px;
vertical-align:middle;
opacity:0.9;
 position: relative; 
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

.port {
width:50px;
height:70px;
display:inline-block;
vertical-align:top;
position:absolute;
}

.act_info {
width:70%;
height:100%;
display:inline-block;
vertical-align:top;
font-size:10px;
overflow-y: auto;
padding:1px 4px 5px 4px;
text-align:left;
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
background: #b7b7c1;
color:#3a3550;
line-height:8px;
text-align:justify;
position:relative;
margin-left:50px;
  max-width: 100%;  
  overflow: auto;            
  text-wrap: auto;       
  overflow-wrap: anywhere;     
  hyphens: auto;
}

.who, .for_who  {
	display:inline-block;
	width:70%;
	line-height:8px;
	text-align:center;
	background:#8b889d;
	font-family: 'Century Gothic';
	letter-spacing: 0.4px;
        color:#d5d5e3;
        position: relative;
        margin-left:50px;
}

.who {
font-size:12px;
padding:1px 2px 3px 2px;
z-index:9999;
  font-weight: bold;

}

.for_who {
  font-size:10px;
padding:0px 2px 3px 2px;

}



.act-content {
  width: 100%;
  max-height: 100px;
  display: flex;
  justify-content: flex-start;
  overflow-x: hidden;
  white-space: nowrap;
  padding-bottom: 1em;
  margin-top: 1rem;
  gap: 1em;
  scroll-padding-left: 1em;
}


.act-content a {
  flex: 0 0 auto;         
  display: inline-block;
  margin-right: 1em; 
width: 31%;
height: 70px;
}


.paired {
width:20px;
height:20px;
background: url("https://forumstatic.ru/files/0012/04/67/21303.png") top center no-repeat;
position:absolute;
margin-top:58px;
margin-left:-8px;
z-index:9999;
}


.act-content a:not(.special) {
    display: none;
}

@media (max-width: 1250px) {
  .act-content a {
     width: 65%;
   }
.act-content{
   overflow-x: auto; 
    scroll-snap-align: start; 
  }
}
