/*
Theme Name: LIBF 2018
Author: Rabbit Hole
Author URI: http://rabbithole.agency
*/

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 0px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 0px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

 /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,button,input,select,textarea { color:#222; }

html {
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    background-color:#f9ecd9;
}

::-moz-selection { background: #b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e0e0e0;
    margin: 15px 0;
    padding: 0;
}

/* Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */

audio, canvas, img, video { vertical-align:middle; }

/* Remove default fieldset styles. */
fieldset { border:0; margin:0; padding:0; }

/* Allow only vertical resizing of textareas. */
textarea { resize:vertical; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.browsehappy { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }

/*
colors

beige: #f9ecd9;
pink: #e67f78;
grey: #303028;
blue: #51bda9;

*/

/* ==========================================================================
   REUSABLES
   ========================================================================== */

.transition { -o-transition: all .1s linear; -ms-transition: all .1s linear; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear; }
.transitionSlow { -o-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; }
.cover { background-repeat:no-repeat; background-position:center center;  -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.box {  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.contain { position:absolute; height:100%; width: 100%; }
.outer { display:table; position:absolute; height:100%; width:100%; }
.middle { display:table-cell; vertical-align:middle; }
.inner { margin-left:auto; margin-right:auto; width:100%; text-align:center; }
.overflow {  }
.siteWrapper { margin: 0 0 106px; }
.stop-scrolling { height:100%; overflow:hidden; }
.contentWrapper { position:relative; margin:0 auto; width:96%; max-width:1166px; padding-bottom: 60px;  }
.topLink { display:block; margin:20px auto; font-size:14px; letter-spacing:1.4px; padding-top:40px; text-align:center; background:url(images/arrowUp.png) no-repeat center top; background-size:34px 28px; color:#51bda9; }
.prevPost { position:absolute; top:50%; left:0; display:block; margin-top:-17px; text-indent:-9999px; width:28px; height:34px; background:url(images/arrowLeft.png) no-repeat center center; background-size:28px 34px; }
.nextPost { position:absolute; top:50%; right:0; margin-top:-17px; text-indent:-9999px; width:28px; height:34px; background:url(images/arrowRight.png) no-repeat center center; background-size:28px 34px; }
/*.bannerWrapper { border-style:solid; border-width:0 0 10px; -moz-border-image:url(images/doubleLines.svg) 50 10 round; -webkit-border-image:url(images/doubleLines.svg) 50 10 round; -o-border-image:url(images/doubleLines.svg) 50 10 round; border-image:url(images/doubleLines.svg) 50 10 round; }
.bannerWrapperInner { position:relative; margin:20px auto; width:100%; max-width:600px; height:230px; background-color:#ffffff; padding:10px; }
.bannerImage { position:relative; width:100%; height:100%;  }*/

.buttonLines { position:relative; display:inline-block; text-align:center; margin:40px auto 30px; color:#51bda9 !important; border:3px solid #e47470; border-left:none; border-right:none; -webkit-transition-delay:0.4s; transition-delay:0.5s; font-size:20px; letter-spacing:2px; line-height:34px; text-decoration:none }
.linetopL { display:block; position:absolute; top:-2px; left:50%; background-color:#e47470; width:0%; height:3px; }
.linetopR { display:block; position:absolute; top:-2px; right:50%; background-color:#e47470; width:0%; height:3px; }
.linebottomL { display:block; position:absolute; bottom:-2px; left:50%; background-color:#e47470; width:0%; height:3px; }
.linebottomR { display:block; position:absolute; bottom:-2px; right:50%; background-color:#e47470; width:0%; height:3px;  }

.buttonLines:hover { border-color:transparent; -o-transition: all .01s linear; -ms-transition: all .01s linear; -moz-transition: all .01s linear; -webkit-transition: all .01s linear; transition: all .01s linear;  }
.buttonLines:hover .linetopL, .buttonLines:hover .linetopR, .buttonLines:hover .linebottomL, .buttonLines:hover .linebottomR { width:50%; }

.spinner { position:absolute; left:50%; top:50%; margin:-12px 0 0 -35px; width:70px; height:24px; text-align:center; }
.spinner > div { width:18px; height:18px; background-color:#5f5f5f; border-radius:100%; display:inline-block; -webkit-animation:bouncedelay 1.4s infinite ease-in-out; animation:bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode: both; }
.spinner .bounce1 { -webkit-animation-delay:-0.32s; animation-delay:-0.32s;}
.spinner .bounce2 { -webkit-animation-delay:-0.16s; animation-delay:-0.16s;}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform:scale(0.0), transform:scale(0.0) }
  40% { -webkit-transform:scale(1.0); transform:scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { transform:scale(0.0); -webkit-transform:scale(0.0); }
  40% { transform:scale(1.0); -webkit-transform:scale(1.0); }
}

.rotate { -ms-transform:rotate(45deg); -ms-transform-origin: 50% 50%; -webkit-transform:rotate(45deg); -webkit-transform-origin:50% 50%; transform:rotate(45deg); transform-origin:50% 50%; }

/*TYPO*/
/*
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:10px 0; text-transform:uppercase; text-align:center; }
h1 { font-size:18px; }
h2 { font-size:14px; color:#51bda9; }
h3 { font-size:12px; color:#e67f78; }
p {  }
*/
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:10px 0; text-transform:uppercase; text-align:center; }
h1 { font-size:36px; }
h2 { font-size:36px; color:#51bda9; }
h3 { font-size:16px; color:#e67f78; }
h4 { font-size: 18px; color:#51bda9;  }
p { font-size: 16px; }





a, a:visited { text-decoration:none; cursor:pointer;  }
a:hover, a:active { text-decoration:none; }
a:focus { outline: 0; }

p a { text-decoration:underline; color:#000; }

/*HEADER*/
.headerWrapper { width:100%; height:106px; overflow:auto; background-color:#f9ecd9;  }
.headerBorder { width:100%; height:10px; background:url(images/doubleLines.svg) no-repeat center center; background-size:100% 100%; }
.primaryNavigation { list-style:none; text-align:center; margin:20px auto 0; }
.primaryNavigation li {  display:inline-block; min-width:102px; height:70px; margin:0; }
.primaryNavigation a { position:relative; text-decoration:none; display:inline-block; width:84px; color:#51bda9; line-height:34px; font-size:15px; letter-spacing:1.5px; top:17px;}
.primaryNavigation a:hover .linetopL, .primaryNavigation a:hover .linetopR, .primaryNavigation a:hover .linebottomL, .primaryNavigation a:hover .linebottomR { width:50%; }
.activePage .linetopL, .activePage .linetopR, .activePage .linebottomL, .activePage .linebottomR { width:50%; }
a.headerLogo { text-indent:-9999px; width:146px; height:70px; background:url(images/logoRed.svg) no-repeat center center; background-size:70px 70px; top:0px; }

/*MOBILE NAV*/
.menuOpen { display:none; position:absolute; top:13px; left:14px; width:36px; height:36px; background:url(images/menubutton.gif) no-repeat center center; background-size:36px 36px; text-indent:-9999px;}
a.mobileTicketLink { display:none; position:absolute; top:21px; right:17px; color:#51bda9; font-size:12px; letter-spacing:1.2px; padding:0; line-height:18px; text-transform:uppercase; border:2px solid #e47470; border-left:none; border-right:none; text-decoration:none }
.mobileMenu { display:none; position:fixed; width:100%; height:100%; overflow:auto; top:0; left:0; background-color:#e3746f; z-index:400;  }
.mobileMenu .mobileTicketLink { color:#d8c654; border-color:#f9ecd9; }
.mobileLogo { display:block; margin:10px auto 0; text-indent:-9999px; width:40px; height:40px; background:url(images/logoBeige.svg) no-repeat center center; background-size:40px 40px; }
.menuClose { display:block; position:absolute; top:17px; left:19px; width:28px; height:28px; background:url(images/menuClose.png) no-repeat center center; background-size:22px 22px; text-indent:-9999px;}
.mobileMenu hr { border-color:#d8c654; }
.mobileNavigation { list-style:none; text-align:center; margin-top:62px; }
.mobileNavigation li {  display:table; padding:0 4px; margin:20px auto; }
.mobileNavigation li.activePage { border:2px solid #f9ecd9; border-left:none; border-right:none; }
.mobileNavigation a { font-size:17px; color:#d8c654; letter-spacing:1.7px; line-height:23px; text-decoration:none }

/*FOOTER*/
.footerWrapper { position:fixed; width:100%; bottom:0; left:0; z-index:200; }
.footerUpper { width:100%; height:40px; background-color:#e67f78; overflow:auto }
.footerLinks { width:50%; list-style:none; margin:0 auto; text-align:center; }
.footerLinks li { display:inline; margin:0 12px; line-height:39px; text-decoration:none; color:#f9ecd9;font-size:11px; letter-spacing:1.1px; }
.footerLinks a { display:inline-block; text-decoration:none; color:#f9ecd9; padding:0 10px; font-size:11px; letter-spacing:1.1px;}
.drewLogo { display:block; position:absolute; top:0; right:52px; width:30px; height:40px; background:url(images/drewLogo.png) no-repeat center center; background-size:20px 20px; text-indent:-9999px; }
.rabbitLogo { display:block; position:absolute; top:0; right:22px; width:30px; height:40px; background:url(images/rabbithole.svg) no-repeat center center; background-size:15px 19px; text-indent:-9999px; }
.footerLower { width:100%; height:33px; padding-top:10px; background-color:#322f29; text-align:center; text-transform:uppercase; color:#f9ecd9; font-size:10px; letter-spacing:1px; }

.facebook { display:block; position:absolute; top:0; left:22px; width:20px; height:40px; background:url(images/facebookWhite.svg) no-repeat center center; background-size:18px 18px; text-indent:-9999px; }
.twitter { display:block; position:absolute; top:0; left:50px; width:20px; height:40px; background:url(images/twitterWhite.svg) no-repeat center center; background-size:18px 18px; text-indent:-9999px;  }
.instagram { display:block; position:absolute; top:0; left:81px; width:20px; height:40px; background:url(images/instagramWhite.svg) no-repeat center center; background-size:16px 16px; text-indent:-9999px; }


/*HOMEPAGE*/
.slideshowWrapper { width:100%; height:80px; opacity:0; }
.slideBorder  { width:100%; height:10px; background:url(images/doubleLines.svg) no-repeat center center; background-size:100% 100%; margin-bottom:20px; }
.cycle-slideshow { height:80px; }
.cycle-slideshow img { width:auto; height:54px; margin-right:20px; opacity:0.6; }
.homeSlider { display:block; padding:0; opacity:0; margin:0; }
.slideImage { width:1166px; height:auto }
.slideImage img { width:100%; }
.slideText { position:absolute; top:0; left:572px; width:504px; text-align:center; z-index:100; }
.slideText h2 { color:#322f29; width:60%; margin:10px auto 20px; }
.slideText h3 { color:#322f29; width:80%; margin:10px auto; }
.slideVideo { width:1166px;  }
.slideVideoOuter { width:64%; margin:40px auto; }
.slideVideoInner { position:relative; padding:1px 0 56.25%; height:0; margin:0; }
.slideVideoInner iframe { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin: 0; }
.lifbHeader { background:url(http://www.leedsbeer.com/wp-content/uploads/2017/01/LIBF17.png) no-repeat center center; background-size:contain; text-indent:-9999px; width:349px; height:172px; margin:46px auto 20px; }
.homeStrapline { padding:12px 0; margin:0; text-align:center; }
.dateStrap { text-indent:-9999px; width:100%; max-width:700px; height:50px; margin:0 auto; background:url(images/dateStrap17New.jpg) no-repeat center center; background-size:contain; }
.homeContentMedium { display:none; margin:20px auto 40px; text-align:center; }
.homeContentMedium p { color:#000000;text-transform:uppercase; width:88%; max-width:460px; margin-left:auto; margin-right:auto }
.titleImage { width:316px; margin-bottom:16px; }
.homeMediumImage { max-width:100%; }
.homeSmallImage { display:none; width:100%; }

.partnersWrapper { margin:40px auto 10px; text-align:center }
.partnerLogo { display:inline-block; margin:0 10px; width:100px; height:auto }

/*BEER*/
.isotope { padding-bottom:20px; }
.breweryLink { width:14.286%; }
.breweryLink img { width:72%; height:auto; opacity:0 }
.breweryLinkInner { width:138px; height:174px; margin:10px auto; text-align:center; position:relative; }
.breweryLinkOval { position:absolute; width:100%; height:100%; background:url(images/oval1.png) no-repeat center center; background-size:contain; opacity:0; z-index:-1; }
.breweryLink:hover .breweryLinkOval { opacity:1!important; }
.tooltip { z-index:10; display:none; padding:6px 10px; background-color:#e67f79; color:#ffffff; font-size:12px; letter-spacing:1.2px; bottom:-26px; left:50%; margin-left:-80px; width:140px; text-transform:uppercase; border-radius:5px; }
.breweryLink:hover .tooltip { display:inline; position:absolute; }
.tooltip span { display:block; z-index:8; position:absolute; top:-5px; left:50%; margin-left:-5px; width:10px; height:10px; background-color:#e67f79; }
.buttonGroup { margin:20px auto; text-align:center; color:#51bda9; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif; line-height:22px }
.buttonGroup button { border:none; border-radius:0; background-color:transparent; color:#51bda9; outline:none; letter-spacing: 1.5px;}
.is-checked { color:#e67f79 !important; text-decoration:underline; }

/*BEER SINGLE*/
.breweryLogo { position:relative; width:252px; height:252px; margin:0 auto; background:url(images/circle1.png) no-repeat center center; background-size:contain; }
.breweryLogo img { width:80%; height:auto; }
.singleBeerContentWrapper { margin:30px auto 30px; width:80%; max-width:832px; }
.singleBeerContentInner { width:33.3333%; float:left; text-align:center; position:relative; height:252px; }
.singleBeerContentLink a { display:block; font-size: 12px; letter-spacing:1.2px; text-transform:uppercase; color:#51bda9; padding-top:80px; }
.linkWebsite { background:url(images/linkIcon.png) no-repeat center top; background-size:58px 58px; }
.linkTwitter { background:url(images/twitterIcon.png) no-repeat center top; background-size:58px 58px; }
.linkWebsiteMob, .linkTwitterMob { display:none }
.singleBeerContent { margin:20px auto 60px; width:80%; max-width:540px; text-align:justify;/* -webkit-column-count:3; -moz-column-count:3; column-count:3;*/ }
.singleBeerContent p { margin:0 auto 10px; width:92%; }

/*FOOD*/
.foodWrapper { margin:20px auto; width:100%; max-width:1034px; }
.foodVendor { display:block; position:relative; width:25%; cursor:pointer; float:left; text-align:center; margin:20px auto; color:#51bda9 !important; font-size:12px; letter-spacing:1.2px; text-decoration:none;}
.foodVendorOuterCircle { position:absolute; top:0; left:50%; margin-left:-101px; width:202px; height:202px; background:url(images/foodCircle1.png) no-repeat center center; background-size:contain; opacity:0.65; }
.foodVendor:hover .foodVendorOuterCircle { opacity:1 }
.foodVendorInnerCircle { position:absolute; top:10px; left:50%; margin-left:-91px; width:182px; height:182px; border-radius:50%;}
.vendorIntro { font-size:16px; color:#000; height:auto; letter-spacing:0; width:80%; margin:0  auto; }
.vendorTitle { text-transform:uppercase; margin-top:220px; font-size: 16px; }

/*FOOD SINGLE*/
.foodVendorHead { position:relative; width:80%; max-width:832px; margin:20px auto 50px; overflow:auto; }
.foodVendorHead .foodVendorOuterCircle { margin-left:-122px; width:244px; height:244px;  }
.foodVendorHead .foodVendorInnerCircle { top:12px; margin-left:-110px; width:220px; height:220px;  }
.foodVendoLogoWrapper { position:relative; width:320px; height:140px; margin:300px auto 0; background:url(images/foodVendorBG.png) no-repeat center center; background-size:contain;  }
.foodVendoLogo { position:absolute; width:240px; height:98px; top:18px; left:39px; text-indent:-9999px; opacity:0.8; }
.foodVendorContent { position:relative; padding-bottom:30px; margin:20px auto 60px; width:80%; max-width:800px; text-align:center; /*-webkit-column-count:3; -moz-column-count:3; column-count:3;*/ }
.foodVendorContent p { margin:0 auto 10px; width:92%; }
.foodVendorLink { width:250px; margin:20px auto; text-align:center; /* background:url(images/singleLine.svg) no-repeat center top; background-size:249px 9px; padding-top:30px; */ }
.foodVendorLink a { color:#51bda9; font-size:12px; letter-spacing:1.2px; text-transform:uppercase; }
.prevPost.foodMob, .nextPost.foodMob { display:none }

/*INFO*/
.infoHeader {  }
.infoHeaderInner { position:relative; margin:30px auto; width:100%; /* max-width:1034px; */ height:300px; background-color:#ffffff; padding:10px; }
.map { width:100%; height:100%; position:absolute; top:0; left:0; }
.infoWrapper { text-align:center; max-width: 800px; margin: 0 auto; }
.addressWrapper { margin:30px auto; font-size:16px; letter-spacing:1.8px; text-transform:uppercase; color:#51bda9 }
.contactsWrapper { margin:20px auto 20px; font-size:16px; letter-spacing:1.6px; text-transform:uppercase; color:#51bda9 }
.contactsWrapper a { color:#e67f78 }
.contactsWrapper hr.titleRule {    border-top: 2px solid #51bda9;}



/*NEWS*/
a.newsItem { display:block; text-decoration:none; position:relative; width:25%; cursor:pointer; float:left; text-align:center; margin:20px auto; color:#51bda9; font-size:12px; letter-spacing:1.2px;}
.newsWrapper { margin:20px auto; width:100%;/*  max-width:1034px; */ }
.newsOuterCircle { position:absolute; top:0; left:50%; margin-left:-101px; width:202px; height:202px; background:url(images/foodCircle1.png) no-repeat center center; background-size:contain; opacity:0.65; }
.newsItem:hover .newsOuterCircle { opacity:1 }
.newsInnerCircle { position:absolute; top:10px; left:50%; margin-left:-91px; width:182px; height:182px; border-radius:50%; opacity:0 }
.newsDate { font-size:11.75px; color:#000; height:20px; letter-spacing:0; width:80%; margin:0 auto; text-transform:uppercase }
.newsTitle { text-transform:uppercase; margin:220px auto 0; height:86px; width:88%; font-size: 16px; }
.newsArticleImage { position:relative; margin:30px auto 30px; width:100%; /* max-width:800px;  */height:320px; background-color:#ffffff; padding:10px; }
/* .newsArticleImage img { width:100%;} */
.newsArticleWrapper { width:100%; max-width:800px; margin:0 auto; }
.newsArticleWrapper h2 { font-size:18px; letter-spacing:1.8px; }
.newsArticleWrapper h3 { margin-bottom:30px; }
.newsArticleWrapper p { text-align:justify; }

.shareBar { width:250px; margin:20px auto 0; text-align:center; background:url(images/singleLine.svg) no-repeat center top; background-size:249px 9px; padding-top:30px; }
.shareWrapper { text-align:center; letter-spacing:1.2px; color:#e67f78; margin:0 auto 30px; }
.shareTwitter { display:inline-block; width:18px; height:18px; background:url(images/twitter.svg) no-repeat center center; background-size:15px 15px; text-indent:-9999px; opacity:0.8; margin-top:6px; }
.shareTwitter:hover { opacity:1 }
.shareFacebook { display:inline-block; width:18px; height:18px; background:url(images/facebook.svg) no-repeat center center; background-size:16px 16px; text-indent:-9999px; opacity:0.8; margin-top:6px; }
.shareFacebook:hover { opacity:1 }


/*CONTACT*/
.contactWrapper { width:100%; max-width:800px; margin:20px auto; text-align:center; font-size:14px; letter-spacing:1.4px; text-transform:uppercase; color:#51bda9; }
.contactWrapper input[type=text], .contactWrapper input[type=email], .contactWrapper textarea { max-width:80%; width:100%; border:none; border-radius:0; font-size:14px; letter-spacing:1.4px; color:#000000; background-color:transparent; padding:12px 0 12px; display:block; text-align:center; margin:10px auto 30px; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; border:1px solid #51bda9; text-transform:uppercase; }
.contactWrapper input[type=text]:focus, .contactWrapper input[type=email]:focus , .contactWrapper textarea:focus { outline:none; }
.contactWrapper input[type=submit] { display:block; border-radius:0; font-size:14px; letter-spacing:1.4px; color:#ffffff; background-color:#e67f78; padding:10px 20px; text-align:center; margin:10px auto 30px; -webkit-appearance:none; appearance:none; -moz-appearance:none; -ms-appearance:none; border:none; text-transform:uppercase; outline: 2px solid #eeae9e; outline-offset:5px; }
.contactWrapper input[type=submit]:hover { outline: 2px solid #e67f78; }

/*TICKETS*/
.ticketPageWrapper { text-align:center; width:100%; max-width:800px; margin:0 auto; }
.ticketWrapper { width:33.333%; float:left; margin:20px auto; text-align:center; color:#51bda9; font-size:16px; letter-spacing:1.4px; text-transform:uppercase; }
.ticketInner { width:88px; height:59px; margin:10px auto; padding-top:30px; border-radius:50%; background-color:#e67f78; border:8px solid #f9ecd9; box-shadow:0 0 0 3px #eeae9e; color:#ffffff; }
.ticketWrapper:hover .ticketInner { box-shadow: 0 0 0 3px #e67f78; }
.ticketWrapper span { font-size:9px; letter-spacing:1px; color:#e67f78; line-height:9px; display:block; width:104px; margin:0 auto; }
.ticketBar { width:250px; margin:0 auto; text-align:center; background:url(images/singleLine.svg) no-repeat center top; background-size:249px 9px; padding-top:20px; }
.ticketTitle { width:260px; margin:40px auto 0; font-size:24px; letter-spacing:1.8px; }
.festivalPass { display:inline-block; font-size:14px; letter-spacing:1.4px; text-transform:uppercase; height:42px; margin:10px auto 20px; padding:24px 28px 10px; background-color:#e67f78; border:8px solid #f9ecd9; box-shadow:0 0 0 3px #eeae9e; color:#ffffff; text-align:center }
.festivalPass:hover { box-shadow: 0 0 0 3px #e67f78; }
.festivalPassText { color:#51bda9; font-size:12px; letter-spacing:1.2px; text-transform:uppercase; margin:10px auto 40px; }
.bbqticket { width:25%; }

/*MUSIC*/
.musicHeaderInner { position:relative; margin:20px auto; width:100%; max-width:1034px; height:300px; background-color:#ffffff; padding:10px; }
.musicImage { position:relative; width:100%; height:100%; }


.artist { display:block; position:relative; width:20%; cursor:pointer; float:left; text-align:center; margin:10px auto 0; color:#51bda9 !important; font-size:12px; letter-spacing:1.2px; text-decoration:none;}
.artistOuterCircle { position:absolute; top:0; left:50%; margin-left:-101px; width:202px; height:202px; background:url(images/foodCircle1.png) no-repeat center center; background-size:contain; opacity:0.65; }
.artist:hover .artistOuterCircle { opacity:1 }
.artistInnerCircle { position:absolute; top:10px; left:50%; margin-left:-91px; width:182px; height:182px; border-radius:50%;}
.artistTitle { text-transform:uppercase; margin-top:220px; }
.artistTitle span { color:#e67f78; }
.artistInfo { font-size:11.75px; color:#000; height:50px; letter-spacing:0; width:80%; margin:0  auto; }




/* GALLERY */
.gallery {  }
.gallery a { display:block; width:18%; height:160px; float:left; margin:0 2.5% 25px 0; overflow:hidden; }
.gallery a:nth-child(5n) { margin-right:0; }
.gallery img { width:100%; }


/*NEWGALLERY*/
.newgallery {  }
.newgallery a { display:block; width:18%; height:160px; float:left; margin:0 1% 25px; overflow:hidden; }
.newgallery img { width:100%; }













/* FLICKITY */

/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -40px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #e67f78;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}












/* new styles sitewide */

.headerWrapper { border-bottom: 2px solid #e0ce70;  }












/* NEW MODULAR PAGE TEMPLATE */

/* REUSEABLE */

h2.mainTitle { font-size: 24px; }

h2.secondaryTitle { font-size: 24px; }

.subTitle { font-size: 18px; color: #000; max-width: 66.666666%; margin: 0 auto; padding: 0 20px; }

.modContentWrapper { position: relative; display: block; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

hr.horizontalRule { display: block; height: 2px; border: 0; border-top: 2px solid #e0ce70; margin: 30px 0; padding: 0; }

hr.titleRule { display: block; width: 70px; height: 2px; border: 0; border-top: 2px solid #e67f78; margin: 25px auto; padding: 0; }


.primaryNavigation li:nth-of-type(4) a { width: 137px; }




.headerModuleWrapper { position: relative; display: block; width: 100%; height: auto; }

.modCarousel { position: relative; display: block; width: 100%;/*  height:36vw; */ height:300px; margin: 30px 0; }

.carouselCell { position: relative; display: block; width: 100%; /* height: 36vw;  */ height:300px; background-position: bottom center; }

.titleRow { position: relative; display: block; width: 100%; padding: 30px 0 50px 0;  }

.titleRow .subTitle { text-transform: none }



.imageTextWrapper { position: relative; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align:stretch; -webkit-align-items: stretch; -ms-flex-align:stretch; align-items:stretch; -webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; }

.imageTextWrapper .col { position: relative; /* display: block;  */width: 50%; height: auto; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

.imageTextWrapper .col.text { text-align: center; padding: 5% 8%; }

.imageTextWrapper .col.img { position: relative; display: block; /* width: 100%; height: 0; padding-bottom: 66.666666%; */ }

.imageTextWrapper img { display: block; width: 100%; height: auto; }


.imageWrapper { position: relative; display: block; max-width: 66.666666%; height: auto; margin: 0 auto; }

.imageWrapper img { position: relative; display: block; width: 100%; height: auto; }






.centeredTextWrapper { position: relative; display: block; max-width: 100%; height: auto; margin: 0 auto; padding: 60px 20px; text-align: center;  }

.centeredListWrapper ul { padding: 0 20px; }
.centeredListWrapper ul li { position: relative; display: inline; margin:0 10px 0 7px; vertical-align: middle; font-size:18px; line-height:28px; }

/* .centeredListWrapper ul li::before { content:''; position: absolute; top: 7px; right: -15px; width: 5px; height: 5px; border-radius:50%; background-color:#e67f78;} */

.centeredListWrapper span { display:inline-block; width: 5px; height: 5px; border-radius:50%; background-color:#e67f78; vertical-align: middle; margin-top:2px; }


.miniCarousel { position: relative; display: block; width: 100%; height: auto; margin: 30px 0 90px 0;}
.miniCarousel .image { position: relative; display: block; width: 20%; height: auto; }

.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; z-index: 10000; display: none; }
.overlay.open { display: block; }
.closeOverlay { position: absolute; display: block; top: 0; right: 0; width: 100px; height: 100px; padding: 20px; z-index: 100; background: url('images/menuClose.png') no-repeat center center; background-size: 30px 30px; text-indent: -9999px; }

.galleryWrap { position: absolute; width: 100%; height: 100%; 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; }

.galleryWrap img { display: block; position: absolute; width: auto; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; opacity: 0; }

.galleryWrap img.active { display: block; opacity: 1; }

.galleryControls { width: 100%; height: 100px; position: absolute; top: 50%; left: 0; margin-top: -50px;  }
.galleryControls a { display: block; width: 100px; height: 100px; line-height: 100px; text-align: center; text-indent: -9999px; }
.galleryControls .galleryNext { position: absolute; right: 0; background: url('images/arrowRight.png') no-repeat right center; background-size: 40px 40px; margin-right: 24px;}
.galleryControls .galleryPrev { position: absolute; left: 0;background: url('images/arrowLeft.png') no-repeat left center; background-size: 40px 40px; margin-left: 24px;}


.newsWrap { position: relative; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap;}


.newsCard { position: relative; display: block; width: 33.333333%; height: auto; float: left; padding: 10px 20px; margin-top: 20px; text-align: center;}

.newsCard h3 {  }

.cardExcerpt { font-size: 14px; color: #000; text-transform: none; }

.newsImageOuter { position: absolute; top: 0; left: 50%; margin-left: -118px; width: 230px; height: 230px; border-radius: 230px; border: 3px solid #fff; }

.newsImage { position: relative; display: block; width:210px; height: 210px; overflow: hidden; border-radius: 230px; margin: 0 auto; top: 3px; }

.newsImageInner { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; }

.newsCardContent { position: relative; display: block; width: 100%; height: auto; padding: 40px 20px 30px; }


.cardButton { position: relative; display: inline-block; background-color: #000; color:#fff; text-transform: uppercase; padding: 10px 22px; }



.grid { position: relative; display: block; width: 100%; height: auto; margin: 30px 0; }

.gridSizer,
.gridItem { position: relative; display: block; width: 48%; height: auto; margin: 1%;}



/* NEW HOME */

.homepageHeroWrapper {  position: relative; width: 100%; height: 80vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; /* border-bottom: 2px solid #e0ce70; */  }

.homepageHeroWrapper .col { position: relative; width: 50%; height:100%; padding: 30px 60px 30px 30px; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content:center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items:center;-ms-flex-align: center;align-items: center;}

.colInner { width: 100%; max-width: 470px; text-align: center; margin: 0 auto; }

.colInner img { position: relative; display: block; width: 66.666666%; max-width: 250px; height: auto; margin: 0 auto; }

.homepageHeroWrapper .col .image { position: absolute; top: 30px; left: 30px; right: 60px; bottom: 30px; background-size: contain; background-repeat: no-repeat; background-position: right center; opacity: 0; }


.ticketLink {position: relative;text-decoration: none;display: inline-block;width: 84px;color: #51bda9;line-height: 34px;font-size: 15px;letter-spacing: 1.5px;top: 17px;}

.ticketLink .linetopL, .ticketLink .linetopR, .ticketLink .linebottomL, .ticketLink .linebottomR { width:50%; }

.homepageLowerWrapper { position: relative; display: block; width: 100%; height: auto; }

.lowerTop { position: relative; display: block; width: 66.666666%; height: auto; margin: 0 auto;}

.logoImg { position: relative; display: block; width: 100px; height: 100px; margin: 0 15px; background: red; float: left; }


.tickerWrapper { text-align: center; }

.tickerWrapper ul { padding: 0 20px; height: 30px; }

.tickerWrapper ul li { position: relative; display: inline; margin-left: 20px; line-height: 14px;  }

.tickerWrapper ul li a { color: #51bda9; text-transform: uppercase; }

.dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background-color: #e67f78; margin: 0 0 0 20px;  }




.newsArticleWrapper { max-width: 640px; }

.newsArticleWrapper > *,
.newsArticleWrapper p { text-align: center; }
#contact hr.titleRule {  border-top: 2px solid #51bda9; }

#info hr.titleRule { border-top: 2px solid #51bda9; }

/* 404 */

.fourOfour { font-size: 102px; line-height: 1; color: gray; }


/* Widget */

.widgetWrapper { position: relative; display: block; width: 100%; height: auto; text-align:center; }
.widgetWrapperInner { width: 100%; max-width: 500px; margin: 0 auto;  border: 2px solid #e0ce70; padding: 40px 60px; }
.widgetWrapper span { margin: 20px 0; }
.widgetWrapper ul { list-style: none; }
.widgetWrapper li { position: relative; margin-bottom:15px; display: block; }
/* .widgetWrapper li::before { content: ''; position: absolute; top: 0; left: -20px; width: 2px; height: 2px; border-radius: 2px; background: red; } */
.widgetWrapper a { position: relative; color: #51bda9; display: inline-block;  }

.widgetWrapper .linebottomL { display:block; position:absolute; bottom:-23px; left:50%; background-color:#e47470; width:0%; height:2px; }
.widgetWrapper .linebottomR { display:block; position:absolute; bottom:-23px; right:50%; background-color:#e47470; width:0%; height:2px;  }

.widgetWrapper a:hover .linebottomL,
.widgetWrapper a:hover  .linebottomR {
	width:50%;
}



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

@media only all and (max-width: 1260px) {
  .owl-carousel .owl-controls .owl-nav .owl-next { right:-18px; }
.owl-carousel .owl-controls .owl-nav .owl-prev { left:-18px; }

}

@media only all and (max-width: 1200px) {
.contentWrapper { width:82%; max-width:710px; }
.homeContentMedium { display:block }
.headerWrapper { height:96px; }
.primaryNavigation li { min-width:84px; height:60px; }
.primaryNavigation a { line-height:30px; font-size:13px; letter-spacing:1.5px; }
a.headerLogo { width:116px; height:60px; background-size:60px 60px; }
.homeStrapline { display:none; }
.homeSliderDesktop { display:none !important; }
.breweryLink { width:25%; }
.singleBeerContent { /*-webkit-column-count:2; -moz-column-count:2; column-count:2;*/ }
.foodVendor { width:33.333%; }
.foodVendorContent { /*-webkit-column-count:2; -moz-column-count:2; column-count:2;*/ }
.singleBeerContentLink { display:none }
.singleBeerContentInner { width:100%; }
.linkWebsite, .linkTwitter { display:block; width:50%; margin:30px auto; text-align:center; float:left; font-size: 12px; letter-spacing:1.2px; text-transform:uppercase; color:#51bda9; padding-top:80px; }
.linkWebsiteMob, .linkTwitterMob { display:block; }
a.newsItem { width:33.3333%; }

.gallery a { width:31.3333%; height:140px; margin:0 3% 25px 0; }
.gallery a:nth-child(5n) { margin-right:3%; }
.gallery a:nth-child(3n) { margin-right:0; }

.newgallery a { width:30%; height:140px; margin:0 1.5% 25px;}


.artist { width:25%; }
.artistOuterCircle { margin-left:-80px; width:160px; height:160px; }
.artistInnerCircle { margin-left:-71px; width:142px; height:142px; }
.artistTitle { margin-top:176px; }

}


@media only all and (max-width: 840px) {
.foodVendor { width:50%; }
.primaryNavigation li { min-width:64px; }
a.headerLogo { width:62px; }
.artist { width:33.333%; }


}

@media only all and (max-width: 768px) {


.breweryLink { width:33.333%; }
/*.singleBeerContent { width:100%; -webkit-column-count:1; -moz-column-count:1; column-count:1; }
.foodVendorContent { width:100%; -webkit-column-count:1; -moz-column-count:1; column-count:1; }*/
.prevPost.food { display:none }
.nextPost.food { display:none }
.prevPost.foodMob { display:block; top:100%; margin-top:0; }
.nextPost.foodMob { display:block; top:100%; margin-top:0; }
.singleBeerContentWrapper { width:100%; }
a.newsItem { width:50%; }

.contentWrapper { width:82%; min-width:262px; }
.siteWrapper { margin-bottom:27px; }
.headerWrapper { height:65px; border-bottom:1px solid #51bda9; position:fixed; z-index:200; overflow:hidden }
.headerSpacer { height:65px; }
.headerBorder { display:none; }
.primaryNavigation { margin-top:10px; }
.primaryNavigation li { min-width:84px; height:64px; display:none; }
.primaryNavigation li:nth-child(5) { display:block }
.primaryNavigation a { line-height:40px; font-size:13px; letter-spacing:1.5px; width:60px;  }
a.headerLogo { width:60px; height:40px; background-size:40px 40px; }
.menuOpen { display:block; }
a.mobileTicketLink { display:block; }
.footerWrapper { position:relative; }
.footerLinks { width:100%;padding-top:12px; }
.drewLogo { top:inherit; bottom:20px; right:50%; margin-right:16px; width:30px; height:40px; background-size:26px 26px; }
.rabbitLogo { top:inherit; bottom:20px; right:50%; margin-right:-46px; width:30px; height:40px; background-size:26px 28px; }
.instagram { top: 9px; width: 30px; height: 40px; background-size: 22px 22px; }
.footerLower { width:100%; height:95px; padding-top:22px; font-size:10px; letter-spacing:1px; }
.foodVendorHead { margin-top:30px; }
.foodVendoLogoWrapper { width:240px; height:120px; margin:220px auto 0;  }
.foodVendoLogo { width:200px; height:80px; top:21px; left:21px; }

.foodVendorHead .foodVendorOuterCircle { margin-left:-102px; width:204px; height:204px;  }
.foodVendorHead .foodVendorInnerCircle { top:12px; margin-left:-90px; width:180px; height:180px;  }

.facebook { top:9px; left:32px; width:30px; height:40px; background-size:26px 26px; }
.twitter { top:9px; left:inherit; right:32px; width:30px; height:40px; background-size:26px 26px; }

.footerUpper { height:60px; }
.footerLinks li { line-height:34px; display:block; }


/* NEW HOME */

.homepageHeroWrapper { -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; }

.homepageHeroWrapper .col { width: 100%; padding: 30px; -webkit-box-align: start;-webkit-align-items: flex-start; -ms-flex-align: start;align-items: flex-start; }

.homepageHeroWrapper .col .image { background-position: center center; right: 30px; }

.colInner { max-width: 90%; }


/* MAIN BEER BOX */

.subTitle { max-width: 80%; }

.imageTextWrapper .col { width: 100%; }
.imageTextWrapper .col.text { padding: 5% 10%; }
.imageTextWrapper .col.img { height: 280px; }

.imageTextWrapper { -webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}

.centeredTextWrapper { max-width: 80% }


.miniCarousel .image { width: 33.333333%; }

.newsCard { width: 50%; }






}

@media only all and (max-width: 660px) {

.artist { width:50%; }






.titleRow { padding: 0; }
.subTitle { max-width: 100%; }

.imageTextWrapper .col { width: 100%; }
.imageTextWrapper .col.text { padding: 5% 0; }

.centeredTextWrapper { max-width: 100%; padding: 30px 0; }

.image { width: 100%; }

.newsCard { width: 100%; }

.gridSizer, .gridItem { width: 100%; margin: 2% 0; }

.modCarousel { height: 280px; }
.carouselCell { height: 280px; }



.homepageHeroWrapper .col .image { left:0; right: 0; }
.colInner img { width: 100%; }




}

@media only all and (max-width: 540px) {

.homeMediumImage { display:none; }
.homeSmallImage { display:block }
.breweryLink { width:50%; }
.breweryLinkInner { width:122px; margin:0 auto; }
.foodVendor { width:100%; margin:10px auto 0; }
.foodVendorHead { width:100%; margin:20px auto; }

.linkWebsite, .linkTwitter { width:100%; margin:20px auto 10px; padding-top:66px; }
a.newsItem { width:100%; }
.newsTitle { height:auto; }
.singleBeerContent p { width:100%; }
.singleBeerContentInner { height:182px; }
.breweryLogo { width:160px; height:160px; }
.ticketWrapper { width:50%; }

.gallery a { width:48%; height:140px; margin:0 4% 15px 0; }
.gallery a:nth-child(3n) { margin-right:4%; }
.gallery a:nth-child(even) { margin-right:0; }

.newgallery a { width:46%; height:140px; margin:0 2% 25px;}

.artistOuterCircle { margin-left:-60px; width:120px; height:120px; }
.artistInnerCircle { margin-left:-51px; width:102px; height:102px; }
.artistTitle { margin-top:136px; }


.facebook { left:20px; }
.twitter { right:20px; }
.instagram { left: 57px; }


}


@media only all and (max-height: 650px) {

	.colInner { max-width: 100%; }
	.colInner img { max-width: 150px; }

}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@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 */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }