Font Awesome icon usage statistics

  • 1 types of Font Awesome iconic font are used and found 4 times in total.
  • SAMUELADAMS.COM used 4.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SAMUELADAMS.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SAMUELADAMS.COM includes "http://www.samueladams.com/app_presentation/corporatesite/desktop/release/css/screen.css" to use Font Awesome and information from CSS is like below.
  • /**/:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.video-hero-background-widget-container{margin-bottom:24px}.video-hero-background-widget-container .dotted{z-index:10}.video-hero-background-widget-container .video-container{background:url('../images/structure/border-video-repeat.jpg?1428006521') repeat 0 0;display:block;height:auto;padding:10px;position:absolute;right:0;top:22px;width:auto}.video-hero-background-widget-container .video-container:after{border-bottom:2px solid #d4caab}.video-hero-background-widget-container .video-container .video-link{margin:-4px 0 0 36px}.video-hero-background-widget-container .video-container img{border:1px solid #adacac}.video.modal{height:auto;left:50%;margin-left:-342px;padding:20px 0 0;position:absolute;top:151px;width:684px;z-index:999}.video.modal .content{height:296px;width:296px}.video.modal .content .video-container{display:block;height:auto;margin:0 auto;position:relative;width:254px;z-index:815}.video.modal .bottom{width:684px}.text.modal{margin-left:-342px;padding:20px 0 0;width:684px}.text.modal .content{width:100%}.text.modal .text{font-size:14px;line-height:1.4;height:400px;padding:30px;width:100%;overflow-y:scroll}.text.modal h1{font-size:24px;font-weight:bold;margin-bottom:24px;text-align:center}.text.modal h3{font-size:16px;font-weight:bold;margin-bottom:24px;text-align:center}.text.modal p{margin-bottom:24px}.text.modal .bottom{height:30px;width:684px}.content-wrap.no-banner{margin-top:51px}.content-wrap .variety-pack-container{display:block;height:auto;margin-bottom:37px;position:relative;width:965px}.content-wrap .variety-pack-container .top{background:url('../images/structure/widgets/variety-pack-widget/container-top.png?1428006521') no-repeat 0 0;display:block;height:24px;left:0;position:relative;top:0;width:965px}.content-wrap .variety-pack-container .content{background:url('../images/structure/widgets/variety-pack-widget/container-repeat.png?1428006521') repeat-y 0 0;display:block;height:auto;position:relative;width:965px}.content-wrap .variety-pack-container .content .image-container{display:block;height:auto;margin:0 auto;position:relative;top:-6px;width:936px}.content-wrap .variety-pack-container .content .info-container{display:block;height:auto;margin:0 auto 28px;position:relative;top:-26px;width:929px}.content-wrap .variety-pack-container .content .info-container .top{background:url('../images/structure/widgets/variety-pack-widget/info-container-top.png?1428006521') no-repeat 0 0;display:block;height:34px;left:-16px;position:relative;top:0;width:945px}.content-wrap .variety-pack-container .content .info-container .content{background:url('../images/structure/widgets/variety-pack-widget/info-container-repeat.jpg?1428006521') repeat-y 0 0;display:block;height:auto;position:relative;width:931px;left:-2px}.content-wrap .variety-pack-container .content .info-container .content h4,.content-wrap .variety-pack-container .content .info-container .content p{color:#070507}.content-wrap .variety-pack-container .content .info-container .content .availability{margin:0 auto 20px;position:relative;width:92%}.content-wrap .variety-pack-container .content .info-container .content .availability h4{text-transform:uppercase}.content-wrap .variety-pack-container .content .info-container .content .availability h4 span{color:#0b6a9b}.content-wrap .variety-pack-container .content .info-container .content .description{margin:0 auto 20px;position:relative;width:92%}.content-wrap .variety-pack-container .content .info-container .content .description h4,.content-wrap .variety-pack-container .content .info-container .content .description p{font-family:"open_sans_semiboldregular",arial,sans-serif}.content-wrap .variety-pack-container .content .info-container .content .description h4{font-size:1.2em;margin-bottom:10px}.content-wrap .variety-pack-container .content .info-container .content .links{margin:0 auto;position:relative;width:92%}.content-wrap .variety-pack-container .content .info-container .content .links .fb-like-container{display:block;margin-top:10px}.content-wrap .variety-pack-container .content .info-container .bottom{background:url('../images/structure/widgets/variety-pack-widget/info-container-bottom.jpg?1428006521') no-repeat 0 0;display:block;height:40px;left:-3px;position:relative;top:0;width:932px}.content-wrap .variety-pack-container .variety-beer-container{display:block;height:auto;left:-1%;margin:0 auto;overflow:hidden;position:relative;width:94%}.content-wrap .variety-pack-container .variety-beer-container .beer-item{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;vertical-align:top;margin:0 0 48px 3.5%;padding-top:16px;width:46%}.content-wrap .variety-pack-container .variety-beer-container .beer-item img{float:left;margin-right:17px;position:relative;top:-12px}.content-wrap .variety-pack-container .variety-beer-container .beer-item.last{margin-right:0}.content-wrap .variety-pack-container .variety-beer-container .beer-item span{color:#0b6a9b;font-family:"sam_script",cursive,serif;font-size:1.4em}.content-wrap .variety-pack-container .variety-beer-container .beer-item h1{color:#081e3f;font-size:2.5em;font-family:"oswaldbold",sans-serif;margin-bottom:10px}.content-wrap .variety-pack-container .variety-beer-container .beer-item p{margin-bottom:20px}.content-wrap .variety-pack-container .variety-beer-container .beer-item .play-link{float:left;margin-right:30px}.content-wrap .variety-pack-container .bottom{background:url('../images/structure/widgets/variety-pack-widget/container-bottom.png?1428006521') no-repeat 0 0;display:block;height:24px;left:0;position:relative;top:0;width:965px}.longshot-homebrew-signup-widget-sprite-sprite,.form-steps h3,.form-steps h3 a.step .strikethrough,.form-steps h3 a.step1,.form-steps h3 a.step1.selected,.form-steps h3 a.step2,.form-steps h3 a.step2.selected,.form-steps h3 a.step3,.form-steps h3 a.step3.selected{background-image:url('../images/structure/widgets/longshot-homebrew-signup-widget/longshot-homebrew-signup-widget-sprite-sf4d796eee1.png');background-repeat:no-repeat}.form-steps{margin:30px 0}.form-steps h3{font-size:.8em;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin-left:5%;padding:5px 0 5px 30px;background-position:0 0}.form-steps h3:first-child{margin-left:0}.form-steps h3 a.step{padding-left:30px;margin-left:-30px;position:relative;color:#8e8a85}.form-steps h3 a.step .strikethrough{display:none;width:116px;height:6px;margin-top:-21px;position:relative;top:10px;background-position:0 -93px}.form-steps h3 a.step.done .strikethrough{display:block}.form-steps h3 a.current{color:#2a2105;cursor:default}.form-steps h3 a.step1{background-position:0 -62px}.form-steps h3 a.step1.selected{background-position:0 -31px}.form-steps h3 a.step2{background-position:0 -197px}.form-steps h3 a.step2.selected{background-position:0 -166px}.form-steps h3 a.step3{background-position:0 -135px}.form-steps h3 a.step3.selected{background-position:0 -104px}.brewer-login.common-right-callout{overflow:visible}.forgot-pw-form,.brewer-mini-signup{display:none}.add-beer-form-wrap .form-column.left{margin-left:0 !important}.add-beer-form-wrap label{padding-bottom:0}.add-beer-form-wrap .add-brewer{display:block;margin-top:16px}#homebrewContestStatus{margin-left:35px}#homebrewContestStatus h3{margin-bottom:16px}#homebrewContestStatus ul li{border:none;text-transform:capitalize}#homebrewContestStatus ul li:after{border:none}.longshot-winners-container{margin-top:8px}#longshotLandingContainer ul li,#longshotLandingContainer ol li{font-size:1em}.longshot-winners .winner-item h5{font-family:"open_sansregular",arial,sans-serif;color:#2a2105;font-size:.7em;margin:3px 0}.longshot-winners .winner-item p{font-size:.75em;line-height:1.4em;margin:17px 0}.longshot-winners .winner-item .left{max-width:14%}.longshot-winners .winner-item .left img{width:100%}.longshot-winners .winner-item .right{width:75%;margin-left:5%}.longshot-winners .winner-item .left,.longshot-winners .winner-item .right{display:inline-block;vertical-align:top}.longshot-table h2{color:#0b6a9b}.longshot-table tbody{display:block;margin-bottom:37px;width:100%}.longshot-table tbody td,.longshot-table tbody th{border:1px solid #2a2105;color:#2a2105;font-size:0.8em;padding:6px}.longshot-table tbody .title-text{font-weight:bold;width:20%}.longshot-table tbody .pdf-icon{background:url('../images/icons/teeny-tiny-pdf-icon.png?1428006521') no-repeat 0 0;color:transparent;display:block;height:15px;position:relative;width:18px}#homebrewContestStatus nav a{display:block}#homebrewContestLabels p{margin:0 0 20px 0}#homebrewContestLabels h4{margin:0 0 14px 0}#homebrewContestLabels .bottle-labels{display:block;height:auto;margin:10px 0;overflow:hidden;width:100%}#homebrewContestLabels .bottle-labels p{float:left;margin:13px 6px 0 0}#homebrewContestLabels .bottle-labels .pdf-icon{background:url('../images/icons/large-pdf-icon.png?1428006521') no-repeat 0 0;color:transparent;display:block;float:left;height:45px;position:relative;top:2px;width:40px}#homebrewContestLabels .enter-another-beer a{color:#fff;text-transform:uppercase;text-decoration:none;text-align:center;font-family:"oswaldbold", sans-serif;font-size:1.1em;text-decoration:none !important;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-shadow:#144475 0 -1px 0;padding:9px 38px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;height:35px;margin:10px 0 15px 0;background:url('../images/structure/bg_blue-mix.png?1428006521');cursor:pointer;border:0;-webkit-transition:color, 0.3s;-moz-transition:color, 0.3s;-o-transition:color, 0.3s;transition:color, 0.3s}#homebrewContestLabels .enter-another-beer a:hover{color:white;background:url('../images/structure/bg_blue-mix-hover.png?1428006521')}.touring-now-container.social-feed h2:after{width:50%}.touring-now-container.social-feed .social-feed-content{padding-left:0}.touring-now-container.social-feed .social-feed-content .icon-container .platform-icon.instagram{background:url('../images/icons/instagram-icon.png?1428006521') no-repeat 0 0}.touring-now-container.social-feed .social-feed-content .icon-container .platform-icon.foursquare{background:url('../images/icons/foursquare-icon.png?1428006521') no-repeat 0 0}.touring-now-container.social-feed .social-feed-content .icon-container .time{max-width:85px}.touring-now-container.social-feed .social-feed-content .brewery{padding-left:34px}.our-brewery{position:relative}.our-brewery .blue-button{margin:20px 0 0 15px !important}.our-brewery .right-hotfix{position:absolute;right:0;top:310px}.beer-pairing-results-wrap .beer-list{margin:40px 0}.cooking-results-wrap .recipe-category-list{margin:32px 0}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description{width:700px;margin-right:0}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description .recipe-right{position:absolute;right:0;width:200px}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description .recipe-right .links-list{margin:0}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description .recipe-right .links-list li{float:left;margin:0}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description .recipe-right .links-list li .play-link{float:left}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description .recipe-right .links-list li .play-link:before{color:#081e3f}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description .recipe-right .fb-like-container{float:right}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description p{clear:both;margin-bottom:12px}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description p.compliment{font-size:.7em}.cooking-results-wrap .recipe-category-list .recipe-category .recipe-details li .recipe-description p.compliment a{font-size:1em;text-decoration:none}.recipe-details-container{margin:80px 0 40px;overflow:hidden}.recipe-details-container h1{font-family:"oswaldbold",sans-serif;font-size:3.6em;line-height:1.1em}.recipe-details-container .left-content-column .recipe-options{margin:16px 0;overflow:hidden}.recipe-details-container .left-content-column .recipe-options .fb-like-container{float:left}.recipe-details-container .left-content-column .recipe-options .links-list{float:left}.recipe-details-container .left-content-column .recipe-options .links-list li{margin-left:24px;padding-top:4px;margin-top:0}.recipe-details-container .left-content-column .recipe-options .links-list li a:before,.recipe-details-container .left-content-column .recipe-options .links-list li span{color:#081e3f}.recipe-details-container .left-content-column .image-border-x-large{background:url('../images/structure/bg_image-border-x-large.jpg?1428006521') no-repeat top left;height:420px;margin-bottom:20px;padding:9px 0 0 9px;width:603px}.recipe-details-container .left-content-column h2{margin-bottom:4px;text-transform:capitalize}.recipe-details-container .left-content-column p{margin-bottom:16px}.recipe-details-container .right-content-column .ingredients-container{margin-top:60px}.recipe-details-container .right-content-column .ingredients-container h2{margin-bottom:24px;text-transform:capitalize}.recipe-details-container .right-content-column .ingredients-container li{border-bottom:0;font-size:.8em;margin-bottom:12px}.recipe-details-container .right-content-column .ingredients-container li ul{padding:10px 0 0 10px}.recipe-details-container .right-content-column .view-and-share-container{margin-top:50px}.recipe-details-container .right-content-column .view-and-share-container .play-link{display:none}.recipe-details-container .right-content-column .view-and-share-container .blue-mix-mini a{right:48px}.content-wrap .media-container .left-content-column{width:700px}.content-wrap .media-container .right-content-column{width:240px}.media-item-widget{border-bottom:1px solid #ede8df;margin-bottom:40px;position:relative}.media-item-widget:after{border-bottom:1px solid #d4caab;display:block;width:100%;height:1px;margin-top:18px;content:' ';position:relative;bottom:-2px}.media-item-widget h2{font-size:2.3em;padding-bottom:8px}.media-item-widget h2 a{text-decoration:none}.media-item-widget .media-item-details{color:#2a2105;border-top:2px dotted #b9b1a6;font-family:"oswaldregular",sans-serif;font-size:.75em;height:69px;margin-top:6px;padding-top:8px;overflow:hidden}.media-item-widget .media-item-details .media-item-author{border-right:2px dotted #B9B1A6;float:left;height:22px;margin:0 8px 8px 0;padding:4px 8px 0 0}.media-item-widget .media-item-details .media-item-author a{font-size:1em;text-decoration:none}.media-item-widget .media-item-details .media-item-publish-date{border-right:2px dotted #b9b1a6;float:left;height:22px;margin:0 8px 8px 0;padding:4px 8px 0 0}.media-item-widget .media-item-details .fb-like-container{float:left}.media-item-widget .media-item-content{clear:both;color:#362E28;font-size:.8em;line-height:1.7em;margin:4px 0}.media-item-widget .media-item-content p{font-size:1em;margin:0}.media-item-widget .media-read-more{margin:16px 0}.media-item-widget .media-read-more .links-list li{border-bottom:0}.media-item-widget .media-read-more .links-list li:after{border-bottom:0}.media-item-widget .media-read-more a:before{color:#081e3f}.content-wrap .search-results-widget{position:relative}.content-wrap .search-results-widget form#search-form input.search-input{width:100%;height:55px;font-size:1.2em;line-height:2.1em;position:relative;background:#eee9dd;-moz-box-shadow:inset 3px 3px 4px 0 #e4dbc0;-webkit-box-shadow:inset 3px 3px 4px 0 #e4dbc0;box-shadow:inset 3px 3px 4px 0 #e4dbc0}.content-wrap .search-results-widget form#search-form input.search-submit{background:url('../images/structure/widgets/search-results-widget/bg_search-submit.png?1428006521') no-repeat 0 0;border:none;height:30px;outline:none;padding:4px 13px 4px 38px;position:absolute;right:0;text-indent:-999px;top:4px;width:30px}.content-wrap .search-results-widget .search-status{border-bottom:1px solid #ede8df;color:#5f5842;font-family:"open_sans_semiboldregular",arial,sans-serif;margin:20px 0 40px;padding-bottom:16px;position:relative}.content-wrap .search-results-widget .search-status:after{border-bottom:1px solid #d4caab;display:block;width:100%;height:1px;content:' ';position:absolute;bottom:0px}.content-wrap .search-results-widget .search-status span{display:inline;border-top:0;border-bottom:0}.content-wrap .search-results-widget .search-status span.results{color:#2a2105}.content-wrap .search-results-widget .search-status span.term{color:#081e3f;font-family:"open_sansbold",arial,sans-serif}.content-wrap .search-results-widget ul.search-results li.search-result{border-bottom:1px solid #ede8df;color:#5f5842;font-family:"open_sans_semiboldregular",arial,sans-serif;overflow:hidden;padding:40px 0 40px 23px;position:relative}.content-wrap .search-results-widget ul.search-results li.search-result:nth-child(even){background:#e4dbc0}.content-wrap .search-results-widget ul.search-results li.search-result:first-child{padding-top:0}.content-wrap .search-results-widget ul.search-results li.search-result:after{border-bottom:1px solid #d4caab;bottom:0;content:' ';display:block;height:1px;position:absolute;left:0;width:100%}.content-wrap .search-results-widget ul.search-results li.search-result .result-image{float:left;margin-right:26px;width:150px}.content-wrap .search-results-widget ul.search-results li.search-result .result-details{float:left;width:720px}.content-wrap .search-results-widget ul.search-results li.search-result .result-details h2{text-transform:capitalize}.content-wrap .search-results-widget ul.search-results li.search-result .result-details h2 a{color:#081e3f;font-size:.65em}.content-wrap .search-results-widget ul.search-results li.search-result .result-details a.search-url{font-family:"open_sansbold",arial,sans-serif;display:block;margin:10px 0}.content-wrap .search-results-widget ul.search-results li.search-result .result-details .result-snippet{font-family:"open_sansregular",arial,sans-serif}body.video-template .content-wrap{z-index:10}.inner-page-template .video-wrap .hero-area-wrap{height:400px}.inner-page-template .video-wrap .hero-area-wrap .hero-area-bg{height:400px}.inner-page-template .video-wrap .hero-area-wrap .hero-area-bg .dotted{height:400px}.video-tabs-bg{background:url('../images/structure/widgets/video-tabs-widget/bg_tabs-strip.png?1428006521') repeat-x;height:50px;position:absolute;top:445px;width:100%}.video-tabs-bg .dotted{background:url('../images/structure/widgets/hero-widget/bg_dotted.png?1428006521') repeat-x bottom left;height:50px;width:100%;position:absolute;top:0}.video-tabs-widget-container{height:60px;margin:-53px auto 0;position:relative;width:735px;z-index:40;text-align:center}.video-tabs-widget-container .video-tabs{width:100%}.video-tabs-widget-container .video-tabs li{float:left;font-family:"oswaldbold",sans-serif;text-transform:uppercase;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline}.video-tabs-widget-container .video-tabs li.active{background:url('../images/structure/widgets/video-tabs-widget/bg_tab.png?1428006521') repeat-x;height:60px;width:207px}.video-tabs-widget-container .video-tabs li.active a{color:#081e3f;text-shadow:1px 1px 2px #FFF}.video-tabs-widget-container .video-tabs li.active a:hover{color:#4e89a8}.video-tabs-widget-container .video-tabs li a{display:block;font-size:1.2em;height:52px;padding-top:20px;width:207px}.video-tabs-list-widget-sprite-sprite,.video-tabs-list-widget-container ul.video-list-container li.video-category .expandable,.video-tabs-list-widget-container ul.video-list-container li.video-category.active .expandable{background-image:url('../images/structure/widgets/video-tabs-list-widget/video-tabs-list-widget-sprite-s089479f047.png');background-repeat:no-repeat}.video-tabs-list-widget-container{margin:40px 0}.video-tabs-list-widget-container ul.video-list-container li.video-category{border-bottom:1px solid #ede8df;color:#0b6a9b;cursor:pointer;font-family:"oswaldbold",sans-serif;font-size:1.5em;margin-bottom:16px;padding-bottom:16px;position:relative}.video-tabs-list-widget-container ul.video-list-container li.video-category:after{border-bottom:1px solid #d4caab;display:block;width:100%;height:1px;content:' ';position:relative;bottom:-16px}.video-tabs-list-widget-container ul.video-list-container li.video-category .expandable{background-position:0 -35px;color:#2a2105;float:right;font-family:"open_sansbold",arial,sans-serif;font-size:.6em;height:30px;margin-right:24px;padding:7px;position:relative;top:-2px;width:83px}.video-tabs-list-widget-container ul.video-list-container li.video-category ul.videos{clear:both;display:none;margin-top:20px}.video-tabs-list-widget-container ul.video-list-container li.video-category ul.videos li{display:inline-block;margin:0 24px 24px 0}.video-tabs-list-widget-container ul.video-list-container li.video-category ul.videos li a.image-wrap{background:url('../images/structure/widgets/video-tabs-list-widget/bg_video-box.jpg?1428006521') repeat-x;display:block;height:104px;padding:4px;position:relative;width:216px}.video-tabs-list-widget-container ul.video-list-container li.video-category ul.videos li a.image-wrap img{margin:3px 4px 0}.video-tabs-list-widget-container ul.video-list-container li.video-category ul.videos li a.image-wrap .video-play-btn{background-position:0 -545px;height:64px;left:50%;margin-left:-44px;position:absolute;top:20px;width:97px}.video-tabs-list-widget-container ul.video-list-container li.video-category ul.videos li a.text-wrap{color:#2a2105;display:block;font-family:"open_sansbold",arial,sans-serif;margin-top:8px}.video-tabs-list-widget-container ul.video-list-container li.video-category ul.videos li a.text-wrap span{display:block;font-size:.6em;text-align:center}.video-tabs-list-widget-container ul.video-list-container li.video-category.active .expandable{background-position:0 0}.home-page-template .google-map-container{margin-left:-20px}.inner-page-template .google-map-container{margin-left:-20px;margin-top:16px}#miniMapContainer{margin:0px 20px 0px 0px;padding:90px 0px 0px 0px;width:624px;height:516px;background:url('../images/structure/widgets/find-a-sam/miniMapPaperBk.png?1428006521') 0 0 no-repeat}.promotions-layout #miniMapContainer{width:609px;height:516px;background:url('../images/structure/widgets/find-a-sam/promo-paper-back.png?1428006521') 0 0 no-repeat}.promotions-layout #miniZipField{margin:25px 0 0 32px}.promotions-layout #miniMapSeeMore{display:none}#miniMap{margin:0px auto 0px auto;padding:0px 0px 0px 0px;width:540px;height:310px;background-color:rgba(248,248,248,0.75);border:1px solid #c1b59c}#miniZipField{margin:16px 0px 0px 42px;padding:0px 0px 0px 0px;height:45px}#miniZipField input{height:29px;font-size:0.8em;line-height:1}#miniFindASamSearchForm{margin:0px 0px 0px 0px;padding:0;padding-left:2px;text-align:left;float:left;width:100%;vertical-align:top;line-height:0;height:45px}#miniZipCodeText{float:left;margin:0px;padding:8px;width:232px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#f0ede1;border:1px solid #b9b198;box-shadow:inset 2px 1px 4px 0px rgba(185,177,152,0.65)}#miniSearchSubmit{float:left;margin:0px 0px 0px 12px;padding:0px;font-family:"oswaldregular",arial,sans-serif;height:29px;width:50px;border-top:1px solid #4293d3;border-bottom:1px solid #2b5079;color:#fff;text-shadow:-1px -1px 0 rgba(43,80,121,0.82);background:url('../images/structure/widgets/find-a-sam/button_bk.png?1428006521') 0 0 no-repeat;font-size:.9em;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.75);-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.75);-o-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.75);overflow:hidden}#miniMapSeeMore{clear:both;margin:0px 0px 0px 42px;padding:0px 0px 0px 10px;width:180px;height:15px;font-family:'oswaldregular', sans-serif;color:#0b6a9b;font-size:.8em;background:url('../images/structure/widgets/find-a-sam/miniMapArrow.gif?1428006521') 0px 3px no-repeat}#findASamWidget{background-color:none;text-align:left}#map{height:450px;width:100%;margin:0px;clear:both}#zipfield{float:left;padding-right:24px}#searchFormText{font-family:"oswaldbold", sans-serif;color:#051f47;font-size:.9em;padding-left:2px}#filterlistfield{float:left;margin:-2px 0px 0px 0px;padding-right:24px}#secondaryFormDiv{padding-left:10px;margin:0px;float:left;margin:-3px 0px 0px 0px}#secondaryFormDiv input{margin:0 5px 0 5px}#findASamSearchDiv{text-align:left;line-height:0}#findASamSearchForm{margin:0px 0px 20px 0px;padding:0;padding-left:2px;text-align:left;width:100%;vertical-align:top;height:75px}label{margin:0px;padding-bottom:14px;font-family:"open_sansregular",arial,sans-serif}#findYourLocationForm{border:0px solid white;text-align:right;margin-left:20px;padding-left:5px;padding-right:5px;vertical-align:top;line-height:0}.locationFilters{float:left;margin:-6px 0px 0px 0px;padding:0px 20px 0px 32px;height:44px;line-height:1em;letter-spacing:-.5;font-size:.8em}.locationFilters.active{text-decoration:line-through}#filterStores{padding-top:14px;background:url('../images/structure/widgets/find-a-sam/filter_stores.png?1428006521') 0 0 no-repeat;font-family:"open_sansbold", arial, sans-serif;color:#6c6651;text-shadow:0px 1px 0px 0px #fff;cursor:pointer}#filterBars{padding-top:8px;width:120px;background:url('../images/structure/widgets/find-a-sam/filter_bars.png?1428006521') 0 0 no-repeat;font-family:"open_sansbold", arial, sans-serif;color:#6c6651;text-shadow:0px 1px 0px 0px #fff;cursor:pointer}#filterPerfectPour{padding-top:14px;width:90px;background:url('../images/structure/widgets/find-a-sam/filter_perfectpour.png?1428006521') 0 0 no-repeat;font-family:"open_sansbold", arial, sans-serif;color:#6c6651;text-shadow:0px 1px 0px 0px #fff;cursor:pointer}#filterEvent{padding-top:14px;padding-left:42px;background:url('../images/structure/widgets/find-a-sam/filter_event.png?1428006521') 0 0 no-repeat;font-family:"open_sansbold", arial, sans-serif;color:#6c6651;text-shadow:0px 1px 0px 0px #fff;cursor:pointer}#searchSubmit{float:right;font-family:"oswaldregular",arial,sans-serif;height:29px;width:91px;border-top:1px solid #4293d3;border-bottom:1px solid #2b5079;color:#fff;text-shadow:-1px -1px 0 rgba(43,80,121,0.82);background:url('../images/structure/widgets/find-a-sam/button_bk.png?1428006521') 0 0 no-repeat;padding:0px 11px;font-size:.9em;-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.75);margin:0px}#zipCodeText{height:30px;width:124px;font-family:"open_sansregular",arial,sans-serif;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e5da), color-stop(6%, #fffcf3));background:-webkit-linear-gradient(#e8e5da, #fffcf3 6%);background:-moz-linear-gradient(#e8e5da, #fffcf3 6%);background:-o-linear-gradient(#e8e5da, #fffcf3 6%);background:linear-gradient(#e8e5da,#fffcf3 6%);border:1px solid #ede8df;border-top:1px solid #d1cdc0;padding:8px 8px;font-size:.6em}#resultsDiv{background-color:none;height:auto;width:100%;margin:0px 0px 0px 0px;padding:10px 0 0 0;vertical-align:middle}#resultsDiv .tool-tip{bottom:58px;display:none;left:-36px;position:absolute;z-index:100;background:url('../images/structure/widgets/beer-details-widget/tooltip-mid.png?1428006521') repeat-y;background-repeat:repeat-y;padding:0 26px;width:186px}#resultsDiv .tool-tip h2{font-size:15px;color:#081e3f;font-family:"oswaldbold",sans-serif;text-transform:capitalize;margin:-15px 0 10px 0}#resultsDiv .tool-tip img{float:left}#resultsDiv .tool-tip li{float:left;margin:10px 0 0 0;line-height:1.2em}#resultsDiv .tool-tip .container-description{float:left;font-size:12px;font-family:"open_sansregular",arial,sans-serif;width:110px;line-height:2em}#resultsDiv .tool-tip:before{content:" ";background-position:0 -629px;height:16px;width:186px;position:relative;display:block;top:-16px;left:-26px}#resultsDiv .tool-tip:after{content:" ";background-position:0 -544px;height:40px;width:186px;position:relative;display:block;bottom:-40px;float:left;left:-26px}.resultsInfo{text-align:left}.results{display:block;border-top:1px solid rgba(255,255,255,0.7);border-bottom:1px solid #d4caab;margin:0px 5px 0px 5px;padding:10px 0px 10px 5px}#resultsHeadCol{border-top:none}.resultsClear{clear:both}.resultsCol{float:left;position:relative;margin:0px;padding:0px;width:25%;height:auto}ul.mapResults{list-style-type:none}.resultsInfoBox .accountName a{font-family:"oswaldregular", sans-serif;color:#051f48;font-size:13px;text-transform:uppercase;line-height:1.4em}li.accountName{margin-bottom:8px;font-family:"oswaldregular", sans-serif;color:#051f48}li.address{font-family:"open_sansbold", sans-serif;color:#332807;font-size:.8em;line-height:1.2em;width:185px}li.phone{margin:8px 0 5px 0;font-family:"open_sansregular", sans-serif;color:#332807;font-size:.9em;line-height:1.2em}li.accountUrl{font-family:"open_sansbold", sans-serif;color:#332807;font-size:.7em;line-height:1.2em}li.styles{font-family:"open_sansbold", sans-serif;color:#332807;font-size:.7em;line-height:1.6em;position:relative}.beerStyleLink{font-family:"open_sansbold", sans-serif;color:#4e89a8;font-size:1em;line-height:1.6em}.beerStyleLink:hover{color:#332807}.mapIt{cursor:pointer}.info{text-align:left}.infoBox{font-size:13px;margin:0px 0px 0px 0px;padding:0;text-align:left;height:auto;vertical-align:bottom;background:#f8f5ea;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px -1px 7px 0px rgba(0,0,0,0.35)}#topInfoBox{vertical-align:bottom;width:294px;padding:0;margin:0;text-align:center;background-image:url('../images/structure/widgets/find-a-sam/tipbox.gif?1428006521');background-repeat:no-repeat;background-position:0 0;margin-top:-8px;padding:8px 0 0 0}.resultsBox{margin:10px 8px 8px 8px}.resultsBox .beer-name{font-family:"oswaldregular", sans-serif;color:#051f48;font-size:11px;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;margin:20px 0 8px 0 !important}.resultsBox .packaging-list li{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;width:100%;margin:0 0 5px 0;font-size:.9em}#xClose{vertical-align:top;cursor:pointer;width:100%;text-align:center}.directions{text-align:left}.directions.getDirections{font-size:20px}.getDirections{cursor:pointer;float:right;font-family:"oswaldregular",arial,sans-serif;height:29px;width:118px;border-top:1px solid #4293d3;border-bottom:1px solid #2b5079;color:#fff;text-shadow:-1px -1px 0 rgba(43,80,121,0.82);background:url('../images/structure/widgets/find-a-sam/button_bk.png?1428006521') 0 0 repeat;padding:7px 13px;font-size:.9em;-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.75)}.infoBoxResultsCol{position:relative;margin:0px;padding:0px;height:auto;width:80%;float:none}#findASamNotBrewedWidget{width:100%;height:454px;position:relative}#findASamNotBrewedWidget .bottles-map-img{background:url('../images/structure/widgets/find-a-sam/not_brewed_bottle_map_v2.png?1428006521') 0 0 no-repeat;position:absolute;top:40px;left:-110px;width:690px;height:422px}#findASamNotBrewedWidget .copy{width:71%;position:absolute;top:30px;right:0px}#findASamNotBrewedWidget p{margin-top:0;margin-bottom:40px;width:90%}#findASamNotBrewedWidget .large-zipcode-form-container{background:url('../images/structure/widgets/find-a-sam/not_brewed_zip_bg.png?1428006521') 0 0 no-repeat;width:418px;height:81px;position:relative;left:-5px}#findASamNotBrewedWidget .large-zipcode-form{position:relative;top:8px;left:15px}#findASamNotBrewedWidget .large-search-field{width:321px;height:50px;margin-right:5px;font-size:1.1875em}#findASamNotBrewedWidget .large-search-submit{width:54px;height:45px;font-size:1.825em;padding:0px;display:inline-block}.top10-leaderboard h1{text-align:center;font-weight:bold;color:#2a2105;font-size:1.7em;font-family:"oswaldbold",sans-serif;text-transform:uppercase;margin-bottom:15px}.top10-leaderboard h1.thin{font-weight:normal}.top10-leaderboard h3{margin:20px 0 0}.top10-leaderboard .leaderboard{width:48%;margin-right:1%;margin-bottom:45px}.top10-leaderboard .leaderboard.left{float:left}.top10-leaderboard .leaderboard.right{float:right}.top10-leaderboard .leaderboard h4{margin:10px 0 10px;text-align:center}.top10-leaderboard .leaderboard ol{border:1px solid #d4caab}.top10-leaderboard .leaderboard ol li{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #d4caab;margin:0}.top10-leaderboard ul{padding:20px 0 20px 0}.top10-leaderboard .name-col{width:100px;float:left;color:#051f48;font-weight:bold}.top10-leaderboard .city-col{width:140px;float:left;color:#6c6651}.top10-leaderboard .time-col{width:40px;float:left;font-weight:bold}.formError{z-index:990}.formError .formErrorContent{z-index:991}.formError .formErrorArrow{z-index:996}.ui-dialog .formError{z-index:5000}.ui-dialog .formError .formErrorContent{z-index:5001}.ui-dialog .formError .formErrorArrow{z-index:5006}.inputContainer{position:relative;float:left}.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer;text-align:left}.formError.inline{position:relative;top:0;left:0;display:inline-block}.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}.formError .formErrorContent{width:100%;background:#ee0101;position:relative;color:#fff;min-width:120px;font-size:11px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;-o-box-shadow:0 0 6px #000;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px}.formError.inline .formErrorContent{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}.greenPopup .formErrorContent{background:#33be40}.blackPopup .formErrorContent{background:#393939;color:#FFF}.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative;-webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important;box-sizing:content-box !important}body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;margin:0px 0 0 12px;top:2px}.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;-o-box-shadow:0 2px 3px #444;font-size:0px;height:1px;background:#ee0101;margin:0 auto;line-height:0;font-size:0;display:block;-webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important;box-sizing:content-box !important}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}.greenPopup .formErrorArrow div{background:#33be40}.blackPopup .formErrorArrow div{background:#393939;color:#FFF}.formError .formErrorArrow .line10{width:15px;border:none}.formError .formErrorArrow .line9{width:13px;border:none}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}/*!
     *  Font Awesome 3.0.2
     *  the iconic font designed for use with Twitter Bootstrap
     *  -------------------------------------------------------
     *  The full suite of pictographic icons, examples, and documentation
     *  can be found at: http://fortawesome.github.com/Font-Awesome/
     *
     *  License
     *  -------------------------------------------------------
     *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
     *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
     *    http://opensource.org/licenses/mit-license.html
     *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
     *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
     *    "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
     *
     *  Contact
     *  -------------------------------------------------------
     *  Email: dave@davegandy.com
     *  Twitter: http://twitter.com/fortaweso_me
     *  Work: Lead Product Designer @ http://kyruus.com
     */

Examples and source code

icon-caret-right

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-caret-right"></i> icon-caret-right
Icon classes are echoed via CSS :before.

icon-caret-right

icon-caret-right

icon-caret-right

icon-caret-right

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-caret-right icon-large"></i> icon-caret-right</p>
<p><i class=" icon-caret-right icon-2x"></i> icon-caret-right</p>
<p><i class=" icon-caret-right icon-3x"></i> icon-caret-right</p>
<p><i class=" icon-caret-right icon-4x"></i> icon-caret-right</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-caret-right"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-caret-right icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-caret-right icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-caret-right"></i>  normal<br>
<i class=" icon-caret-right icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-caret-right icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-caret-right icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-caret-right icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-caret-right icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-caret-right icon-2x icon-spin"></i>
<i class=" icon-caret-right icon-3x icon-spin"></i>
<i class=" icon-caret-right icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-caret-right on icon-check-empty
icon-caret-right on icon-circle
icon-caret-rightl on icon-sign-blank
icon-ban-circle on icon-caret-right

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-caret-right "></i>
</span>
icon-caret-right on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-caret-right icon-light"></i>
</span>
icon-caret-right on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-caret-right icon-light "></i>
</span>
icon-caret-right on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-caret-right icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-caret-right