/*
* @package phpBB Extension - Add CSS
* @copyright (c) 2025 Stoker - http://www.phpbb3bbcodes.com
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
* @Author Stoker - http://www.phpbb3bbcodes.com
*/

/** Custom START **/
.rainbow-text {
  background-image: linear-gradient(270deg, violet, indigo, blue, green, yellow, orange, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rainbow-image {
  background-image: linear-gradient(360deg, violet, indigo, blue, green, yellow, orange, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.beer-image {
  background-image: linear-gradient(360deg, #b37400, #cc8500, #e69500, orange, orange, orange, #ffb833, #fff6e6, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/** Custom END **/

/** Ticker BBCode START **/
/** https://phpbb3bbcodes.com/viewtopic.php?t=2748 **/
.ticker {
  --ticker-duration: 20s;
  z-index: 10;
  overflow: hidden;
  padding: 0.5rem;
}

.ticker__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: ticker;
  animation-duration: var(--ticker-duration);
  text-align: center;
  width: max-content;
  padding-left: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .ticker__inner {
    flex-wrap: wrap;
    white-space: inherit;
    padding-left: 0;
    width: auto;
  }
}

.ticker__inner p {
  margin: 0 2rem;
}

@keyframes ticker {
  0% {
    transform: translate3d(0%, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
/** Ticker BBCode END **/

/** Fadein BBCode START **/
/** https://phpbb3bbcodes.com/viewtopic.php?t=2750 **/
.fade-in-text {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/** Fadein BBCode END **/

/*
* Colour unread titles
*/
[class*="forum_unread"] a.forumtitle,
[class*="forum_unread_subforum"] a.forumtitle {
	color: #0089cd;
}

[class*="topic_unread"] a.topictitle {
	color: #0089cd;
}

/*
* Cleansilver
*/
.global_read,
.global_read_mine, 
.global_read_locked, 
.global_read_locked_mine, 
.global_unread, 
.global_unread_mine, 
.global_unread_locked, 
.global_unread_locked_mine, 
.announce_read, 
.announce_read_mine, 
.announce_read_locked, 
.announce_read_locked_mine, 
.announce_unread, 
.announce_unread_mine, 
.announce_unread_locked, 
.announce_unread_locked_mine, 
.forum_link, 
.forum_read, 
.forum_read_locked, 
.forum_read_subforum, 
.forum_unread, 
.forum_unread_locked, 
.forum_unread_subforum, 
.sticky_read, 
.sticky_read_mine, 
.sticky_read_locked, 
.sticky_read_locked_mine, 
.sticky_unread, 
.sticky_unread_mine, 
.sticky_unread_locked, 
.sticky_unread_locked_mine, 
.topic_moved, 
.topic_read, 
.topic_read_mine, 
.topic_read_hot, 
.topic_read_hot_mine, 
.topic_read_locked, 
.topic_read_locked_mine, 
.topic_unread, 
.topic_unread_mine, 
.topic_unread_hot, 
.topic_unread_hot_mine, 
.topic_unread_locked, 
.topic_unread_locked_mine,
.pm_read,
.pm_unread
 {
    background-image: none;
}
.row-item:before {
    font-size: 24px;
    left: 15px;
    padding: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	font-family: FontAwesome;
}
.global_read:before,
.global_read_mine:before {
	content: "\f0ac"; 
	color: #6284b3;
}
.announce_read:before,
.announce_read_mine:before{
	content: "\f0a1"; 
	color: #6284b3;

}

.sticky_read:before,
.sticky_read_mine:before { 
	content: "\f08d"; 
	color: #6284b3; 
	left:18px;
}
.global_unread:before,
.global_unread_mine:before {
	content: "\f0ac"; 
	color: #6284b3; 
}
.announce_unread:before,
.announce_unread_mine:before {
	content: "\f0a1"; 
	color: #0089cd;
	-webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
}

.sticky_unread:before,
.sticky_unread_mine:before {
	content: "\f08d"; 
	color: #0089cd; 
	left:18px;
}
.global_read_locked:before,
.global_read_locked_mine:before,
.announce_read_locked:before,
.announce_read_locked_mine:before,
.forum_read_locked:before,
.sticky_read_locked:before,
.sticky_read_locked_mine:before,
.topic_read_locked:before,
.topic_read_locked_mine:before {
	content: "\f023"; 
	color: #6284b3; 
	font-size: 32px;
	 
}
.global_unread_locked:before,
.global_unread_locked_mine:before,
.announce_unread_locked:before,
.announce_unread_locked_mine:before,
.forum_unread_locked:before,
.sticky_unread_locked:before,
.sticky_unread_locked_mine:before,
.topic_unread_locked:before,
.topic_unread_locked_mine:before {
	content: "\f023"; 
	color: #0089cd; 
	font-size: 32px;
	
}
.forum_link:before { 
	content: '\f08e'; 
	color: #6284b3;
	left:10px;
}
.forum_read:before	{ 
	content: "\f039"; 
	color: #6284b3; 
	left:10px;
}

.topic_read:before,
.topic_read_mine:before{
		content: "\f15c";
	color: #6284b3;
}
.forum_read_subforum:before{
	content: "\f03a";
	color: #6284b3;
	left:10px;
}
.forum_unread_subforum:before{
	content: "\f03a";
	color: #0089cd;
	left:10px;
}
.forum_unread:before {
	content: "\f039";
	color: #0089cd;
	left:10px;
	mask: linear-gradient(-45deg, #000 30%, #0005, #000 70%) right/350% 100%;
	animation: shimmer 2.5s infinite;
	animation-iteration-count: 3;
}

@keyframes shimmer {
  100% {
    mask-position: left;
  }
}

.topic_unread:before,
.topic_unread_mine:before{
	content: "\f15c";
	color: #0089cd;
}

.topic_moved:before { 
	content: "\f04e";  
	color: #0076b1; 
}
.topic_read_hot:before,
.topic_read_hot_mine:before { 
	content: '\f0e7';  
	color: #0076b1;
	left: 20px;			
}
.topic_unread_hot:before,
.topic_unread_hot_mine:before { 
    content: '\f0e7';
    color: #0089cd;
    left: 20px;
	-webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
}
.pm_read:before	{ 
	content: "\f086";  
	color: #6284b3; 
	 
}
.pm_unread:before { 
	content: "\f086"; 
	color: #0089cd;
	-webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;	
}
.topic_unread_hot_mine:before,
.topic_unread_mine:before,
.topic_unread_locked_mine:before,
.sticky_unread_locked_mine:before,
.sticky_unread_mine:before,
.announce_unread_mine:before,
.announce_unread_locked_mine:before,
.global_unread_mine:before,
.global_unread_locked_mine:before {
    color: #0089cd;
}

dl.row-item dt[style*="background-image"] { 
	position: relative;
}

/* 
dl.row-item dt {
  position: relative;
}

dd.lastpost > span > :not(dfn) {
  position: relative;
}
*/

@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}