/*========================================
    Fonts
========================================*/

@import url('https://fonts.googleapis.com/css?family=Josefin+Slab|Raleway');

/*========================================
    Colors
========================================

----- Grays (From Darkest to Lightest) -----
#131516
#252829
#373d3f
#555f61
#6f7c80

-- 50% --
#8c979a
---------

#a7afb2
#c1c7c9
#dadedf
#f2f3f4

*/

/*========================================
    General
========================================*/
html{    
    font-size:1em;
    padding:0;
    margin:0;
}
body{
    background:#131516;
    color:#f2f3f4;
    font-family:'Raleway', serif;
    font-weight:400;
    line-height:1.45em;
    padding:0;
    margin:0;
    overflow-x:hidden !important;
}
body.showMobileNav{
    position:fixed;
    left:0;
    right:0;
    overflow:hidden;
}
.preload *{
    -webkit-transition:none !important;
       -moz-transition:none !important;
         -o-transition:none !important;
            transition:none !important;
}
.clearfix:before,
.clearfix:after{
    content:'';
    display:table;
    clear:both;
    float:none;
}
.show{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}
.hide{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}
.box{
    display:block;
    padding:0;
    margin:0;
    box-shadow:0 3px 3px 2px rgba(0,0,0,.3);
    background:rgba(37,40,41,.9);
}
    .boxHeading,
    .boxBody{
        padding:1em;
        text-align:center;
    }
    .boxHeading{
        background:#171a1b;
        height:62px;
    }
        .boxHeading *{
            padding:0 !important;
            margin:0 !important;
        }
.relative{
    position:relative;
}
img{
    max-width:100%;
    height:auto !important;
}


/*========================================
    Content Blocks
========================================*/

.insetBlock{
    padding:2em 0;
    background:#131516;
    box-shadow:inset 0 0 12px 12px rgba(0,0,0,.5);
}


/*========================================
    Borders
========================================*/

hr{
    padding:0;
    margin:1em 0;
    border:none;
    height:1px;
    background:#f2f3f4;
}
.border{
    position:absolute;
    width:150px;
    height:3px;
    border:none;
    margin:0;
    padding:0;
    background:#f2f3f4;
}
    .leftBorder{
        left:0;
        top:50%;
        -webkit-transform:translate(-50%, -50%) rotate(90deg);
           -moz-transform:translate(-50%, -50%) rotate(90deg);
            -ms-transform:translate(-50%, -50%) rotate(90deg);
             -o-transform:translate(-50%, -50%) rotate(90deg);
                transform:translate(-50%, -50%) rotate(90deg);
    }
    .topBorder{
        left:50%;
        top:0;
        -webkit-transform:translateX(-50%);
           -moz-transform:translateX(-50%);
            -ms-transform:translateX(-50%);
             -o-transform:translateX(-50%);
                transform:translateX(-50%);
    }

@media only screen and (max-width:900px){
    .border{
        top:0 !important;
        left:50% !important;
        -webkit-transform:translateX(-50%) !important;
           -moz-transform:translateX(-50%) !important;
            -ms-transform:translateX(-50%) !important;
             -o-transform:translateX(-50%) !important;
                transform:translateX(-50%) !important;
    }
}

/*========================================
    Wrappers
========================================*/
.outer-wrapper{
    padding:0 2em;
}
.content-wrapper{
    max-width:1600px;
    margin:0 auto;
}
.grayWrapper{
    border-top: 20px solid #131516;
    border-bottom: 20px solid #131516;
    background:#c1c7c9;
    color:#131516;
}
.darkGrayWrapper{
    background:#323232;
    color:#f2f3f4;
    border-bottom: 20px solid #131516;
}

/*========================================
    Typography
========================================*/
h1, 
h2, 
h3, 
h4 {    
    font-family:'Josefin Slab', Helvetica, Arial, sans-serif;
    font-weight: inherit;
    line-height: 1.2;
    margin: 1.414em 0 0.5em;
}
h1 {    
    font-size: 2.441em;
    margin-top: 0;
}
h2 {
    font-size: 1.953em;
}
    .sectionHeader{
        width:100%;
        margin:0 auto;
        padding:0;
        background:#797979;
        box-shadow:0 3px 3px 2px rgba(0,0,0,.3);
    }
    .sectionHeader h2{
        padding: .5em 0;
        margin:0;
    }
h3 {
    font-size: 1.563em;
}
    .callToAction h3{
        color:#c79048;
    }
h4 {
    font-size: 1.25em;
}
p {
    margin-bottom: 1.3em;
}
small, .font_small {
    font-size: 0.8em;
}
section ul{

}
section li{

}
strong{
    font-weight:700;
}
.align-center,
.align-center p,
.align-center h4,
.align-center h3,
.align-center h2,
.align-center h1{
    text-align:center;
}
.align-left,
.align-left p,
.align-left h4,
.align-left h3,
.align-left h2,
.align-left h1{
    text-align:left;
}
.align-right,
.align-right p,
.align-right h4,
.align-right h3,
.align-right h2,
.align-right h1{
    text-align:right;
}

/*========================================
    Links, Buttons, & Inputs
========================================*/

/*---------- Links ----------*/
a,
a:visited{
    text-decoration:none !important;
    color:#1aaece;
    -webkit-transition:all .3s ease;
       -moz-transition:all .3s ease;
         -o-transition:all .3s ease;
            transition:all .3s ease;
}
a:hover{
    color:#ffffff;
}

/*---------- Buttons ----------*/
.buttonWrp{
    text-align:center;
}

.button,
button,
input.button,
a.button,
.foodMenuBtn{
    cursor:pointer;
    display:inline-block;
    padding:10px 40px;
    margin:5px;
    border:2px solid;
    border-radius:0;
    font-family:'Josefin Slab', sans-serif;
    font-size:1.2em;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none !important;
    -webkit-appearance:none;
    -webkit-transition:all .3s ease;
       -moz-transition:all .3s ease;
         -o-transition:all .3s ease;
            transition:all .3s ease;
}
    .button:hover,
    button:hover,
    input.button:hover,
    a.button:hover{
        box-shadow:0 5px 10px rgba(0,0,0,.3);
        background:#f2f3f4 !important;
        color:#131516 !important;
        border-color:#f2f3f4 !important;
    }

.button.disabled,
button.disabled,
input.button.disabled,
a.button.disabled,
.button:disabled,
button:disabled,
input.button:disabled,
a.button:disabled{
    pointer-events:none;
    opacity:.5;
    -webkit-filter:grayscale(100%);
            filter:grayscale(100%);
}
    .button.disabled:hover,
    button.disabled:hover,
    input.button.disabled:hover,
    a.button.disabled:hover,
    .button:disabled:hover,
    button:disabled:hover,
    input.button:disabled:hover,
    a.button:disabled:hover{
        box-shadow:none;
        background:initial !important;
        color:initial !important;
        border-color:initial !important;
    }

.primeBtn,
button.primeBtn,
input.primeBtn,
a.primeBtn{
    background:#ed2227;
    color:#f2f3f4 !important;
    border-color:#f2f3f4;
}
.secondaryBtn,
button.secondaryBtn,
input.secondaryBtn,
a.secondaryBtn{
    background:#c79048;
    color:#f2f3f4 !important;
    border-color:#c79048;
}
.lineBtn,
button.lineBtn,
input.lineBtn,
a.lineBtn{
    background:none;
    color:#f2f3f4 !important;
    border-color:#f2f3f4;
}

.hideBtn .inputWrp{
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .5s ease;
       -moz-transition:all .5s ease;
         -o-transition:all .5s ease;
            transition:all .5s ease;
}
    .hideBtn:hover .inputWrp{
        opacity:1;
        visibility:visible;
    }

/*========================================
    Icons
========================================*/

.icon:before{
    font-size:inherit;
    color:inherit;
    display:block;
    margin:0 auto .25em auto;
    font-family:FontAwesome !important;
}

.unlock:before{
    content:'\f13e';
}

.question:before{
    content:'\f128';
}