/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
#logo img{
    display:flex;
    margin:0 auto;
    max-width:100%;
    border-radius:7px;
}

.logo{
  float:none;
  width: 100%;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
   .headerbar{
    padding:0px;
   }
   
   .logo{
      display:block;
      padding:0px;
   }
   
   #logo img{
    border-radius:0px;
   }
   
   #site-description h1{
    display:none;
   }
}

#site-description{
  float:none;
  width:unset;
}

#site-description h1{
  margin-top:0px;
  margin-left:70px;
}

#site-description p{
  margin-bottom:5px;
  margin-left:70px;
}

.search-header{
  margin-top:-40px;
  margin-right:70px;
}

@media only screen and (max-width: 1086px), only screen and (max-device-width: 1086px) {
   #site-description h1, #site-description p{
    margin-left:0px;
   }
   .search-header{
    margin-right:0px;
   }
}

html, body {
	color: #3a6484;
	background-color: #fcfcfc;
}

h1 {
	color: #3a6484;
}

h2 {
	color: #3a6484;
}

h3 {
	border-bottom-color: #CCCCCC;
	color: #3a6484;
}

hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus,
.search-box .button:hover {
	border-color: #C7C3BF;
}

.search-header {
	box-shadow: 0 0 10px #c5c5c5;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap {
	background-color: #FFF;
	border-color: #f7f7f7;
}

.headerbar {
	background-color: #d2d2d2;
	background-image: url("./images/bg_header.gif");
	color: #3a6484;
}

.navbar {
	background-color: #f2f2f2;
}

.forabg {
	background-color: #c5c5c5;
	background-image: url("./images/bg_list.gif");
}

.forumbg {
	background-color: #d2d2d2;
	background-image: url("./images/bg_header.gif");
}

.panel {
	background-color: #fafafa;
	color: #3a6484;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1 {
	background-color: #e4e4e4;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #fafafa;
}

.bg2 {
	background-color: #f7f7f7;
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #f7f7f7;
}

.bg3	{
	background-color: #f2f2f2;
}

.ucprowbg {
	background-color: #f4f4f4;
}

.fieldsbg {
	background-color: #f7f7f7;
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-top-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #dcdde2;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f5f5f5;
	color: #000;
}

table.table1 td {
	color: #3a6484;
}

table.table1 tbody td {
	border-top-color: #FAFAFA;
}

table.table1 tbody th {
	border-bottom-color: #000000;
	color: #333333;
	background-color: #FFFFFF;
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #000000;
}

dl.details dd {
	color: #3a6484;
}

.sep {
	color: #cfcfcf;
}




/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #555555;
}

.error {
	color: #106cb6;
}

.reported {
	background-color: #add6f3;
}

li.reported:hover {
	background-color: #94bcee !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #94bcee;
	color: #106cb6;
}

p.post-notice {
	background-color: #94bcee;
	background-image: none;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a { color: #3a6484; }
a:hover	{ color: #066ebe; }

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
	color: #FFFFFF;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #f0f0f0;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
	background-color: #FFFFFF;
}

/* Post body links */
.postlink {
	border-bottom-color: #3a6484;
	color: #3a6484;
}

.postlink:visited {
	border-bottom-color: #3a6484;
	color: #3a6484;
}

.postlink:hover {
	/*background-color: #f5f5f5;*/
	color: #3a6484;
}

.signature a, .signature a:hover {
	background-color: transparent;
}

a.arrow-left:hover {
	color: #3a6484;
}

a.arrow-right:hover {
	color: #3a6484;
}

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: #fbfbfb;
	background-image: url("./images/gradient.gif");
}

ul.topiclist li {
	color: #3a6484;
}

ul.topiclist dd {
	border-left-color: #FFFFFF;
}

.rtl ul.topiclist dd {
	border-right-color: #fff;
	border-left-color: transparent;
}

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #bfbfbf;
}

li.row strong {
	color: #3a6484;
}

li.row:hover {
	background-color: #F6F4D0;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

.rtl li.row:hover dd {
	border-right-color: #CCCCCC;
	border-left-color: transparent;
}

li.header dt, li.header dd {
	color: #FFFFFF;
}

/* Post body styles
----------------------------------------*/
.postbody {
	color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
	color: #333333;
}

.content h2, .panel h2 {
	color: #3a6484;
	border-bottom-color:  #CCCCCC;
}

dl.faq dt {
	color: #333333;
}

.posthilit {
	background-color: #80c2f5;
	color: #106cb6;
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
}

/* Post signature */
.signature {
	border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
	border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */

blockquote blockquote {
	/* Nested quotes */
	background-color:#EFEED9;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #EBEADD;
}

/* Code block */
.codebox {
	background-color: #FFFFFF;
	border-color: #efefef;
}

.codebox p {
	border-bottom-color:  #CCCCCC;
}

.codebox code {
	color: #2E8B57;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #5151c0; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #302f94; }

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color:  #efefef;
}

.pm-message .attachbox {
	background-color: #f7f8f8;
}

.attachbox dd {
	border-top-color: #efefef;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd {
	color: #666666;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #d4d4d4;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #f4f4f4;
	color: #666666;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.pollbar1 {
	background-color: #0d64a3;
	border-bottom-color: #08416e;
	border-right-color: #08416e;
}

.rtl .pollbar1 {
	border-left-color: #08416e;
}

.pollbar2 {
	background-color: #0b6eb2;
	border-bottom-color: #0b5086;
	border-right-color: #0b5086;
}

.rtl .pollbar2 {
	border-left-color: #0b5086;
}

.pollbar3 {
	background-color: #0a77c0;
	border-bottom-color: #0d64a3;
	border-right-color: #0d64a3;
}

.rtl .pollbar3 {
	border-left-color: #0d64a3;
}

.pollbar4 {
	background-color: #0882cf;
	border-bottom-color: #0b6eb2;
	border-right-color: #0b6eb2;
}

.rtl .pollbar4 {
	border-left-color: #0b6eb2;
}

.pollbar5 {
	background-color: #038de1;
	border-bottom-color: #0a77c0;
	border-right-color: #0a77c0;
}

.rtl .pollbar5 {
	border-left-color: #0a77c0;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #666666;
	border-color: #FFFFFF;
}

.pm .postprofile {
	border-color: #DDDDDD;
}

.postprofile strong {
	color: #000000;
}

dd.profile-warnings {
	color: #106cb6;
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.dropdown-select {
	color: #3a6484;
}

.dropdown-select:after	{ border-color: #DADADA; }
.dropdown-select:hover	{ border-color: #C7C3BF; }

.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select {
	border-color: #e3e3e3;
	color: #3a6484;
}

.contact-icons a		{ border-color: #DCDCDC; }
.contact-icons a:hover	{ background-color: #fcfcfc; }

/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

.panel-container h3, .panel-container hr, #cp-menu hr {
	border-color: #e4e4e4;
}

.panel-container .panel li.row {
	border-bottom-color: #e9e9e9;
	border-top-color: #F9F9F9;
}

ul.cplist {
	border-top-color: #e9e9e9;
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
	color: #000000;
}

.panel-container table.table1 thead th {
	color: #333333;
	border-bottom-color: #333333;
}

#cp-main .pm-message {
	border-color: #f4f4f4;
	background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs .tab > a {
	background: #ececec;
	color: #3a6484;
}

#tabs .tab > a:hover {
	background: #f8f8f8;
	color: #066ebe;
}

#tabs .activetab > a,
#tabs .activetab > a:hover {
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f2f2f2));
	background: -webkit-linear-gradient(top, #fafafa 0%, #f2f2f2 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #f2f2f2 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #f2f2f2 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2', GradientType=0 );
	border-color: #f2f2f2;
	box-shadow: 0 1px 1px #fdfdfd inset;
	color: #333333;
}

#tabs .activetab > a:hover {
	color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs .tab > a {
	background-color: #f7f7f7;
}

#minitabs .activetab > a,
#minitabs .activetab > a:hover {
	background-color: #F9F9F9;
	color: #333333;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
	border-color: #3a6484;
}

.responsive-tab .responsive-tab-link:hover:before {
	border-color: #066ebe;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	color: #333;
	background: #eaeaea;
	background: -moz-linear-gradient(left, #eaeaea 50%, #f2f2f2 100%);
	background: -webkit-gradient(left top, right top, color-stop(50%, #eaeaea), color-stop(100%, #f2f2f2));
	background: -webkit-linear-gradient(left, #eaeaea 50%, #f2f2f2 100%);
	background: -o-linear-gradient(left, #eaeaea 50%, #f2f2f2 100%);
	background: -ms-linear-gradient(left, #eaeaea 50%, #f2f2f2 100%);
	background: linear-gradient(to right, #eaeaea 50%, #f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f2f2f2', GradientType=1 );
}

.rtl #navigation a {
	background: #eaeaea;
	background: -moz-linear-gradient(left, #f2f2f2 0%, #eaeaea 50%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #f2f2f2), color-stop(50%, #eaeaea));
	background: -webkit-linear-gradient(left, #f2f2f2 0%, #eaeaea 50%);
	background: -o-linear-gradient(left, #f2f2f2 0%, #eaeaea 50%);
	background: -ms-linear-gradient(left, #f2f2f2 0%, #eaeaea 50%);
	background: linear-gradient(to right, #f2f2f2 0%, #eaeaea 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eaeaea', GradientType=1 );
}

#navigation a:hover {
	background: #e6e6e6;
	color: #106cb6;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a {
	background: #F9F9F9;
	color: #066ebe;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#navigation #active-subsection a:hover {
	color: #066ebe;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	#navigation a, .rtl #navigation a {
		background: #e9e9e9;
	}
}

/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
	color: #333333;
}

.panel-container .panel {
	background-color: #F9F9F9;
}

#cp-main .pm {
	background-color: #FFFFFF;
}

/* Friends list */
.cp-mini {
	background-color: #fbfbfb;
}

dl.mini dt {
	color: #3a6484;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #000000 !important;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #106cb6;
	border-right-color: #106cb6;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #e5e5e5;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #d7d7d7;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #000000;
}

/* Avatar gallery */
#gallery label {
	background: #FFFFFF;
	border-color: #CCC;
}

#gallery label:hover {
	background-color: #EEE;
}

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #666666;
	background-color: #FAFAFA;
	color: #000;
}

label {
	color: #3a6484;
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
	color: #333;
}

fieldset.fields1 {
	background-color: transparent;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #f7f8f8;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
	color: #333333;
}

#message-box textarea.drag-n-drop {
	outline-color: rgba(102, 102, 102, 0.5);
}

#message-box textarea.drag-n-drop-highlight {
	outline-color: rgba(210, 210, 210,  0.5);
}




/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #000;
	background-color: #FAFAFA;
	background-image: url("./images/bg_button.gif");
}

a.button1, input.button1 {
	border-color: #666666;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #666666;
}

/* <a> button in the style of the form buttons */
a.button1, a.button2 {
	color: #000000;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: #106cb6;
	color: #106cb6;
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	border-color: #d2d2d2;
	color: #c0c0c0;
}

input.disabled {
	color: #666666;
}

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
	background-color: #FFFFFF;
	border-color: #999999;
}
#darken {
	background-color: #000000;
}


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

.dropdown-extended ul li:hover {
	background-color: #f5f5f5;
	color: #000000;
}

.dropdown-extended .header, .dropdown-extended .footer {
	border-color: #B9B9B9;
	color: #000000;
}

.dropdown-extended .footer {
	border-top-style: solid;
	border-top-width: 1px;
}

.dropdown-extended .header {
	background: #fdfdfd;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #f2f2f2));
	background: -webkit-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
	background: -o-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%, #f2f2f2 100%);
}

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

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

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

ul.linklist li.responsive-menu a.responsive-menu-link:before {
	border-color: #3a6484;
}

ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
	border-color: #066ebe;
}

.dropdown .dropdown-contents {
	background: #fff;
	border-color: #b9b9b9;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

.dropdown-up .dropdown-contents {
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}

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

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

/* Notifications
---------------------------------------- */

.notification_list p.notification-time {
	color: #3a6484;
}

li.notification-reported strong, li.notification-disapproved strong {
	color: #066ebe;
}
/* COOKIEMON
---------------------------------------- */
.cookiemon-button {
  padding: 0 10px 0 10px;
}
.cookiemon-button > [data-cookiemon-privacybutton] {
  padding: 0;
}