:root {
    --yellow-color:#FDEF96;
    --orange-color: #F7B71D;
    --light-green-color: #AFA939;
    --dark-green-color: #2B580C;
    --dark-blue-color: #225476;
}

.recipe h1, .recipe h2, .recipe h3 { text-align: center !important; }
.recipe h1 { font-weight: 500;font-size: 5rem; margin-bottom: 0; line-height: 1.1; }
.recipe h1 strong, .recipe h1 bold { font-weight: 400; }
.recipe h3 { font-weight: 100; font-style: italic; font-size: 1.1em;}
.recipe h1 + h2 + h3{ line-height: 1.1; margin-top: 0; }
.recipe h2 { line-height: 1.2; margin-top: 0; margin-bottom: 0; }
.recipe h3 { line-height: 2;}
.recipe h3 { margin-bottom: 50px; }

.modular-hero
{
    min-height: 800px;
}

.beerimage
{
    box-shadow: 0 10px 45px -9px rgba(0, 0, 0, 0.3);
}
.centered-h1 h1
{
   text-align: center; 
}

table
{
    border: 1px solid #e7e7e7;
    table-layout: auto;
    border-spacing: 0px;
   
}

body.header-dark .scrolled{
    background: #0c0908 !important;
}


.beerlabel img
{
    box-shadow: 0 10px 45px -9px rgba(0, 0, 0, 0.3);
}

body.header-dark #header.scrolled .navbar-section ul li a.active {
    color: #ffffff !important;
}
body.header-dark #header.scrolled .navbar-section ul li a {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.header-dark #header.scrolled .navbar-section {
    color: #f5f3f3 !important;
}

table.center
{
    margin-left:auto; 
    margin-right:auto;
}

.center
{
    text-align: center;
}

table td, table th {  
    text-align: start;
    padding: 0.5rem;    
}

table td
{
    border-bottom: 2px solid #e7e7e7;
}

table th
{    
    background: #f4f4f4;
    padding: 0.5rem;    
}


.beerlabel {
    display: flex;
    justify-content: center;
}

#header .logo svg, #header .logo img{
    height: 85px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

#header.scrolled .logo svg, #header.scrolled .logo img{
    height: 35px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.brand
{
    display: flex;
    justify-content: center;
    font-size: 2em;
}

#header.scrolled .brand
{
    font-size: 1em;
}

#header
{
    background: #00b3e730;
}

#header.scrolled
{
    background: #FFFFFF;
}

.card-image
{
    display: flex;
    justify-content: center;
}