/*
Theme Name: Aegir Project
Theme URI: http://aegirprojectbrewery.com/
Version: 1.0.3
Description: Aegir Project Website v1 by Hit Delete.
Author: Hit Delete
Author URI: http://hitdelete.com
*/
* { box-sizing: border-box; }
*:after, *.before { box-sizing: border-box; }

html, body, div, main, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main { display: block; }

* { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a { text-decoration: none; }

body { line-height: 1; }

ol, ul { list-style-type: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

input, textarea { -webkit-border-radius: 0; -moz-border-radius: 0; }

button, input[type="button"] { background: 0; }

:required { -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

u { text-decoration: underline; }

pre, code { font-family: Monaco, Courier, monospace; }

pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

blockquote, q { quotes: "" ""; }

blockquote:before, blockquote:after { content: ""; }

q:before, q:after { content: ""; }

a { cursor: pointer; }

input[type="submit"], input[type="button"] { cursor: pointer; }

button, label[for] { cursor: pointer; }

img { -ms-interpolation-mode: bicubic; }

del { text-decoration: line-through; }

video { max-width: 100%; height: auto; }

iframe, embed, object { max-width: 100%; }

*:focus { outline: none; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

input, textarea { -webkit-appearance: none; border-radius: 0; }

html, body { height: 100%; }

body { font-family: "museo-slab", serif; font-weight: 300; font-size: 100%; padding: 0; margin: 0; color: #555; background-color: #151515; background-image: url("./pattern-darkwood.png"); background-repeat: repeat; }

a { color: #666; }
a:hover { color: #CCC; }

h2, h3 { font-family: "brandon-grotesque", Arial, sans-serif; }

html { font-size: 16px; }

@media screen and (min-width: 1440px) { html { font-size: 18px; } }
@media screen and (max-width: 500px) { html { font-size: 14px; } }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -moz-font-feature-settings: "liga" on; margin: 0; }

body { -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; }

@-webkit-keyframes fontfix { from { opacity: 1; }
  to { opacity: 1; } }
.c:before, .c:after { content: " "; display: table; }

.c:after { clear: both; }

.c { *zoom: 1; }

::-moz-selection { background: #111; color: #FFF; text-shadow: none; }

::selection { background: #111; color: #FFF; text-shadow: none; }

.svg-icon { width: 1rem; height: 1rem; }

.svg-icon path, .svg-icon polygon, .svg-icon rect { fill: #FFF; }

.svg-icon circle { stroke: #FFF; stroke-width: 1; }

#container { max-width: 1440px; width: 100%; margin: 0 auto; box-shadow: 0px 0px 20px 0px #000; }

#header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; margin: 0; padding: 0; background: #151515; }
#header .intro { min-height: 680px; width: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url("./SNADENCVG0161b.jpg"); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 500px) { #header .intro { height: 480px; min-height: auto; } }
@media (max-width: 400px) { #header .intro img { width: 80%; height: auto; } }
#header .gallery { min-height: 680px; width: 50%; overflow-y: hidden; }
@media (max-width: 500px) { #header .gallery { height: 640px; min-height: auto; } }
#header .gallery .thumbs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0 auto; background: #151515; }
#header .gallery div { height: 227px; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
@media (min-width: 500px) { #header .gallery div { -webkit-box-flex: 0; -webkit-flex: 0 1 33.33333%; -ms-flex: 0 1 33.33333%; flex: 0 1 33.33333%; } }
@media (max-width: 500px) { #header .gallery div { height: 160px; } }
#header .gallery div #thumb-aegir { background-image: url("./20130820_PI-trip_waterfall2.png"); }
#header .gallery div #thumb-rory { background-image: url("./aegir-thumb-rory.jpg"); }
#header .gallery div #thumb-team { background-image: url("./aegir-thumb-team.jpg"); }
@media (max-width: 1024px) { #header .gallery div #thumb-team { background-position: top center; } }
#header .gallery div #thumb-beers { background-image: url("./aegir-thumb-beers.jpg"); }
#header .gallery div #thumb-kegs { background-image: url("./aegir-thumb-kegs.jpg"); }
#header .gallery div #thumb-hound { background-image: url("./aegir-thumb-hound.jpg"); }
#header .gallery div #thumb-event { background-image: url("./NightimeSoloHike_20150411_0142.jpg"); }
#header .gallery div #thumb-aegir, #header .gallery div #thumb-event { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #FFF; font-weight: 500; font-size: 1rem; line-height: 1.5rem; text-align: center; }
#header .gallery div #thumb-aegir p, #header .gallery div #thumb-event p { padding: 0 2.5rem; }
#header .gallery div.double { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; }
@media (min-width: 500px) { #header .gallery div.double { -webkit-box-flex: 0; -webkit-flex: 0 1 66.6666%; -ms-flex: 0 1 66.6666%; flex: 0 1 66.6666%; } }
@media (max-width: 500px) { #header .gallery div.double { height: 160px; } }
#header .gallery div.hide { display: none; }
@media (min-width: 500px) { #header .gallery div.hide { display: block; } }

@media screen and (max-width: 1024px) { #header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  #header .intro, #header .gallery { width: 100%; } }
#soon, #footer { background-image: url("./pattern-darkwall.jpg"); background-repeat: repeat; display: block; padding: 2.5rem 5rem; font-size: 0.875rem; line-height: 0.875rem; font-weight: 300; color: #999; text-shadow: 0 1px #000000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
#soon .times, #footer .times { text-align: right; }
#soon .social ul li, #footer .social ul li { display: inline-block; margin-right: 0.625rem; }
#soon .social ul li a, #footer .social ul li a { opacity: 0.5; -webkit-transition: all 0.5s; transition: all 0.5s; }
#soon .social ul li a:hover, #footer .social ul li a:hover { opacity: 1; -webkit-transition: all 0.1s; transition: all 0.1s; }
#soon .contact, #footer .contact { text-align: right; }
#soon .contact a, #footer .contact a { -webkit-transition: all 0.5s; transition: all 0.5s; }
#soon .contact a:hover, #footer .contact a:hover { -webkit-transition: all 0.1s; transition: all 0.1s; }
#soon .seperator, #footer .seperator { opacity: 0.5; }

#footer { color: #666; }

@media (max-width: 1024px) { #soon { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 2.5rem 1.25rem; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; }
  #soon .address { margin-bottom: 0.625rem; }
  #soon .times { text-align: center; }
  #footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 2.5rem 1.25rem; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; }
  #footer .social { margin-bottom: 0.625rem; }
  #footer .contact { text-align: center; margin-bottom: 0.625rem; } }
@media (max-width: 500px) { #soon, #footer { padding: 2.5rem 0.625rem; } }
@media (max-width: 400px) { #footer .seperator { display: none; }
  #footer .phone { display: block; padding-top: 0.625rem; } }
#beers { background: #111; display: block; width: 100%; }

.beer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; max-height: 680px; margin: 0; padding: 0; background-color: #E3E3E3; background-image: url("./pattern-paper.png"); background-repeat: repeat; overflow: hidden; text-shadow: 0 1px #FFFFFF; }
.beer .label { width: 50%; padding: 0; margin: 0; display: block; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; overflow: hidden; }
.beer .label img { width: auto; height: 100%; }
@media screen and (min-width: 800px) and (max-width: 1280px) { .beer .label img { margin-left: -80px; } }
.beer .info { width: 50%; vertical-align: top; padding: 0; margin: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; background-repeat: no-repeat; background-position: right bottom; max-height: 680px; overflow: hidden; }
.beer .info .beer-content { padding: 5rem; }
@media screen and (max-width: 800px) { .beer .info .beer-content { padding: 2.5rem; } }
@media screen and (max-width: 400px) { .beer .info .beer-content { padding: 2.5rem 1.25rem 1.25rem 1.25rem; } }
.beer .info .beer-content .beer-name { display: block; font-family: "brandon-grotesque", Arial, sans-serif; height: 2.5rem; margin-bottom: 0.625rem; }
.beer .info .beer-content .beer-name img { max-height: 2.5rem; width: auto; max-width: 100%; }
.beer .info .beer-content .beer-tagline { display: block; font-family: "brandon-grotesque", Arial, sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 1.25rem; }
.beer .info .beer-content .beer-specs { font-family: "brandon-grotesque", Arial, sans-serif; margin-bottom: 1.25rem; }
.beer .info .beer-content .beer-specs .beer-spec-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0.625rem; }
.beer .info .beer-content .beer-specs .beer-spec-row .beer-spec-type { width: 20%; font-weight: 700; }
@media (max-width: 1024px) { .beer .info .beer-content .beer-specs .beer-spec-row .beer-spec-type { width: 30%; } }
.beer .info .beer-content .beer-specs .beer-spec-row .beer-spec-info { width: 80%; font-weight: 300; }
@media (max-width: 1024px) { .beer .info .beer-content .beer-specs .beer-spec-row .beer-spec-info { width: 70%; } }
.beer .info .beer-content .beer-bio { font-weight: 300; }
.beer .info .beer-content .beer-bio p { margin-bottom: 1.25rem; line-height: 1.563rem; }
@media screen and (min-width: 800px) and (max-width: 1024px) { .beer .info .beer-content .beer-bio .pfix { display: none; } }

#uil .info { background-image: url("./aegir-beer-uil-watermark.jpg"); }
#uil .beer-tagline { color: #e7bb30; }
#uil ::-moz-selection { background: #e7bb30; }
#uil ::selection { background: #e7bb30; }

#cal .info { background-image: url("./aegir-beer-cal-watermark.jpg"); }
#cal .beer-tagline { color: #bb5145; }
#cal ::-moz-selection { background: #bb5145; }
#cal ::selection { background: #bb5145; }

#rye .info { background-image: url("./aegir-beer-rye-watermark.jpg"); }
#rye .beer-tagline { color: #e52e2c; }
#rye ::-moz-selection { background: #e52e2c; }
#rye ::selection { background: #e52e2c; }

#ipa .info { background-image: url("./aegir-beer-ipa-watermark.jpg"); }
#ipa .beer-tagline { color: #a5c760; }
#ipa ::-moz-selection { background: #a5c760; }
#ipa ::selection { background: #a5c760; }

#por .info { background-image: url("./aegir-beer-por-watermark.jpg"); }
#por .beer-tagline { color: #371f57; }
#por ::-moz-selection { background: #371f57; }
#por ::selection { background: #371f57; }

#cal .label, #ipa .label { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
#cal .info, #ipa .info { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

@media screen and (max-width: 800px) { .beer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: auto; max-height: none; }
  .beer .label { min-height: auto; width: 100%; }
  .beer .label img { width: 100%; height: auto; }
  .beer .info { min-height: auto; width: 100%; }
  #cal .label, #ipa .label { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  #cal .info, #ipa .info { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }
@media all { .page-break { display: none; } }
@media print { .page-break { display: block; page-break-before: always; }
  #cover { background-image: none; background-color: #111 !important; box-shadow: inset 0 0 0 1000px transparent; } }