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

/* ---------------------------------------------------------------- /*
    Gironi Forum CSS
/* ---------------------------------------------------------------- */

html, body {
    background: #dcdcdc
}

.page-header {
  position: relative;
  max-width: 1184px;
  margin: 0 auto;
  padding-top: 1px;
  padding-bottom: 1px
}

.headerbar {
  color: #FFFFFF;
  background-size: 100% 140%;
  background-position: 50% 25%;
  height: 120px;
  margin: 0 auto;
}

@media (min-width: 700px) {
   .headerbar {
      background-color: #232b4d; 
      background-image: url("./images/world.gif");
      background-repeat: no-repeat;
      background-position: right center, top right;
      background-size: contain, auto 100%;
      margin-bottom: 4px;
      border-radius: 8px;
      height: 100px;
   }
}
@media (max-width: 700px) {
   .headerbar {
      background-color: #232b4d; 
      background-image: url("./images/world.gif");
      background-repeat: no-repeat;
      background-position:center;
      background-size: cover;
      margin-bottom: 4px;
      border-radius: 0;
      height: 100px;
   }
} 

.site_logo {
    background-image: url("./images/ygf_logo.webp");
}

.navbar-breadcrumbs {margin-bottom: 4px}
.navbar-header {margin-bottom: 8px; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 4px 8px -4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.3)}
.navbar-main.fixed-nav{z-index:4;top:0;box-sizing:border-box;opacity:.9;border-radius:0}@supports not (position: -webkit-sticky) or not (position: sticky){.navbar-main.sticky{position:fixed;right:auto;left:auto}}@supports (position: -webkit-sticky) or (position: sticky){.navbar-main.sticky{position:-webkit-sticky;position:sticky;width:auto !important}.nav-after{display:none}}.navbar-main.sticky:hover{opacity:1}

#wrap {
    border-color: #CCCCCC;
    /*margin-top: 25px;*/
}

.wrap {
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 8px;
    margin: 0 auto;
    max-width: 1152px;
    min-width: 625px;
    padding: 15px;
    box-shadow: 0 5px 10px -5px rgba(255,255,255,0.5);
}

.forabg, .forumbg {
	background-color: #0076B1;  
    background-image: -webkit-linear-gradient(top, #0076B1 0%, #0076B1 2px, #0076B1 92px, #0076B1 100%);
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    color: #E8E8E8;
    text-decoration: none;
}

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

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

/* Icon images
---------------------------------------- */
/* Poster profile block */
/*.online                                                         { background-image: url("./fr/icon_user_online.svg"); }*/
/* Icon images */   
.contact-icon                                                   { background-image: url("./images/icons_contact.svg"); }
/* Forum icons & Topic icons */
.global_read                                                    { background-image: url("./images/announce_read.svg"); }
.global_read_mine                                               { background-image: url("./images/announce_read_mine.svg"); }
.global_read_locked                                             { background-image: url("./images/announce_read_locked.svg"); }
.global_read_locked_mine                                        { background-image: url("./images/announce_read_locked_mine.svg"); }
.global_unread                                                  { background-image: url("./images/announce_unread.svg"); }
.global_unread_mine                                             { background-image: url("./images/announce_unread_mine.svg"); }
.global_unread_locked                                           { background-image: url("./images/announce_unread_locked.svg"); }
.global_unread_locked_mine                                      { background-image: url("./images/announce_unread_locked_mine.svg"); }

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

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

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

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

.attach-image + dd {display: none} /*Attachement*/
.site-description p, .site-description h1 {display: none}
.search-header, .search-header .button-search, .search-header .button-search-end {display: none}

/* Colorful categories 
------------------------- */

.category-1 {
    background: #008B8B;
}

.category-36 {
    background: #eb1d1d;    
}

.category-31 {
    background: #147d5e;
}

ul.forums {
	background-color: #E1EBF2;
}

ul.navlinks {
    border-top-color: transparent;
}

li.row {
	border-top-color:  rgba(255, 255, 255, 0);
	border-bottom-color: #4692BF;
}

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

.postbody .content {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

fieldset.polls {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

#message-box textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

.search-header {
	margin-right: 10px;
	margin-top: 24px;
}

div.rules {
    color: #bc2a4d;
    border-color: #ab777e;
    background-color:#ecd5d8;
    border: 1px solid #393e46; 
    border-radius: 4px;
}

/* Form select styles
---------------------------------------- */
select.select-box {
	color: #444444;
	border-color: #C7C3BF !important;
	background-color: #EFEFEF; /* Old browsers */ /* FF3.6+ */
}

select.select-box {
	border: 1px solid transparent;
	border-radius: 4px;
	height: 24px;
	padding: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* FA icons
------------------- */
.stat-block.online-list .icon:before {
    content: '\f1eb';
    font-weight:400
}

.stat-block.headerspace .icon:before {
    content: '\f011';
    font-weight:400
}

.mark-read .icon:before {
  content: '\f06e';
  font-weight:400
}

/* Bach to Top
------------------- */
.scroll-btn {
    height: 30px;
    width: 30px;
    border: 2px solid #004d84;
    border-radius: 50%;
    background-color: #004d84;
    position: fixed;
    bottom: 45px;
    right: 10px;
    opacity: .4;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

.scroll-btn {
    background-color: #0076B1;
    border: 2px solid #AAB3BA;
}

.scroll-btn .scroll-btn-arrow {
    height: 8px;
    width: 8px;
    border: 3px solid;
    border-right: none;
    border-top: none;
    margin: 12px 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    color: #eeeeee !important;
}

.notouch .scroll-btn:hover {
    opacity: 1;
}

.scroll-btn .scroll-btn-arrow:hover {
    opacity: 1;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
    .scroll-btn {
        bottom: 8px;
        right: 8px;
    }
}

@media (max-width: 700px) {
    dl.row-item dt {
         background-position: 5px 50%;       /* Position of topic icon on view mobile */
    }
}