/************************************************
        RedRockerBrewing.com
        Built by WebSight Design, Inc.
************************************************/

/*
font-family: "trade-gothic-next-condensed", sans-serif;
font-weight: 700;
font-style: normal;

font-family: "area-inktrap-extended", sans-serif;
font-weight: 700;
font-style: normal;
*/

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Gothic Unique Bold by Wooden Type Fonts
 * URL: https://www.myfonts.com/products/bold-gothic-unique-89698
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */

@font-face {
  font-family: "GothicUniqueBold";
  src: url('https://d7698a.claudeassets.com/20260306121251im_/https://redrockerbrewing.com/css/fonts/font.woff2') format('woff2'), url('https://0f2e18.claudeassets.com/20260306121251im_/https://redrockerbrewing.com/css/fonts/font.woff') format('woff');
}

body {
	line-height: normal; 
	font-family: "trade-gothic-next-condensed", sans-serif; font-size:20px; font-weight:700; color:#c9ab90;
	-webkit-text-size-adjust: none;
    background:#000;
}

main { width:100%; overflow:hidden; max-width:1550px; margin:0 auto; position:relative; }

h1, h2, h3, h4, h5, h6, p { padding: 0px 0px 20px; line-height:normal; }

p img { display:inline-block; }

p, p.page-content, .page-content p { font-family: "GothicUniqueBold", "trade-gothic-next-condensed", sans-serif; text-transform:uppercase; }

a { color: #da1b23; text-decoration: underline; }
a:hover, a:active { color: #da1b23; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: initial; }

.btn { display:inline-block; background:#c0aa90; padding:20px 50px 10px 50px; line-height:100%; cursor:pointer;
    font-family: "area-inktrap-extended", sans-serif; font-size:26px; color:#000; text-transform:uppercase; text-decoration:none;
    transition:0.2s linear all;
}
.btn:hover { color:#000; text-decoration:none; background:#fff; }

.cto { transition:0.2s linear all; color:#fff; }
.cto:hover { color:#feb715; text-decoration:none; }

b, strong { font-weight: 700; }
i, em { font-style: italic; }

.clear { clear: both; }
.clearfix::after { content:''; display:table; clear:both; }

.wsd-container1300 { width:100%; max-width:1320px; margin:0 auto; }

.hpad {padding-left:15px; padding-right:15px; }
.vpad { padding-top:30px; padding-bottom:30px; }

.mob { display:block; }
.mob2 { display:inline; }
.dsk { display:none; }
.dsk2 { display:none; }


/** Header **/
#header { position:fixed; top:0; left:0; z-index:9999; width:100%; height:auto; }
.header-inner { width:100%; max-width:1550px; margin:0 auto; background:#000; border-bottom:4px #feb715 solid; padding:20px; }
    
#logo { width:200px; height:14px; display:block; float:left; }
#logo img { width:100%; height:auto; }
    
    
    
#menuBtn { width:40px; height:40px; display:block; position:absolute; top:7px; right:15px; z-index:100; cursor:pointer; }
#menuBtn svg:first-child { position:absolute; top:10px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #c0aa90; }
#menuBtn svg:nth-child(2n) { position:absolute; top:18px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #c0aa90; }
#menuBtn svg:last-child { position:absolute; top:26px; left:0; width:100%; height:4px; transition:0.2s linear all; fill: #c0aa90; }

#menuBtn.open svg:first-child { transform: rotate(45deg); top:18px; }
#menuBtn.open svg:nth-child(2n) { opacity:0; }
#menuBtn.open svg:last-child { transform: rotate(-45deg); top:18px; }

#mainmenu { display:none; position:absolute; top:58px; left:0; width:100%; background:#000; }
#mainmenu ul { list-style-type:none; padding:0; margin:0; text-align:right; }
#mainmenu ul li { display:block; vertical-align:top; padding:15px 20px; border-bottom:1px #444 solid; }
#mainmenu ul li a { font-family: "trade-gothic-next-compressed", sans-serif; color:#fef7ea; text-transform:uppercase; text-decoration:none; }


/** Splash page content **/
.hdr-spacer { height:100px; display:block; }

div.hero-container { position:relative; width:100%; height:auto; margin-top:58px; }

#hp-hero { width:100%; height:auto; max-height:1029px; overflow:hidden; background:#feb715; }
#hp-hero img { width:100%; height:auto; display:block; top:-50px; opacity:0.5; position:relative;
    animation-name: fadeup;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
    
@keyframes fadeup {
    from { opacity:0.5; top:-50px; }
	to { opacity:1; top:0; }
}

.already-visible { opacity:1; top:0; }
    
#can { position:absolute; width:100%; height:100%; display:flex; align-items:flex-end; margin:10% 0 0 38%; top:0; left:0; z-index:100; }
#can img { width:61%; height:auto; max-width:none; }

#cheers { position:absolute; width:100%; height:100%; text-align:center; display:flex; align-items:flex-start; top:0; left:0; z-index:100; padding-top:10%; }
#cheers img { width:50%; height:auto; margin:0 auto; display:inline-block; }

p.instructions { font-size:0.9em; max-width:970px; margin:0 auto; text-align:center; }

#gradient { border-top:10px #feb715 solid; background-image:linear-gradient(#58595b, #000000); background-color:#000; width:100%; height:150px; display:block; }
    

div.gradient-content { background:url('https://0d55a2.claudeassets.com/20260306121251im_/https://redrockerbrewing.com/images/fade.jpg') 50% 0 no-repeat; background-size:100% auto; width:100%; max-width:1252px; margin:0 auto; text-align:center; padding:0 15px; }

@keyframes fadeup2 {
    from { opacity:0; top:75px; }
	to { opacity:1; top:0; }
}

#gp { margin:0 auto; width:60%; max-width:350px; opacity:0; top:75px; position:relative; }
.fadeup2 {
    animation-name: fadeup2;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay:0.2s;
}

#social { text-align:center; }
#social a { width:40px; height:40px; display:inline-block; vertical-align:top; margin:0 10px; }
#social a:hover { filter:brightness(100); }
#social a b { display:none; }
a.instagram { background:url('https://5f0358.claudeassets.com/20260306121251im_/https://redrockerbrewing.com/images/instagram.svg') 0 0 no-repeat; background-size:100% auto; }
a.tiktok { background:url('https://6f7944.claudeassets.com/20260306121251im_/https://redrockerbrewing.com/images/tiktok.svg') 0 0 no-repeat; background-size:100% auto; }
a.facebook { background:url('https://ad4e42.claudeassets.com/20260306121251im_/https://redrockerbrewing.com/images/facebook.svg') 0 0 no-repeat; background-size:100% auto; }


#footer-brand { text-align:center; margin-top:100px; }
#footer-brand p { color:#fef7ea; font-family: trade-gothic-next-condensed, sans-serif; font-weight: 400; font-size:16px; }
#footer-brand img.rooster { width:calc(100% - 30px); max-width:200px; opacity:0; top:50px; position:relative; }


#footer { border-top:2px #c0aa90 solid; padding:20px 0; text-align:center; margin-top:40px; }
ul.family { list-style-type:none; margin:0; padding:0; text-align:center; }
ul.family li { display:block; margin:0 0 5px 0; font-family: "trade-gothic-next-compressed", sans-serif; }
ul.family li a { color:#c0aa90; transition:0.2s linear all; }
ul.family li a:hover { color:#fef7ea; text-decoration:none; }

a.wsd { font-family: trade-gothic-next-condensed, sans-serif; font-weight: 400; font-size:16px; opacity:0.7; }


/************************************************
MAIN BREAKPOINT
************************************************/

@media (min-width:992px) {

    body { font-size:20px; }
    
    .mob, .mob2 { display:none; }
    .dsk { display:block; }
    .dsk2 { display:inline; }
    
    #scrollme { width:10px; height:10px; position:absolute; top:50px; left:0; z-index:100; }
    
    #header { position:fixed; top:0; left:0; z-index:9999; width:100%; height:auto; }
    
    .header-inner { padding:40px 40px 23px 40px; border-bottom:4px transparent solid; background:transparent; transition:0.2s linear all; position:relative; }
    
    #header:hover .header-inner { background:#000; border-bottom:4px #feb715 solid; }
    #header.sticky .header-inner { background:#000; border-bottom:4px #feb715 solid; }    
    
    #logo { /*width:397px;*/ width:22%; height:25px; display:block; float:left; }
    #logo img { width:100%; height:auto; }
    
    #mainmenu { display:block; position:absolute; top:17px; right:40px; z-index:100; width:auto !important; background:transparent; text-align:right; left:unset; }
    #mainmenu ul { text-align:right; display:inline-block; }
    #mainmenu ul li { display:inline-block; vertical-align:top; padding:15px; border:none; }
    #mainmenu ul li a { font-size:20px; }
    #mainmenu ul li a:hover { color:#feb715; }
    
    #menuBtn { display:none; }
    
    
    /** Splash page content **/
    .hdr-spacer { height:200px; display:block; }
    
    div.hero-container { margin-top:0; }
    
    #cheers { position:absolute; width:100%; height:auto; text-align:center; display:block; top:125px; left:0; z-index:100; padding-top:0; }
    #cheers img { width:40%; }
    
    #can { margin:8.5% 0 0 38%; }
    #gradient { border-top:24px #feb715 solid; background-image:linear-gradient(#58595b, #000000); background-color:#000; width:100%; height:300px; display:block; }

    #social a { width:50px; height:50px; margin:0 20px; }
    
    #footer-brand { margin-top:200px; }
    
    #footer { padding:40px 0; margin-top:60px; }
    #footer-brand img.rooster { width:calc(100% - 30px); max-width:450px; opacity:0; top:50px; position:relative; }
    
    ul.family li { display:inline-block; width:auto; vertical-align:top; margin:0 15px; }

    a.wsd { display:inline-block; width:auto; position:absolute; top:45px; left:0; z-index:10; }

}





/*
     FILE ARCHIVED ON 20:46:28 Feb 24, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:01:06 Jul 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.461
  exclusion.robots: 0.06
  exclusion.robots.policy: 0.052
  esindex: 0.006
  cdx.remote: 8.993
  LoadShardBlock: 1594.691 (3)
  PetaboxLoader3.resolve: 1439.418 (4)
  PetaboxLoader3.datanode: 157.436 (4)
  load_resource: 88.572
*/