/*
 * MyBB: FA5Dark Frontend Theme 
 *
 * File: extras.css
 * 
 * Author: Vintagedaddyo
 *
 * MyBB Version: 1.8
 *
 * Theme Version: 1.2
 *        
 */ 

/* Quick & basic converting to responsiveness tutorial by: V */

/* postbit classic */

.authpostcontent {
    overflow: hidden;
}

.authinfo {
	border: 1px solid #303030;
	background: #252525;
	color: #A0A0A0;	
	float: left;
	width: 15%;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;	
}

.authinfo:active,
.authinfo:hover{
	border: 1px solid #252525;
	background: #303030;
}

/*@media only screen and (max-width: 420px) {*/

@media (max-width: 768px) {
	
.post.classic {
    padding-top: 0px;	
}
	
.authinfo{
    border: 0 none;
    float: none;
    margin-right: 0;
    width: auto;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;	
	border-bottom: #303030 1px solid;
}
}

/* Hide span */

.threads_show, .posts_show {
     display: none !important;
}

.replies_show, .views_show {
     display: none !important;
}

.thread_show, .author_show {
     display: none !important;
}

.folder_show, .post_icon_show {
     display: none !important;
}

.last_post_show{
     display: none !important;
}

.ucp_show {
     display: none !important;
}

.mcp_show {
     display: none !important;
}

.rating_show {
     display: none !important;
}

@media only screen and (max-width: 868px) {
/*	
.select-wrap {
  display: inline-block;
}

.select-wrap:before {
   top: 4px;
}	
*/	
body {
     overflow-x: hidden !important;
     overflow-y: scroll !important;
}
	
/* textarea tweaks */
	
html > body > div#container > div#content > div.wrapper > form > table > tbody > tr > td > table.tborder > tbody > tr > td.trow1 > fieldset.trow2 > textarea {
     width: 95% !important;
}	
	
html > body > div#container > div#content > div.wrapper > table > tbody > tr > td > form > table.tborder > tbody > tr > td.trow2 > textarea {
     width: 95% !important;
}	

textarea {
    width: 95% !important;
}	
	
/* modal */
	
.modal {
     width: 300px !important;
}
	
/* logo */
	
#logo {
     padding-bottom: 10px !important;	
     text-align: center !important;
     float: none !important;
}
	
#logo img {
     padding-bottom: 15px;
}
	
/* table */
	
table td {
     background: transparent;
     padding: 3px;
     text-align: left !important;
     float: none !important;
     border-top: 0px !important;
     border-left: 0px !important;
     border-bottom: 1px solid: #DDDDDD;
     display: block !important;	
     width: auto !important;
     font-size: 13px !important;	
     overflow:hidden;
}

/* new/edit post/reply/announcement/pmcompose/calendaraddevent smilies display tweak */
	
.clickable_smilies > tbody {
     display: inline-flex !important;
}
	
.clickable_smilies > tbody > tr > td{
     text-align: center !important;
     padding: 20px;
     display: inline-block !important;
}
	
/* F-b & F-i tweaks */
	
form#buddy {
     width: unset !important;
}
	
form#ignored {
      width: unset !important;
}

/* star rating float left */
	
.star_rating {
     float: left !important;
}		
	
/* index legend */
	
.forum_legend dt {
     float: unset !important; 
     padding: 5px !important;	 
}
	
.forum_legend dd {	
     margin-left: 55px !important;
     margin-top: -35px !important;	 
}	
	
/* ucp avatar border */
	
.usercp_container {
     width: 101px;
}

/* footer links */ 
	
#footer .upper ul.bottom_links {
     float: unset !important;
     display: inline-grid !important;	
}
	
/* tcat tweaks */

/* overall tcat display */
	
.tcat {
     display: none !important; 
}

/* UserCP & ModCP nav tcat display */
	
.cpshow {
     display: block !important; 
}
	
/* Search Results check tcat display */
	
.srcshow {
     display: block !important; 
}	
	
/* whosonline tcat  display */	
	
.wolshow {
     display: block !important; 
}
	
/* cal event tcat display */
	
.tcalshow {
     display: flow !important; 
}
	

/* thread & posts span for mobile */
	
.threads_show, .posts_show {
     display: inline-block !important; 	
}
	
/* replies & views span for mobile */
	
.replies_show, .views_show {
     display: inline-block !important; 	
}

/* thread & author span for mobile */
	
.thread_show, .author_show {
     display: inline-block !important; 	
}

/* folder & post icon span for mobile */
	
.folder_show, .post_icon_show {
     display: inline-block !important; 	
}
	
/* last post span for mobile */
	
.last_post_show {
     display: inline-block !important; 	
}

/* ucp span for mobile */
	
.ucp_show {
     display: inline-block !important; 	
}

/* mcp span for mobile */
	
.mcp_show {
     display: inline-block !important; 	
}

/* ucpcheck span for mobile */
	
.ucpcheck_show {
     display: flow !important; 	
}

/* mcpcheck span for mobile */
	
.mcpcheck_show {
     display: flow !important; 	
}
	
/* rating span for mobile */
	
.rating_show {
     display: block !important; 	
}
	
}

@media (max-width:768px) {
	
/* Postbit button scaling */

.post_controls {
     text-align: center;
}

.postbit_buttons a span {
     font-size: 0px;
}

.postbit_buttons a span:before {
     margin: 0;
}

.postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active {
     padding: 3px 7px;
}

/* toplinks tweak */
	
#logo ul.top_links {	
     text-align: center !important;
     display: flow !important;
}

}

@media (max-width:360px) {
		
/* select tweaks */
	
html > body > div#container > div#content > div.wrapper > form > table > tbody > tr > td > table.tborder > tbody > tr > td.trow1 > div#s2id_to.select2-container.select2-container-multi > ul.select2-choices {
     width: 105px !important;
}

html > body > div#select2-drop.select2-drop.select2-drop-multi.select2-display-none.select2-drop-active {
     width: 112px !important;	
}	

.select2-container, .select2-drop, .select2-search, .select2-search input {
     width: 115px !important;
}

/* first */

select {
     display: block !important;
     max-width: 180px !important;
}
	
}

@media (max-width:375px) {

/* wrapper tweak */
	
.wrapper {
     width: unset !important;
     margin: unset !important;
}
	
}

@media (min-width:375px)  {
	
/* select tweaks */
	
html > body > div#container > div#content > div.wrapper > form > table > tbody > tr > td > table.tborder > tbody > tr > td.trow1 > div#s2id_to.select2-container.select2-container-multi > ul.select2-choices {
     width: 120px !important;
}

html > body > div#select2-drop.select2-drop.select2-drop-multi.select2-display-none.select2-drop-active {
     width: 127px !important;	
}	

.select2-container, .select2-drop, .select2-search, .select2-search input {
     width: 130px !important;
}

/* second */

select {
     display: block !important;
     max-width: 190px !important;
}
	
}

@media (min-width:414px) {
	
/* select tweaks */
	
html > body > div#container > div#content > div.wrapper > form > table > tbody > tr > td > table.tborder > tbody > tr > td.trow1 > div#s2id_to.select2-container.select2-container-multi > ul.select2-choices {
     width: 159px !important;
}

html > body > div#select2-drop.select2-drop.select2-drop-multi.select2-display-none.select2-drop-active {
     width: 166px !important;	
}	

.select2-container, .select2-drop, .select2-search, .select2-search input {
     width: 167px !important;
}

/* last */

select {
     display: block !important;
     max-width: 200px !important;
}
	
}

@media (min-width:868px) {
	
/* slhide span search for mobile */
	
.slhide {
     display: none !important;
}	
			
/* mlhide span for mobile */
	
.mlhide {
     display: none !important;
}
	
/* sthide span for mobile */
	
.sthide {
     display: none !important;
}
	
/* final */

select {
     display: unset !important;
}
	
}

/* portal tborder */

.tborder_portal {
	background: #282828;
	width: 100%;
	margin: auto auto;
	border: 1px solid #282828;
	padding: 1px;
}

/* end */

/* start */

/* Basic Calendar Responsiveness Tutorial by: V */

@media (max-width:768px) {

.weekday_day_name strong {
    display: none;
}

.calendar .tcat[width*="1"] {
    padding: 1px;
}

/* English */

[title="Sunday"]:after {
    content: 'Sun';
}

[title="Monday"]:after {
    content: 'Mon';
}

[title="Tuesday"]:after {
    content: 'Tue';
}

[title="Wednesday"]:after {
    content: 'Wed';
}

[title="Thursday"]:after {
    content: 'Thu';
}

[title="Friday"]:after {
    content: 'Fri';
}

[title="Saturday"]:after {
    content: 'Sat';
}

/* French */

[title="Dimanche"]:after {
    content: 'Dim';
}

[title="Lundi"]:after {
    content: 'Lun';
}

[title="Mardi"]:after {
    content: 'Mar';
}

[title="Mercredi"]:after {
    content: 'Mer';
}

[title="Jeudi"]:after {
    content: 'Jeu';
}

[title="Vendredi"]:after {
    content: 'Ven';
}

[title="Samedi"]:after {
    content: 'Sam';
}

/* Spanish */

[title="Domingo"]:after {
    content: 'Dom';
}

[title="Lunes"]:after {
    content: 'Lun';
}

[title="Martes"]:after {
    content: 'Mar';
}

[title="Miércoles"]:after {
    content: 'Mié';
}

[title="Jueves"]:after {
    content: 'Jue';
}

[title="Viernes"]:after {
    content: 'Vie';
}

[title="Sábado"]:after {
    content: 'Sáb';
}

/* Italian */

[title="Domenica"]:after {
    content: 'Dom';
}

[title="Lunedì"]:after {
    content: 'Lun';
}

[title="Martedì"]:after {
    content: 'Mar';
}

[title="Mercoledì"]:after {
    content: 'Merc';
}

[title="Giovedì"]:after {
    content: 'Gio';
}

[title="Venerdì"]:after {
    content: 'Ven';
}

[title="Sabato"]:after {
    content: 'Sab';
}

/* German */

[title="Sonntag"]:after {
    content: 'Son';
}

[title="Montag"]:after {
    content: 'Mon';
}

[title="Dienstag"]:after {
    content: 'Die';
}

[title="Mittwoch"]:after {
    content: 'Mit';
}

[title="Donnerstag"]:after {
    content: 'Don';
}

[title="Freitag"]:after {
    content: 'Frei';
}

[title="Samstag"]:after {
    content: 'Sam';
}
	
/* add your additional langs here */


.weekday_day_height {
    height: 0px;
}
}

@media (min-width:768px) {
.weekday_day_height {
    height: 100px;  
}
}

@media (max-width:800px)  {
.weekday_day_height {
    height: 60px;  
}
}

@media (max-width:600px)  {
.weekday_day_height {
    height: 50px;  
}
}

@media (max-width:480px) {
.weekday_day_height {
    height: 40px;  
}
}

@media (max-width:320px) {
.weekday_day_height {
    height: 30px;  
}
}	
/* end */