/*******************************************************************/
/* @package phpBB Style - Gironi Forum - Copyright (C) 2023 exodus
/* @license Private License
/*******************************************************************/

/* ---------------------------------------------------------------- /*
    Custom CSS
/* ---------------------------------------------------------------- */

/* CUSTOM */
#login_popup h3 {text-align: center}

.wrap {
  background: #f3f3f3;
}

a.feed-icon-forum {
  float: right;
  margin: 3px 3px -1.5em;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  text-align: center;
  font-size: .9em;
  border-radius: 4px;
  -webkit-transition: all 0.50s ease-in-out;
          transition: all 0.50s ease-in-out;
  color: white;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

li.row:hover a.feed-icon-forum {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.copyright a {
    color: #000000 !important;
}

/*  gironi - Custom */

.mention {
    background: #1221;
    color: #235;
    font-size: 0.9em;
    height: 1.5em;
    border-radius: 0.75em;
    padding: 0 0.6em;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}

.file dd {
    display: none !important;
}

.codebox code, blockquote {
    background-image: url("./images/noize.png");
}

/* 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;
}*/

/* notifications
-------------------------*/
.badge {
    background-color: #FF8C00;
    color: #000;
}

/* 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;
}

/* Message de bienvenue
------------------------*/
.messagebox {
    background-image: url("https://www.gironiforum.fr/images/blog/warning.png");
    background-color: #e8ecee;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    padding-left: 8%;
    font-size: 12px;
    padding: 5px 5px 5px 65px;
    margin: 0 0 4px;
    color: #000000;
    border: 2px solid #dcdcdc;
    border-radius: 7px;
}

/* post-buttons
-------------------------*/
.post-buttons .button .icon {
    color: #283c57;
}

.post-buttons .button .icon.fa-pencil {
    color: #4db355
}

.post-buttons .button .icon.fa-times {
    color: red
}

.post-buttons .button .icon.fa-exclamation {
    color: #d41142
}

.post-buttons .button .icon.fa-exclamation-triangle {
    color: #ff9500
}

.post-buttons .button .icon.fa-info {
    color: #0080ff
}

.post-buttons .button .fa-quote-left {
    color: #3b5981
}

.post-buttons .button .fa-plus {
    color: #bf8106
}

.post-buttons .button .fa-minus {
    color: #db9a18
}

.post-buttons .button {background: 0;border-color: transparent;border-radius: 50px}
.post-buttons .button:hover {box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25)}
.post-buttons .button{line-height:24px;position:relative;width:24px;height:24px;margin:0 auto;padding:0;border-width:0}.post-buttons .button>.icon{position:relative}.post-buttons .button:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;content:'';border-radius:50px}.post-buttons .button:hover:before{-webkit-transition:background .3s linear;transition:background .3s linear}.post-buttons .button:focus:before{-webkit-animation-name:scaleIn;animation-name:scaleIn;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.notouch.section-viewtopic .post-buttons{-webkit-transition:opacity .4s;transition:opacity .4s;opacity:0}.notouch.section-viewtopic .post:hover .post-buttons{opacity:1}.deleted .post-buttons{display:none}.format-buttons .button{padding-top:1px;padding-bottom:1px;border-radius:3px}

/* Navbar Top is sticky
-------------------------*/
#page-header .navbar {
	position: fixed;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.55);
	top: 0;
	left: 0;
	width: 99%;
	z-index: 99;
    border-radius: 0;
}

#page-header .navbar .navbar-container {
	padding-right: 3px;
}

@media (max-width: 1182px) {
	#page-header .navbar .navbar-container {
		padding-right: 10px;
	}
}

@media (max-width: 700px) {
	#page-header .navbar .navbar-container {
		padding-right: 5px;
	}
}

.headerbar {
	margin-top: 24px;
}

.navbar-container {
    max-width: 1152px;
    margin: 0 auto;
}

.navtop {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), transparent 50%, rgba(0, 0, 0, 0.5));
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 3px 8px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.3);
}

/* Wiki Notes
-------------------------*/
.wikinote {
  margin: 2em;
  margin-left: auto;
  margin-right: auto;
  min-height: 3em;
  clear: both;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 0.5em 1em 0.5em 36px;
  background-position: 5px 0.5em;
  background-repeat: no-repeat;
  border-radius: 8px;
}
.wikinote .note-title {
    margin: 0;
}
.wikinote .note-title strong {
    color: #666;
}
.wikinote p {
    margin: 0 0 1em 0;
}
.noteclassic {
  background-color: #ececec;
  background-image: url("https://www.gironiforum.fr/images/wikinote/note.png");
}
.noteimportant {
  background-color: #ffc;
  background-image: url("https://www.gironiforum.fr/images/wikinote/important.png");
}
.notewarning {
  background-color: #ffcbcb;
  background-image: url("https://www.gironiforum.fr/images/wikinote/warning.png");
}
.notetip {
  background-color: #dfd;
  background-image: url("https://www.gironiforum.fr/images/wikinote/tip.png");
}
.noterelated {
  background-color: #e8e8ff;
  background-image: url("https://www.gironiforum.fr/images/wikinote/related.png");
}  

/* Legend
-----------*/
.online-list em {
    font-style: normal;
}

/* Table styles
---------------------*/
.tabs {
    margin: 20px 0 0 0;
    background: #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.responsive-tab .responsive-tab-link:before {
    left: 10px;
    top: 12px;
}
.responsive-tab > a.responsive-tab-link {
    line-height: 1.5em;
}
.tabs .tab > a {
    background: #e0e0e0;
    color: #045d8a;
    border: none;
    border-radius: 0;
    border-top-left-radius: 4px;
}
.tabs .tab > a:hover {
    background: #cccccc;
    color: #D31141;
    border-bottom: 2px solid #0076b1;
}
.tabs .tab, .minitabs .tab {
    font-weight: 500;
    line-height: 2.4em; 
}
.tabs .activetab > a, .tabs .activetab > a:hover {
    background-color: #e0e0e0;
    background-image: none;
    border-color: #f9f9f9;
    box-shadow: none;
    color: #353535;
    border-bottom: 2px solid #0076b1;
    padding-bottom: 6px;    
}
.tabs .activetab > a:hover {
    color: #D31141;
}