/* --------------------------------------------------------------------------------------- */
/* Style name:			promaterial                                                        */
/* Inherited from:		prosilver (the default phpBB 3.3.x style)                          */
/* Original author:		phpBB Limited ( https://www.phpbb.com/ )                           */
/* Modified by:			Mazeltof ( https://www.mazeland.fr/ )                              */
/* --------------------------------------------------------------------------------------- */

/**  colours.css  -----------------------------------------------  **/
/* Colours and backgrounds for common.css */
html, body {
	background-color: #ffffff;
	color: #000000;
}
h2 {
	color: #000000;
}
h3 {
	color: #000000;
}
/* Colours and backgrounds for links.css */
a 		{ color: #c50d5f; }
a:hover 	{ color: #801330; }
a:focus 	{ color: #801330; }
/* Links on gradient backgrounds */
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #cce0f5;
}
/* Post body links */
.postlink {
	color: #c50d5f;
}
.postlink:visited {
	color: #801330;
}
.postlink:hover {
	color: #801330;
}
/* Back to top of page */
.top i {
	color: #801330;
}
/* Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: #801330;
}
/* Round cornered boxes and backgrounds */
.wrap {
    background-color: #fff;
    border-color: #fff;
}
.headerbar, .forabg, .forumbg {
    
	}
.navbar {
    background: #ffffff;
}
.panel {
	background-color: #F2F2F2;
	color: #000000;
}
.bg1 {
	background-color: #e5e5e5;
}
table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #e6f0fa;
}
.bg2 {
	background-color: #e5e5e5;
}
table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #e6f0fa;
}
.bg3	{
	background-color: #e5e5e5;
}
.ucprowbg {
	background-color: #cccccc;
}
.fieldsbg {
	background-color: #e6f0fa;
}
/* Table styles */
table.table1 tbody tr {
	border-color: #cccccc;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #cce0f5;
}
table.table1 td {
	color: #777777;
}
table.table1 tbody td {
	border-top-color: #ffffff;
}
/* Misc layout styles */
dl.details dd {
	color: #777777;
}
.sep {
	color: #2e63a8;
}
/* Icon styles */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #2e63a8;
}
.icon.icon-green, a:hover .icon.icon-green{
	color: #2e63a8;
}
.icon.icon-red, a:hover .icon.icon-red{
	color: #cc0001;
}
.icon.icon-gray, a:hover .icon.icon-gray{
	color: #2e63a8;
}
.icon.icon-lightgray, a:hover .icon.icon-lightgray{
	color: #2e63a8;
}
/* Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #cce0f5;
}
.jumpbox-cat-link {
	background-color: #4d94db;
	border-top-color: #cce0f5;
}
.jumpbox-cat-link:hover {
	background-color: #99c2eb;
	border-top-color: #cce0f5;
	color: #cc0001;
}
.jumpbox-forum-link {
	background-color: #e6f0fa;
}
.jumpbox-forum-link:hover {
	background-color: #e6f0fa;
}
.jumpbox .dropdown .pointer-inner {
	border-color: #e6f0fa transparent;
}
.jumpbox-sub-link {
	background-color: #e6f0fa;
}
.jumpbox-sub-link:hover {
	background-color: #e6f0fa;
}
/* Miscellaneous styles */
.copyright {
	color: #000000;
}
.error {
	color: #cc0001;
}
.reported {
	background-color: #fae6e6;
}
li.reported:hover {
	background-color: #f5cdcc !important;
}
div.rules {
	background-color: #f5cdcc;
	color: #cc0001;
}
p.post-notice {
	background-color: #fae6e6;
}
/* Colours and backgrounds for content.css */
ul.forums {
    background: #ffffff;
}
ul.topiclist li {
	color: #000000;
}
ul.topiclist dd {
	border-left-color: #cce0f5;
}
.rtl ul.topiclist dd {
	border-right-color: #cce0f5;
}
li.row {
	/*border-top-color:  #cce0f5;
	border-bottom-color: #99c2eb; */
}
li.row:hover {
	/*background-color: #e6f0fa;
	border-top-color:  #e6f0fa;*/
}
li.row:hover dd {
	border-left-color: #e6f0fa;
}
.rtl li.row:hover dd {
	border-right-color: #e6f0fa;
}
/* Content container styles */
.content h2, .panel h2 {
	color: #000000;
}
.posthilit {
	background-color: #f5cdcc;
	color: #cc0001;
}
/* BB Code styles */
/* Quote block */
blockquote {
	background-color: #ffffff;
	border-color:#cccccc;
}
blockquote blockquote {
	/* Nested quotes */
	background-color:#f5f5f5;
}
blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #ffffff;
}
/* Code block */
.codebox {
	border-color: #cccccc;
}
.codebox code {
	color: #339966;
}
/* Attachments */
.attachbox {
	background-color: #ffffff;
	border-color:  #e6f0fa;
}
.pm-message .attachbox {
	background-color: #ffffff;
}
.attachbox dd {
	border-top-color: #e6f0fa;
}
.attach-image img {
	border-color: #e6f0fa;
}
.attach-image img:hover {
	border-color: #cce0f5;
}
/* Inline image thumbnails */
dl.thumbnail img {
	border-color: #cce0f5;
}
dl.thumbnail dt a:hover {
	background-color: #ffffff;
}
dl.thumbnail dt a:hover img {
	border-color: #3385d6;
}
/* Post poll styles */
fieldset.polls dl {
	border-top-color: #cccccc;
}
.pollbar1 {
	background-color: #3385d6;
	border-bottom-color: #0066cc;
	border-right-color: #0066cc;
}
.rtl .pollbar1 {
	border-left-color: #0066cc;
}
.pollbar2 {
	background-color: #4d94db;
	border-bottom-color: #1a76d1;
	border-right-color: #1a76d1;
}
.rtl .pollbar2 {
	border-left-color: #1a76d1;
}
.pollbar3 {
	background-color: #66a3e0;
	border-bottom-color: #3385d6;
	border-right-color: #3385d6;
}
.rtl .pollbar3 {
	border-left-color: #3385d6;
}
.pollbar4 {
	background-color: #80b3e6;
	border-bottom-color: #4d94db;
	border-right-color: #4d94db;
}
.rtl .pollbar4 {
	border-left-color: #4d94db;
}
.pollbar5 {
	background-color: #99c2eb;
	border-bottom-color: #66a3e0;
	border-right-color: #66a3e0;
}
.rtl .pollbar5 {
	border-left-color: #66a3e0;
}
/* Poster profile block */
dd.profile-warnings {
	color: #cc0001;
}
/* Colours and backgrounds for buttons.css */
.button {
	border-color: #000000;
	background-color: #CCC;
	color: #444444;
}
.button:hover,
.button:focus {
	border-color: #ccc;
	background-color: #ccc;
	color: #c50d5f;
}
.button .icon,
.button-secondary {
	color: #c50d5f;
}
.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #801330;
}
.caret {
	border-color: #ffffff;
}
.button:hover .caret {
	border-color: #801330;
}
.contact-icons a	{
	border-color: #ffffff;
}
.contact-icons a:hover {
	background-color: #cce0f5;
}
/* Pagination */
.pagination li a {
	border-color: #4d94db;
	background-color: #4d94db;
	color: #ffffff;
}
.pagination li.ellipsis span {
	color:	#2e63a8;
}
.pagination li.active span {
	background: #99c2eb;
	border-color: #99c2eb;
	color: #801330;
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #99c2eb;
	border-color: #99c2eb;
	color: #801330;
}
/* Search box */
.search-box .inputbox {
	border-color: #4d94db;
}
.search-box .inputbox:hover,
.search-box .inputbox:focus {
	border-color: #99c2eb;
}
.search-header {
	box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
}
.search-results li:hover,
.search-results li.active {
	background-color: #e6f0fa;
}
/* Icon images */
.contact-icon						{ background-image: url("./images/icons_contact.svg"); }
/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.svg"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.svg"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.svg"); }
.global_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.svg"); }
.global_unread						{ background-image: url("./images/announce_unread.svg"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.svg"); }
.global_unread_locked				{ background-image: url("./images/announce_unread_locked.svg"); }
.global_unread_locked_mine			{ background-image: url("./images/announce_unread_locked_mine.svg"); }
.announce_read						{ background-image: url("./images/announce_read.svg"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.svg"); }
.announce_read_locked				{ background-image: url("./images/announce_read_locked.svg"); }
.announce_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.svg"); }
.announce_unread					{ background-image: url("./images/announce_unread.svg"); }
.announce_unread_mine				{ background-image: url("./images/announce_unread_mine.svg"); }
.announce_unread_locked				{ background-image: url("./images/announce_unread_locked.svg"); }
.announce_unread_locked_mine		{ background-image: url("./images/announce_unread_locked_mine.svg"); }
.forum_link							{ background-image: url("./images/forum_link.svg"); }
.forum_read							{ background-image: url("./images/forum_read.svg"); }
.forum_read_locked					{ background-image: url("./images/forum_read_locked.svg"); }
.forum_read_subforum				{ background-image: url("./images/forum_read_subforum.svg"); }
.forum_unread						{ background-image: url("./images/forum_unread.svg"); }
.forum_unread_locked				{ background-image: url("./images/forum_unread_locked.svg"); }
.forum_unread_subforum				{ background-image: url("./images/forum_unread_subforum.svg"); }
.sticky_read						{ background-image: url("./images/sticky_read.svg"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.svg"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.svg"); }
.sticky_read_locked_mine			{ background-image: url("./images/sticky_read_locked_mine.svg"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.svg"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.svg"); }
.sticky_unread_locked				{ background-image: url("./images/sticky_unread_locked.svg"); }
.sticky_unread_locked_mine			{ background-image: url("./images/sticky_unread_locked_mine.svg"); }
.topic_moved						{ background-image: url("./images/topic_moved.svg"); }
.pm_read,
.topic_read							{ background-image: url("./images/topic_read.svg"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.svg"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.svg"); }
.topic_read_hot_mine				{ background-image: url("./images/topic_read_hot_mine.svg"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.svg"); }
.topic_read_locked_mine				{ background-image: url("./images/topic_read_locked_mine.svg"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.svg"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.svg"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.svg"); }
.topic_unread_hot_mine				{ background-image: url("./images/topic_unread_hot_mine.svg"); }
.topic_unread_locked				{ background-image: url("./images/topic_unread_locked.svg"); }
.topic_unread_locked_mine			{ background-image: url("./images/topic_unread_locked_mine.svg"); }
/* Main CP box */
.cp-menu hr {
	border-color: #cce0f5;
}
/* CP tabbed menu */
.tabs .tab > a {
	background: #ccc;
	color: #c50d5f;
}
.tabs .tab > a:hover {
	background: #ccc;
	color: #801330;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
	border-color: #ccc;
	background-color: #ccc;
	color: #801330;
}
/* Mini tabbed menu used in MCP */
.minitabs .tab > a {
	background-color: #ccc;
}
.minitabs .tab > a:hover {
	background-color: #ffffff;
	color: #801330;
}
.minitabs .activetab > a,
.minitabs .activetab > a:hover {
	background-color: #ffffff;
	color: #801330;
}
/* Responsive tabs */
.responsive-tab .responsive-tab-link::before {
	border-color: #ccc;
}
.responsive-tab .responsive-tab-link:hover::before {
	border-color: #801330;
}
/* UCP navigation menu */
/* Link styles for the sub-section links */
.navigation a {
	background-color: #ccc;
	color: #c50d5f;
}
.rtl .navigation a {
	background-color: #ccc;
}
.navigation a:hover {
	background: #ffffff;
	color: #801330;
}
.navigation .active-subsection a {
	background: #ffffff;
	color: #c50d5f;
}
.navigation .active-subsection a:hover {
	color: #801330;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	#navigation a, .rtl #navigation a {
		background: #ccc;
	}
	#navigation a:hover {
	background: #ccc;
	}
	#navigation .active-subsection a {
	background: #ccc;
	}
}
/* Preferences pane layout */
.panel-container h2 {
	color: #000000;
}
.panel-container .panel {
	background-color: #ffffff;
}
/* Friends list */
.cp-mini {
	background-color: #ccc;
}
dl.mini dt {
	color: #000000;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #c50d5f;
	border-right-color: #c50d5f;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #cccccc;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #ccc;
}
/* Avatar gallery */
.gallery label {
	background: #FFFFFF;
	border-color: #cce0f5;
}
.gallery label:hover {
	background-color: #e6f0fa;
}
/* Colours and backgrounds for forms.css */
/* General form styles */
label {
	color: #000000;
}
/* Definition list layout for forms */
dd label {
	color: #000000;
}
/* Posting page styles */
.message-box textarea {
	color: #000000;
}
.message-box textarea.drag-n-drop {
	outline-color: rgba(46, 99, 168, 0.5);
}
.message-box textarea.drag-n-drop-highlight {
	outline-color: rgba(203, 203, 203, 0.5);
}
/* Input field styles */
.inputbox {
	background-color: #FFFFFF;
	border-color: #ccc;
	color: #000000;
}
.inputbox:-moz-placeholder {
	color: #000000;
}
.inputbox::-webkit-input-placeholder {
	color: #000000;
}
.inputbox:hover {
	border-color: #ccc;
}
.inputbox:focus {
	border-color: #ccc;
}
/* Form button styles */
a.button1, input.button1, input.button3, a.button2, input.button2 {
	border-color: #ccc;
	background-color: #ccc;
	color: #c50d5f;
}
a.button1, input.button1 {
	border-color: #4d94db;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #ccc;
}
/* <a> button in the style of the form buttons */
a.button1, a.button2 {
	color: #c50d5f;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #ccc;
	background-color: #ccc;
	color: #801330;
}
/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	border-color: #99c2eb;
	color: #801330;
}
input.disabled {
	color: #2e63a8;
}

/* jQuery popups */
.phpbb_alert {
	background-color: #FFFFFF;
	border-color: #4d94db;
}

.dropdown-extended ul li {
	border-top-color: #4d94db;
}

.dropdown-extended ul li:hover {
	background-color: #cce0f5;
	color: #2e63a8;
}
.dropdown-extended .header, .dropdown-extended .footer {
	background-color: #cce0f5;
	color: #2e63a8;
}

.dropdown-extended .header {
	background-color: #e6f0fa;
}

.dropdown .pointer {
	border-color: #cce0f5 transparent;
}

.dropdown .pointer-inner {
	border-color: #e6f0fa transparent;
}

.dropdown-extended .pointer-inner {
	border-color: #cce0f5 transparent;
}

.dropdown .dropdown-contents {
	background: #e6f0fa;
	border-color: #cce0f5;
}

.dropdown li, .dropdown li li {
	border-color: #cce0f5;
}

.dropdown li.separator {
	border-color: #cce0f5;
}

/* Notifications */
.notification_list p.notification-time {
	color: #2e63a8;
}

li.notification-reported strong, li.notification-disapproved strong {
	color: #cc0001;
}

.badge {
	background-color: #cc0001;
	color: #ffffff;
}

/**  promaterial.css  -------------------------------------------  **/
/* Colours and backgrounds for content.css */
li.row.bg1, li.row.bg2 {
	background-color: #ccc !important;
}

li.row.bg1:hover, li.row.bg2:hover {
	background-color: #ccc !important;
}

/* Stats page layout */
.stat-block, .headerspace {
	/* border-top: 1px solid #cce0f5; */

}
.headerspace {
	margin-bottom: 24px;
	background-color: #E2E2E2;
}

.stat-block h3, .headerspace h3 {
	color: #000000;
}
.stat-block h3 a, .headerspace h3 a {
	color: #c50d5f;
}
.stat-block h3 a:hover, .headerspace h3 a:hover {
	color: #801330;
}
.stat-block p, .headerspace fieldset {
	background-color: #ffffff;
	border-bottom: 1px solid #040404;
	color: #000000;
}
.stat-block p:hover, .headerspace fieldset:hover {
	background-color: #ffffff;
}
.stat-block.online-list p::before {
	content: url("./images/online-list.svg"); 
}
.stat-block.birthday-list p::before {
	content: url("./images/birthday-list.svg"); 
}
.stat-block.statistics p::before {
	content: url("./images/statistics.svg"); 
}
.stat-block.permissions p::before {
	content: url("./images/permissions.svg"); 
}
.headerspace .quick-login::before {
	content: url("./images/quick-login.svg"); 
}