@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}


/* Restore clean Peptide Hangout layout with hero beneath the logo */
body{background:#f4f7fb url('./images/peptide-molecular-background.png?v=1') repeat;background-size:627px 627px;color:#253858}#wrap.wrap{width:85%;max-width:none;background:#fff;box-shadow:none}.ph-welcome-bar,.ph-purple-bar{display:block}#page-header{min-height:0;margin:0;position:static;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}#page-header .headerbar{background:transparent;min-height:0;position:static}#page-header .inner{max-width:none}#page-header .site-description{position:relative;top:auto;left:auto;width:100%;min-height:205px;margin:0;text-align:left}#page-header .logo{float:none;display:block;position:relative;left:30px;top:auto;width:260px;height:260px;padding:0;margin:-90px 0 0}#page-header .site_logo{width:260px;height:260px;background-size:contain}#page-header h1,#page-header .site-description>p:not(.skiplink){display:none}#page-header .site-description::after{display:none;content:none}#page-header .headerbar::after{content:'';display:block;height:390px;margin:0;background:url('./images/codex-clipboard-21c1818f-7876-4570-b18f-5f175369d31e.png?v=1') center center/cover no-repeat}#page-header .navbar{position:relative;top:auto;right:auto;left:auto;margin:8px 0 0!important;padding:0;border:0;border-radius:0;background:#071b3d;backdrop-filter:none;z-index:auto}#page-header .navbar .linklist{text-align:left}#page-header .navbar a{color:#fff;font-family:Comfortaa,Arial,sans-serif}.forabg,.forumbg{border:0;border-radius:8px;background:#fff;box-shadow:none}.forabg .header,.forumbg .header{background:linear-gradient(90deg,#08275c,#00a8c6)}.forumrow{background:#f7fbfd;color:#253858;border-color:#d8e5ee}.forumrow a,.forabg a,.forumbg a{color:#075da8}.navbar,.panel,.post,.cp-menu,.bg1,.bg2,.bg3{background-color:#fff;color:#253858;border-color:#d8e5ee}.panel a,.navbar a{color:#075da8}@media (max-width:800px){#wrap.wrap{width:100%}#page-header{margin:0}#page-header .site-description{min-height:145px}#page-header .logo,#page-header .site_logo{width:180px;height:180px}#page-header .logo{left:18px;margin-top:-44px}#page-header .headerbar::after{height:190px;background-position:center center}#page-header .navbar{margin-top:0!important}#page-header .navbar .linklist{text-align:left}}

#page-header .site-description{min-height:145px}

/* Updated Peptide Hangout logo */
.site_logo{background-image:url('./images/peptidehangout-logo-v2.png?v=1')}


/* Requested dark layout and full hero presentation */
body{background:#01010e}#wrap.wrap{background:#01010e}.ph-welcome-bar{background:#0a0e1f}.ph-purple-bar{background:#301785}#page-header .site-description{min-height:145px;z-index:3}#page-header .logo{z-index:4}#page-header .headerbar::after{height:auto;aspect-ratio:1991/789;margin-top:-95px;background-color:#01010e;background-size:100% 100%;background-position:center;background-repeat:no-repeat;position:relative;z-index:1}@media (max-width:800px){#page-header .headerbar::after{height:auto;aspect-ratio:1991/789;margin-top:-44px;background-size:100% 100%}}

html,body{background:#01010e!important;background-image:none!important}

/* Flush main container */
#wrap.wrap,#page-header,#page-header .headerbar,#page-header .inner{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}#page-header .headerbar::after{width:100%;margin-left:0;margin-right:0;border:0;box-sizing:border-box}

#wrap.wrap{margin-left:auto!important;margin-right:auto!important}