/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			  lgds
	Based on style:   prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		  OnStage ( https://lgds-lesgensduspectacle.fr )
    --------------------------------------------------------------
*/



.headerbar {
    margin-bottom: 15px;
}

.message {
      position:relative;
      top: 0;
      /*left: 21%;*/  
      opacity: 0.9;            
}
.message:hover {
      opacity: 0.4;            
}

.leftsided .online .postprofile {
    background: none !important;
}

/* header banner 
https://www.phpbb-fr.com/forums/viewtopic.php?p=1660541#p1660541 */
.headerbar {
    background: none;
    position: relative;
}

.site-description {
    float: none;
    width: auto;
    margin: -20px -20px 0 -20px;
}

.logo {
    float: none;
    margin-bottom: -8px;
}

.logo img {
    width: 100%;
    border-radius: 7px;
}

.search-header {
    position: absolute;
    top: 0;
    right: 0;   
    margin: 0;
}

@media (max-width: 700px) {
    .site-description .logo {
        display: block;
        padding: 15px 15px 0 15px;
    } 
    .logo img {
    border-radius: 0;
   }  
}

body {
    background: url("./images/bg1.png") no-repeat fixed 50% 50% / cover;
}

html, body {
    background-color: transparent;
    font-size: 10px;
    color: #444444;
}

.wrap {
    background-color: #D4D4D4;
    border-color: #E6E9ED;
    opacity: 0.94; 
    border-radius: 8px;
    box-shadow: 1px 1px 3px #333;
}

#phpbb_announcement div {
    font-size: 1.1em;
    line-height: 1.5em;
    overflow-x: auto;
    overflow: hidden;
    margin: 0;
    background-color: transparent;
    border-color: transparent;
}


/* Site & Description
----------------------*/
.site-description h1 {
  font-family: black ops one !important;
  color: #000!important;
  font-size: 16px;
}

.navbar {
   background-color: #000;
   font-family: black ops one;
}

.navbar a {
  color: #eee;
}

ul.topiclist {
  background-color: #000000 !important;
  border-radius: 10px;
  padding: 5px;
  box-shadow: 1px 1px 8px #555;
  /*margin-bottom: 5px;*/
}

ul.topiclist.forums {
  background-color: #dfdfdf !important;
  color: #e62048;
}

ul.forums, ul.topics {
  box-shadow: 1px 1px 6px #000000;
  background-color: #DFDFDF !important; /* #20486C */
}

li.row {
    border-top-color: #CCCCCC;
    /*border-bottom-color: #CCCCCC;*/
    background-color: #dfdfdf !important;
    border-radius: 8px;
}
li.row:hover {
    box-shadow: 1px 1px 3px #333;
}

.rightside {
  color: #536482;
}

.search-icon, .search-adv-icon {
  color: #000000 !important;
}

blockquote {
    border-radius: 3px;
    background-color: #EEE;
    border-color: #DBDBCE;
    border: 1px solid transparent;
    font-size: 0.95em;
    margin: 1em 1px 1em 25px;
    overflow: hidden;
    padding: 5px;
    box-shadow: 1px 1px 3px #555;
}

/* Forums et Catégories
-----------------------*/

.forumbg .header a, .forabg .header a, th a {
    color: #eee;                            
    font-family: Black Ops One;
    font-weight: bold;
    font-size: 11px;
    box-shadow: 3px 3px 6px #333;
    perspective: 800px;
}


li.header dt, li.header dd {
    font-family: Black Ops One !important;
    font-size: 11px !important;
    color: #eee;                            
}

.list-inner dt {
    font-family: Black Ops One !important;
    font-size: 11px !important;
    color: #e62048;  
}


a.forumtitle, a.topictitle {
    font-family: Black Ops One;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

h2 {
    font-family: Black Ops One;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    text-decoration: none;
}


.forabg, .forumbg {
  background: none;
}

.bg1 {
  background-color: #DFDFDF;
}

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

.bg2 {
  background-color: #d9d5d4 !important; /* #E1EBF2 */
}

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

.bg3  {
  /*background-color: #EDF7F6 !important;*/
  background-color: #cccccc;
}

/* postprofile is sticky
-------------------------*/
.postprofile {
    margin: 5px 0 35px 0!important;
    position: sticky; 
    top: 5px;
} 
.postprofile .avatar img {border-radius: 10px}
.contact-icon {font-size: 1px;}
.contact-icons a {
    border-bottom: 1px dotted;
    float: left;
    padding: 3px;
}

/* Infobox phpBB Studio
-----------------------*/
.studio-box {
  margin: 1rem 0;
}

.studio-box > p {
  background: rgba(255, 255, 255, 0.5);
  margin: 0;
  padding: 0.5rem 1rem;
}

.studio-box > strong {
  font-size: 1rem;
  text-transform: capitalize;
  color: #f9f9f9;
  display: block;
  padding: 0.5rem 1rem;
}

.studio-box > strong > i {
  color: #f9f9f9;
  margin-right: 0.5rem;
}

.studio-box-note > strong > i:after { content: "\f05a"; }
.studio-box-conseil > strong > i:after { content: "\f058"; }
.studio-box-important > strong > i:after { content: "\f06a"; }

.studio-box-note { background: #2172b8; }
.studio-box-conseil { background: #82c545; }
.studio-box-important { background: #f06045; }


/* Images de forum
--------------------*/
.forum-image {
    float: left;
    padding-top: 0px;
    margin-right: 10px;
}


/* Rangs
--------------------*/
.banner-rank {
   font-weight : 700;
   position : relative;
   margin-top : 5px;
   padding : 5px;
   margin-right: 8px;
   color: #eee;
   text-align: center;
}

/* --------------------------------------------------------
--------- Responsive tablette et mobile  ---------
------------------------------------------------------- */
@media (max-width: 700px) {
    .banner-rank {
        display: none;
    }
}  

.banner-rank {
    font-family: black ops one;
    font-size: 1.2em;
    color: #fff;
    background-color: #324a6c;
    border-radius : 5px;
    background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.3));
    box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 5px 5px -5px rgba(0,0,0,0.2);
    text-shadow: 0 1px 1px #000;
}
.banner-rank:before, .banner-rank:after {
   position : absolute;
   top : -3px;
   width : 4px;
   height : 3px;
   content : '';
   opacity : 0.8;
}
.banner-rank:before {
   left : 0;
   border-top-left-radius : 3px;
}
.banner-rank:after {
   right : 0;
   border-top-right-radius : 3px;
}  


/* JumpBox
--------------------*/
.dropdown .dropdown-contents a {
       color: #eee; 
       font-family: Black Ops One;
       font-weight: bold;
       font-size: 11px;
} 
.jumpbox-cat-link {
    background-color: #e62048;
    border-top-color: #e62048;
    color: #000;
} 
.jumpbox-cat-link:hover {
    background-color: #000;
    border-top-color: #000;
    color: #eee!important;
} 

.jumpbox-sub-link {
    background-color: #fcd7de;
} 
.jumpbox-sub-link:hover {
    background-color: #faebee;
}  

.dropdown .dropdown-contents a {
      color: #000000; 
}  


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

.dropdown .dropdown-contents a {
  color: #000000;
}  
                                   

/* Statistiques
--------------------*/
/*.rightside {color: #eee !important;}*/

.copyright {
    font-size: 10px;
    text-align: left !important; 
    padding: 10px;
}

/*Block Stats et Copyright
---------------------------*/
.ORG_bg, .stat-block {
    padding: 10px;
    border-radius: 10px;
    background-color: #cccccc;
    margin: 10px !important;
    opacity: 0.9;
}


/* Icon images
---------------------------------------- */

.contact-icon                       { background-image: url("./images/icons_contact.png"); }

/* Profile & navigation icons */
.pm-icon                            { background-position: 0 0; }
.email-icon                         { background-position: -21px 0; }
.jabber-icon                        { background-position: -80px 0; }
.phpbb_icq-icon                     { background-position: -61px 0 ; }
.phpbb_wlm-icon                     { background-position: -182px 0; }
.phpbb_aol-icon                     { background-position: -244px 0; }
.phpbb_website-icon                 { background-position: -40px 0; }
.phpbb_youtube-icon                 { background-position: -98px 0; }
.phpbb_facebook-icon                { background-position: -119px 0; }
.phpbb_googleplus-icon              { background-position: -140px 0; }
.phpbb_skype-icon                   { background-position: -161px 0; }
.phpbb_twitter-icon                 { background-position: -203px 0; }
.phpbb_yahoo-icon                   { background-position: -224px 0; }

/* Forum icons & Topic icons */
.global_read                        { background-image: url("./images/announce_read.png"); }
.global_read_mine                   { background-image: url("./images/announce_read_mine.png"); }
.global_read_locked                 { background-image: url("./images/announce_read_locked.png"); }
.global_read_locked_mine            { background-image: url("./images/announce_read_locked_mine.png"); }
.global_unread                      { background-image: url("./images/announce_unread.png"); }
.global_unread_mine                 { background-image: url("./images/announce_unread_mine.png"); }
.global_unread_locked               { background-image: url("./images/announce_unread_locked.png"); }
.global_unread_locked_mine          { background-image: url("./images/announce_unread_locked_mine.png"); }

.announce_read                      { background-image: url("./images/announce_read.png"); }
.announce_read_mine                 { background-image: url("./images/announce_read_mine.png"); }
.announce_read_locked               { background-image: url("./images/announce_read_locked.png"); }
.announce_read_locked_mine          { background-image: url("./images/announce_read_locked_mine.png"); }
.announce_unread                    { background-image: url("./images/announce_unread.png"); }
.announce_unread_mine               { background-image: url("./images/announce_unread_mine.png"); }
.announce_unread_locked             { background-image: url("./images/announce_unread_locked.png"); }
.announce_unread_locked_mine        { background-image: url("./images/announce_unread_locked_mine.png"); }

.forum_link                         { background-image: url("./images/forum_link.png"); }
.forum_read                         { background-image: url("./images/forum_read.png"); }
.forum_read_locked                  { background-image: url("./images/forum_read_locked.png"); }
.forum_read_subforum                { background-image: url("./images/forum_read_subforum.png"); }
.forum_unread                       { background-image: url("./images/forum_unread.png"); }
.forum_unread_locked                { background-image: url("./images/forum_unread_locked.png"); }
.forum_unread_subforum              { background-image: url("./images/forum_unread_subforum.png"); }

.sticky_read                        { background-image: url("./images/sticky_read.png"); }
.sticky_read_mine                   { background-image: url("./images/sticky_read_mine.png"); }
.sticky_read_locked                 { background-image: url("./images/sticky_read_locked.png"); }
.sticky_read_locked_mine            { background-image: url("./images/sticky_read_locked_mine.png"); }
.sticky_unread                      { background-image: url("./images/sticky_unread.png"); }
.sticky_unread_mine                 { background-image: url("./images/sticky_unread_mine.png"); }
.sticky_unread_locked               { background-image: url("./images/sticky_unread_locked.png"); }
.sticky_unread_locked_mine          { background-image: url("./images/sticky_unread_locked_mine.png"); }

.topic_moved                        { background-image: url("./images/topic_moved.png"); }
.pm_read,
.topic_read                         { background-image: url("./images/topic_read.png"); }
.topic_read_mine                    { background-image: url("./images/topic_read_mine.png"); }
.topic_read_hot                     { background-image: url("./images/topic_read_hot.png"); }
.topic_read_hot_mine                { background-image: url("./images/topic_read_hot_mine.png"); }
.topic_read_locked                  { background-image: url("./images/topic_read_locked.png"); }
.topic_read_locked_mine             { background-image: url("./images/topic_read_locked_mine.png"); }
.pm_unread,
.topic_unread                       { background-image: url("./images/topic_unread.png"); }
.topic_unread_mine                  { background-image: url("./images/topic_unread_mine.png"); }
.topic_unread_hot                   { background-image: url("./images/topic_unread_hot.png"); }
.topic_unread_hot_mine              { background-image: url("./images/topic_unread_hot_mine.png"); }
.topic_unread_locked                { background-image: url("./images/topic_unread_locked.png"); }
.topic_unread_locked_mine           { background-image: url("./images/topic_unread_locked_mine.png"); }


/* BBCode modération
--------------------*/
.extrabbcode {
  display: inline-block;
    border-color: #404040;
    background-color: #e63007;
}

li.header dt .list-inner {
    margin-right: 440px;
    color: white;
}
dd.extra, dd.mark {
    line-height: 200%;
    color: white!important;
}

/* BBCode Speech
-----------------------*/
.speech {
    background: #eeeeee;
    font-size: 0.8em;
    border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    width: auto;
    margin-left: 20px;
}

.speech::before {
    position: absolute;
    display: inline-block;
    border-top: 7px solid transparent;
    border-right: 7px solid #eeeeee;
    border-bottom: 7px solid transparent;
    border-right-color: rgba(0, 0, 0, 0.2);
    left: -8px;
    top: 20px;
    content: '';
}

.speech::after {
    position: absolute;
    display: inline-block;
    border-top: 6px solid transparent;
    border-right: 6px solid #eeeeee;
    border-bottom: 6px solid transparent;
    left: -6px;
    top: 21px;
    content: '';
}


/* Les boutons
--------------------*/
.button {
    color: #8a8886;
    border-color: #4c79b8;
    background-color: #4c79b8;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
    color: #000;
    background-color: #EFEFEF;
    background-image: -webkit-linear-gradient(top, #D2D2D2 0%, #EFEFEF 100%);
    background-image: linear-gradient(to bottom, #D2D2D2 0%,#EFEFEF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D2D2D2', endColorstr='#EFEFEF',GradientType=0 );
}

.button:hover, .button:focus {
    color: #8a8886;
    border-color: #4c79b8;
    background-color: #4c79b8;
}

a.button1:focus, a.button2:focus, input.button1:focus, input.button2:focus, input.button3:focus {
    color: #8a8886;
    border-color: #4c79b8;
    background-color: #4c79b8;
}

li.row {
    border-top-color:  #CCCCCC;
    border-bottom-color: #CCCCCC;
    background-color: #dfdfdf !important;
}

li.row strong {
    color: #000000;
}

li.row:hover {
    background-color: #f5f5f5 !important; 
}

ul.forums, ul.topics {
    box-shadow: 1px 1px 6px #000000;
    background-color: #dfdfdf !important;
}

ul.topiclist li {
    color: #000000 !important; 
}

/* Portail
--------------------*/
.portal-no-margin {
    background: none !important;
}

.portal-module-postbody {
    margin-bottom: 1px;
    padding: 8px;
    background-color: lightgrey;
    border-radius: 8px;
    /*box-shadow: 1px 1px 8px #555;*/
}

#portal-body ul.forums {
  background: transparent;
}


.activetab > a {
    background: #000000 !important;
    color: #ffffff;
}

.tabs .tab > a {
    background: #B62C2C; /*#536482*/
    color: #eeeeee;
}
.tabs .tab > a:hover {
    background: #000000;
    color: #ffffff;
}
.tabs .activetab > a {
    margin-top: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}
.minitabs .activetab > a, .minitabs .activetab > a:hover {
    color: #ffffff !important; 
}

th a {
    color: #eee; /*#B62C2C*/
    background-color: #000;
    padding: 5px;
}
th a:hover {
    color: #fff;
}

.navigation .active-subsection a {
    background: #000000;
    color: #eeeeee;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.active-subsection a:hover {
    color: #eeeeee;
}

.navigation a {
    color: #eeeeee;
    background: #B62C2C; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 );
}
.navigation a:hover {
    color: #eeeeee !important;
    background: #000000;
}  

.partner img {
    max-width: 100%;
    height: auto;
    margin-left: 3px;
    border-radius: 3px;
}

.partner img:hover {
    box-shadow: 1px 1px 8px #555;
}


/* Hide
--------------------*/
.footer-link.text-strong {display: none;} /*lien vers le PCA*/
.stat-block.permissions {display: none;}
.search-header, .search-header .button-search, .search-header .button-search-end {display: none;}


/* --------------------------------------------------------
--------- Responsive tablette et mobile  ---------
------------------------------------------------------- */
@media (max-width: 700px) {
    .banner-rank {
        display: none;
    }
}

@media (max-width: 700px) {
    .wrap {
       background-attachment: fixed;
}

@media (max-width: 700px) {
    .message {
       display: none;
}

/* Vidéo MP4
--------------------*/
video {
    position: static;
    margin: 0 auto;
    max-width: 64%;
    max-height: 64%;       
}




/* Responsive Design
---------------------------------------- */

@media (max-width: 320px) {
  select, .inputbox {
    max-width: 240px;
  }
}

/* Notifications list
----------------------------------------*/
@media (max-width: 350px) {
  .dropdown-extended .dropdown-contents {
    width: auto;
  }
}

@media (max-width: 430px) {
  .action-bar .search-box .inputbox {
    width: 120px;
  }

  .section-viewtopic .search-box .inputbox {
    width: 57px;
  }

  .action-bar .search-box .inputbox ::-moz-placeholder {
      content: "Search...";
    }

    .action-bar .search-box .inputbox :-ms-input-placeholder {
      content: "Search...";
    }

    .action-bar .search-box .inputbox ::-webkit-input-placeholder {
      content: "Search...";
    }
}

@media (max-width: 500px) {
  dd label {
    white-space: normal;
  }

  select, .inputbox {
    max-width: 260px;
  }

  .captcha-panel dd.captcha {
    margin-left: 0;
  }

  .captcha-panel dd.captcha-image img {
    width: 100%;
  }

  dl.details dt, dl.details dd {
    width: auto;
    float: none;
    text-align: left;
  }

  dl.details dd {
    margin-left: 20px;
  }

  p.responsive-center {
    float: none;
    text-align: center;
    margin-bottom: 5px;
  }

  .action-bar > div {
    margin-bottom: 5px;
  }

  .action-bar > .pagination {
    float: none;
    clear: both;
    padding-bottom: 1px;
    text-align: center;
  }

  .action-bar > .pagination li.page-jump {
    margin: 0 2px;
  }

  p.jumpbox-return {
    display: none;
  }

  .display-options > label:nth-child(1) {
    display: block;
    margin-bottom: 5px;
  }

  .attach-controls {
    margin-top: 5px;
    width: 100%;
  }

  .quick-links .dropdown-trigger span {
    display: none;
  }
}

@media (max-width: 550px) {
  ul.topiclist.forums dt {
    margin-right: 0;
  }

  ul.topiclist.forums dt .list-inner {
    margin-right: 0;
  }

  ul.topiclist.forums dd.lastpost {
    display: none;
  }
}

@media (max-width: 700px) {
  .responsive-hide { display: none !important; }
  .responsive-show { display: block !important; }
  .responsive-show-inline { display: inline !important; }
  .responsive-show-inline-block { display: inline-block !important; }

  /* Content wrappers
  ----------------------------------------*/
  html {
    height: auto;
  }

  body {
    padding: 0;
  }

  .wrap {
    border: none;
    border-radius: 0;
    margin: 0;
    min-width: 290px;
    padding: 0 5px;
  }

  /* Common block wrappers
  ----------------------------------------*/
  .headerbar, .navbar, .forabg, .forumbg, .post, .panel {
    border-radius: 0;
    margin-left: -5px;
    margin-right: -5px;
  }

  .cp-main .forabg, .cp-main .forumbg, .cp-main .post, .cp-main .panel {
    border-radius: 7px;
  }

  /* Logo block
  ----------------------------------------*/
  .site-description {
    float: none;
    width: auto;
    text-align: center;
  }

  /*.logo {
    display: none;
    float: none;
    padding: 10px;
  }*/

  .site_logo {
    background-image: url("./images/site_logo.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 176px;
    height: 156px;
}

  .site-description h1, .site-description p {
    text-align: inherit;
    float: none;
    margin: 5px;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .site-description p, .search-header {
    display: none;
  }

  /* Navigation
  ----------------------------------------*/
  .headerbar + .navbar {
    margin-top: -5px;
  }

  /* Search
  ----------------------------------------*/
  .responsive-search { display: block !important; }

  /* .topiclist lists
  ----------------------------------------*/
  li.header dt {
    text-align: center;
    text-transform: none;
    line-height: 1em;
    font-size: 1.2em;
    padding-bottom: 4px;
  }

  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
    margin-right: 0 !important;
    padding-right: 0;
  }

  ul.topiclist li.header dd {
    display: none !important;
  }

  ul.topiclist dt, ul.topiclist dt .list-inner,
  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
    margin-right: 0;
  }

  ul.topiclist dt .list-inner.with-mark {
    padding-right: 34px;
  }

  ul.topiclist dt .list-inner {
    min-height: 28px;
  }

  ul.topiclist li.header dt .list-inner {
    min-height: 0;
  }

  ul.topiclist dd {
    display: none;
  }
  ul.topiclist dd.mark {
    display: block;
  }

  /* Forums and topics lists
  ----------------------------------------*/
  ul.topiclist.forums dt {
    margin-right: -250px;
  }

  ul.topiclist dd.mark {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    margin: 0;
    width: auto;
    min-width: 0;
    text-align: left;
  }

  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
    position: relative;
    left: 0;
    width: auto;
    display: inline;
    font-weight: normal;
  }

  li.row .responsive-show strong {
    font-weight: bold;
    color: inherit;
  }

  ul.topiclist li.row dt a.subforum {
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
  }

  /* Pagination
  ----------------------------------------*/
  .pagination > ul {
    margin: 5px 0 0;
  }

  .row .pagination .ellipsis + li {
    display: none !important;
  }

  /* Responsive tables
  ----------------------------------------*/
  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
    display: block;
  }

  table.responsive thead, table.responsive th {
    display: none;
  }

  table.responsive.show-header thead, table.responsive.show-header th:first-child {
    display: block;
    width: auto !important;
    text-align: left !important;
  }

  table.responsive.show-header th:first-child span.rank-img {
    display: none;
  }

  table.responsive tr {
    margin: 2px 0;
  }

  table.responsive td {
    width: auto !important;
    text-align: left !important;
    padding: 4px;
  }

  table.responsive td.empty {
    display: none !important;
  }

  table.responsive td > dfn {
    display: inline-block !important;
  }

  table.responsive td > dfn:after {
    content: ':';
    padding-right: 5px;
  }

  table.responsive span.rank-img {
    float: none;
    padding-right: 5px;
  }

  table.responsive.memberlist td:first-child input[type="checkbox"] {
    float: right;
  }

  /* Forms
  ----------------------------------------*/
  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
    width: auto;
    float: none;
  }

  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
    margin-left: 0;
  }

  textarea, dd textarea, .message-box textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  dl.pmlist dt {
    width: auto !important;
    margin-bottom: 5px;
  }

  dl.pmlist dd {
    display: inline-block;
    margin-left: 0 !important;
  }

  dl.pmlist dd:first-of-type {
    padding-left: 20px;
  }

  .smiley-box, .message-box {
    float: none;
    width: auto;
  }

  .smiley-box {
    margin-top: 5px;
  }

  .bbcode-status {
    display: none;
  }

  .colour-palette, .colour-palette tbody, .colour-palette tr {
    display: block;
  }

  .colour-palette td {
    display: inline-block;
    margin-right: 2px;
  }

  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
    display: none;
  }

  fieldset.quick-login label {
    display: block;
    margin-bottom: 5px;
    white-space: normal;
  }

  fieldset.quick-login label > span {
    display: inline-block;
    min-width: 100px;
  }

  fieldset.quick-login input.inputbox {
    width: 85%;
    max-width: 300px;
    margin-left: 20px;
  }

  fieldset.quick-login label[for="autologin"] {
    display: inline-block;
    text-align: right;
    min-width: 50%;
  }

  /* User profile
  ----------------------------------------*/
  .column1, .column2, .left-box.profile-details {
    float: none;
    width: auto;
    clear: both;
  }

  /* Polls
  ----------------------------------------*/
  fieldset.polls dt {
    width: 90%;
  }

  fieldset.polls dd.resultbar {
    padding-left: 20px;
  }

  fieldset.polls dd.poll_option_percent {
    width: 20%;
  }

  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
    margin-top: 5px;
  }

  /* Post
  ----------------------------------------*/
  .postbody {
    position: inherit;
  }

  .postprofile, .postbody, .search .postbody {
    display: block;
    width: auto;
    float: none;
    padding: 0;
    min-height: 0;
  }

  .post .postprofile {
    width: auto;
    border-width: 0 0 1px 0;
    padding-bottom: 5px;
    margin: 0 0 5px 0;
    min-height: 40px;
    overflow: hidden;
  }

  .postprofile dd {
    display: none;
  }

  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
    display: block;
    margin: 0;
  }

  .postprofile .has-avatar .avatar-container {
    margin: 0;
    overflow: inherit;
  }

  .postprofile .avatar-container:after {
    clear: none;
  }

  .postprofile .avatar {
    margin-right: 5px;
  }

  .postprofile .avatar img {
    width: auto !important;
    height: auto !important;
    max-height: 32px;
  }

  .has-profile .postbody h3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .has-profile .post-buttons {
    right: 30px;
    top: 15px;
  }

  .online {
    background-size: 40px;
  }

  /* Misc stuff
  ----------------------------------------*/
  h2 {
    margin-top: .5em;
  }

  p {
    margin-bottom: .5em;
    overflow: hidden;
  }

  p.rightside {
    margin-bottom: 0;
  }

  fieldset.display-options label {
    display: block;
    clear: both;
    margin-bottom: 5px;
  }

  dl.mini dd.pm-legend {
    float: left;
    min-width: 200px;
  }

  .topicreview {
    margin: 0 -5px;
    padding: 0 5px;
  }

  fieldset.display-actions {
    white-space: normal;
  }

  .phpbb_alert {
    width: auto;
    margin: 0 5px;
  }

  .attach-comment dfn {
    width: 100%;
  }
}

@media (min-width: 701px) {
  .postbody {
    width: calc(100% - 200px - 1px - 16px);
  }

  .postprofile {
    width: 200px;
  }
}

@media (min-width: 701px) and (max-width: 950px) {
  ul.topiclist dt {
      margin-right: -410px;
  }

  ul.topiclist dt .list-inner {
      margin-right: 410px;
  }

  dd.posts, dd.topics, dd.views {
      width: 80px;
  }
}
/* END Responsive Design
---------------------------------------- */