/** Core CSS **/
/* Don't CHANGE THIS SECTION */

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; font-size:16px; letter-spacing:-0.01em; font-weight: bold; text-decoration:none; color:#303096 !important; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

#postAvatar
{
max-width:104px !important;
max-height:104px !important;
border-radius:50%;
border-radius:52px;
}

.tintpost
{
background:#fff8e8 !important;
background:#EFF5FF !important;
/*border:1px solid #efd8a8 !important;*/
border-top:0 !important;
}

.youtube-playerCont {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom:36%;
    padding-top: 20px; height: 0; overflow: hidden;
    box-shadow: 2px 3px 12px rgba(0,0,0,0.6);
    max-width:940px;
}

     @media screen and (max-width: 1700px){
         .youtube-playerCont {
             padding-bottom: 42%;
         }
      }

     @media screen and (max-width: 1520px){
         .youtube-playerCont {
             padding-bottom: 45%;
         }
      }

     @media screen and (max-width: 1380px){
         .youtube-playerCont {
             padding-bottom: 48%;
         }
      }
 
.youtube-playerCont iframe,
.youtube-playerCont object,
.youtube-playerCont embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.thePostItself
{
font-size:14px;
line-height:19px;
}
.thePostItself img, .attach
{
max-width:100%;
}
.thePostItself + div
{
	color: #00000070;
    font-size: 80%;	
}
.fixedsig {
max-height:150px;
overflow:hidden;
padding:0px;
margin:0px;
}

.fixedsig img {
max-width:100%;
}	

/** Additional Core **/

img[id^="forum_statusicon_"], img[id*=" forum_statusicon_"] {
    max-width:32px !important;
}

.vbmenu_popup {
    padding: 0px 40px 40px 10px;
    margin-left:-10px;
        background: transparent;
    color: transparent;
    border: unset;
}

.vbmenu_popup table {
/*border: 1px solid rgba(0, 0, 0, 0.1);*/
border-radius:6px;
overflow:hidden;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
background:#f6f6f6;
}

.vbmenu_popup td
{
	padding:10px;
	
}


.vbmenu_control2 { 
padding:0px 13px 0px 13px;
}

.vbmenu_control2 a { 
font-size: 12px; 
font-weight: 500;
color:#eee;
text-decoration:none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/* Start Sub-forums-list in Columns */
.subforum {
	padding:0;
	margin:	0;
}
.subforum li {
	display:inline;
	width:180px;
	float:left;
	padding-left:0.5em;
	padding-right:0.5em;
font-size:10px;
}
.clear {
	clear:both;
}
/* End */

		
/** Navbar **/
.navbarContainer
{
    min-height: 40px;
    background-color: #2f5cc1;
	font-size:11px;
	margin:0 auto;
	padding: 0 16px 0 8px;
	display:flex;
	align-items:center;
}
.navbarContainer .navbar
{
	font:unset;
	display:inline-flex;
}
.navbarContainer a
{
	    margin: 0 11px;
}
.navbarFinalDest
{
	padding:0 10px;
	color:#c0d3ff	
}	

.homeicon
{
	margin-right:8px;
}

.homeicon img
{
	width:12px;
	height:12px;
}


/** Page Counter **/
.pagenav
{
	font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size: 13px;	
}
.pagenavtitle
{
    padding-right: 15px !important;
    font:unset;
}

.firstlast
{
	background: #f1f1f1;
    border-radius: 14px;
    padding: 0px 9px !Important;
}

.firstlast .smallfont
{
	    font:unset;
	    font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size: 11px;
    color: #666 !important;
}

.pagenav .alt1
{
	font:unset;
	padding: 2px 6px;
	background:unset;
	color:unset;
}

.pagenav .alt1 a
{
	font:unset;
	font-size: 14px;
    color: #636363 !important;
    font-weight: 600;
}

.pagenavcurrentpage
{
	    background: #ff2222;
    padding: 6px 7px !important;
    border-radius: 50%;
    color: #fff;
    min-width: 15px;
    text-align: center;
}

.pagenavcurrentpage .smallfont
{
	font:unset;
	font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
	font-size:14px;
}

.pagenav .vbmenu_control2 img
{
	display:none;
}

.pagenav .vbmenu_control2:after
{
	position:relative;
	display:block;
	width:10px;
	height:10px;
	content:'';
	
	  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #00000073;
  font-size: 0;
  line-height: 0;
  float: left;
  
}

/**Misc **/
	.toptoolbar
	{
		margin: 20px 0 13px 0;
	}

	.forumhometitleContainer div
	{
		padding:0 4px;
	}
		
	.forumhometitleContainer .alt1Active
	{
		padding-left:12px;
	}
	.forumhometitle
	{
		font-family: tahoma,arial; 
	}
	
	
/**Buttons**/
	.newButton {
		border:unset;
		box-shadow:unset;
		text-shadow:unset;
		text-transform:unset;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    background: rgb(18 72 224);

    float: left;
    width: 140px;

    color: #ffffff;

    font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    letter-spacing: -0.01em;
    font-weight: 500;

    text-align: left;
    font-size: 13px;
    line-height: 11px;

    padding: 11px 16px;
    word-spacing: 4px;
    margin: 0px 0px 3px 0px;
    transition: all .1s ease-out;
   }
   
.newButton:after {
    content: '>';
    opacity: 0;
    transition: all .1s ease-out;
    font-weight: 200;
    position: absolute;
    right: 10px;
}

.newButton:hover {
    padding-left: 24px;
    padding-right: 8px;
    box-shadow: 2px 2px 20px #27293a1c;
}

.newButton:hover:after {
    opacity: 1;
    right: 10px;
}




.fieldset
{
    font-size: 100%;
    line-height: 1.8;
    border-radius: 10px;
}

.fieldset > .fieldset
{
	border:unset;
}

table[id^="post"] .fieldset
{
	padding: 10px 10px;
	box-shadow: 1px 1px 20px #00000017;
	/*border: 1px solid #0000001f;*/
	padding: 10px 10px 0;
	max-inline-size: fit-content;
	border: 1px solid #4d4c8f1f;
}

table[id^="post"] .fieldset div
{
	display:grid;
}
.fieldset img
{
	border-radius:6px;
}

