/*
Theme Name: House Spirits
Author: Sandstrom Partners
Author URI: http://sandstromparnters.com
Description: HSD Global theme
Version: 1.0
*/

/* ==========================================================================

    . . .-. . . .-. .-.   .-. .-. .-. .-. .-. .-. .-. 
    |-| | | | | `-. |-    `-. |-'  |  |(   |   |  `-. 
    ' ` `-' `-' `-' `-'   `-' '   `-' ' ' `-'  '  `-' 
    .-. .-. .-. .-. .-. .   .   .-. .-. . .           
    |  ) |  `-.  |   |  |   |   |-  |(   |            
    `-' `-' `-'  '  `-' `-' `-' `-' ' '  `            

    CSS follows a mobile-first order of styling and rendering. Media queries 
    are found toward rthe bottom of this stylesheet

    NOTE: fonts currently on board (fonts.com)
    font-family:'TradeGothicNextW01-Bold 693232';
    font-family:'TradeGothicNextW01-HvCn 707049';
    font-family:'Trade Gothic Next W01';
    font-family:'TradeGothicNextW01-Ital';
    font-family:'TradeGothicNextW01-Bold 693229';

    TODO: duplicate rem-based units as pixels prior to the rem declaration 
    to allow for graceful(ish) degradation 

   ========================================================================== */

/* ********************************************************************************************************************* */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*
#viewport {
    z-index: 3;
    position: fixed;
    top: 5px;
    left: 5px;
    }
*/


html,
button,
input,
select,
textarea {
    color: #222;
    font-family: 'Trade Gothic Next W01','TradeGothic-CondEighteen', 'Trade Gothic Cond Eighteen', 'Trade Gothic Condensed Eighteen', 'Trade Gothic', 'TradeGothic', 'Trade-Gothic', 'ArialNarrow', 'Arial-Narrow', 'Arial Narrow', Arial, sans-serif;
    }
body {
    background: #53565a;
    font-size: 1em;
    line-height: 1.4;
    }
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets must be separate.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
    }
::selection {
    background: #b3d4fc;
    text-shadow: none;
    }
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    }
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    }
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    }
a:link, a:visited { color: #000000; color: #000000; }
/* ********************************************************************************************************************* */

#bg {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 0;
    }
#page {
    max-width: 1010px;
    min-width: 320px;
    padding: 10px 0 0;
    position: relative;
    z-index: 1;
    }
#masthead {
    padding: 0;
    overflow: auto;
    }
#masthead hgroup {
    float: left;
    max-width: 75%;
    padding: 15px 0 0 5%;
    position: absolute;
    }
.site-title {
    font-family:'TradeGothicNextW01-Bold 693232';
    font-size: 1.5em; /*24px*/
    line-height: 1;
    margin: 0 0 5px;
    text-transform: uppercase;
    white-space: nowrap;
    }
    .site-title a:link,
    .site-title a:visited {
        color: #222;
        outline: none;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all  0.3s ease;
        }
    .site-title a:hover,
    .site-title a:active,
    .site-title a:focus {
        color: #000000;
        color: #000000;
        text-decoration: none;
        }
    .site-title img {
        max-width: 250px;
        width: 100%;
        max-width: 750px;
        width: 90%;
        }    
    .home .site-title img {
        max-width: 750px;
        width: 90%;
        } 
        .site-title .single { display: inline-block; }  
        .site-title .stacked { display: none; }  
.screen-reader-text,
.site-description {
    display: none;
    }
#site-navigation {
    font-family:'TradeGothicNextW01-Bold 693232';
    letter-spacing: 1px;
    letter-spacing: 0.0625rem;
    text-align: center;
    text-transform: uppercase;
    padding-top: 0;
    width: 100%;
    }
    #site-navigation ul {
        margin: 0;
        padding: 0;
        }
    #site-navigation li {
        background: #fff;
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 18px; 
        font-size: 1.125rem; /*18px*/
        padding: 0;
        }
        #site-navigation a {
            display: block;
            outline: none;
            padding: 12px 0 7px;
            padding: .75rem 0 .4375rem;
            }
        #site-navigation a:link,
        #site-navigation a:visited {
            background: #fff;
            color: #222;
            text-decoration: none;
            -webkit-transition: all 0.2s ease;
               -moz-transition: all 0.2s ease;
                 -o-transition: all 0.2s ease;
                    transition: all  0.2s ease;
            }
        #site-navigation a:hover,
        #site-navigation a:active,
        #site-navigation a:focus {
            background: #bbb;
            color: #000;
            text-decoration: none;
            }
   #menu-toggle {
        background: transparent url('img/bkg-menu-toggle.png') no-repeat 10px 12px;
        color: transparent;
        cursor: pointer;
        display: inline-block;
        float: right;
        height: 17px;
        overflow: hidden;
        padding: 10px 10px 12px;
        text-indent: -9999px;
        margin: 5px 3% 0 0;
        width: 21px;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        }
       #menu-toggle:hover,
       #menu-toggle:active,
       #menu-toggle:focus {
            background-color: #777;
            }
       .active #menu-toggle,
       .active #menu-toggle:hover,
       .active #menu-toggle:active,
       .active #menu-toggle:focus {
            background: #fff url('img/bkg-menu-toggle.png') no-repeat -31px 12px;
            padding: 10px 10px 13px;
            -webkit-border-bottom-left-radius: 0;
                -moz-border-radius-bottomleft: 0;
                    border-bottom-left-radius: 0;
            -webkit-border-bottom-right-radius: 0;
                -moz-border-radius-bottomright: 0;
                    border-bottom-right-radius: 0;
            }
    #site-navigation .menu { clear: both; }

.site-main { clear: both; overflow: hidden; }
.site-content,
.site-footer {
    clear: both;
    padding: 0 5%;
    }
.site-content {
    padding: .625em 5% 0;
    }
.site-footer {
    padding: 1em 5%;
    }
.site-info {
    font-size: 12px; 
    font-size: .75rem; /*12px*/
    line-height: 20px;
    line-height: 1.25rem; /*20px*/
    padding: 10px 0 20px;
    padding: .625rem 0 1.25rem; 
    }
    .site-info .copyright,
    .site-info .contact-address,
    .site-info .contact-phone,
    .site-info .contact-email {
        display: inline-block;
        margin-right: .5em;
        }
    .site-info a:link,
    .site-info a:visited {
        border-bottom: 1px dotted #999;
        color: #444;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
                transition: all  0.3s ease;
        }
    .site-info a:hover,
    .site-info a:active,
    .site-info a:focus {
        border-bottom: 1px dotted #000000;
        color: #000000;
        border-bottom: 1px dotted #000000;
        color: #000000;
        }
    .site-info .contact-phone a {
        border: none;
        }
    .responsible {
        display: inline-block;
        font-family:'TradeGothicNextW01-Bold 693229';
        font-size: 13px;
        font-size: .8125rem;
        text-transform: uppercase;
        }
    #menu-social-media-links {
        margin: 0;
        padding: 0;
        }
    #menu-social-media-links li {
        display: inline-block;
        list-style-type: none;
        margin: 0 4px;
        }
    #menu-social-media-links a:hover {
    	opacity:0.7;
    	filter:alpha(opacity=70);
		}
    #menu-social-media-links a {
        background: transparent url('img/socmed_icons_color.png');
        border: 0;
        display: block;
        height: 32px;
        overflow: hidden;
        text-align: left;
        /* IE 6/7 fallback */
        text-indent: -9999px;
        width: 32px;
        -webkit-transition: all 0.3s ease;
	      -moz-transition: all 0.3s ease;
	        -o-transition: all 0.3s ease;
	           transition: all  0.3s ease;
	    }
     #menu-social-media-links .socmed-twt a {
        background-position: -2px 0;
        }
     #menu-social-media-links .socmed-fbk a {
        background-position: -37px 0;
       }
     #menu-social-media-links .socmed-pin a {
        background-position: -72px 0;
       }
 #menu-social-media-links .socmed-in a {
        background-position: -105px 0;
       }

.home .entry-header { display: none; }
.site-main p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 25px;
    line-height: 1.5625rem; /*25px*/ 
    margin: .625rem 0 1.25rem; /*10px 0 20px*/
    }
.site-main img {
    vertical-align: top;
    max-width: 100%;
    width: 100%;
    }
.page-title,
.entry-title {
/*    color: #000000;*/
    color: #333;
    font-family:'TradeGothicNextW01-Bold 693232';
    font-size: 42px;
    font-size: 2.625rem; /*36px*/
    line-height: 1em;
    margin: .625rem 0;
    text-transform: uppercase;
    }

/* ==========================================================================
   Front Page styling
   ========================================================================== */
.home .entry-content {
    text-align: center;
    }
.home-grid {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    }
.home-grid div {
    display: inline-block;
    padding: 0 1% 2% 1%;
    max-width: 240px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 48%;
    }
.home-grid div.wide {
/*    padding: 0 1% 1% 1%;*/
    max-width: 740px;
    width: 98%;
    }
.home-grid .overlay {
    background: #53565a;
    background: rgba(83,86,90,0.7);
    display: table;
    height: 100%;
    width: 100%;
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    vertical-align: middle;
    z-index:5;
    }
.home-grid a {
    display: table-cell;
    height: 100%;
    position: absolute;
    text-decoration: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
       -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
               transition: all 0.3s ease;
    }
.home-grid .overlay h2 {
    display: table-cell;
    height: 100%;
    width: 100%;
    font-family:'TradeGothicNextW01-Bold 693232';
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 5;
    }
.home-grid div.wide h2 {
    font-size: 30px;
    }

/*
.home-grid .overlay h2 {
    display: table-cell;
    height: 100%;
    width: 100%;
    font-family:'TradeGothicNextW01-Bold 693232';
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    z-index:5;
    }
.home-grid div.wide .overlay {
    height: 100%;
    width: 100%;
    }
.home-grid div.wide h2 {
    font-size: 24px;
    font-size: 1.5rem;
    }
.home-grid img {
    display: block;
    position: relative;
    z-index: 2;
    }
.home-grid div.wide img {
    height: 490px;
    width: 750px;
    }
*/



/* ==========================================================================
   Spirits/Product styling
   ========================================================================== */

.spirit-images {
    display: block;
    margin: 0 auto;
    }
.spirit-images ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
.spirit-images li {
    display: inline-block;
    margin: 0 2%;
    padding: 0 0 10px;
    text-align: center;
    width: 45%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.spirit-images img {
    height: auto;
    max-width: 100%;
    }
.spirit-images h3 {
    font-family:'TradeGothicNextW01-Bold 693229';
    font-family:'TradeGothicNextW01-HvCn 707049';
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    margin: .625rem 0;
    text-transform: uppercase;
    }
    .spirit-images h3 a:link,
    .spirit-images h3 a:visited {
        color: #222;
        color: #000000;
        color: #000000;
        display: inline-block;
        text-decoration: none;
        }
    .spirit-images h3 a:hover,
    .spirit-images h3 a:active,
    .spirit-images h3 a:focus {
        color: #000000;
        color: #000000;
        }
.single-spirits .page-title {
    color: #222;
    color: #000000;
    color: #000000;
    font-family:'TradeGothicNextW01-Bold 693229';
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
/*     margin-bottom: 0; */
    }
    .single-spirits .page-title a,
    .single-spirits .page-title a:visited {
        text-decoration: none;
    }
.single-spirits .entry-title { margin-top: 0; }
.single-spirits .links p { 
    font-family:'TradeGothicNextW01-Bold 693229';
	margin: 0 0 .5em; }
    .single-spirits .links a:link,
    .single-spirits .links a:visited {
/*        color: #222;
        color: #000000;
*/        display: inline-block;
        text-decoration: none;
        }
    .single-spirits .links a:hover,
    .single-spirits .links a:active,
    .single-spirits .links a:focus {
        color: #000000;
        color: #000000;
        }
       
.single-spirits #map {
/*  border: 1px solid #f00; */
    margin: 30px 0 0;
    height: 180px;
    width: 95%;
    }

.single-spirits .awards {
    display: inline-block;
    list-style-type: none;
}
.single-spirits .awards img {
    max-width: 100%;
    }        

/* ==========================================================================
   Cocktail recipe styling
   ========================================================================== */

.recipe-cards {
    display: block;
    margin: 0 auto;
    padding-top: 20px;
    }
.recipe-cards ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
.recipe-cards li {
    display: inline-block;
    margin: 0 2%;
    padding: 0 0 10px;
    text-align: center;
    width: 45%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.recipe-cards img {
    height: auto;
    max-width: 100%;
    }

.recipe-cards a {
    display: block;
    }
.recipe-cards .entry-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 0;
    padding: 0 0 0 3%;
    }
    .recipe-cards .entry-title a:link,
    .recipe-cards .entry-title a:visited {
        color: #222;
        text-decoration: none;
        }
    .recipe-cards .entry-title a:hover,
    .recipe-cards .entry-title a:active,
    .recipe-cards .entry-title a:focus {
        color: #000000;
        color: #000000;
        }
.recipe-cards .more {
    font-family:'TradeGothicNextW01-Bold 693229';
    font-family:'TradeGothicNextW01-HvCn 707049';
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: 1px;
    line-height: 20px;
    line-height: 1.25rem;
    margin-top: 0;
    padding: 0 0 0 3%;
    text-transform: uppercase;
    }
    .recipe-cards .more a:link,
    .recipe-cards .more a:visited {
        color: #000000;
        color: #000000;
        text-decoration: none;
        }
    .recipe-cards .more a:hover,
    .recipe-cards .more a:active,
    .recipe-cards .more a:focus {
        color: #000000;
        color: #000000;
        }
.single-recipe .page-title {
    color: #222;
    font-family:'TradeGothicNextW01-Bold 693229';
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 0;
    }
    .single-recipe .page-title a,
    .single-recipe .page-title a:visited {
        text-decoration: none;
    }
.single-recipe .entry-title { margin-top: 0; }
.recipe-details h5 {
    font-family:'TradeGothicNextW01-Bold 693229';
    font-size: 14px;
    font-size: .875rem;
    margin: 20px 0 10px;
    margin: 1.25rem 0 .625rem;
    text-transform: uppercase;
    }
#recipe-spirit-nav h3 {
    display: inline-block;
    font-family:'TradeGothicNextW01-Bold 693229';
    font-size: 14px;
    font-size: .875rem;
    line-height: 2;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    }
#recipe-spirit-nav #recipe-filter {
    display: inline-block;
    font-family:'TradeGothicNextW01-Bold 693229';
    font-family:'TradeGothicNextW01-HvCn 707049';
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: 1px;
    list-style-type: none;
    padding: 0;
    text-align: center;
    }
#recipe-spirit-nav #recipe-filter li {
    display: inline-block;
    line-height: 2;
    padding: 0 10px;
    text-transform: uppercase;
    }
    #recipe-filter a:link,
    #recipe-filter a:visited {
        color: #000000;
        color: #000000;
        text-decoration: none;
        }
    #recipe-filter a:hover,
    #recipe-filter a:active,
    #recipe-filter a:focus {
        border-bottom: 1px dotted #000000;
        color: #000000;
        border-bottom: 1px dotted #000000;
        color: #000000;
        }

    /**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* ==========================================================================
   Tours / Tastings / Events styling
   ========================================================================== */
.secondary-content h2 {
    color: #000000;
    color: #000000;
    font-family:'TradeGothicNextW01-Bold 693229';
/*    font-family:'TradeGothicNextW01-HvCn 707049';
*/    font-size: 16px;
    font-size: 1rem;
    margin: 20px 0 10px;
    margin: 1.25rem 0 .625rem;
    text-transform: uppercase;
	}
.events {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.events li {
    font-size: 14px;
    font-size: .875rem;
	padding: 0 0 10px;
	}
	.events .event-date {
    	display: block;
    	font-family:'TradeGothicNextW01-Bold 693229';
    	font-size: 12px;
	    font-size: .75rem;
    	text-transform: uppercase;
		}
	.events .event-title {
	   	font-family:'TradeGothicNextW01-Bold 693229';
    	font-family:'TradeGothicNextW01-HvCn 707049';
    	font-size: 16px;
    	font-size: 1rem;
    	text-transform: uppercase;
	   	}
	.events .event-desc {
    	display: block;
		}

.secondary-content #map {
/*  border: 1px solid #f00; */
    margin: 10px 0 0;
    height: 250px;
    width: 95%;
    }

/* ==========================================================================
   Press/Media Coverage styling
   ========================================================================== */
/*.media-intro-copy {
    float: left;
    font-size: 14px;
    font-size: .875rem;
    width: 28%;
    }*/
.media-intro-copy {
    float: none;
    font-size: 14px;
    font-size: .875rem;
    width: 100%;
    }
.media-intro-copy h2 {
    font-family:'TradeGothicNextW01-Bold 693229';
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: uppercase;
    }
.media-intro-copy p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.25;
    }
.press-releases {
    list-style-type: none;
    padding: 0;
    }
    .press-releases li {
        padding: 0 0 10px;
        }
    .press-releases .release-date {
        display: block;
        font-family:'TradeGothicNextW01-Bold 693229';
        font-size: 12px;
        font-size: .75rem;       
        }
/*.media-mentions {
    float: right;
    width: 68%;
    }*/

.media-mentions {
    float: none;
    width: 100%;
    }
.media-mentions h2 {
    font-family:'TradeGothicNextW01-Bold 693229';
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 .83em;
    text-transform: uppercase;
   }
.media-mentions h2.media-year {
    border-bottom: 1px dotted #333;
    cursor: pointer;
    font-family: 'Trade Gothic Next W01','TradeGothic-CondEighteen', 'Trade Gothic Cond Eighteen', 'Trade Gothic Condensed Eighteen', 'Trade Gothic', 'TradeGothic', 'Trade-Gothic', 'ArialNarrow', 'Arial-Narrow', 'Arial Narrow', Arial, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    margin: .83em 0;
    outline: none;
    padding: 0 0 .5em;
    }
.media-items {
    display: block;
    margin: 0 auto;
    }
.media-items ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
.media-items li {
    display: inline-block;
    margin: 0 2%;
    padding: 0 0 10px;
    text-align: center;
    width: 46%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
.media-items img {
    height: auto;
    max-width: 100%;
    }
.media-items h4 {
    font-family:'TradeGothicNextW01-Bold 693229';
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 0;
    padding: 0 0 0 3%;
    text-transform: uppercase;
    }
.media-items h5 {
/*     font-family:'TradeGothicNextW01-Bold 693229'; */
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: 1px;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 0;
    padding: 0 0 0 3%;
/*     text-transform: uppercase; */
    }
 
/* ==========================================================================
   Helper classes
   ========================================================================== */
#social-sharing {
    display: block;
    padding-top: 20px;
    }
.twitter-share-button {
    display: inline-block;
    margin: 0 5px 10px 0;
    vertical-align: top;
    }


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

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#distillery-slides {
	display: block;
}
#distillery-slides, .slide {
	height: 275px;
    width: 100%;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */


@media screen and (min-width:501px) {
    #page {
        margin: auto;
        padding: 2em 0 1em;
        width: 95%;
        }
    #masthead hgroup {
        float: left;
        max-width: 30%;
        padding: 0;
        position: relative;
        }
    .home #masthead hgroup {
        float: none;
        max-width: 100%;
        padding: 0;
        position: relative;
        }
    .site-title {
        font-size: 24px;
        font-size: 1.5rem; /*24px*/
        white-space: normal;
        }
    .home .site-title {
        font-size: 45px;
        font-size: 2.8125rem; /*45px*/
        display: block;
        margin: 0 auto;
        text-align: center;
        }
    .site-title img {
        max-width: 250px;
        width: 100%;
        }    
    .home .site-title img {
        max-width: 750px;
        width: 90%;
        } 
    .site-title .single { display: none; }  
    .site-title .stacked { display: inline-block; }  
    .home .site-title .single { display: inline-block; }  
    .home .site-title .stacked { display: none; }  

    #menu-toggle,
    .screen-reader-text {
        display: none;
        }
    #site-navigation {
        display: inline-block;
        float: right;
        margin: 0;
        max-width: 68%;
        width: auto;
        }
    .home #site-navigation {
        float: none;
        margin: 0 auto;
        max-width: 100%;
        width: 100%;
        }
        #site-navigation li {
            background: transparent;
            border-bottom: none;
            border-left: 1px dotted #666;
            display: inline-block;
            font-size: 14px;
            font-size: .875rem; /*14px*/
            margin: 0 0 0 -.25em;
            padding: 4px .5em; /*8px*/
            line-height: 1em;
            }
        #site-navigation li:first-child { border-left: none; }
        #site-navigation a:link,
        #site-navigation a:visited {
            background: transparent;
            display: inline-block;
            padding: 0;
            }
        #site-navigation a:hover,
        #site-navigation a:active,
        #site-navigation a:focus {
            color: #000000;
            color: #000000;
            }
    .site-content {
        padding: 1em 0;
        }
    .site-footer {
        padding: 1em 0 1em;
        text-align: center;
        }
.home-grid div {
    padding: 0 0 1% 1%;
    width: 32%;
    }
.home-grid div.wide {
    float: none;
    overflow: hidden;
    padding: 0 0 1% 1%;
    width: 99%;
    }

    .single-spirits .entry-header {
        float: right;
        width: 50%;
        }
    .spirit-images li {
        margin: 0 1%;
        overflow: auto;
        padding: 0 0 20px;
        width: 29%;
        width: 22%;
        }
    .spirit-images h3 {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.25;
        margin: .6255rem 5%; /*15px 0 15px*/
        }
.spirit-image-single {
    float: left;
    width: 45%;
    }
.spirit-details {
    margin-left: 50%;
    }
.spirit-details ul,
.spirit-details ol {
    padding-left: 20px;
    }
.recipe-cards li {
    margin: 0 1.5%;
    overflow: auto;
    padding: 0 0 20px;
    width: 29%;
    }
.single-recipe .entry-header {
    float: right;
    width: 38%;
    }
.recipe-image-single {
    float: left;
    width: 55%;
    }
.recipe-details {
    margin-left: 62%;
    }
.recipe-details ul,
.recipe-details ol {
    padding-left: 20px;
    }
.media-items li {
    margin: 0 1%;
    padding: 0 0 20px;
    width: 18%;
    width: 23%;
    }
.media-items h4 {
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.25;
    margin: .6255rem 0 0; 
    }
.media-items h5 {
    font-size: 11px;
    font-size: .6875rem;
    }
#distillery-slides, .slide {
	height: 400px;
}
}
@media screen and (min-width:651px) {
    .site-footer .menu-social-media-links-container {
        float: right;
        padding: 0 20px 0 10px;
        }
    .site-info {
        font-size: 13px;
        font-size: .8125rem;
        }
.page-template-page-tours-tastings-php .main-content {
	float: left;
	width: 60%;
	}
.page-template-page-tours-tastings-php .secondary-content {
	float: right;
	width: 35%;
	}
    #recipe-spirit-nav h3 { text-align: center; }
#distillery-slides, .slide {
	height: 500px;
}

}
@media screen and (min-width:801px) {
    #masthead hgroup {
        float: left;
        max-width: 28%;
        padding: 0;
        position: relative;
        }
    .site-title {
        font-size: 36px;
        font-size: 2.25rem; /*36px*/
        white-space: normal;
        }
    .home .site-title {
        font-size: 72px;
        font-size: 4.55rem; /*36px*/
        white-space: normal;
        }
    #site-navigation li {
        font-size: 16px;
        font-size: 1rem;
    }
    .spirit-copy {
        display: inline-block;
        float: left;
        width: 35%;
        }
    .spirit-images {
        float: right;
        width: 62.5%;
        }
    .site-info {
        font-size: 14px;
        font-size: .875rem;
        }
.media-intro-copy {
    float: left;
    font-size: 14px;
    font-size: .875rem;
    width: 28%;
    }
.media-mentions {
    float: right;
    width: 68%;
    }
.media-items li {
/*    margin: 0 1%;
    padding: 0 0 20px;
    width: 18%;
*/    margin: 0 1%;
    overflow: auto;
    padding: 0 0 20px;
    width: 23%;
    }
.media-items h4 {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.25;
    margin: .6255rem 5% 0; 
    }
.media-items h5 {
    font-size: 13px;
    font-size: .8125rem;
    }
.page-template-page-events-php .main-content {
	float: left;
	width: 55%;
	}
.page-template-page-events-php .secondary-content {
	float: right;
	width: 40%;
	}
.page-template-page-events-php h2 {
	font-size: 27px;
	font-size: 1.6975rem;
	}
.events {
	width: 80%;
	}
#distillery-slides, .slide {
	height: 375px;
}

}
@media screen and (min-width:1080px) {
    .site-title {
        }
    #site-navigation li {
        font-size: 18px;
        font-size: 1.125rem;
        }
    .site-footer {
        padding: 1em 0 1em;
        text-align: center;
        }

.home-grid div {
    clear: right;
    display: inline-block;
    float: left;
    max-height: 240px;
    padding: 0 0 10px 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 24%;
    }
.home-grid div.wide {
    float: left;
    padding: 0 0 0 1%;
    max-height: 490px;
    }
/*    height: 490px;
    padding: 0 0 10px 10px;
    width: 740px;
    }
*/
.home-grid div {
/*     clear: right; */
    display: inline-block;
    float: left;
/*     height: 240px; */
    padding: 0 0 10px 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 240px;
    }
/*


.home-grid a {
    display: block;
    height: 100%;
    position: absolute;
    text-decoration: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
       -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
               transition: all 0.3s ease;
    }
.home-grid .overlay {
    background: #53565a;
    background: rgba(83,86,90,0.6);
    display: table;
    height: 240px;
    width: 100%;
    position: absolute; 
    top: 0;
    left: 10px;
    width: 240px;
    vertical-align: middle;
    z-index:5;
    }
.home-grid .overlay h2 {
    display: table-cell;
    height: 100%;
    width: 100%;
    font-family:'TradeGothicNextW01-Bold 693232';
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    z-index:5;
    }
.home-grid div.wide {
    float: left;
    height: 490px;
    overflow: hidden;
    padding: 0 0 10px 10px;
    width: 740px;
    }
.home-grid div.wide .overlay {
    height: 490px;
    width: 740px;
    }
.home-grid div.wide h2 {
    font-size: 24px;
    font-size: 1.5rem;
    }
.home-grid img {
    position: absolute;
    height: 240px;
    width: 240px;
    top: 0;
    left: 10px;
    z-index: 2;
    }
.home-grid div.wide img {
    height: 490px;
    max-width: 750px;
    }*/
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */