@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap');
/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url(normalize.css?hash=48eb3f89);
@import url(base.css?hash=7c5543be);
@import url(utilities.css?hash=d8f72c42);
@import url(common.css?hash=843d5d5f);
@import url(links.css?hash=18286e16);
@import url(content.css?hash=d6d1338b);
@import url(buttons.css?hash=56f0d25f);
@import url(cp.css?hash=50d868ab);
@import url(forms.css?hash=9016b55c);
@import url(icons.css?hash=64da33ce);
@import url(colours.css?hash=fcb2f289);
@import url(responsive.css?hash=c9d32cba);

/* Peptide Hangout official logo */
.site_logo { background-image: url('./images/peptidehangout-logo.png?v=2'); width: 260px; height: 260px; background-size: contain; }
@media (max-width: 700px) { .logo { display: inline-block; } .site_logo { width: 180px; height: 180px; } }

/* Peptide Hangout layout */
.wrap { width: 90%; max-width: none; box-sizing: border-box; margin-left: auto; margin-right: auto; }
.headerbar { background: transparent; background-color: transparent; background-image: none; border: 0; box-shadow: none; }
.site-description { float: none; width: 100%; text-align: center; }
.logo { float: none; display: inline-block; padding: 10px; }
@media (max-width: 700px) { .wrap { width: 100%; } .site-description { width: 100%; } }

/* Peptide Hangout welcome bar */
html, body#phpbb { margin-top: 0; padding-top: 0; }
.ph-welcome-bar { width: 100%; box-sizing: border-box; margin: 0 !important; padding: 6px 14px; background: #000000; color: #ffffff; text-align: center; font-family: 'Comfortaa', sans-serif; font-size: 12px; font-weight: 700; line-height: 1.25; letter-spacing: 0.02em; border: 0; border-radius: 0; box-shadow: none; }
@media (max-width: 700px) { .ph-welcome-bar { padding: 6px 10px; font-size: 12px; } }
/* Peptide Hangout purple accent bar */
.ph-purple-bar { width: 100%; box-sizing: border-box; min-height: 30px; margin: 0; padding: 7px 12px; background: #006baf; color: #ffffff; text-align: center; font-family: 'Comfortaa', sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; }
.ph-purple-bar a { color: #ffffff; text-decoration: underline; }
@media (max-width: 700px) { .ph-purple-bar { padding: 7px 8px; font-size: 12px; } }

/* Peptide Hangout 85 percent layout */
#wrap.wrap { width: 85%; max-width: none; box-sizing: border-box; margin-left: auto; margin-right: auto; }
.ph-welcome-bar, .ph-purple-bar { width: 85%; box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; }
#page-header { position: relative; }
.site-description { width: 100%; text-align: left; }
.logo { float: none; display: block; position: relative; z-index: 10; width: max-content; margin: -90px 0 0; padding: 0; }
@media (max-width: 700px) { #wrap.wrap, .ph-welcome-bar, .ph-purple-bar { width: 100%; } .logo { margin-top: -70px; } }

/* Peptide Hangout molecular background */
body#phpbb { background-color: #f7f7f7; background-image: url('./images/peptide-molecular-background.png?v=1'); background-repeat: repeat; background-position: top left; background-size: 627px 627px; }

/* Peptide Hangout compact header */
#site-description h1, #site-description p { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

/* Peptide Hangout lifted navigation */
#page-header .navbar { position: relative; margin-top: -55px; }
@media (max-width: 700px) { #page-header .navbar { margin-top: -1px; } }

/* Peptide Hangout navy and teal forum palette */
.navbar { background-color: #071b3d; background-image: none; border: 1px solid #00c9d6; color: #ffffff; }
.navbar a, .navbar .linklist > li > a, .navbar .breadcrumbs a { color: #ffffff; }
.forabg, .forumbg { background-color: #071b3d; background-image: linear-gradient(135deg, #061938 0%, #0a2f5f 55%, #008f9b 100%); border: 1px solid #00c9d6; }
.forabg .header a, .forumbg .header a, .forabg .header dt, .forumbg .header dt { color: #ffffff; }
.forabg .header, .forumbg .header { color: #dffcff; }
.forabg .row, .forumbg .row { background-color: rgba(255, 255, 255, 0.93); }
.forabg .row:hover, .forumbg .row:hover { background-color: #e5fbfd; }


/* Peptide Hangout premium molecular hero */
body{background:#030817;color:#eaf5ff}#wrap.wrap{width:96%;max-width:1480px;background:transparent;box-shadow:none}.ph-welcome-bar,.ph-purple-bar{display:none}#page-header{min-height:560px;margin:14px 0 18px;position:relative;overflow:hidden;border:1px solid rgba(0,201,214,.38);border-radius:18px;background:linear-gradient(90deg,rgba(2,8,25,.97) 0%,rgba(2,8,25,.78) 42%,rgba(2,8,25,.06) 75%),url('./images/peptidehangout-hero-v2.png?v=1') center center/cover no-repeat;box-shadow:0 18px 46px rgba(0,0,0,.42)}#page-header .headerbar{background:transparent;min-height:0;position:static}#page-header .inner{max-width:none}#page-header .site-description{position:absolute;top:24px;left:46px;width:470px;min-height:470px;margin:0;text-align:left;z-index:2}#page-header .logo{float:none;display:block;position:static;width:265px;height:265px;padding:0;margin:0}#page-header .site_logo{width:265px;height:265px;background-size:contain}#page-header h1,#page-header .site-description>p:not(.skiplink){display:none}#page-header .site-description::after{content:'YOUR SOURCE FORA EVERYTHING PEPTIDESAA Join the community to discuss, learn, share, and grow your knowledge about peptides.';white-space:pre-line;display:block;width:440px;margin-top:4px;font:700 25px/1.25 Comfortaa,Arial,sans-serif;letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px #020817}#page-header .navbar{position:absolute;top:18px;right:28px;left:370px;margin:0!important;padding:10px 14px;border:1px solid rgba(165,77,255,.34);border-radius:14px;background:rgba(3,9,28,.78);backdrop-filter:blur(12px);z-index:3}#page-header .navbar .linklist{text-align:right}#page-header .navbar a{color:#f7fbff;font-family:Comfortaa,Arial,sans-serif}#page-body{background:transparent}.forabg,.forumbg{border:1px solid rgba(0,201,214,.55);border-radius:14px;background:linear-gradient(115deg,rgba(9,25,67,.96),rgba(11,16,45,.96));box-shadow:0 10px 28px rgba(0,0,0,.22)}.forabg .header,.forumbg .header{background:linear-gradient(90deg,#5d25c8,#00bcd4)}.forumrow{background:rgba(11,26,64,.78);color:#e8f4ff;border-color:rgba(0,201,214,.18)}.forumrow a,.forabg a,.forumbg a{color:#29d8f0}.navbar,.panel,.post,.cp-menu,.bg1,.bg2,.bg3{background-color:rgba(8,20,53,.88);color:#e8f4ff;border-color:rgba(0,201,214,.23)}.panel a,.navbar a{color:#31d8ee}@media (max-width:800px){#wrap.wrap{width:100%}#page-header{min-height:625px;margin:0;border-radius:0;background-position:65% center}#page-header .site-description{left:24px;top:98px;width:calc(100% - 48px)}#page-header .logo,#page-header .site_logo{width:220px;height:220px}#page-header .site-description::after{width:290px;font-size:19px}#page-header .navbar{top:12px;left:12px;right:12px}#page-header .navbar .linklist{text-align:center}}

#page-header .site-description::after{content:'YOUR SOURCE FOR EVERYTHING PEPTIDES — Join the community to discuss, learn, share, and grow your knowledge about peptides.';white-space:normal;display:block;width:440px;margin-top:4px;font:700 25px/1.25 Comfortaa,Arial,sans-serif;letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px #020817}