/*Theme Name:Eureka HeightsVersion:1.0 Author:Francois Chain - Primer GreyAuthor URI:http://thisispg.comTheme URI:http://www.eurekaheights.com/Description:Eureka Heights Wordpress Themefont used:font-family:"refrigerator-deluxe";700 900font-family:"futura-pt";400 700SITE COLOR REFERANCE#244289 blue#0082C9 light blue#122B65 dark blue#FFB819 yellowgoogle maps api AIzaSyDtq7DfwjJYYAxXSKT4aESDTQAMESEtU0E---------------------------------------------------------------Reset-------------------------------------------------------------- */ /* Refrigerator Deluxe Regular (Normal Weight) */ @font-face { font-family: 'refrigerator-deluxe'; src: url('fonts/refrigerator_deluxe-webfont.woff2') format('woff2'), url('fonts/refrigerator_deluxe-webfont.woff') format('woff'); font-weight: 400; /* Regular */ font-style: normal; } /* Refrigerator Deluxe Light */ @font-face { font-family: 'refrigerator-deluxe'; src: url('fonts/refrigerator_deluxe_light-webfont.woff2') format('woff2'), url('fonts/refrigerator_deluxe_light-webfont.woff') format('woff'); font-weight: 300; /* Light */ font-style: normal; } /* Refrigerator Deluxe Bold */ @font-face { font-family: 'refrigerator-deluxe'; src: url('fonts/refrigerator_deluxe_bold-webfont.woff2') format('woff2'), url('fonts/refrigerator_deluxe_bold-webfont.woff') format('woff'); font-weight: 700; /* Bold */ font-style: normal; } /* Refrigerator Deluxe ExtraBold */ @font-face { font-family: 'refrigerator-deluxe'; src: url('fonts/refrigerator_deluxe_extrabold-webfont.woff2') format('woff2'), url('fonts/refrigerator_deluxe_extrabold-webfont.woff') format('woff'); font-weight: 800; /* ExtraBold */ font-style: normal; } /* Refrigerator Deluxe Heavy */ @font-face { font-family: 'refrigerator-deluxe'; src: url('fonts/refrigerator_deluxe_heavy-webfont.woff2') format('woff2'), url('fonts/refrigerator_deluxe_heavy-webfont.woff') format('woff'); font-weight: 900; /* Heavy */ font-style: normal; } /* Futura PT Demi Font */ @font-face { font-family: 'futura-pt'; src: url('fonts/futuracyrillicdemi-webfont.woff2') format('woff2'), url('fonts/futuracyrillicdemi-webfont.woff') format('woff'); font-weight: 600; /* Demi */ font-style: normal; } @font-face { font-family: 'futura-pt'; src: url('fonts/futuracyrilliclight-webfont.woff2') format('woff2'), url('fonts/futuracyrilliclight-webfont.woff') format('woff'); font-weight: 400; /* Demi */ font-style: normal; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;} html{font-size:62.5%;/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y:scroll;/* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust:100%;/* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust:100%;/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body{margin:0 auto;font-size: 18px;/*background:#e3dfdf;Old browsers */ } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} ol,ul{list-style:none;} table{/* tables still need 'cellspacing="0"' in the markup */ border-collapse:separate;border-spacing:0;} caption,th,td{font-weight:normal;text-align:left;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"""";} a{font-weight:bold;outline:0;-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;-webkit-transition-property:border-color, color;-moz-transition-property:border-color, color;-o-transition-property:border-color, color;transition-property:border-color, color;} a:focus{/*outline:thin dotted;*/ } a:hover,a:active{/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline:0;} a:visited{text-decoration:underline;} a:hover,a:focus,a:active{text-decoration:underline;} a img{border:0;} /* HIDE CONTENT WHILE STUFF LOADS*/ .wf-loading body{background-color:#244289;} .wf-loading body .wrapper{visibility:hidden;} html,body{height:100%;} body{background-color:#244289;min-width:360px;} header{min-width:360px;} .wrapper{min-height:100%;position:relative;opacity:0;overflow:hidden;-webkit-transition:opacity 600ms ease-in-out;-moz-transition:opacity 600ms ease-in-out;-ms-transition:opacity 600ms ease-in-out;transition:opacity 600ms ease-in-out;} main{padding-bottom:60px;z-index:500;} footer.footer{width:100%;height:60px;position:absolute;z-index:700;bottom:0;left:0;} .wf-active .wrapper.visible{opacity:1;} .no-js .wrapper{opacity:1;} /* =Global----------------------------------------------- Generated by Font Squirrel (http://www.fontsquirrel.com) */ /*@font-face{font-family:'assets/fonts/LeagueGothicRegular';src:url('assets/fonts/League_Gothic-webfont.eot');src:url('assets/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/League_Gothic-webfont.woff') format('woff'), url('assets/fonts/League_Gothic-webfont.ttf') format('truetype'), url('assets/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');font-weight:normal;font-style:normal;} */ @font-face{font-family:'Futura LT';src:url('fonts/FuturaLT.eot');src:url('fonts/FuturaLT.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaLT.woff2') format('woff2'), url('fonts/FuturaLT.woff') format('woff'), url('fonts/FuturaLT.ttf') format('truetype'), url('fonts/FuturaLT.svg#FuturaLT') format('svg');font-weight:500;font-style:normal;} @font-face{font-family:'Futura LT';src:url('hinted-FuturaLT-Bold.eot');font-weight:bold;font-style:normal;} @font-face{font-family:'Futura LT';src:local('Futura LT Bold'), local('FuturaLT-Bold'), url('hinted-FuturaLT-Bold.ttf') format('truetype'), url('hinted-FuturaLT-Bold.svg#FuturaLT-Bold') format('svg');font-weight:bold;font-style:normal;} @font-face {font-family: 'futuramedium'; src: url('fonts/futura_medium.woff2') format('woff2'), url('fonts/futura_medium.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'Futura PT';src: url('fonts/FuturaPT-Heavy.woff2') format('woff2'),url('fonts/FuturaPT-Heavy.woff') format('woff');font-weight: 900;font-style: normal;font-display: swap;} body,button,input,select,textarea{font-family:"futura-pt", sans-serif;font-size:14px;font-size:1.4rem;font-weight:400;line-height:1.5;} article{padding-bottom:2%;} /* Headings */ h1,h2,h3,h4,h5,h6{clear:both;} h1,h2,h3{text-transform:uppercase;font-weight:bold;} h1{font-size:2.2em;} h2{font-size:1.3em;} h3{font-size:1em;} h4{font-size:0.9em;/*text-decoration:underline;*/ } h5{font-size:0.8em;} h6{font-size:0.7em;} hr{background-color:#dfdfdf;border:0;height:1px;margin-bottom:1.5em;} /* Text elements */ p{margin-bottom:1.5em;} ul,ol{margin:0 0 1.5em 3em;} ul{list-style:disc;} ol{list-style:decimal;} ul ul,ol ol,ul ol,ol ul{margin-bottom:0;margin-left:1.5em;} dt{font-weight:bold;} dd{margin:0 1.5em 1.5em;} b,strong,cite{font-weight:bold;} dfn,cite,em,i{font-style:italic;} blockquote{margin:0 1.5em;} address{margin:0 0 1.5em;} pre{background:#ececec;/*font-family:"Courier 10 Pitch", Courier, monospace;*/ font-size:15px;font-size:1.5rem;line-height:1.6;margin-bottom:1.6em;padding:1.6em;overflow:auto;max-width:100%;border:1px solid #dfdfdf;} code,kbd,tt,var{font:15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} abbr,acronym{border-bottom:1px dotted #666;cursor:help;} mark,ins{background:#FFFD44;text-decoration:none;} sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline;} sup{bottom:1ex;} sub{top:.5ex;} small{font-size:75%;} big{font-size:125%;} figure{margin:0;} table{margin:0 0 1.5em;width:100%;} th{font-weight:bold;} td,th{padding:5px;} /* Forms */ fieldset{} legend{padding:2% 0;font-weight:bold;text-transform:uppercase;font-size:0.8em;text-decoration:underline;} label{font-size:0.9em;} input,select,textarea{font-size:100%;/* Corrects font size not being inherited in all browsers */ margin:0;/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align:baseline;/* Improves appearance and consistency in all browsers */ *vertical-align:middle;/* Improves appearance and consistency in all browsers */ } input{line-height:normal;/* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow:visible;/* Corrects inner spacing displayed oddly in IE6/7 */ } input[type="reset"],input[type="submit"]{border:1px solid #dfdfdf;border-color:#dfdfdf #dfdfdf #a5a5a5 #dfdfdf;border-radius:2px;background:#fafafa;/* Old browsers */ background:-moz-linear-gradient(top, #fafafa 60%, #ececec 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, #fafafa), color-stop(100%, #ececec));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #fafafa 60%, #ececec 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #fafafa 60%, #ececec 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #fafafa 60%, #ececec 100%);/* IE10+ */ background:linear-gradient(top, #fafafa 60%, #ececec 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ececec', GradientType=0);/* IE6-9 */ box-shadow:inset 0 2px 1px #fff;color:rgba(0, 0, 0, .8);cursor:pointer;/* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance:button;/* Corrects inability to style clickable 'input' types in iOS */ font-size:12px;font-size:1.2rem;line-height:1.5;padding:.88em 1.5em .88em;text-shadow:0 1px 0 rgba(255, 255, 255, .5);} input[type="reset"]:hover,input[type="submit"]:hover{background:#fafafa;/* Old browsers */ background:-moz-linear-gradient(top, #fafafa 60%, #ececec 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, #fafafa), color-stop(100%, #ececec));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, #fafafa 60%, #ececec 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, #fafafa 60%, #ececec 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, #fafafa 60%, #ececec 100%);/* IE10+ */ background:linear-gradient(top, #fafafa 60%, #ececec 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ececec', GradientType=0);/* IE6-9 */ border-color:#a5a5a5 #a5a5a5 #bababa #a5a5a5;} input[type="reset"]:focus,input[type="submit"]:focus,input[type="reset"]:active,input[type="submit"]:active{border-color:#bababa #a5a5a5 #a5a5a5 #a5a5a5;box-shadow:inset 0 2px 3px rgba(0, 0, 0, .15);box-shadow:inset 0 2px 2px rgba(0, 0, 0, .15);} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;/* Addresses box sizing set to content-box in IE8/9 */ padding:0;/* Addresses excess padding in IE8/9 */ } input[type="search"]{-webkit-appearance:textfield;/* Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing:content-box;-webkit-box-sizing:content-box;/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing:content-box;} input[type="search"]::-webkit-search-decoration{/* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border:0;padding:0;} input[type=text],textarea{color:#155f7a;border:1px solid #dfdfdf;border-radius:3px;} input[type=text]:focus,textarea:focus{color:#111;} input[type=text]{padding:3px;} textarea{overflow:auto;/* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left:3px;vertical-align:top;/* Improves readability and alignment in all browsers */ width:98%;} /* 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;} .alignnone{display:block;margin:0 0 1.75em 0;} /* Text meant only for screen readers */ .assistive-text{clip:rect(1px 1px 1px 1px);/* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px);position:absolute !important;} /* =Layout----------------------------------------------- */ /* Header */ #masthead{text-align:center;} .site-header{float:left;width:47%;padding:2%;text-align:right;/*font-family:"League Gothic", Arial Narrow, sans-serif;*/ } .site-title{font-size:2.5em;line-height:0.8em;text-transform:uppercase;} .site-title a{text-decoration:none;font-weight:normal;} .site-title a:hover{text-decoration:underline;} .site-description{font-size:0.8em;font-style:italic;font-weight:normal;/*font-family:Arial, sans-serif;*/ } .page-header h1,#secondary{font-size:0.9em;margin:0px 20px 0px 20px;text-align:right;} h1.page-title{/*font-family:"League Gothic", Arial Narrow, sans-serif;*/ font-size:3em;letter-spacing:2px;text-align:center;padding-bottom:2%;font-weight:normal;} .page-title a{font-weight:normal;} #main a{text-decoration:none;} #main a:visited{font-weight:normal;} #main a:hover,#main a:focus,#main a:active{text-decoration:underline;} #secondary{text-align:left;padding-top:2em;} #secondary a{font-weight:normal;} #secondary a:hover,#secondary a:active,#secondary a:focus{text-decoration:underline;} /* Footer */ #colophon{text-align:center;padding:20px;font-size:0.8em;} /* =Content----------------------------------------------- */ .sticky{} /* CSS is located in functions/css.php */ /*.blog article, .archive article, .page article, .single article, .search article, .error404 article{-webkit-border-radius:60px 30px 60px 60px;-moz-border-radius:60px 30px 60px 60px;border-radius:60px 30px 60px 60px;} */ .blog article,.archive article,.page article,.single article,.search article,.error404 article,.single-post-container,.single-image-container,.no-results{-webkit-border-radius:60px 60px 60px 60px;-moz-border-radius:60px 60px 60px 60px;border-radius:60px 60px 60px 60px;} .entry-title{padding:0em 0.5em 0 0.3em;font-size:3.5em;text-transform:uppercase;letter-spacing:1px;display:inline-block;} .entry-title a,.entry-title a:visited{text-decoration:none;font-weight:normal;} .entry-title a:hover,.entry-title a:active,.entry-title a:focus{font-weight:normal;} h1.entry-title{line-height:0.8em;/*font-family:"League Gothic", Arial, sans-serif;*/ font-weight:normal;} .entry-format{/*padding:0em 0.5em 0 0.3em;margin-left:1em;font-size:0.8em;*/ } .post-header-photo{position:absolute;padding-top:-30px;} .entry-meta{clear:both;font-size:0.8em;} .entry-meta a,.entry-meta a:visited{font-weight:bold;} .entry-content,.entry-meta,.entry-summary{padding:0.5em 1.5em;} .entry-content cite::before{content:"~ ";} .entry-content blockquote{padding:2% 3%;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;border-top:1px solid #fff;word-wrap:break-word;} .hentry{/*margin:0 0 1.5em;*/ } .byline{display:none;} .single .byline,.group-blog .byline{display:inline;} .entry-content,.entry-summary{margin:1.5em 0 0;} .entry-caption{font-size:0.8em;text-align:center;} footer.entry-meta{padding-bottom:5px;} .page-links{clear:both;margin:0 0 1.5em;} #content nav{padding:0.5em;} /* =Post Formats ----------------------------------------------- */ .format-aside .entry-content,.format-status .entry-content{margin:0;font-size:1.2em;} .format-chat .entry-content,.format-quote .entry-content,.format-status .entry-content{margin:0;} .chat-text{padding-left:5%;} .chat-row{margin-bottom:1em;} /* =Gallery ----------------------------------------------- */ .home .format-gallery .gallery p,.archive .format-gallery .gallery p,.search-results .format-gallery .gallery p{display:block;float:left;margin:1%;} /* =Asides----------------------------------------------- */ .blog .format-aside .entry-title,.archive .format-aside .entry-title{display:none;} /* =Chat----------------------------------------------- */ .blog .format-chat .entry-title,.archive .format-chat .entry-title{display:none;} .format-chat .entry-content p{margin:0;padding:0 .5em;} /* =Quote----------------------------------------------- */ .blog .format-quote .entry-title,.archive .format-quote .entry-title{display:none;} /* =Quote----------------------------------------------- */ .blog .format-status .entry-title,.archive .format-status .entry-title{display:none;} /* =Media----------------------------------------------- */ .site-header img,.entry-content img,.comment-content img,.widget img,{max-width:100%;/* Fluid images for posts, comments, and widgets */ } .site-header img,.entry-content img,img[class*="align"],img[class*="wp-image-"],{height:auto;/* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .site-header img,.entry-content img,img.size-full{max-width:100%;width:auto;/* Prevent stretching of full-size images with height and width attributes in IE8 */ } .attachment-single{text-align:center;} .entry-content img.wp-smiley,.comment-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;} .wp-caption{max-width:100%;} .wp-caption.aligncenter,.wp-caption.alignleft,.wp-caption.alignright{margin-bottom:1.5em;} .wp-caption img{display:block;margin:1.2% auto 0;max-width:98%;} .wp-caption-text{text-align:left;font-size:0.8em;} .wp-caption .wp-caption-text{margin:0.80em 0.80em;} .wp-post-image{/*display:inline;float:left;margin:0 1.5em 1.5em 0;*/ } #content .gallery{margin-bottom:1.5em;} .gallery-caption{text-align:center;} #content .gallery a img{border:none;height:auto;max-width:90%;} #content .gallery dd{margin:0;} #content .gallery-columns-4 .gallery-item{} #content .gallery-columns-4 .gallery-item img{} /* Make sure embeds and iframes fit their containers */ embed,iframe,object{max-width:100%;} /* =Menu----------------------------------------------- */ .main-navigation{float:right;width:40%;margin-right:8%;font-size:0.8em;text-transform:uppercase;} .main-navigation ul{list-style:none;margin:0;background:#155f7a;/*735640;*/ } .main-navigation li{float:left;position:relative;} .main-navigation a{display:block;text-decoration:none;line-height:3.333em;padding:0em 1.0714em;font-weight:normal;} .main-navigation a:visited{font-weight:normal;} .main-navigation ul ul{-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);display:none;float:left;position:absolute;top:3.333em;left:0;z-index:99999;} .main-navigation ul ul ul{left:100%;top:0;} .main-navigation ul ul a{width:200px;padding:1.0714em 1.0714em;line-height:1.4em;text-align:left;} .main-navigation ul ul li{} .main-navigation ul ul a:hover{} .main-navigation ul li:hover > ul{display:block;} .main-navigation li.current_page_item a,.main-navigation li.current-menu-item a{/*font-weight:bold;*/ } .main-navigation li:hover > a{font-weight:normal;} /* Small menu */ .menu-toggle{cursor:pointer;} .main-small-navigation .menu{display:none;} /* =Navigation----------------------------------------------- */ #nav-below{margin:2% 0 0 0;} #nav-above{margin:0 0 2% 0;} #content .site-navigation{overflow:hidden;} #content .nav-previous{float:right;width:50%;text-align:right;} #content .nav-next{float:left;width:50%;} #content .previous-image{float:left;width:50%;} #content .next-image{float:right;text-align:right;width:50%;} /* =Comments----------------------------------------------- */ .commentlist,.commentlist ol{list-style:none;margin:0 0 25px 0;} .commentlist .comment ol{list-style:decimal;margin-left:3.1em;} .commentlist{margin-bottom:40px;} .commentlist li{padding:15px 0 0 0;border-top:none;list-style:none;} .commentlist li li{padding-left:10.15625%;} /* 65px / 640px = 10.15625% */ .commentlist .avatar{float:left;margin:0 15px 10px 0;} #respond{margin:0% 2.06298%;padding-bottom:2.06298%;font-size:0.9em;} #respond code{font-size:1em;} #respond label{padding:0 1% 0 0;} #respond input{margin-left:1%;} .comment{/*margin:0% 2.06298%;*/ } .comment footer{min-height:40px;} .comments-area{margin:2.06298%;} .comment-content{font-size:0.9em;padding:2% 0;} .commentmetadata{font-size:0.7em;} .bypostauthor{} .post-password-required input[type="password"]{border:1px solid #BABABA;} /* Ordered & Unordered lists in comments */ .comment-content ol{list-style:decimal;} .comment-content ul ul,.comment-content ol ol,.comment-content ul ol,.comment-content ol ul{margin-bottom:0;margin-left:1.5em;} .comment-content ul li{list-style:disc;padding:2px 5px;} .comment-content ol li{list-style:decimal;padding:2px 5px;} .pingback,.reply{font-size:0.8em;} .reply{text-transform:uppercase;} .commentmetadata a:link{font-weight:normal;} /* =Widgets----------------------------------------------- */ .widget{/*margin:0 0.5em 1.5em;*/ } .widget h1{font-size:1em;font-weight:normal;margin:0 0 4% 0;} /* Search widget */ #searchsubmit{display:none;} .widget_search input{background-color:#fafafa;} /* Calendar widget */ #wp-calendar caption,#wp-calendar th,#wp-calendar td{text-align:center;} #wp-calendar td a{font-weight:bold;} /* =Search----------------------------------------------- */ .no-results{} .entry-header{clear:both;} .entry-format{width:52px;height:52px;margin-top:25px;clear:both;position:absolute;} .bubble-right .entry-format{margin-left:-65px;-webkit-border-radius:7px 0px 0px 7px;-moz-border-radius:7px 0px 0px 7px;border-radius:7px 0px 0px 7px;} .bubble-left .entry-format{margin-left:700px;-webkit-border-radius:0px 7px 7px 0px;-moz-border-radius:0px 7px 7px 0px;border-radius:0px 7px 7px 0px;} /* =Default Colors----------------------------------------------- */ /* =Global-------------------------------------------------------------- */ body,button,input,select,textarea{color:#244289;} /* =Content-------------------------------------------------------------- */ .hentry,.no-results,.error404,.single-post-container,.single-image-container{background-color:#ffffff;word-wrap:break-word;} /*.post , article.page, article.attachment*/ .bubble-left{border-left:30px solid #272628;border-top:20px solid #272628;border-right:20px solid #272628;border-bottom:30px solid #272628;padding:2%;} .bubble-right{border-left:20px solid #272628;border-top:30px solid #272628;border-right:30px solid #272628;border-bottom:20px solid #272628;padding:2%;} .bubble{border-left:30px solid #272628;border-top:30px solid #272628;border-right:30px solid #272628;border-bottom:30px solid #272628;padding:2%;} .entry-format{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;} .bubble-right .entry-format{border-left:1px solid #eee;} .bubble-left .entry-format{border-right:1px solid #eee;} /* =Post Formats-------------------------------------------------------------- */ .chat-speaker-1 .chat-author{color:#330066;} .chat-speaker-2 .chat-author{color:#cc9933;} .chat-speaker-3 .chat-author{color:#006600;} .chat-speaker-4 .chat-author{color:#FF6633;} .chat-speaker-5 .chat-author{color:#003399;} .chat-transcript cite::before{content:"";} /******** START PRIMER GREY CUSTOM STYLES **************/ .container-fluid{padding-right:0;padding-left:0;} .wrapper{position:relative;z-index:500;} .wrapper > main{position:relative;z-index:1;/*padding:15px;*/ } .wrapper > main section{/*font-size:1.4em;*/ } /* =Main Navigation----------------------------------------------- Top nav*/ /* header sub-menu css start */ /* #menu-main-nav ul.sub-menu{position:absolute!important;left:-9999px!important;} #menu-main-nav ul.sub-menu li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease;padding:0px;} #menu-main-nav ul.sub-menu ul{margin-left:100%;top:0} #menu-main-nav ul.sub-menu li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;} #menu-main-nav ul.sub-menu li:last-child > a,#cssmenu ul.sub-menu li.last-item > a{border-bottom:0} #menu-main-nav ul.sub-menu li:hover > a,#cssmenu ul.sub-menu li a:hover{color:#fff} #menu-main-nav ul.sub-menu li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''} #menu-main-nav ul.sub-menu li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} #menu-main-nav ul.sub-menu > li.has-sub:hover > a:before{top:17px;height:0} #menu-main-nav ul.sub-menu li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;} #menu-main-nav ul.sub-menu ul li.active a{border-left:1px solid #333} #menu-main-nav > ul > li.has-sub > ul > li.active > a,#cssmenu > ul.sub-menu > li.has-sub > ul > li.active> a{border-top:1px solid #333} #menu-main-nav ul.sub-menu li,#cssmenu li:hover > ul > li{height:auto} #menu-main-nav ul li a,#cssmenu ul.sub-menu li a{width:100%;border-bottom:0} #menu-main-nav ul.sub-menu li a{padding-left:25px} #menu-main-nav ul.sub-menu li{background:#333!important;} #menu-main-nav ul.sub-menu li:hover{background:#363636!important} #menu-main-nav ul.sub-menu ul li a{padding-left:35px} #menu-main-nav ul.sub-menu li a{color:#ddd;background:none} #menu-main-nav ul.sub-menu li:hover > a,#cssmenu ul.sub-menu li.active > a{color:#fff} #menu-main-nav ul.sub-menu,#cssmenu ul.sub-menu ul{position:relative;left:0;width:100%;margin:0;text-align:left} #menu-main-nav > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul.sub-menu > li.has-sub > a:after,#cssmenu ul.sub-menu > li.has-sub > a:before{display:none} #menu-main-nav ul.sub-menu .submenu-button{height:34px;width:34px} #menu-main-nav ul.sub-menu .submenu-button:after{top:15px;right:13px} #menu-main-nav ul.sub-menu .submenu-button:before{top:12px;right:16px} #menu-main-nav ul.sub-menu ul li.active a{border-left:none} #menu-main-nav > ul > li.has-sub > ul > li.active > a,#cssmenu > ul.sub-menu > li.has-sub > ul > li.active > a{border-top:none;} */ .mainnav li:hover > ul{display:block;} .mainnav li ul li a{color:#ffb819!important;} .mainnav li ul li a{color:#fff!important;} .mainnav li ul{display:none;position:absolute;top:calc(100% + 0px);border-top:5px solid #ffb819;left:50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index:99999;margin-left:0;width:179px;background:rgba(36, 66, 137, 0.9);box-shadow:0px 3px 3px rgb(0 0 0 / 20%);transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;} .mainnav li ul li:first-child:before{content:'';width:0;height:0;margin:0px auto;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid #ffb819;position:absolute;top:-16px;left:0;right:0;} .mainnav li.social{position:inherit;} .mainnav li{position:relative;} .mainnav li ul li{width:100%;padding:0 15px;} .mainnav li ul li:last-child a{border-bottom:none;} .mainnav li ul li a{line-height:normal;text-transform:capitalize;border-bottom:1px solid #ffb819;padding:10px 0;width:100%;display:inline-block;} /* .mainnav li{position:relative;} */ /* header sub-menu css end */ .nav{height:100px;position:fixed;top:25px;width:100%;z-index:900;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} ul.mainnav{background-color:rgba(36, 66, 137, 0.9);margin:15px auto 0;text-align:center;height:70px;-webkit-box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.5);box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.5);} .mainnav li{display:inline-block;} .mainnav li a{font-family:"refrigerator-deluxe";text-transform:uppercase;font-size:22px;color:#fff;padding:0 25px;line-height:70px;} .mainnav li a:hover,.mainnav li.current-menu-item a{color:#FFB819;text-decoration:none;} .mainnav li.navlogo{position:relative;width:78px;} .mainnav li.navlogo a{text-indent:-999em;background-repeat:no-repeat;position:absolute;top:-58px;left:4px;width:78px;height:100px;outline:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .mainnav li.social{/*position:relative;*/ } .mainnav li.social a{text-indent:-999em;width:30px;height:30px;background-repeat:no-repeat;background-size:30px 30px;position:absolute;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .mainnav li.fb a{background-image:url(img/facebook.png);top:35px;left:15%;} .mainnav li.insta a{background-image:url(img/insta.png);top:35px;left:calc(15% + 45px);} .mainnav li.tw a{background-image:url(img/Twitter.png);top:35px;right:calc(15% + 45px);} .mainnav li.okc a{background-image:url(img/okcupid.png);top:35px;right:15%;} /** small nav on page scrool **/ .small .nav{top:0;} .small ul.mainnav{margin:0 auto;} .small .mainnav li a{font-size:18px;} .small .mainnav li.navlogo a{transform-origin:center center;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);/*left:23px;top:-32px;background-size:39px 50px;*/ /*width:39px;height:50px;*/ } .small .mainnav li.social a{top:20px !important;} /* End Main Navigation----------------------------------------------- */ /* Footer things----------------------------------------------- */ .footer{background-color:#FFB819;height:60px;margin-right:0;margin-left:0;position:relative;} .footmenu{position:relative;margin:6px 0 0 0;height:54px;background:#fff url(img/footer-slant-left.png) top right no-repeat;} /*.footmenu::after{content:" ";position:absolute;top:0;right:-22px;background-repeat:no-repeat;background-image:url(img/footer-corner-left.png);width:22px;height:54px;} */ .menu-footer-nav-container{display:inline;/*float:left;*/ } .footmenu .menu{text-align:right;} .footmenu ul{/*display:inline-block;*/ list-style:none;margin:15px 25px 0 0;/*text-align:center;*/ } .footmenu li{display:inline-block;padding:0 15px;vertical-align:middle;} .disclaimerIcon,.disclmobile{margin-left:20px;width:26px;height:24px;background:url(img/icon_warning.png) top left no-repeat;} .disclmobile{margin-left:0;} .footmenu li.disclmobile{display:none;margin:0 5px;text-align:center;} .disclaimerIcon a span,.disclmobile a span{display:none;} .footerseal{position:absolute;top:-45px;left:20px;z-index:999;} .home .footerseal{display:none;} ul.mobilebottomnav{margin:0;} .mobilebottomnav li{padding:0 15px;} .mobilebottomnav li a{line-height:30px;vertical-align:bottom;} /* Footer newsletter */ .footsignup .widget-title{font-size:2em;font-family:"refrigerator-deluxe";font-weight:700;color:#244289;text-align:center;margin-top:15px;cursor:pointer;} .footer .gform_wrapper{} .newsletterform_wrapper{display:none;position:absolute;top:0;left:0;z-index:990;background-color:#FFB819;width:100%;/*-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);*/ } .newsletterform_wrapper.fopen{/*position:relative;*/ /*opacity:1;z-index:990;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);*/ } .newsletterform_wrapper::after{content:"";position:absolute;top:0;right:-17px;background:url(img/footer-slant-right-blue.png) top left no-repeat;width:17px;height:60px;} .newsletterform .gform_body{float:left;width:calc(100% - 65px);} .newsletterform{/*width:80%;*/ position:relative;/*margin-left:15px;*/ } .newsletterform ul{list-style:none;margin:0;} .newsletterform li{/*margin:0 0 5px 0;height:20px;*/ } .newsletterform li.fname{float:left;background-color:#D19206;width:calc(100% - 125px);margin:4px 5px 4px 20px;} .newsletterform li.femail{float:left;background-color:#D19206;width:calc(100% - 125px);margin:0 5px 0 20px;} .newsletterform li.fromtext{background-color:transparent;float:right;width:100px;line-height:1.2em;text-align:center;margin-top:2px;} .newsletterform label.gfield_label{display:inline-block;width:45px;color:#244289;font-family:"refrigerator-deluxe";text-transform:uppercase;font-size:1.1em;font-weight:900;padding:0 0 0 1px;} .newsletterform .ginput_container{display:inline-block;width:calc(100% - 50px);} .newsletterform .ginput_container input{border:none;display:inline-block;font-family:"refrigerator-deluxe";color:#fff;font-size:1.1em;width:100%;background-color:transparent;/*height:14px;*/ outline:0;} .newsletterform .gform_footer{float:right;width:65px;height:60px;text-align:right;background-color:#0082C9;} .newsletterform .gform_footer input{margin:9px 0 0 0;float:right;} .headeraddress .locationpin{display:none;} .headeraddress .addywrap address{color:#fff;width:100%;text-align:center;margin:0 auto;font-weight:700;} .footaddress{position:relative;background:#fff url(img/footer-slant-right.png) top left no-repeat;margin:6px 0 0 0;height:54px;vertical-align:top;} .addywrap{text-align:left;margin:0 0 0 25px;/*vertical-align:middle;*/ } .footaddress a.locationpin{display:inline;margin:6px 0 0 0;/*line-height:0.5em;*/ } .footaddress a.locationpin img{vertical-align:middle;} .footaddress .addywrap address{display:inline-block;width:calc(100% - 46px);margin:0;padding-top:20px;padding-left:20px;font-weight:bold;color:#244289;line-height:1.2em;} .btn-group-block-show-mobile { display: none; } .page-id-3127 .nav-tab-heading { display: none; } @media (max-width:1370px){ .footaddress .addywrap address{padding-top:12px;} .footaddress a.locationpin img{vertical-align:baseline;} .in-the-taproom-tab .tab-wraper {padding: 0 15px;} .prod-d-row {border: 2px solid #ffb819;margin-top: 0;margin-bottom: 8px;padding: 8px 8px 8px 8px;} .prod-strength {width: 200px;max-width: 100%;border-right: 2px solid #ffb819;text-align: left;padding: 0 8px;} .prod-details-dec div {line-height: normal;} .prod-d-ibu {padding-left: 8px;} .prod-details-bl h4 {font-size: 24px;font-weight: bold;letter-spacing: 0;} .prod-details-bl p {font-size: 18px;letter-spacing: 0;} .prod-style {border-right: 2px solid #ffb819;width:16%;} .prod-details-dec {font-size: 22px;margin: 0;letter-spacing: normal;line-height: normal;} } /* End Footer things----------------------------------------------- */ /* =Frontpage----------------------------------------------- */ .rev_slider_wrapper{padding:15px 15px 0 15px !important;} .home .wrapper > main{background:url(img/bg-2.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;} .quoteslist{position:relative;width:100%;margin:0 auto 30px 0;text-align:center;} .quoteslist p{color:#fff;font-size:2.2em;font-family:"refrigerator-deluxe";font-weight:700;line-height:1.4em;margin:0 auto;padding:60px 0 30px 0;text-align:center;width:60%;} .quoteslist p span{display:block;color:#FFB819;font-size:0.6em;} .homebanner{position:relative;} .homebanner p .arrowdown{margin:40px auto 0;text-align:center;} .homebanner .seal{position:absolute;top:-47px;right:15%;} /* Callouts */ .homecallouts{position:relative;padding:0 15px 15px 15px;background-color:#0D245C;} .homecallouts > div{/*overflow:hidden;*/ /*padding-left:0;padding-right:15px;*/ } /*.homecallouts > div.first{padding-left:15px;padding-right:15px;} .homecallouts > div.last{padding-left:15px;padding-right:15px;} */ .homecallouts img.bg-image{position:relative;width:100%;z-index:500;} .homecallouts > div::before{content:" ";display:inline-block;position:absolute;top:-15px;left:15px;width:calc(100% - 30px);height:15px;background-color:#0D245C;z-index:900;/*border-top:15px solid #0D245C;*/ } .homecallouts img.slent{position:absolute;left:0;bottom:0;z-index:510;width:100%;padding:0 15px;} .homecallouts .callout{text-align:center;overflow:hidden;position:absolute;width:calc(100% - 30px);height:100%;z-index:520;} .homecallouts .callout h2{display:inline-block;color:#fff;font-size:2.857em;font-family:"refrigerator-deluxe";font-weight:700;margin:0 0 35px 0;transform:rotate(-18deg);z-index:560;position:absolute;top:55%;left:43%;} .homecallouts > div.first .callout h2{left:30%;} .homecallouts > div.last .callout h2{left:36%;} .homecallouts .callout h2::after{content:" ";position:absolute;bottom:-35px;transform:rotate(18deg);left:calc(36% - 20px);height:0;width:40px;z-index:600;border-top:6px solid #122B65;} .homecallouts .callout h2::before{content:' ';background-color:rgba(0, 130, 201, 0.85);width:1000px;height:1000px;position:absolute;z-index:-1;top:-10px;left:50%;margin-left:-500px;} .homecallouts > div.first .callout h2::before{background-color:rgba(255, 184, 25, 0.85);} .homecallouts > div.last .callout h2::before{background-color:rgba(36, 66, 137, 0.85);} .homecallouts .callout p{color:#fff;font-size:1.2em;line-height:1.1em;font-weight:700;text-align:center;padding:0 10px;position:absolute;z-index:580;width:100%;left:0;bottom:2%;} .arrowwrapper{/*position:absolute;z-index:1;left:50%;top:-5em;*/ margin:0 auto;padding-bottom:35px;text-align:center;display:inline-block;width:100%;} .arrow-wrap span{/*float:left;*/ position:relative;display:inline-block;width:23px;height:47px;background:url(img/arrow-down.png) top left no-repeat;} .arrow-wrap span.shake{animation:shake 0.62s cubic-bezier(.36, .07, .19, .97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px;} @keyframes shake{10%, 90%{transform:translate3d(-1px, 0, 0);} 20%, 80%{transform:translate3d(2px, 0, 0);} 30%, 50%, 70%{transform:translate3d(-4px, 0, 0);} 40%, 60%{transform:translate3d(4px, 0, 0);} } /*.arrow-wrap span:after{content:'';position:absolute;top:-3.2em;left:-3em;width:0px;height:0px;border-style:solid;border-width:3em 3em 0 3em;border-color:#111 transparent transparent transparent;-webkit-transform:rotate(360deg);} */ /* =End Frontpage-------------------------------------------------------------- */ /* =Default page.php-------------------------------------------------------------- */ /*#ddded9 dark#ffffff light*/ .decorate{position:relative;margin:0 15px !important;/*z-index:400;*/ padding:60px 0 0 0;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #ececec 100%);background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);background:linear-gradient(to bottom, #ffffff 0%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);} .decorate > div::before{content:" ";position:absolute;z-index:400;left:0;bottom:-28px;width:37px;height:57px;background:url(img/triangle-l.png) top left no-repeat;} .decorate > div::after{content:" ";position:absolute;z-index:400;right:0;bottom:-29px;width:37px;height:57px;background:url(img/triangle-r.png) top left no-repeat;} .decorate.last > div::before,.decorate.last > div::after{bottom:0;height:28px;} /*.decorate{position:relative;margin:0 15px !important; /* padding:60px 0 0 0;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #ececec 100%);background:-webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);background:linear-gradient(to bottom, #ffffff 0%, #ececec 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);} /* .decorate > div::before{content:" ";position:absolute;z-index:400;left:0;bottom:-28px;width:37px;height:57px;background:url(img/triangle-l.png) top left no-repeat;} */ /* .decorate > div::after{content:" ";position:absolute;z-index:400;right:0;bottom:-29px;width:37px;height:57px;background:url(img/triangle-r.png) top left no-repeat;} */ /* .decorate.last > div::before,.decorate.last > div::after{bottom:0;height:28px;} */ /*.generalpage > .vc_row.firstrow{background:transparent;} .generalpage > .vc_row.firstrow::before,.generalpage > .vc_row.firstrow::after{display:none;} */ .decorate.first{border-top:8px solid #FFB819;padding:0;} .animate{-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;} h1,h2,h3,h4{font-family:"refrigerator-deluxe";} .pagetitle{width:100%;margin:0 auto 30px;text-align:center;} h1{font-family:"refrigerator-deluxe";text-transform:uppercase;font-size:3.2em;color:#244289;margin:0 auto;text-align:center;padding:0 25px;line-height:60px;/*min-width:100%;*/ /*max-width:20%;*/ height:66px;position:relative;display:inline-block;background-color:#FFB819;} h1::before{content:" ";position:absolute;top:0;left:-40px;height:0;width:0px;border-top:66px solid #FFB819;border-left:40px solid transparent;} h1::after{content:" ";position:absolute;top:0;right:-40px;height:0;width:0px;border-top:66px solid #FFB819;border-right:40px solid transparent;} /* Slider REv stuff */ .custom.tparrows:before{display:none;} .custom.tparrows{cursor:pointer;background-color:transparent;width:18px;height:29px;} .custom.tparrows:hover{background-color:transparent;} .tp-leftarrow{background-image:url(/wp-content/themes/eureka/img/slider-nav-left.png) !important;} .tp-rightarrow{background-image:url(/wp-content/themes/eureka/img/slider-nav-right.png) !important;} .ares .tp-bullet{width:31px;height:6px;position:absolute;background:#FFB819;border-radius:0;} .ares .tp-bullet:hover,.ares .tp-bullet.selected{background:#ffffff;} .ares .tp-bullet-title{display:none;} .titlewrap h3{position:relative;font-family:"refrigerator-deluxe";text-transform:uppercase;text-align:right;font-size:2.2em;font-weight:900;color:#0082C9;} .titlewrap h3::after{content:" ";position:absolute;right:0;bottom:-15px;border-bottom:3px solid #FFB819;width:30px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);display: block!important;} .contentwrap{color:#244289;} .charity .contentwrap,.jobs .contentwrap{width:80%;margin:0 auto;} .contentwrap p{font-weight:700;width:80%;} .taproomleft{text-align:right;color:#0082C9;/*padding-right:25px;*/ } .taproomright{border-left:6px solid #FFB819;} .taproomleft h3{font-size:2.2em;font-weight:900;} .taproomleft h4{font-size:1.4em;font-weight:700;margin-bottom:35px;} .taproomright h3{font-size:2.2em;font-weight:900;color:#0082C9;} .taproomright p{font-size:1.2em;width:60%;margin-bottom:15px;} .wpb_single_image.vc_align_center.taproombuilding{text-align:right;} .address{border-right:3px solid #FFB819;position:relative;margin-top:60px;} .address::before{content:" ";position:absolute;top:-90px;right:-31px;background:url(img/pin.png) top left no-repeat;width:57px;height:76px;} .address p{font-size:1.2em;font-weight:700;line-height:1.4em;text-align:right;color:#0082C9;margin-bottom:10px;padding-right:25px;} .address img{padding-right:20px;} .address .wpb_content_element{margin-bottom:0;} .ophours{margin-top:60px;color:#0082C9;} .ophours h3{font-size:2em;font-weight:900;width:40%;margin-bottom:25px;padding-left:25px;} .ophours h4{font-size:1.6em;padding-left:25px;} .eventlistwrap{margin:60px 0 0 0;border-bottom:5px solid #122B65;} .eventlistwrap::after{/*content:" ";position:absolute;left:0;bottom:5px;width:100%;height:5px;display:block;background-color:#122B65;*/ } .eventlistwrap .vc_column-inner{width:60% !important;margin:0 20%;} .eventlistwrap .wpb_raw_code{margin-bottom:15px;} .eventlistwrap h2{color:#244289;font-size:2.4em;font-weight:900;} ul.eventslist{margin:0;list-style:none;border-top:5px solid #244289;} ul.eventslist li{width:100%;display:block;border-bottom:5px solid #244289;float:left;clear:both;padding:15px 0;} ul.eventslist li:hover{background-color:#FFB819;} .eventslist li a{width:100%;float:left;display:block;padding-bottom:15px;} .eImage{width:110px;} .eventslist .eImage img{border:5px solid #0082C9;border-radius:50%;margin-left:10px;-webkit-transition:border-color 500ms ease-out;-moz-transition:border-color 500ms ease-out;-o-transition:border-color 500ms ease-out;transition:border-color 500ms ease-out;} .eventslist .eImage img:hover{border-color:#244289;} .eventslist h3{display:inline-block;font-size:1.6em;color:#FFB819;} .tap-room .eventslist h3{margin-left:15px;} ul.eventslist li:hover h3{color:#fff;} .eventslist .eImage{float:left;width:130px;} .eInfo{float:left;width:calc(60% - 130px);} .edates{float:right;width:25%;} .eInfo h3{/*display:block;*/ } .tap-room .eventslist span,.eventslist span.edates{font-family:"refrigerator-deluxe";font-size:1.2em;float:right;text-align:right;color:#244289;padding:25px 15px 0 0;text-transform:uppercase;} .eventslist span.venue{position:relative;font-family:"refrigerator-deluxe";font-size:1.2em;line-height:1.1em;display:block;color:#244289;padding:0 0 15px 0;text-transform:uppercase;} .eventslist span.venue::after{content:" ";position:absolute;bottom:5px;left:0;height:0;width:40px;border-top:4px solid #FFB819;} .eventslist span.excerpt{padding:5px 0 0 0;font-weight:400;color:#244289;} .eventslist span.isTap{float:right;clear:right;padding:15px 15px 0 0;} .alleventslink{clear:both;padding:60px 0;text-align:center;width:100%;} .notapevents{text-align:center;margin:0 auto;margin-bottom:35px;} .notapevents h2{text-align:center;margin-bottom:35px;} .hosteventwrapper{padding:60px 0;} .eventformleft{text-align:right;} .eventformleft h3{position:relative;font-family:"refrigerator-deluxe";text-transform:uppercase;text-align:right;font-size:2.2em;font-weight:900;color:#FFB819;margin-bottom:60px;} .eventformleft h3::after{content:" ";position:absolute;right:0;bottom:-15px;border-bottom:3px solid #FFB819;width:30px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);} .hosteventform_wrapper{width:60%;position:relative;} .hosteventform ul{list-style:none;margin:0;} .hosteventform li{background-color:#244289;margin:0 0 15px 0;height:40px;} .hosteventform label.gfield_label{display:inline-block;width:20%;color:#FFB819;font-family:"refrigerator-deluxe";text-transform:uppercase;font-size:1.6em;font-weight:900;padding:0 0 0 5px;} .hosteventform .ginput_container{display:inline-block;width:80%;} .hosteventform .ginput_container input{border:none;font-family:"refrigerator-deluxe";color:#fff;font-size:1.6em;width:100%;background-color:transparent;height:40px;outline:0;} .hosteventform li.messagewrap{height:auto;} .hosteventform .messagewrap label.gfield_label{width:100%;} .hosteventform .messagewrap .ginput_container{display:inline-block;width:100%;height:90px;} .hosteventform .messagewrap .ginput_container textarea{width:100%;height:90px;background-color:transparent;border:none;font-family:"refrigerator-deluxe";color:#fff;font-size:1.6em;outline:0;padding:0 5px;} .hosteventform .gform_footer{position:absolute;bottom:-100px;left:-110px;} .validation_error{} .gform_validation_container{display:none;} .eventlistwrap h2{padding-bottom:9px;} .eventtitle,.eventtitle div,.eventlistwrap h2{display:inline-block;} .filter-button-group{float:right;font-family:"refrigerator-deluxe";} .filter-button-group button{border:none;background-color:transparent;font-family:"refrigerator-deluxe";font-size:1.4em;text-transform:uppercase;padding:0.4em 0.6em;outline:0;-webkit-transition:background-color 200ms ease;-moz-transition:background-color 200ms ease;-o-transition:background-color 200ms ease;transition:background-color 200ms ease;} .filter-button-group button:hover,.filter-button-group button.active{background-color:#FFB819;} /* =Beer page-------------------------------------------------------------- */ .decorate.beerslist{padding:60px 0;} .beerslist > div{margin:0 5%;} /*.decorate{position:relative;margin:0 15px !important;padding:60px 0 0 0;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);background:linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );} */ .decorate.beerslist.last > div::before{display:none;} .decorate.beerslist.last > div::after{display:none;} .clear{clear:both;} s .bimage{padding:0 35px 0 0;} .beerinfo{padding-top:80px;} .bleft{float:left;width:60px;margin-right:2%;text-align:right;} .bright{float:left;width:calc(95% - 60px);padding-left:2%;border-left:5px solid #244289;} .beerstyle{display:block;text-align:right;float:right;margin:0 0 15px 0;} .bleft span{clear:right;display:block;font-family:"refrigerator-deluxe";font-size:2em;font-weight:900;color:#244289;line-height:1em;padding:15px 5px 0 0;} .bright{color:#244289;font-size:1.4em;} .bright h3{font-family:"futura-pt";font-weight:700;font-size:1.6em;} .bright p{margin:15px 0 0 0;line-height:1.2em;width:80%;} .stars{position:relative;margin:25px 0 0 10px;} .stars::before{content:" ";position:absolute;top:-10px;left:0;height:0;border-top:3px solid #FFB819;width:30%;} .stars span{font-family:"refrigerator-deluxe";margin:0 0 10px 0;display:block;background-repeat:no-repeat;padding:0 0 0 40px;height:35px;font-size:0.9em;line-height:2.2em;} /* =Disclaimer popup-------------------------------------------------------------- */ .disclaimerwrap{opacity:0;/*display:none;*/ position:fixed;top:0;bottom:0;width:100%;height:100%;background-color:rgba(36, 66, 137, 0.95);z-index:-1;overflow:hidden;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);} .disclaimerwrap.open{opacity:1;z-index:990;/*display:inline;*/ -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);} .disclaimerwrap > .vc_row{padding-top:15%;width:50%;margin:0 auto;text-align:center;color:#fff;} .disclaimerwrap .disclaimertop h2{font-size:3em;margin:15px 0;letter-spacing:0.1em;} .disclaimerwrap .disclaimertext{font-size:1.8em;} .disclaimerwrap .closedisclaimer{/*display:block;*/ float:right;width:34px;height:34px;background:url(img/close-white.png) top left no-repeat;margin:15px 15px 0 0;cursor:pointer;} .disclaimerwrap .closedisclaimer span{display:none;} /* =About-------------------------------------------------------------- */ p.aboutinfo,.about p{/*background:url(img/e-type.png) top left no-repeat;padding:0 0 0 115px;min-height:103px;vertical-align:bottom;*/ font-size:1.2em;} .aboutinfo img{float:left;margin:0 10px 10px 0;} .about .decorate.first::after{/*border-bottom:6px solid #FFB819;*/ /*content:" ";position:absolute;bottom:-6px;left:0;height:0;width:100%;border-top:3px solid #FFB819;*/ } /*teams*/ .decorate.teamlist{background:#244289;width:85%;margin:0 auto !important;text-align:center;} .decorate.teamlist > div::before,.decorate.teamlist > div::after{display:none;} .decorate.teamlist > div{margin-bottom:60px;} .item{position:relative;} .headshot{margin:0 auto;text-align:center;position:relative;} .headshot img{position:relative;/*z-index:500;*/ border:10px solid #fff;border-radius:50%;cursor:pointer;-webkit-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.5);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.5);} .headshot img:hover{border:10px solid #FFB819;} .titles{color:#FFB819;/*font-size:2em;*/ text-align:center;} .titles h3{font-size:3.4em;} .titles h4{font-family:"futura-pt";/*font-weight:700;*/ font-size:1.4em;} .info{opacity:0;background:#FAF9F5 url(img/stripes_info.png) bottom left no-repeat;position:absolute;/*z-index:490;*/ bottom:0;left:calc(50% - 150px);width:300px;height:340px;border:5px solid #244289;font-family:"refrigerator-deluxe";font-size:2em;line-height:1.2em;text-align:center;color:#FFB819;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);} .info.open{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);} .closeinfo{float:right;width:18px;height:18px;background:url(img/close-team.png) top left no-repeat;margin:5px 5px 0 0;cursor:pointer;} .closeinfo span{display:none;} .info p{padding:35px 20px 0 20px;font-size:1.1em;} /* =Single Event-------------------------------------------------------------- */ body.single-tribe_events{/*height:auto;*/ background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #ececec 100%);background:-webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);background:linear-gradient(to bottom, #ffffff 0%, #ececec 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);} body.single-tribe_events > br{display:none;} .pagetitle.topbar{border-top:6px solid #FFB819;margin:-5px 15px 0;width:calc(100% - 30px);} .single-tribe_events .pagetitle{border-top:6px solid #FFB819;margin-top:110px;} .single-tribe_events .pagetitle h1{color:#fff;font-size:2.4em;line-height:68px;} .singleeventwrap{margin:0 10%;} .eventLeft{padding-right:35px;} .eventLeft img{width:100%;margin-bottom:35px;} .eventRight{padding-left:35px;border-left:6px solid #FFB819;} .eventRight h2{font-family:"futura-pt";font-size:3.2em;/*font-weight:400;*/ color:#FFB819;position:relative;} .eventRight h2::after{content:" ";position:absolute;bottom:-20px;left:0;height:0;width:40px;border-top:6px solid #FFB819;} .eventRight .venue{margin-top:35px;font-family:"refrigerator-deluxe";font-size:1.4em;line-height:1.2em;} .eventRight .eventContent{margin-top:15px;} .social-sharing .before-sharebutton-text{margin:35px 0 10px 0;display:block;font-size:1.2em;font-weight:700;} .social-sharing .button-facebook{display:inline-block;margin:0 10px 0 0;width:30px;height:30px;background-repeat:no-repeat;background-size:30px 30px;background-image:url(img/facebook.png);top:35px;left:15%;} .social-sharing .button-twitter{display:inline-block;margin:0 10px 0 0;width:30px;height:30px;background-repeat:no-repeat;background-size:30px 30px;background-image:url(img/Twitter.png);top:35px;left:calc(15% + 50px);} .allevents{display:block;margin:65px 0 0 0;transform-origin:top left;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);} .seeallevents{float:right;font-family:"refrigerator-deluxe";font-size:1.4em;color:#244289;font-weight:700;margin-top:5px;} /* =Contact-------------------------------------------------------------- */ .contactLeft{text-align:right;color:#0082C9;/*padding-right:25px;*/ } .contactLeft h3{font-size:1.8em;font-weight:900;} .contactLeft h4{font-size:1.4em;font-weight:700;margin-bottom:35px;} .contactRight{border-left:6px solid #FFB819;} /*Form*/ .contactform_wrapper{/*border-left:6px solid #FFB819;*/ } .contactform_wrapper{width:80%;position:relative;margin-left:15px;} .contactform ul{list-style:none;margin:0;} .contactform li{background-color:#244289;margin:0 0 15px 0;height:40px;} .contactform label.gfield_label{display:inline-block;width:60px;color:#FFB819;font-family:"refrigerator-deluxe";text-transform:uppercase;font-size:1.6em;font-weight:900;padding:0 0 0 1px;} .contactform .ginput_container{display:inline-block;width:calc(100% - 60px);} .contactform .ginput_container input{border:none;font-family:"refrigerator-deluxe";color:#fff;font-size:1.6em;width:100%;background-color:transparent;height:40px;outline:0;} .contactform .dropit{position:relative;} .contactform .dropit label.gfield_label{display:none;} .contactform .dropit .ginput_container{position:absolute;z-index:510;top:0;left:0;width:100%;} .contactform .droparrow{content:" ";position:absolute;z-index:520;top:8px;right:8px;display:inline-block;width:29px;height:23px;background:url(img/dropdown-arrow.png) top left no-repeat;} .contactform select{position:relative;z-index:500;border:none;font-family:"refrigerator-deluxe";color:#FFB819;font-size:1.6em;font-weight:900;width:100%;background-color:transparent;height:40px;outline:0;padding:0 0 0 2px;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';text-transform:uppercase;} .contactform .dropit .ginput_container::before{content:" ";position:absolute;z-index:520;top:8px;right:8px;display:inline-block;width:29px;height:23px;background:url(img/dropdown-arrow.png) top left no-repeat;} .contactform select::-ms-expand{display:none;} .contactform select option{text-transform:uppercase;background-color:#244289;} .contactform select option:hover{color:#FFB819;} .contactform select option:checked:after{content:attr(title);background:#244289;color:#FFB819;position:absolute;width:100%;left:0;border:none;} .contactform li.messagewrap{height:auto;} .contactform .messagewrap label.gfield_label{width:100%;} .contactform .messagewrap .ginput_container{display:inline-block;width:50%;height:110px;} .contactform .messagewrap .ginput_container textarea{width:100%;height:110px;background-color:transparent;border:none;font-family:"refrigerator-deluxe";color:#fff;font-size:1.6em;outline:0;padding:0 5px;} .validation_error{font-family:"refrigerator-deluxe";color:#FFB819;font-size:1.6em;padding-bottom:3px;} li.gfield_error{border:1px solid red;} .gform_confirmation_message{font-weight:700;margin:0 auto;width:80%;text-align:center;} .gform_confirmation_wrapper.newsletterform{position:absolute;top:0;left:0;display:inline-block;width:100%;height:60px;background-color:#FFB819;} .newsletterform .gform_confirmation_message{text-align:center;width:100%;margin-top:15px;font-size:1.2em;} .footsignup .gform_confirmation_message{/*font-size:;*/ } .tap-room .gform_confirmation_message,.events .hosteventwrapper .gform_confirmation_message{color:#FFB819;} .gform_confirmation_message{font-size:0.8em;} .validation_message{display:none;} img.gform_ajax_spinner{float:right;margin-top:15px;} .titlecontactfaq{border-top:6px solid #FFB819;margin:-6px auto 0;width:calc(100% - 30px);} /* =FAQs-------------------------------------------------------------- */ .faqs .pagetitle{border-top:6px solid #FFB819;margin:0 15px;width:calc(100% - 30px);} ul.faqslist{margin:0 auto;width:60%;} .faqslist li{margin:30px 0;} .faqslist h3{color:#FFB819;font-size:2.6em;font-weight:900;text-align:center;} .faqslist p{color:#fff;font-size:1.6em;text-align:center;} .topparagraph{margin:0 auto;width:75%;} .bluetitles{padding:15px 0;} /* =Comments-------------------------------------------------------------- */ .comment-author cite.fn a,.says,.comment-author cite.fn{color:#fff;} .commentmetadata a:link{color:#fff;} .comment-content ul li:nth-of-type(odd),.comment-content ol li:nth-of-type(odd){background-color:transparent;} .wpb_button,.wpb_content_element,ul.wpb_thumbnails-fluid > li{margin-bottom:0 !important;} /*** Mobile Nav ***/ nav.mobile{height:75px;position:fixed;top:25px;width:100%;z-index:900;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;background-color:rgba(36, 66, 137, 0.95);margin:15px auto 0;text-align:center;-webkit-box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.5);box-shadow:0px 3px 8px 0px rgba(50, 50, 50, 0.5);} .small nav.mobile{position:fixed;height:60px;margin:0 auto;top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .mobilenavoverlay{opacity:0;display:none;z-index:-1;position:fixed;margin:58px 0 0 0;/*display:none;*/ width:100%;height:100%;background:rgba(36, 66, 137, 0.95);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);} .mobilenavoverlay.opened{opacity:1;display:block;z-index:940;/*display:block;*/ -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.75s cubic-bezier(0.19, 1, 0.22, 1);} .menu-mobile-main-nav-container .mobilemainnav{} .mobilemainnav{margin:25px 0 15px 0;overflow-y:scroll;} .mobilemainnav li{display:block;} .mobilemainnav li a{font-family:"refrigerator-deluxe";text-transform:uppercase;font-size:2.4em;color:#fff;/*padding:0 15px;*/ line-height:2em;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .mobilemainnav li a:hover,.mobilemainnav li.current-menu-item a{color:#FFB819;text-decoration:none;} .mobilemainnav li.navlogo{position:relative;width:78px;} .mobilemainnav li.navlogo a{text-indent:-999em;background-repeat:no-repeat;position:absolute;top:-58px;left:0;width:78px;height:100px;outline:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .mobilemainnav li.social{/*position:relative;*/ } .mobilemainnav li.social a{text-indent:-999em;width:30px;height:30px;background-repeat:no-repeat;background-size:30px 30px;position:absolute;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .mobilemainnav li.fb a{background-image:url(img/facebook.png);top:35px;left:15%;} .mobilemainnav li.insta a{background-image:url(img/insta.png);top:35px;left:calc(15% + 50px);} .mobilemainnav li.tw a{background-image:url(img/Twitter.png);top:35px;right:calc(15% + 50px);} .mobilemainnav li.okc a{background-image:url(img/okcupid.png);top:35px;right:15%;} .mobilelocpin{background:url(img/icon_location_mobile.png) top left no-repeat;display:block;width:20px;height:27px;float:left;margin:25px 0 0 55px;} .small .mobilelocpin{margin:15px 0 0 55px;} .mobilelocpin span{display:none;} .mobilelogo{position:absolute;top:-12px;left:calc(50% - 39px);width:78px;height:100px;outline:0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;z-index:980;} .small .mobilelogo{top:-18px;transform-origin:center center;-webkit-transform:scale(0.4);-moz-transform:scale(0.4);-ms-transform:scale(0.4);-o-transform:scale(0.4);transform:scale(0.4);} /** small nav on page scrool **/ /*.small .nav{top:0;} .small ul.mobilemainnav{margin:0 auto;} .small .mobilemainnav li.navlogo a{transform-origin:center center;transform:scale(0.5);} .small .mobilemainnav li.social a{top:20px !important;} */ /*** Google Maps ***/ .googlemaps{position:relative;z-index:-1;opacity:0;-webkit-transform:translateY(540px);-moz-transform:translateY(540px);-ms-transform:translateY(540px);-o-transform:translateY(540px);transform:translateY(540px);-webkit-transition:opacity translate 500ms;-moz-transition:opacity translateY 500ms;-o-transition:opacity translateY 500ms;transition:all 500ms;height: 0px;overflow: hidden;} .googlemaps.opened{opacity:1;z-index:990;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);height: auto;overflow: visible;} .googlemapsoverlay{position:absolute;top:-480px;left:0;z-index:995;display:inline-block;margin:3% 0 0 3%;/*width:100%;*/ /*height:480px;*/ } .googlemapsoverlay h4{color:#FFB819;font-size:3em;font-family:"futura-pt";font-weight:700;/*margin-left:3%;*/ } .googlemapsoverlay p{color:#FFB819;font-size:2em;font-family:"refrigerator-deluxe";line-height:1em;margin-bottom:0;/*margin-left:3%;*/ } #googlemapswrap{position:absolute;top:-480px;left:0;z-index:990;width:100%;height:480px;border-top:6px solid #FFB819;background: #244289;} .closemaps{position:absolute;top:-465px;right:15px;z-index:995;width:34px;height:34px;background:url(img/close-white.png) top left no-repeat;/*margin:15px 15px 0 0;*/ cursor:pointer;} .closemaps span{display:none;} button.hamburger{float:right;position:relative;z-index:999;margin:15px 50px 0 0;padding:10px 10px;display:inline-block;cursor:pointer;transition-property:opacity, -webkit-filter;transition-property:opacity, filter;transition-property:opacity, filter, -webkit-filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;background:none;border:none;outline:0;overflow:visible;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .hamburger:hover{/*opacity:0.7;*/ } .small button.hamburger{margin:8px 50px 0 0;} .hamburger-box{width:30px;height:24px;display:inline-block;position:relative;} .hamburger-inner{display:block;top:50%;margin-top:-2px;} .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:4px;background-color:#fff;/*border-radius:2px;*/ position:absolute;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-duration:0.15s;transition-timing-function:ease;} .hamburger-inner::before,.hamburger-inner::after{content:"";display:block;} .hamburger-inner::before{top:-10px;} .hamburger-inner::after{bottom:-10px;} .hamburger--spin .hamburger-inner{transition-duration:0.3s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} .hamburger--spin .hamburger-inner::before{transition:top 0.1s 0.34s ease-in, opacity 0.1s ease-in;} .hamburger--spin .hamburger-inner::after{transition:bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 1);transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 1);transition:bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 1);} .hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:0.14s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} .hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.14s ease-out;} .hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);transition:bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);} .bright p{margin:15px 0 0 0;line-height:1.2em;width:80%;} .desktop{display:block;} .mobile{display:none;} .menu-social-icons-container{display:none;} header .menu-footer-nav-container{position:absolute;left:0;bottom:100px} header .headeraddress{position:absolute;left:0;bottom:80px;width:100%;text-align:center;} .two-col-wrap .col-two:first-child img{margin-left:26px;} .two-col-wrap .col-two{width:47%;margin:0;padding:0;max-width:100%;} .two-col-text{display:flex;align-items:center;} .tb-two-col-text h3{color:#244289;font-family:"futura-pt", sans-serif;font-size:48px;line-height:48px;letter-spacing:4.4px;padding:0 0 0 5px;} .Fzzy-bg-sec{background-color:#fff;margin:0 15px;padding-top:160px;position:relative;padding-bottom:257px;overflow:hidden;position:relative;} .page-template-page-templateFizzyPants-php .decorate > div::before, .page-template-page-templateFizzyPants-php .decorate > div::after{display:none;} .fuzzy-color-bg{text-transform:uppercase;position:relative;-webkit-transform:rotate(-10deg) skew(-10deg, 0);-moz-transform:rotate(-10deg) skew(-10deg, 0);-ms-transform:rotate(-10deg) skew(-10deg, 0);-o-transform:rotate(-10deg) skew(-10deg, 0);transform:rotate(-16.4deg) skew(-16.4deg, 0);background:rgb(240,87,88);background:linear-gradient(90deg, rgba(240,87,88,1) 50%, rgba(245,147,162,1) 50%);height:366px;margin:0 auto;position:absolute;top:243px;left:-5.3%;right:0;bottom:0;width:110%;} .nav-tab-buttons a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-outline.vc_btn3-block.vc_btn3-color-white:first-child { padding-top: 7px; padding-bottom: 20px; padding-left: 7px; padding-right: 20px; margin-top: 0; } .nav-tab-buttons a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-outline.vc_btn3-block.vc_btn3-color-white { background-color: #ffb819; border-top: none; border-left: none; color: #fff!important; text-decoration: none; font-family: "futura-pt", sans-serif; font-size: 21px; font-weight: bold; line-height: normal; text-transform: uppercase; display: inline-block; letter-spacing: 2.4px; position: relative; } .second-btn a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-outline.vc_btn3-block.vc_btn3-color-white { border-right: none; } @media screen and (min-width:1500px){ .fuzzy-color-bg{top:312px;} .Fzzy-bg-sec{padding-bottom:350px;} } .fuzzy-wrapper{width:1207px;max-width:100%;margin:0 auto;padding:0 15px;position:relative;display:flex;align-items:center;justify-content:center;} .fuzzy-contents .img-responsive{width: 898px; position: relative; z-index: 9; position: relative; top: 35px; left: 46px;} .fuzzy-contents{width:100%;margin:0 auto;max-width:100%;display:flex;align-items:center;justify-content:center;position:relative;} .calories-round{position: absolute;left: 34px;bottom: 4.5%;} .sugar-round{position:absolute;right:-2px;bottom:25%;} .carbs-round{top: 28px;position: absolute;right: 2.8%; z-index: 9;} .carbs-round-left{top: auto;position: absolute;left: 1px;z-index: 9;bottom: 45%;} .red-puls-right{top:6%;position:absolute;right:22%;z-index:9;} .yello-puls-right{top:5%;position:absolute;right:13%;z-index:9;} .blob.blank-pulse-yellow{position:absolute;top:9px;} .blank-pulse-yellow-red{position:absolute;top: -100px;left: 70px;} .blob.carbs-round-red{position:absolute;top:-4px;z-index:-1;} /* =====pilse animation css start here===== */ .blob{background:transparent;border-radius:50%;box-shadow:transparent;height:36px;width:36px;transform:scale(1);animation:pulse-black 2s infinite;animation:beat 1.3s infinite alternate;transform-origin:center;} section.two-col-block{margin:0 15px;background-color:#fff;} .two-col-block .two-col-wrap{width:1200px;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;padding-bottom:120px;} .tb-two-col-text .tb-two-col-puls{position:relative;} img.blob.blob-12-12{height:12px;width:12px;position:absolute;top:-18px;left:10px;right:0;} .tb-two-col-text{display:flex;align-items:center;} .btn-group-block a.btn-group:hover{background-color:#244289;color:#f05758;border:3px solid #244289;} .btn-group-block a.btn-group{font-size:17px;padding:9px 10px;text-transform:uppercase;letter-spacing:1px;border:3px solid #f05758;min-width:225px;margin-right:12px;text-align:center;color:#244289;text-decoration:none;transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;} .btn-group-block a.btn-group:last-child{margin: 0;} section.flower-section{margin:0 15px;background-color:#fff;} .flower-section .section-heading{width:100%;padding:0px 0px 112px 0px;text-align:center;position:relative;z-index:1;} .section-heading:after{content:' ';position:absolute;background-image:url(img/heading-buble-left.png);background-size:contain;background-repeat:no-repeat;height:80px;width:311px;top:-10px;left:0;background-position:left center;} .section-heading:before{content:' ';position:absolute;background-image:url(img/heading-buble-right.png);background-size:contain;background-repeat:no-repeat;height:80px;width:311px;top:-10px;right:0;background-position:left center;} .img-width-text{padding-bottom: 30px;} .img-width-text p{font-family:"refrigerator-deluxe";font-size:20px;font-weight:bold;text-align:center;margin:17px 0 0 0;letter-spacing:0.3px;line-height:21px;} .section-heading h3:before{content:'';position:absolute;height:4px;background-color:#244289;left:0;right:0;top:24px;margin:0 auto;z-index:-1;width:639px;} .product-detail-fprp{display:flex;align-items:center;justify-content:space-between;width:1190px;max-width:100%;margin:0 auto;padding:0 20px;flex-wrap: wrap;} .first-col-product-details{width:20.78%;} .first-col-product-details{width:20.78%;} .flower-section .section-heading h3{padding:0 25px;font-size:48px;letter-spacing:6px;color:#f05758;font-weight:bold;font-family:"futura-pt", sans-serif;display:inline-block;background:#fff;} .flower-sec-wrap{width:1184px;max-width:100%;margin:0 auto;padding:0;} section.flower-section{margin:0 15px;background-color:#fff;padding:136px 0px 114px 0px;} .first-col-product-details{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} .flower-sec-wrap{width:1184px;max-width:100%;margin:0 auto;padding:0;} img.blob.blob-40-40{height:auto;width:auto;position:relative;top:auto;left:-4px;right:0;bottom:-14px;border-radius:0;} .two-col-wrap .col-two:last-child{padding:15px 0 0 23px;} .two-col-wrap .col-two p{color:#4f5053;font-size:22px;font-weight:500;padding:24px 0 0 0;line-height:25px;letter-spacing:0px;word-spacing:-1.2px;} @keyframes beat{to{transform:scale(1.4);} } @-webkit-keyframes beat{to{transform:scale(1.4);} } /* tabs design */ .tabs{width:100%;} ul#tabs-nav{list-style:none;margin:0;padding:5px;/* overflow:auto;*/ } ul#tabs-nav li{font-weight:bold;margin-right:0;padding:0;border-radius:0;position:relative;/*border:1px solid #d5d5de;border-bottom:none;*/ cursor:pointer;z-index:1;top:10px;} ul#tabs-nav li:before{content:' ';position:absolute;background-color:#ffdd91;width:4px;height:31px;bottom:10px;right:0px;} ul#tabs-nav li.current-menu-item:after{position:absolute;content:'';top:-4px;left:-4px;right:0;bottom:0;background:#254289;z-index:-1;} ul#tabs-nav li:last-child:before{display:none;} ul#tabs-nav li:hover, ul#tabs-nav li.current-menu-item{background-color:transparent;} /* ul#tabs-nav li a:hover */ ul#tabs-nav li.current-menu-item a{color:#254289;background-color:#fff;z-index:9;/* position:relative;*/ padding:9px 22px 4px 22px;border-color:#ffb819;border-bottom:0;} #tabs-nav li a{ text-decoration: none; color: #FFF; font-family: "futura-pt", sans-serif; font-size: 21px; font-weight: bold; line-height: normal; text-transform: uppercase; display: inline-block; letter-spacing: 1.4px; position: relative; padding: 0px 20px 16px; border: 4px solid transparent; } .tab-content{padding:0;} .nav-tab-heading{background-color:#ffb819;width:100%;max-width:100%;margin-bottom:0;position: relative;} ul#tabs-nav{display:flex;align-items:center;justify-content:center;margin:0 auto;max-width:100%;width:1156px;padding:1px 0 0 0;} .page-id-3088 .decorate > div::before, .page-id-3088 .decorate > div::after{display:block!important;} .prod-img{text-align:center;margin:0 auto;display:inline-block;width:100%;} div#tabs-content{padding:73px 33px;} .prod-d-row{display:flex;justify-content:start;border:4px solid #ffb819;margin-top:0;margin-bottom:10px;padding:24px 42px 19px 42px;} .prod-details-bl p{font-size:21px;letter-spacing:0.1px;color:#000;margin-bottom:0;} .prod-details-head{font-size:22px;text-transform:uppercase;margin:-7px 0 0 0;letter-spacing:-01px;color:#0082c9;font-family:"refrigerator-deluxe";} .prod-details-dec{font-size:27px;text-transform:uppercase;margin:-3px 0 0 0;letter-spacing:0.5px;font-family:"refrigerator-deluxe";color:#254289;} .prod-details-bl{width:56.9%;} .prod-style{width:21%;border-right:3px solid #ffb819;} .prod-d-ibu{padding-left:28px;} .prod-strength{width:14.33%;border-right:3px solid #ffb819;text-align:left;padding-left:33px;} .prod-details-bl h4{font-size:30px;text-transform:uppercase;font-weight:bold;letter-spacing:2px;font-family:"futura-pt", sans-serif;color:#254289;} .year-roun-heading{text-align: center; text-transform: uppercase; font-size: 40px; color: #fff; letter-spacing: 0.50px; padding: 4px 0 0 0px; word-spacing: 2px; margin-top: 74px; font-family: "refrigerator-deluxe";} .in-the-taproom-tab .tab-wraper div#tabs-content{padding:26px 0px 73px 0px;} .prod-img img:hover{transform:scale(1.06);-webkit-transform:scale(1.06);cursor:pointer;} .prod-img img{-webkit-transition:0.4s ease;transition:0.4s ease;} .in-the-taproom-tab .tab-wraper{margin:0 auto;max-width:100%;width:1268px;} .in-the-taproom-tab ul#tabs-nav li{width:50%;} .in-the-taproom-tab ul#tabs-nav li a{width:100%;text-align:center;} .tab-section{margin:0px 15px;background-color:#fff;} .page-id-3118 .tab-section {margin: 0;} .page-id-3118 section.tab-section .nav-tab-heading:before { content: " "; position: absolute; z-index: 400; left: 0; bottom: -28px; width: 37px; height: 57px; background: url(img/triangle-l.png) top left no-repeat; top: -28px; } .page-id-3118 section.tab-section .nav-tab-heading:after{ content: " "; position: absolute; z-index: 400; right: 0; bottom: -28px; width: 37px; height: 57px; background: url(img/triangle-r.png) top left no-repeat; top: -28px; } .tab-wraper{margin:0 auto;max-width:100%;width:1156px;} .product-lising{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;margin: 0 -15px;} .product-b{position:relative;width:25%;max-width:100%;margin-bottom:120px;padding: 0 15px;} .wpb_text_column .product-b:last-child {margin-bottom: 120px;} .prod-details h4{font-size:24px;text-transform:uppercase;font-family:"futura-pt", sans-serif;font-weight:600;color:#254289;letter-spacing:-0.7px;margin:0px 0 0 0;display:inline-block;line-height:24px;} .prod-details .beer-percentage div{font-weight:100;} .prod-details .beer-percentage{border-top:3px solid #ffb819;padding-top:6px;display: flex;flex-wrap: wrap;} .prod-details span{color:#0082c9;font-size:21px;line-height:23px;text-transform:uppercase;font-family:"futura-pt", sans-serif;font-weight:600;margin:3px 0px 12px 0;display:inline-block;letter-spacing:0px;} .prod-details{height:266px;background-color:#f1eeee;display:flex;align-items:center;flex-direction:column;margin:-100px 0 0 0;padding:100px 12px 43px;text-align:center;} /* tabs design */ .sugar-round-text{position:absolute;left:0;top:0;right:-25px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;} .carbs-round-text{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;} .calories-round-text{position:absolute;left:-10px;top:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;} .calories-round-text span,.carbs-round-text span,.sugar-round-text span{color:#224289;font-size:19px;font-weight:600;font-family:"futura-pt", sans-serif;text-transform:uppercase;letter-spacing:1.6px;} .calories-round-text h3,.carbs-round-text h3,.sugar-round-text h3{color: #fb8b70;font-size: 39px;font-weight: 900;} .prod-details a {display: flex;align-items: center;justify-content: center;flex-direction: column;text-decoration: none;} .single-sec-m{overflow:hidden;padding:90px 0 60px 0;position: relative;} .single-sec-m div#tabs-content {padding: 0;} .sing-block-inner {display: flex;flex-wrap: wrap;position:relative;} .sing-left {width: 45%;} .sec-tit {position: relative;padding: 0 0 20px;margin: 0 0 20px;} .sec-tit:after {content:"";left:0;bottom:0;position:absolute;width:186px;height:3px;background:#ffb819;} .sec-tit h2 {font-size: 50px;color: #254289;font-family: "futura-pt", sans-serif;} .sec-tit h3 {font-size: 30px;color: #0082c9;font-family: 'Futura PT';font-weight: 900;} .sing-left p {color: #4f5053;font-family: 'futuramedium';} .sing-l-top {padding: 0 75px 0 40px;} .sing-right {width: 55%;padding: 0 0 0 70px; position: relative;} .award-img {position: absolute;bottom: 95px;left: 60px;} .pro-info-block {background: rgba(255,255,255,0.9);padding: 15px 10px 15px 40px;display: flex;flex-wrap: wrap;} .pi-l {width: 71%;padding: 0 30px 0 0;border-right: 3px solid #ffb819;margin-right: 10px;} .pi-r {width: 26%;} .pi-r label {text-align: center;display: block;} .pi-r ul {padding: 50px 0 0;} .pi-r ul li {font-family: "refrigerator-deluxe";display: flex;align-items: center;font-size: 18px;line-height: normal;text-transform: uppercase;padding: 0 0 20px;width: 100%;justify-content: center;} .pi-r ul li img {margin: 0 15px 0 0;} .pra-sec {padding: 10px 0 0;display: flex;align-items: center;} .pra-sec img {margin: 0 4px 0 0;} .pro-info-block label {font-size: 18px;text-transform: uppercase;color: #0082c9;font-family: "refrigerator-deluxe";line-height: normal;} .pro-info-block ul {list-style-type: none;margin: 0;} .pi-row:first-child{padding:0;} .pi-row {border-bottom: 3px solid #ffb819;line-height: normal;padding: 10px 0;} .pi-row ul {display: flex;} .pi-row ul li {width: 50%;border-right: 3px solid #ffb819;padding: 0 0 10px 20px;} .pi-row ul li:last-child {border:0;} .pi-row ul li:first-child{padding:0;} .pi-row ul li h4 {font-size: 40px;text-transform: uppercase;} .pi-row p {margin: 0;color: #254289;font-size: 20px;line-height: normal;} .sing-pro-info {text-align: center;margin: -15px 0 0 0;padding: 0 0 0 70px;} .sing-pro-info h5 {text-align: center;color: #fff;margin: 0 0 40px 0;font-family: "refrigerator-deluxe";text-transform: uppercase;font-size: 27px;letter-spacing: 1.5px;} .btn-group-block.btn-yellow .btn-group {border: 3px solid #ffb819;color: #fff;text-decoration: none;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;transition-duration: 0.5s;} .btn-group-block.btn-yellow .btn-group:hover { border: 3px solid #fff; background-color: #fff; color: #2a4981; } .belt{position: absolute;width: 130%;left: -50px;right: 0;margin: auto;height: 242px;top: 0px;-webkit-transform:rotate(-10deg) skew(-10deg, 0);-moz-transform:rotate(-10deg) skew(-10deg, 0);-ms-transform:rotate(-10deg) skew(-10deg, 0);-o-transform:rotate(-10deg) skew(-10deg, 0);transform:rotate(-16.4deg) skew(-16.4deg, 0);} .belt1 {top: auto;bottom: 44.0%; z-index: 2;} .belt2 {top: auto;bottom: 0;} .belt1 .belt2{bottom: 0; height: 47%; transform: rotate(0);} .belt3 {bottom: -100%;height: 820px;z-index: 1;} .tow-col-img-row {display: flex;} .single-sec-m .tabs{ position: relative; z-index: 4;} .tow-col-img-row .tow-col-img {height: 485px;background-size: cover;background-position: center center;background-repeat: no-repeat; width: 100%;margin: 0px 0px 0px 0px;} .next-post{position: absolute;right: 20px;top: 0;bottom: 0;width: 42px;text-align: center;} .previous-post {position: absolute;left: 12px;top: 0;bottom: 0;width: 42px;text-align: center;} .previous-post a, .next-post a{margin: 0 auto;text-align: center;text-transform: uppercase;font-family: "refrigerator-deluxe";font-size: 100%;line-height: normal;position: relative;letter-spacing: 0px;text-decoration: none;display: inline-block;} .next-post a{color: #fff;} .previous-post a{color: #2a4981;} .previous-post a:before {content: ' ';background: url(img/left-arrow.png);height: 25px;width: 25px;position: absolute;left:0;margin: auto;top: -27px;right: 0;background-repeat: no-repeat;background-size: contain;} .next-post a:before{ content: ' ';background: url(img/right-arrow.png);height: 25px;width: 25px;position: absolute;left: 0;right: 0;margin: auto; top: -27px; background-repeat: no-repeat;background-size: contain;} .post-navigation {min-height: 83px;position: absolute;top: 50%;z-index: 9999;width: 100%;} .product-launch-row {width: 1337px;max-width: 100%;border: 6px solid #ffb819;z-index: 99999999;margin: -30px auto 0 auto;position: relative;padding: 61px 50px 41px 50px;display: flex;} .single-eureka_beer .generalpage br.clear { display: none; } .product-launch-time p {margin-bottom: 0;font-size: 20px;color: #0082c9;text-transform: uppercase;font-weight: bold;letter-spacing: normal;} .product-launch-time:last-child {padding-left: 41px;} .product-launch-time.listing {width: 67%;} .product-launch-time ul {margin:0;width: 100%;display: flex;flex-wrap: wrap;} .product-launch-time ul li { font-size: 20px; color: #0082c9; text-transform: uppercase; font-weight: bold; letter-spacing: normal; width: 50%; padding: 0 0 0 25px; list-style-type: none; position: relative; } .product-launch-time ul li:before{content: "";position: absolute;left: 0;top: 13px;margin: auto;width: 5px;height: 5px;background: #ffb819;border-radius: 50%;} .product-launch-time span {font-size: 32px;font-weight: 700;position: relative;top: -12px;color:#0082c9;text-transform: uppercase;} .product-launch-time h4 {font-size: 33px;letter-spacing: 0.5px;margin-bottom: 10px;display: block;text-transform: uppercase;} .product-launch-time:first-child {border-right: 2px solid #ffb819;width: 36.7%;padding-right: 15px;} .header-hero-banner {margin: 0 15px;} .title-description {display: flex;justify-content: space-between;width: 860px;max-width: 100%;margin: 0 auto;padding: 15px 0 70px 0;} .title-description .titlewrap {width: 180px;max-width: 100%;text-align: left;} .title-description .titlewrap h3 {font-size: 28px;color: #0082C9;} .title-description .titlewrap h3::after {content: " ";position: absolute;right: 0;bottom: -15px;border-bottom: 3px solid #FFB819;width: 30px; -webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg);transform: rotate(-10deg);} .title-description .title-desc {width: 646px;max-width: 100%;} @media (max-width:1670px){ .mainnav li a{padding: 0 20px;} .next-post { right: 10px; top: 50px; } } @media (max-width:1530px){ .mainnav li a{padding: 0 14px;} } @media (max-width:1440px){ .footmenu li{padding:0 10px;} .addywrap{/*margin:5px 0 0 25px;*//*line-height:0.9em;*/} .footaddress a.locationpin img{/*margin-top:8px;*/} .disclaimerIcon{margin-left:10px;} .homecallouts .callout p{font-size:1em;margin-bottom:0;} .contactform_wrapper{/*width:100%;*/ } } @media (max-width:1370px){ .mainnav li a{padding: 0 10px;} .mainnav li.fb a{left:5%;} .mainnav li.insta a{left:calc(5% + 45px);} .mainnav li.tw a{right:calc(5% + 45px);} .mainnav li.okc a{right:5%;} } @media (max-width:1270px){ ul#tabs-nav li.current-menu-item a{padding: 9px 9px 4px;} #tabs-nav li a {font-size: 16px;padding: 0px 20px 15px;} ul#tabs-nav li.current-menu-item a {padding: 9px 9px 4px;} .nav-tab-heading{padding-left:0px!important;} ul#tabs-nav li:before {width: 3px;height: 24px;} .prod-img img {width: 200px;max-width: 100%;} .prod-details {height: 190px;margin: -70px 0 0 0;padding: 65px 12px 15px;} .wpb_text_column .product-b:last-child, .product-b {margin-bottom: 40px;} .prod-details h4 {font-size: 21px;line-height: 20px;letter-spacing: 0;} .prod-details span {font-size: 18px;line-height: 16px;margin: 6px 0px;letter-spacing: 0px;} .prod-details .beer-percentage {border-top: 2px solid #ffb819;padding-top: 2px;} .beer-percentage div {font-size: 16px;line-height: 26px;padding: 0 6px;} .fuzzy-contents .img-responsive{width: 700px;} .calories-round img,.carbs-round-left img,.blob.blank-pulse-yellow img,.sugar-round img,.carbs-round-red img,.carbs-round img,.blob.carbs-round-red img,.yello-puls-right img{width: 100%;} .fuzzy-wrapper{width: 1080px;} .blob.blank-pulse-yellow{width: 20px;} .carbs-round-left { left: 7%;bottom: 41%;width: 60px;} .calories-round{width: 130px;left: 10%;bottom: 4.5%;} .sugar-round {right: 7%;bottom: 27%;width: 190px;} .blob.carbs-round-red{width: 26px;} .carbs-round {top: 28px;right: 8%;width: 100px;} .yello-puls-right{top: 8%;} .blank-pulse-yellow-red{width: 15px !important;} .calories-round-text h3, .carbs-round-text h3, .sugar-round-text h3{font-size: 26px;} .calories-round-text span, .carbs-round-text span, .sugar-round-text span{font-size: 14px;letter-spacing: 1px;} .fuzzy-color-bg{height: 265px;} .sing-block-inner{padding: 0 70px;} .sing-left {width: 100%;max-width: 100%;order: 1;padding: 280px 0 0 0;} .sing-pro-info{padding: 0;} .sing-right {width: 100%; text-align: center;padding: 0;} .belt1 { bottom: 70%;} .belt3 {bottom: auto;height: 260px;top: 28%;} .award-img {left: 11%;} .next-post a {color: #2a4981;} .product-launch-time ul li{font-size: 24px;} .previous-post a {color: #fff;} .next-post { right: 20px; top: 0; } } @media (max-width:1170px){ .eventlistwrap .vc_column-inner{width:70% !important;margin:0 15%;} .footmenu li{padding:0 6px;} .bright p{width:100%;} section.flower-section{padding: 50px 0;} .two-col-wrap .col-two {width: 100%;text-align: center;} .two-col-block .two-col-wrap{flex-wrap:wrap;padding: 0 20px 60px 20px;} .two-col-wrap .col-two:first-child img {width: auto;max-width: 100%;margin: 0;} .two-col-wrap .col-two:last-child {padding: 50px 0 0;} .tb-two-col-text {justify-content: center;} .section-heading:before,.section-heading:after{width: 20%;background-color: #ffffff; } .first-col-product-details {width: 25%;} .second-col-product-img {width: 50%;padding: 0 15px;} .second-col-product-img img,.img-width-text img {width: 100%;} .img-width-text p br{display: none;} .Fzzy-bg-sec{padding-bottom: 145px;} .product-launch-time ul li {font-size: 21px;} .fuzzy-wrapper {width: 900px;} .fuzzy-contents .img-responsive {width: 580px;} .fuzzy-color-bg {height: 220px;top: 215px;} .carbs-round {top: 30px;right: 8%;width: 80px;} .calories-round {width: 110px;left: 8.5%;} .calories-round-text{left: 0;} .sugar-round {width: 150px;} } @media (max-width:1024px){ .show{display:block;} .newsletterform li.fromtext{font-size:0.8em;width:60px;} .newsletterform li.fname{width:calc(100% - 90px);} .newsletterform li.femail{width:calc(100% - 90px);} .newsletterform .ginput_container{width:calc(100% - 45px);} .homecallouts .callout h2{top:45%;} .homecallouts .callout p{bottom:1%;} #tabs-nav li a {font-size: 13px;padding: 0px 14px 15px;} .prod-details-bl {width: 56.9%;padding-right: 10px;} } @media (max-width:1023px){ div#tabs-content {padding: 30px 15px;} .product-lising {justify-content: flex-start; margin: 0 -15px;} .product-b {width: 32%;margin-bottom: 35px;padding: 0 15px;} .product-b:last-child{margin: 0;} .prod-d-row{flex-wrap: wrap;padding: 8px 42px 18x 42px;} .prod-d-row > * {padding: 20px 0 20px;border-top: 2px solid #ffb819;border-right: 0;} .prod-d-row > *:first-child {padding-top: 0;border: 0;width: 100%;} .prod-style { width: 33.33%!important; } .prod-strength { width: 33.33%!important; } .prod-d-ibu { width: 33.33%!important; } .product-launch-row{flex-wrap: wrap;} .product-launch-time:first-child {border-bottom: 2px solid #ffb819;border-right: 0;width: 100%;padding: 0 0 30px;} .product-launch-time.listing {width: 100%;padding: 30px 0 0;} .title-description{padding: 15px;flex-direction: column;} .title-description .titlewrap h3::after{display:none;} .title-description .titlewrap {width: 100%;padding: 0 0 20px;text-align: center;} .title-description .titlewrap h3 {width: 100%;margin: 0;padding: 0;text-align: center;} .title-description .title-desc {width: 100%;max-width: 100%;text-align: center;} } @media (max-width:970px){ .footerseal{display:none;} .hosteventform_wrapper{width:85%;} .footmenu ul{margin:15px 5px 0 0;} .footmenu li{padding:0 2px;} .footmenu li a{font-size:0.9em;} .disclaimerIcon{margin-left:2px;} .addywrap{margin:5px 0 0 2px;line-height:0.9em;} .bimage img{width:100%;} .newsletterform .ginput_container input{width:100%;} .eventLeft{padding-right:15px;} .eventRight{padding-left:15px;border-left:none;} .single-tribe_events .pagetitle h1{font-size:1.8em;line-height:65px;} .disclaimertop img{-webkit-transform:value;-moz-transform:value;-ms-transform:value;-o-transform:value;transform:scale(0.6);} .footaddress .addywrap address{padding:4px 0 0 10px;} .charity .contentwrap, .jobs .contentwrap{width:95%;margin:0 auto;} .decorate.teamlist{width:100%;} .topparagraph{margin:0 auto;width:85%;} html.singenv, body.single-tribe_events{height:auto;} .homecallouts > div.last .callout h2{left:25%;} .homecallouts .callout p, .homecallouts .callout h2::after{display:none;} .small .mainnav li a,.mainnav li a {font-size: 15px;} .mainnav li a {padding: 0 5px;} .award-img{left: -50px;} .pro-info-block{padding: 0;} .sing-l-top {padding: 0 0 30px 0;} .fuzzy-wrapper { width: 600px; } .fuzzy-contents .img-responsive {width: 450px;} .Fzzy-bg-sec { padding: 50px 0 110px 0;} .fuzzy-color-bg { height: 160px; top: 145px;} .calories-round { width: 90px; left: 1.5%; } .calories-round-text h3, .carbs-round-text h3, .sugar-round-text h3 { font-size: 21px; } .calories-round-text span, .carbs-round-text span, .sugar-round-text span { font-size: 12px; letter-spacing: 0; } .sugar-round-text{right: 0;} .sugar-round { width: 100px; right: -10px; bottom: 34%; } .carbs-round { top: 20px; right: 1%; width: 65px; } .blob.carbs-round-red { width: 18px; } .carbs-round-left { left: -6%; width: 50px; } .blob.blank-pulse-yellow { width: 15px; top: 0; } .blob{width: 26px;} .blob.carbs-round-red { width: 15px; } } @media (max-width:768px){ h1{font-size:2.6em;} .desktop{display:none;} .mobile{display:block;} .decorate{padding-top:30px;} .decorate.last > div::after, .decorate.last > div::before{display:none;} header .menu-footer-nav-container{/*position:absolute;bottom:100px;left:0;*/ width:100%;text-align:center;} header .mobilebottomnav li{display:inline-block;} header .mobilebottomnav li a{color:#FFB819;} header .mobilebottomnav li.disclaimerIcon{display:none;} .disclaimerwrap > .vc_row{width:75%;padding-top:5%;} .disclmobile{display:inline-block;} .quoteslist p{width:90%;/*padding:15px 0;*/ } .homecallouts{margin:0 15px;padding:0;background-color:#244289;} .homecallouts > div{background-color:#244289;position:relative;margin:15px 0;padding:0;height:60px;} .homecallouts > div:before, .homecallouts > div:after{box-sizing:border-box;border-style:solid;border-color:transparent;border-width:20px;content:"";display:block;left:0;position:absolute;width:100%;background-color:transparent;} .homecallouts > div:before{display:none;} .homecallouts > div:after{display:none;} .homecallouts > div a::before, .homecallouts > div a::after{content:" ";position:absolute;z-index:590;top:0;left:0;display:inline-block;width:17px;height:60px;background:url(img/homecallout--angles-left.png) top left no-repeat;} .homecallouts > div a::after{left:auto;right:0;background:url(img/homecallout--angles-right.png) top left no-repeat;} .homecallouts > div img{/*display:none;*/ } .homecallouts > div.first img{/*display:inline;*/ } .homecallouts > div .callout{width:100%;background-color:rgba(0, 130, 201, 0.7);} .homecallouts > div.first .callout{background-color:rgba(255, 184, 25, 0.7);} .homecallouts > div.last .callout{background-color:rgba(36, 66, 137, 0.7);} .homecallouts .callout h2{font-size:2.4em;margin:0;line-height:64px;transform:rotate(0deg);z-index:560;position:relative;top:auto;left:auto;} .homecallouts > div.first .callout h2{left:auto;} .homecallouts > div.last .callout h2{left:auto;} .homecallouts > div .callout h2::before, .homecallouts > div.first .callout h2::before, .homecallouts > div.last .callout h2::before{background-color:transparent;} .imgwrap{overflow:hidden;height:60px;} .homecallouts img.bg-image{margin-top:-40%;} /*.homebanner*/ footer .menu-footer-nav-container, .footmenu .textwidget, .footaddress .textwidget{display:none;} .homebanner{display:block;} .home .wrapper > main{background:#244289;} .menu-social-icons-container{display:inline;/*position:absolute;*/ } .footsignup .widget-title{font-size:1.4em;margin-top:20px;} .mobilesocialnav li{/*position:absolute;z-index:895;*/ } .mobilesocialnav li a{text-indent:-999em;display:inline-block;width:30px;height:30px;background-repeat:no-repeat;background-size:30px 30px;position:absolute;bottom:12px;z-index:900;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .mobilesocialnav li.fb a{background-image:url(img/facebook.png);left:5%;} .mobilesocialnav li.insta a{background-image:url(img/insta.png);left:calc(5% + 50px);} .mobilesocialnav li.tw a{background-image:url(img/Twitter.png);right:calc(5% + 50px);} .mobilesocialnav li.okc a{background-image:url(img/okcupid.png);right:5%;} .beer .first .vc_empty_space, .tap-room .first .vc_empty_space, .events .first .vc_empty_space, .contact .first .vc_empty_space{display:none;} .titlewrap h3{width:60%;text-align:center;padding-bottom:15px;margin:0 auto 15px auto;} .titlewrap h3::after{left:calc(50% - 20px);bottom:0px;border-bottom:6px solid #FFB819;width:40px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);} .bimage{padding:0;} .bimage img{width:100%;height:100%;} .beerinfo{padding-top:0;} .bright{width:calc(74% - 60px) padding-left:4%;} .bright p{width:100%;} .vc_column_container.taproomright{width:calc(100% - 130px);border-left:none;border-top:6px solid #FFB819;margin:0 auto;padding-top:15px;} .vc_column_container.taproomright > .vc_column-inner{padding:0;} .taproomright{width:90% !important;margin:0 5% !important;padding-left:15px;padding-right:15px;} .taproomright p{width:100%;} .topparagraph{width:90%;margin-left:auto !important;margin-right:auto !important;} .wpb_single_image.vc_align_center.taproombuilding{text-align:center;padding-bottom:15px;} .contentwrap p{width:92%;text-align:center;margin:15px auto;} .taproomleft{text-align:center;} .taproomleft h3{text-align:center;margin:0 auto;} .eventlistwrap{margin-top:30px;} .eventlistwrap .vc_column-inner{width:90% !important;margin:0 5% !important;} .filter-button-group{float:none;} .eventformleft, .eventformleft h3{text-align:center;} .eventformleft h3::after, .eventformleft img{display:none;} .eventslist h3{float:right;clear:none;margin:15px 0 0 0;} .tap-room .eventslist span, .eventslist span.edates{clear:right;} .hosteventform_wrapper{width:90%;margin:0 auto;} .hosteventform .gform_footer{position:relative;bottom:auto;left:auto;/*margin-left:30%;*/ } .events .eventslist h3{float:left;margin:0 10px 5px 0;} .events .eInfo{width:calc(100% - 130px);} .events .eventslist span.edates{width:calc(80% - 82px);} .events .eventslist span.isTap{float:left;clear:none;margin-left:35px;} .googlemaps.opened{top:-45px;} .footsignup{position:inherit;} .gform_confirmation_wrapper.newsletterform{top:-60px;} .newsletterform_wrapper{position:absolute;top:-66px;left:0;z-index:990;background-color:#FFB819;width:100%;margin:0 auto;padding-top:6px;text-align:center;} .newsletterform{width:80%;text-align:center;margin:0 auto;} .newsletterform li.fromtext{padding-right:10px;width:70px;} .newsletterform li.fname, .newsletterform li.femail{width:calc(100% - 100px);} .newsletterform .gform_footer input{margin:9px 3px 0 0;float:none;} .contactLeft{text-align:center;} .contactLeft .wpb_single_image.vc_align_right{text-align:center;} .contactRight{border-left:none;} .contactform_wrapper{margin:25px 0 0 0;width:100%;padding:0 5%;} .contactform .gform_footer{text-align:right;} /*#googlemapswrap{height:360px;top:-360px;} .googlemaps{height:360px;} */ .googlemapsoverlay h4{font-size:2em;} .googlemapsoverlay p{font-size:1.4em;} .eventslist span.venue{display:block;clear:left;} ul.faqslist{margin:0 auto;width:90%;} } .tab-drpdown { display: none; } @media (max-width:768px){ li.social.fb, .social.insta, .social.okc, .social.tw, .mobilemainnav li.navlogo{ display: none; } .menu-item-has-children ul.sub-menu, .navlogo { display: none; } .mobilemainnav li a { font-size: 2em; line-height: 2em; } span.submenu-button { position: absolute; width: 47px; height: 47px; background-color: transparent; left: auto; right: 30px; top: 0px; z-index: 99999; margin-left: 0; } .submenu-button.open-sub:before{display: none;} li.menu-item-has-children { position: relative; } .menu-item-has-children ul.sub-menu { position: absolute; width: 100%; background-color: hsl(41deg 93% 54%); left: 0; right: 0; top: 100%; z-index: 999999; margin-left: 0; box-shadow: 0px 10px 5px rgb(125 125 125 / 40%), 0px -10px 5px rgb(125 125 125 / 40%); } .submenu-button:after { position: absolute; right: 17px; width: 8px; height: 2px; display: block; background: #ffffff; content: ''; top: -3px; bottom: 0; margin: auto; } .mobilemainnav .sub-menu li a { color: #ffffff; } .submenu-button:before { position: absolute; right: 20px; display: block; width: 2px; height: 8px; background: #ffffff; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; top: -3px; bottom: 0; margin: auto; } .mobilemainnav { overflow-y: inherit; } } @media (max-width:767px){ .product-b {position: relative;width: 48%;} .flower-section .section-heading{padding: 0px 0px 60px 0px;} .flower-section .section-heading h3{font-size: 36px;letter-spacing: 4px;} .section-heading h3:before{top: 18px;} .section-heading:before, .section-heading:after {top: -22px;} .first-col-product-details {width: 100%;justify-content: center;text-align: center;} .second-col-product-img img, .img-width-text img {width: auto;max-width: 100%;} .second-col-product-img {width: 100%;padding: 30px 0;text-align: center;} .sing-right img{width: 100%;} .sing-l-top {padding: 0 0 30px 0;} .sing-pro-info {padding: 0;} .award-img {left: 0;width: 150px;bottom: 120px;} .belt3 { height: 340px; } .in-the-taproom-tab ul#tabs-nav li { width: 100%; } .tab-drpdown{ display: block; } .tab-drpdown{ background-color: #fff; padding-right: 20px; width: 100%; text-decoration: none; padding: 10px; border: 1px solid #e7e7e7; margin-top: 15px; margin-bottom: 10px; display: inline-block; position: relative; } ul#tabs-nav{ display: none; } .tab-drpdown span { position: absolute; top: 50%; right: 15px; } .page-id-3127 ul#tabs-nav { display: block!important; } .page-id-3127 .nav-tab-heading { padding-top: 0; } } @media (max-width:639px){ .product-b {width: 100%;} .prod-details {height: auto;} .sing-right {width: 100%;padding: 0;text-align: center;} .btn-group-block.btn-yellow .btn-group {width: 100%;} .sing-pro-info {padding: 20px 0 0;} .award-img{bottom: 200px;width: 110px;} .pi-row ul li h4{font-size: 26px;} .pi-row p{font-size: 17px;} .pi-l {width: 63%;margin-right: 20px;} .pi-r {width: 29%;} .sec-tit h2{font-size: 36px;} .sec-tit h3{font-size: 24px;} .single-sec-m{padding: 30px 0 30px 0;} .tow-col-img-row .tow-col-img{height: 265px;} .fuzzy-contents .img-responsive {width: 250px;} .fuzzy-wrapper {width: 320px;} .fuzzy-color-bg {height: 110px;top: 100px;} .calories-round {width: 74px;left: -9.5%;bottom: -10.5%;} .carbs-round-left {left: -13%;width: 40px;} .sugar-round {width: 70px;right: -35px;bottom: 16%;} .carbs-round {top: 0;right: -10%;width: 60px;} .blank-round {opacity: 0;} .blank-pulse-yellow-red{top: -70px;} .blob { width: 20px; } .blank-pulse-yellow-red { width: 10px !important; } .blob.blank-pulse-yellow { width: 10px; } .belt{height: 140px;} .belt3 { top: 16%; height: 300px; } .belt1 { top: 5%; } .sing-left {padding: 260px 0 0 0;} } @media (max-width:550px){ .award-img { bottom: 0; width: 110px; position: relative; margin: 0 auto; top: -20px; }} @media (max-width:480px){ h1{font-size:1.8em;padding:0;} .eImage{display:none;} .tap-room .eventslist h3{float:none;margin-left:0;} .tap-room .eventslist span, .eventslist span.edates{float:none;display:block;text-align:left;padding:5px 0 0 0;} .bluetitles{padding:15px;} .bleft{float:none;width:100%;margin-right:0;text-align:left;margin:0 0 15px 0;} .bleft span{clear:none;display:inline-block;font-size:2em;font-weight:900;color:#244289;line-height:1em;padding:0 25px 0 0;} .bright{float:none;width:100%;padding:15px 0 0 0;border:none;border-top:5px solid #244289;} .newsletterform_wrapper{width:calc(100% - 30px);margin:0 15px;} .newsletterform_wrapper::after{display:none;} .newsletterform{width:100%;text-align:center;margin:0 auto;} .footsignup .widget-title{font-size:1.2em;margin-top:20px;} .newsletterform li.fname, .newsletterform li.femail{margin:4px 5px 4px 5px;width:calc(100% - 85px);} .mobilesocialnav li.fb a{left:2%;} .mobilesocialnav li.insta a{left:45px;} .mobilesocialnav li.tw a{right:45px;} .mobilesocialnav li.okc a{right:2%;} .titlewrap h3{width:100%;} button.hamburger{margin-right:18px !important;} .mobilelocpin{margin-left:24px !important;} .events .eInfo{width:100%;} ul.eventslist li{padding-left:2%;padding-right:2%;width:96%;} .disclaimerwrap > .vc_row{width:80%;} .isTap{display:none;} .prod-d-ibu { width: 20%!important; } .prod-strength, .prod-style { width: 40%!important; } } @media (max-height:500px){ header .menu-footer-nav-container{position:relative;left:auto;bottom:auto;} header .headeraddress{position:relative;left:auto;bottom:auto;} } /*iPad in portrait*/ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){ .generalpage .taproomleft{text-align:center !important;margin:0 auto 35px auto;width:100%;} .eventformleft h3{text-align:right;} .eventformleft h3::after, .eventformleft img{display:inline-block;} .eventformleft img{float:right;} .contactRight{border-left:6px solid #FFB819;} } #not_main_div h2{color:#fff;} #not_main_div p{color:#fff;} #not_main_div{margin-left:0px;margin-right:0px;padding:20% 0;} #txt_excited{padding-top:5% !important;} .closedisclaimer{display:none;} .disclaimertext p{font-size:20px;letter-spacing:1px;} .yep_btn_cls button{font-weight:bold;width:98px;} .not_yet_btn{font-weight:bold;} #btn_confirm{padding-top:25px;} @media only screen and (max-width:768px){ .disclaimerwrap > .vc_row{width:100%;} .disclaimertext p{font-size:15px !important;} .disclaimerwrap .disclaimertop h2{font-size:30px !important;} .yep_btn_cls, .not_yet_btn{width:100%;text-align:center !important;} .yep_btn_cls button, .not_yet_btn button{padding:10px 20px;} .disclaimerwrap{overflow-y:scroll !important;} .disclaimertext{margin:20% 0 !important;} .disclaimertext{margin:10px 0 !important;} .disclaimerwrap .disclaimertop h2{margin:0 !important;} } /*beer page style start*/ .section-wrapper{max-width:1150px;margin:0 auto;padding:0 15px;} .container-fluid.section-wrapper.draft-section, .container-fluid.section-wrapper.retire-section{max-width:1255px;} .gray-white-bg,.mix-white-bg{padding:78px 0 0 0;} .mix-white-bg{background-color:#ffffff;background:#ffffff;} .gray-white-bg{background-color:#ecebe2;background:#ecebe2;padding-bottom:100px;} .sec-heading{text-align:center;font-size:45.6px;font-family:"refrigerator-deluxe";position:relative;margin-bottom:70px;} h2.sec-heading:before{content:"";position:absolute;height:6px;width:372px;background-color:#ffb819;left:0;bottom:21px;z-index:0;} h2.sec-heading:after{content:"";position:absolute;height:6px;width:372px;background-color:#ffb819;right:0;bottom:21px;z-index:0;} .beer-percentage div{font-size:19px;line-height:30px;margin-bottom:0px;display:inline-block;color:#0480c6;padding:0 10px;text-transform:uppercase;font-family:"refrigerator-deluxe";font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .teen-section .col-sm-4{margin-bottom:65px;position:relative;max-height:435px;} .beer-details{margin-top:-3px;} .beer-details .prod-name{font-size:17px;font-weight:600;color:#ffb933;text-transform:uppercase;font-family:inherit;margin-top:0;padding-top:5px;} .img-with-desc .img-responsive{margin:0 auto;} .prod-details .beer-percentage .has_ibu{border-left: 2px solid #254289;} .draft-section .row .col-6, .retire-section .row .col-6{width:50%;padding-right:20px;margin-bottom:45px;clear:both;display:flex;justify-content:flex-start;align-items:flex-start;} .draft-section .row, .retire-section .row{display:flex;flex-wrap:wrap;} .beers-img img{-webkit-transition:0.4s ease;transition:0.4s ease;} .beers-img:hover img{-webkit-transform:scale(1.08);transform:scale(1.08);} .beers-img{position:relative;top:0;left:0;} .logo-description{padding-left:27px;} /*isotope css start*/ .filter-button-group-iso li{display:inline;padding:2px 0;font-size:25px;color:#0480c6;letter-spacing:1.1px;font-weight:900;cursor:pointer;text-transform:uppercase;font-family:"futura-pt";width:33.33%;text-align:center;} .filter-button-group-iso{margin-bottom:60px;} .filter-button-group-iso li.active{color:#253f87;border:2px solid #ffb933;border-radius:0;} .filter-button-group-iso ul{padding:0;max-width:714px;margin:0 auto;display:flex;align-items:center;justify-content:center;background-color:#ffffff;} .logo-description{padding-left:27px;padding-top:38px;font-size:19px;color:#253f87;font-family:inherit;} .logo-description h4{font-family:"futura-pt";text-transform:uppercase;text-align:left;font-size:25px;font-weight:600;color:#253f87;padding-bottom:23px;} .logo-description p{font-size:20px;color:#253f87;font-family:inherit;line-height:22px;letter-spacing:0.09px;word-spacing:0.9px;margin:0;padding-bottom:16px;text-transform:initial;} .style-grains-hops h4{font-size:18px;color:#ffb933;margin:0;padding:0;text-transform:uppercase;font-family:inherit;line-height:21px;} .style-grains-hops h4 span{color:#253f87;font-size:18px;font-weight:500;padding-left:2px;} .style-grains-hops{margin-bottom:32px;} .abv-details-sec > div{font-size:19px;/* line-height:30px;*/ margin-bottom:0px;display:flex;color:#0480c6;text-transform:uppercase;font-family:"refrigerator-deluxe";font-weight:700;min-height:50px;vertical-align:middle;align-items:center;} .abv-details-sec .think-text{max-width:161px;display:flex;align-items:center;justify-content:space-between;} .abv-details-sec{display:flex;border-bottom:4px solid #ffb819;margin-top:9px;max-width:340px;font-weight:900;width:100%;} .abv-details-sec .ibu-text{border:4px solid #ffb819;padding:0px 16px;margin:0px 16px;border-top:none;border-bottom:none;} .logo-description .currant-avail{font-size:18px;color:#233e87;font-weight:bold;text-transform:uppercase;padding-top:15px;} .logo-description strong{font-size:18px;color:#ffb933;margin:0;padding:0;text-transform:uppercase;font-family:inherit;line-height:21px;padding-right:6px;} .retire-section .logo-description{font-size:19px;color:#253f87;font-family:inherit;line-height:22px;text-transform:capitalize;} .retire-section .logo-image:before{position:absolute;content:"";height:186px;width:186px;background-color:#ffffff;border-radius:50%;opacity:0.4;left:0;} .logo-image{position:relative;} .abv-details-sec .think-text img{padding:0 5px;} .abv-details-sec .think-text span{line-height:16px;} .last-sec .container-fluid:before, .last-sec .container-fluid:after{content:none;} .close-btn img{cursor:pointer;} .popup-info{position:absolute;z-index:999;top:0;left:0;/* min-width:430px;*/ width:100%;height:100%;padding:0px;background:#2d468b;opacity:0.95;color:#eee;border:none;transform:translateX(0);transition:all 3s ease;display:none;right:0;margin:0 auto;} .popup-containt{padding:50px 25px 25px 25px;display:flex;flex-direction:column;height:100%;} .popup-info .logo-description strong{font-size:16px;} .popup-info .logo-description{padding:0;color:#ffffff;line-height:20px;height:100%;} .popup-info .logo-description p{color:#ffffff;font-size:20px;letter-spacing:-0.3px;padding-bottom:21px;} .popup-info .logo-description h4{color:#ffb933;font-size:28px;letter-spacing:-0.7px;line-height:33px;padding-bottom:18px;letter-spacing:0px;} .popup-info .beer-percentage div{color:#ffffff;} .popup-info.activeTb{display:block;} .col-6-inner{display:flex;} .last-sec{padding-bottom:100px;} .signupButton:hover{background-color:#ddd;color:#444;text-decoration:none;} .close-btn{position:absolute;top:20px;right:22px;} .logo-image img{height:186px;width:186px;border-radius:50%;} .popup-containt .pop-start img{margin-right:10px;} .popup-containt .pop-start span{font-size:18px;font-family:"refrigerator-deluxe";font-weight:600;} .popup-containt .pop-start{display:flex;position:relative;top:-15px;} .white-color, .white-color p{color:#ffffff;} @media (max-width:1290px){ .section-wrapper{padding:0 15px;width:100%;margin:0 auto;} .decorate .section-wrapper .row{margin-right:15px;margin-left:15px;} h2.sec-heading:before, h2.sec-heading:after{width:260px;} } @media (max-width:1366px){} @media (max-width:1280px){} @media (max-width:1024px){ .draft-section .row .col-6, .retire-section .row .col-6{flex-direction:column;} .popup-containt{padding:50px 10px;} .abv-details-sec > div{font-size:17px;} .col-6-inner{display:block;} } @media (max-width:900px){ h2.sec-heading:before, h2.sec-heading:after{width:170px;} .draft-section .row .col-6, .retire-section .row .col-6{width:100%;} .decorate .section-wrapper .row{flex-direction:column;} .logo-description{padding:27px 0 0 0;} .abv-details-sec{max-width:375px;} .draft-section .row .col-6, .retire-section .row .col-6{margin-bottom:40px;padding-right:0;width:100%;} .teen-section .col-sm-4{width:50%;} .col-6-inner{max-width:400px;width:100%;margin:0 auto;} } @media (max-width:768px){ .section-wrapper .teen-section .col-sm-4{width:50%;float:left;} .draft-section .row .col-6, .retire-section .row .col-6{width:100%;} .draft-section .row, .retire-section .row{display:flex;flex-direction:column;} .teen-section .col-sm-4{margin-bottom:35px;} .filter-button-group-iso li{font-size:20px;} .gray-white-bg, .mix-white-bg{padding:50px 0 0 0;} .gray-white-bg{padding-bottom:50px;} } @media (max-width:767px){ .filter-button-group-iso li{font-size:19px;} .nav-tab-heading {padding-left: 20px;} .nav-tab-heading{margin-bottom: 20px;} ul#tabs-nav{flex-direction: column;} ul#tabs-nav li { border-bottom: 1px solid #244289; top: 0; } ul#tabs-nav li { border-bottom: 1px solid #244289; top: 0; } ul#tabs-nav li:last-child{border: 0;} ul#tabs-nav li, ul#tabs-nav li.current-menu-item a {width: 100%;} #tabs-nav li a { width: 100%; padding: 13px 15px; margin: 0; border: 0; display: inline-block; } .nav-tab-heading { padding-left: 5px!important; padding-right: 5px; padding-top: 22px; } ul#tabs-nav li:before{display:none;} .page-template-main-beer-page.page-id-3118 .vc_column_container>.vc_column-inner.vc_custom_1613077880219 {padding-left: 8%!important;padding-right: 8%!important;} } @media (max-width:639px){ .section-wrapper .teen-section .col-sm-4{width:100%;} h2.sec-heading:before, h2.sec-heading:after{width:105px;} .sec-heading{font-size:36.6px;} .filter-button-group-iso li{font-size:16px;width:100%;} .filter-button-group-iso li{padding:5px 0;} .filter-button-group-iso ul{flex-direction:column;} .popup-info{max-width:345px;} .two-col-wrap .col-two:first-child img{width: 80%;} .tb-two-col-text h3{font-size: 32px;line-height: 38px;} .btn-group-block {display: none;} .btn-group-block-show-mobile {display: flex;flex-wrap: wrap;justify-content: center;} .btn-group-block-show-mobile.btn-group-block .btn-group {color: #244289;} .btn-group-block a.btn-group{margin: 0 0 10px;} .flower-section .section-heading h3 {font-size: 28px;letter-spacing: 2px;padding: 0 15px;} .flower-section .section-heading {padding: 0px 0px 40px 0px;} .section-heading h3:before {top: 13px;} .section-heading:before, .section-heading:after {top: -27px;} .product-launch-time ul li {width: 100%;} .product-launch-row{padding: 60px 30px 30px 30px;} .sing-block-inner {padding: 0 20px;} .post-navigation{position: relative;top: 0;} .previous-post a {color: #2a4981;} .pi-r ul {padding: 30px 0 0;} .year-roun-heading{font-size: 22px;} .prod-details-bl h4 { font-size: 20px; } .prod-details-bl p { font-size: 18px; } .prod-d-row { padding: 15px 15px 15px 15px; } .prod-details-head { font-size: 18px; } .prod-details-dec { font-size: 18px; margin: 0; letter-spacing: 1px; } .year-roun-heading{padding: 5px;} } @media (max-width:479px){ h2.sec-heading:before, h2.sec-heading:after{width:60px;height:4px;top:45%;bottom:0;} .popup-info .logo-description h4{font-size:20px;letter-spacing:0;line-height:27px;padding-bottom:8px;} .popup-info .logo-description p{padding-bottom:10px;} .abv-details-sec > div{font-size:14px;line-height:normal;text-align:center;min-height:42px;} .abv-details-sec .think-text{max-width:100%;} .logo-description h4{font-size:22px;padding-bottom:10px;} .logo-description p{font-size:18px;line-height:20px;padding-bottom:10px;} .logo-description strong{font-size:16px;line-height:22px;} .draft-section .row .col-6, .retire-section .row .col-6{padding-bottom:25px;} .tb-two-col-text h3 {font-size: 28px;line-height: 34px;} .previous-post a, .next-post a{font-size: 16px;} .tow-col-img-row .tow-col-img {height: 160px;} .product-launch-time h4{font-size: 28px;} .product-launch-time ul li,.product-launch-time p{font-size: 18px} .product-launch-time span{font-size: 24px;} .product-launch-time:first-child{padding: 0 0 20px;} .product-launch-time.listing{padding: 20px 0 0;} .flower-section .section-heading h3 { font-size: 26px; letter-spacing: 0; padding: 0 10px; } .fuzzy-wrapper { width: 280px; } .fuzzy-contents .img-responsive { width: 200px; } .fuzzy-color-bg { height: 90px; top: 95px; } .calories-round-text h3, .carbs-round-text h3, .sugar-round-text h3 { font-size: 16px; } .calories-round-text span, .carbs-round-text span, .sugar-round-text span { font-size: 11px; } .calories-round { width: 65px; left: -7.5%; bottom: -20.5%; } .carbs-round-left { left: -10%; width: 30px; } .carbs-round { right: -8%; width: 50px; } .sugar-round { width: 63px; right: -29px; bottom: 12%; } .Fzzy-bg-sec { padding: 50px 0 90px 0; } .yello-puls-right { top: 2%; right: 6%; } .belt1 { top: 2%; } .belt2 { } .belt3 { height: 160px; } .sing-left { padding: 120px 0 0 0; } .pi-r {width: 100%;border-top: 3px solid #ffb819; padding: 30px 0 0;} .pi-l {width: 100%;margin-right: 0;border: 0;padding: 0;margin: 0 0 50px;} .pi-r ul li{border-top: 3px solid #ffb819; padding: 15px 0 15px;} .belt3 { top: 19%;} } body .wrapper{ opacity:1!important; } @media (max-width:375px){https://www.eurekaheights.com/wp-login.php?action=logout&_wpnonce=aef2c07c9f} @media (max-width:320px){} iframe#form-iframe{height:580px;max-width:1200px;width:100%;margin:0 auto;display:inherit;} /*beer page style end*/ /* header sub-menu css start */ /*Landing Page Template*/ .product-header { text-align: center; } .product-header h3 { font-size: 3em; color: #ff6347; /* Blood Red */ } .product-header p { color: #fff; } .product-info { display: flex; justify-content: space-evenly; margin-bottom: 30px; } .left-column { width: 50%; padding-right: 20px; } .right-column { width: 40%; } .right-column img { max-width: 100%; border: 5px solid #f5a623; /* Pumpkin border */ border-radius: 10px; } .flavor-profile h2 { color: #f39c12; /* Golden Yellow */ } .product-details { background-color: #244289; padding: 30px; border-radius: 15px; } .product-description { margin-top: 20px; margin-bottom: 20px; background: #21386d; padding: 20px; border-radius: 10px; color: #f5a623; } .product-details-wrapper { margin-top: 20px; margin-bottom: 20px; background: #21386d; padding: 20px; border-radius: 10px; color: #f5a623; } .flavor-profile { margin-top: 20px; margin-bottom: 20px; background: #21386d; padding: 20px; border-radius: 10px; color: #f5a623; } .ct-table th { text-transform: uppercase; } .decorate.teamlist.row { display:flex; flex-wrap:wrap; } rs-layer#slider-21-slide-72-layer-2 { font-family: 'Creepster', cursive; font-size: 100px !important; color: #202020 !important; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: #f3852e; } rs-layer#slider-21-slide-72-layer-1 { font-family: 'refrigerator-deluxe'; } .vc_btn3-container.\37 13-btn.vc_btn3-inline.vc_do_btn a { width: 135px; font-family: 'refrigerator-deluxe'; text-transform: uppercase; font-weight: 800; font-size: 18px; background-color: #ffb819; color: #244289; border: 2px solid #244289; } .vc_btn3-container.\37 13-btn.vc_btn3-inline.vc_do_btn a:hover { background-color: #ffffff; }