← back to Restaurant Directory
data/raw/facility-FA0044360-1778044398927.html
4503 lines
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=1">
<!-- Preconnect -->
<link rel="preconnect" href="https://www.optimizecdn.com" crossorigin="">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link rel="apple-touch-icon" href="/images/coffee.png">
<link rel="icon" type="image/png" href="/images/coffee.png">
<!-- Site Meta Data -->
<title>Find the Best Coffee Roasters & Shops in the United States</title>
<meta name="description" content="Find top-rated coffee roasters and shops across the USA on CoffeeRoaster.com. Explore, compare, and connect with your favorite coffee spots.">
<meta name="keywords" content="coffee roaster,coffee roasters near me,local coffee roasters,fresh roasted coffee,coffee companies,local coffee roasters near me,able coffee roasters,coffee shop,coffee shops near me,coffee places near me,iced coffee near me,local coffee shops near me,coffee shops near me open now,starbucks coffee near me">
<meta name="robots" content="index, follow">
<!-- Canonical URL -->
<link rel="canonical" href="https://www.coffeeroaster.com/">
<!-- Social Media Meta Data -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.coffeeroaster.com">
<meta property="og:site_name" content="Coffee Roaster">
<meta property="og:title" content="Find the Best Coffee Roasters & Shops in the United States">
<meta property="og:description" content="Find top-rated coffee roasters and shops across the USA on CoffeeRoaster.com. Explore, compare, and connect with your favorite coffee spots.">
<meta property="og:image" content="https://www.coffeeroaster.com/images/2ea970792059b61b5bb44ad09e73558370e9b4af.jpg">
<script async="" src="https://t.sharethis.com/1/k/t.dhj?cid=c010&cls=B&dmn=www.coffeeroaster.com&rnd=1778044398121" id="pxscrpt"></script><script async="" src="https://buttons-config.sharethis.com/js/60bb406a2cc4430018d6dd8e.js"></script><script type="text/javascript" async="" src="https://d10lpsik1i8c69.cloudfront.net/w.js"></script><script>
var siteInfoSpan=document.createElement('span');
siteInfoSpan.style.cssText='position:absolute;color:transparent;width:100%;z-index:-1;height:50px;top:0;';
siteInfoSpan.textContent='www.coffeeroaster.com - Coffee Roaster';
document.documentElement.appendChild(siteInfoSpan);
</script>
<!-- Preload -->
<link rel="preload" as="style" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=08.29.58.82" fetchpriority="high" crossorigin="">
<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,900|Acme:300,400,600,700,800,900|Playfair+Display:300,400,600,700,800,900|Raleway:300,400,600,700,800,900|Montserrat:300,400,600,700,800,900&display=swap" fetchpriority="high">
<link rel="preload" href="/images/coffee-roaster-home.jpg" as="image" fetchpriority="high">
<!-- Non-Critical Stylesheet - Render Before Critical Styles -->
<link rel="stylesheet" onload="this.onload=null;this.removeAttribute('media');" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/non-critical-styles.pkgd.min.css?v=3.2.9" crossorigin="">
<noscript>
<link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/non-critical-styles.pkgd.min.css" crossorigin>
</noscript>
<!-- Critical Stylesheet -->
<link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=08.29.58.82" crossorigin="">
<!-- Google Fonts Stylesheet -->
<link rel="stylesheet" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,900|Acme:300,400,600,700,800,900|Playfair+Display:300,400,600,700,800,900|Raleway:300,400,600,700,800,900|Montserrat:300,400,600,700,800,900&display=swap">
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,900|Acme:300,400,600,700,800,900|Playfair+Display:300,400,600,700,800,900|Raleway:300,400,600,700,800,900|Montserrat:300,400,600,700,800,900&display=swap">
</noscript>
<!-- FontAwesome Stylesheet -->
<link rel="stylesheet" onload="this.onload=null;this.removeAttribute('media');" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/font-awesome/css/font-awesome.min.css" crossorigin="">
<noscript>
<link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/font-awesome/css/font-awesome.min.css" crossorigin>
</noscript>
<!-- Bootstrap Icons Stylesheet -->
<link rel="stylesheet" onload="this.onload=null;this.removeAttribute('media');" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/fonts/bootstrap-icons.min.css?v=1.13.1" crossorigin="">
<noscript>
<link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/fonts/bootstrap-icons.min.css?v=1.13.1" crossorigin>
</noscript>
<!-- Critical JavaScript -->
<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/jquery.min.js"></script>
<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/jquery-ui.min.js"></script>
<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/bootstrap.min.js"></script>
<script>
/* jQuery.event.special.touchstart = {
setup: function( _, ns, handle ) {
this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
}
}; */
jQuery.event.special.touchmove = {
setup: function( _, ns, handle ) {
this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
}
};
jQuery.event.special.wheel = {
setup: function( _, ns, handle ){
this.addEventListener("wheel", handle, { passive: true });
}
};
jQuery.event.special.mousewheel = {
setup: function( _, ns, handle ){
this.addEventListener("mousewheel", handle, { passive: true });
}
};
</script>
<!-- Prefetch -->
<link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.lazy/1.7.9/jquery.lazy.min.js" as="script">
<link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=0.7.9" as="script">
<!-- Custom Site-wide HEAD Content --><meta name="google-site-verification" content="_l2W5zSYpYutIKmJXt9i5sMFlKbMREY4ZSY6Oj0jIRI">
<meta name="msvalidate.01" content="7858B2425C7ECAABBBAB33783F33E54E">
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=60bb406a2cc4430018d6dd8e&product=sop" async="async"></script>
<script defer="" src="//server1.opentracker.net/?site=travel.wjm.net"></script>
<noscript><a href="https://www.opentracker.net" target="_blank"><img alt="web analytics" border="0" src="https://img.opentracker.net/?cmd=nojs&site=travel.wjm.net"/></a> </noscript>
<script type="text/javascript">
window.__lo_site_id = 325228;
(function() {
var wa = document.createElement('script'); wa.type = 'text/javascript'; wa.async = true;
wa.src = 'https://d10lpsik1i8c69.cloudfront.net/w.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-YPDXJV3M6Q"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YPDXJV3M6Q');
</script> <script>
function g() {
window.addEventListener('load', () => {
if (typeof initializeG === 'function') {
initializeG();
}
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&region=US&callback=g&language=en&key=AIzaSyDurbo-0W7zdPW7XR_cuDUaeY09A4TyCl0"></script>
<script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/11d/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/11d/util.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/11d/controls.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/64/11d/places_impl.js"></script></head><span style="position: absolute; color: transparent; width: 100%; z-index: -1; height: 50px; top: 0px;">www.coffeeroaster.com - Coffee Roaster</span>
<body class="general-session"><!--
IMPORTANT: It is not recommended to customize this widget as it directly connects to fields in DESIGN SETTINGS. If new design settings are created and this widget is already customized, then the website will not be able to apply any new design setitngs.
INSTEAD: If custom CSS rules are needed, add them directly into the DESIGN SETTINGS > CUSTOM CSS section.
-->
<style>
.upload-form-field::before {
content: "choose files";
display: inline-block;
border: 1px solid #999;
border-radius: 3px;
padding: 5px 8px;
}
#first_container span.input-group-addon,#first_container .datepicker *,#first_container .input-group-addon, #first_container .input-group-addon *,#first_container .fr-action-buttons .fr-submit,.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
white-space: nowrap !important;
}
/* Main Website Design */
body,.modal-header,.modal-content,.modal-body,.modal-footer {
background: rgb(255, 255, 255);
color: rgb(41, 41, 41);
font-family: 'Open Sans';
font-size: 16px;
}
.select2-container .select2-choice {
font-family: 'Open Sans'!important;
}
html{
background: rgb(13, 0, 0) }
.bootstrap-datetimepicker-widget *:not(.active,[data-action="togglePeriod"]) a, .bootstrap-datetimepicker-widget *:not(.active,[data-action="togglePeriod"]) td,.datepicker th.picker-switch,.datepicker .dow {
color: #000 !important;
}
a,a.h1,a.h2,a.h3,a.h4,a.h5,a.h6,.pricing_menu li ul li a:not(.btn) {
color: rgb(13, 0, 0);
}
a:hover, a:focus,.pricing_menu li ul li a:not(.btn):hover,.pricing_menu li ul li a:not(.btn):focus,.btn:hover,.btn:focus {
color: rgb(192, 120, 8);
}
.breadcrumb a{
color: rgba(115, 59, 13,0.9);
}
.breadcrumb a:hover, .breadcrumb a:focus,.breadcrumb > .active {
color: rgb(115, 59, 13);
}
.help-inline, .help-block {
color: rgba(41, 41, 41,0.5);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat';
}
/* Header Design */
.header, .mobile_website_logo img {
background: rgb(247, 247, 247);
}
.header .mini-nav li a:not(.btn):not(.network-icon), .header .mini-nav span {
color: rgb(41, 41, 41);
font-size: 16px;
}
.header .mini-nav li a:not(.btn):hover {
color: rgba(41, 41, 41,0.95);
}
.header .btn_get_listed {
background-color: rgb(192, 120, 8);
border: 1px solid rgb(192, 120, 8);
color: rgb(255, 255, 255)!important;
}
.header .btn_get_listed:hover, .header .btn_get_listed:focus {
background-color: rgba(192, 120, 8,0.97);
}
.header .btn_search {
background-color: rgba(115, 59, 13,0.97);
border: 1px solid rgb(115, 59, 13);
color: rgb(255, 255, 255);
}
.header .btn_search:hover, .header .btn_search:focus {
background-color: rgb(115, 59, 13);
color: rgb(255, 255, 255);
}
/* Logo Design */
.logo,.logo:hover,.logo:focus {
color: rgb(13, 0, 0);
font-family: 'Acme';
}
.logo .slogan {
color: rgb(115, 59, 13);
}
.logo .fa {
color: rgb(13, 0, 0);
}
/* Main Menu Design */
.member-profile-tabs > ul, .member-profile-tabs .tabs-container {
background: rgb(238, 238, 238);
position: sticky;
z-index: 1;
top: 0px;
}
/* Google Translate When Main Menu Sticky Top */
@media only screen and (max-width: 1100px) {
.member-profile-tabs > ul, .member-profile-tabs .tabs-container {
top: 50px;
}
}
.header ul.nav.navbar-nav li ul {
background-color: rgb(13, 0, 0);
}
.header ul.nav.navbar-nav li ul li a, .header ul.nav.navbar-nav li ul li span {
color: rgb(255, 255, 255);
font-weight: 400;
}
.header .navbar-default, .pagination > .active > a {
background-color: rgb(13, 0, 0);
}
.header ul.nav.navbar-nav li ul li a:hover, .header ul.nav.navbar-nav li ul li a:focus{
border-left-color: rgb(255, 255, 255);
background: rgb(255, 255, 255);
color: rgb(13, 0, 0);
}
.navbar-default .navbar-toggle .icon-bar {
background-color: rgb(255, 255, 255);
}
.user_sidebar, .main_menu, .compact-mobile-search {
color: rgb(255, 255, 255);
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
color: rgb(255, 255, 255);
font-weight: 400;
}
.navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {
color: rgb(192, 120, 8);
}
.navbar-default .navbar-nav > li {
font-family: 'Raleway';
}
/* Footer Design */
.footer {
background-color: rgb(13, 0, 0);
display: block;
}
.footer, .footer_menu a,.footer_terms a,.footer_menu .content {
color: rgb(239, 239, 239);
}
.footer_menu a:hover, .footer_terms a:hover, .footer_menu a:focus, .footer_terms a:focus {
color: rgb(255, 255, 255);
}
.footer_menu .head {
color: rgb(255, 255, 255);
}
.btn_footer_get_listed {
background-color: rgb(192, 120, 8);
border: 1px solid rgb(192, 120, 8);
color: rgb(255, 255, 255)!important;
}
.btn_footer_get_listed:hover, .btn_footer_get_listed:focus{
background-color: rgba(192, 120, 8,0.95);
}
/* Homepage Design */
#first_container,.vegas-wrapper {
box-shadow:inset 0 0 0 6000px rgba(13, 0, 0,.4);
}
.homepage_settings h1, .homepage_settings h2, .homepage_map h1, .homepage_map h2 {
font-family: 'Playfair Display';
}
.homepage_settings h1, .homepage_map h1 {
color: rgb(255, 255, 255);
font-weight: 600;
text-align: center;
}
.homepage_settings h2, .homepage_map h2 {
color: rgb(255, 255, 255);
font-weight: 400;
text-align: center;
}
.homepage_settings .search_box label {
color: rgb(255, 255, 255);
}
.btn_home_search, .search_box input[type=submit] {
background-color: rgb(192, 120, 8);
border: 1px solid rgb(192, 120, 8);
color: rgb(255, 255, 255);
}
.btn_home_search:hover, .btn_home_search:focus, .search_box input[type=submit]:hover, .search_box input[type=submit]:focus {
background-color: rgba(192, 120, 8,0.97);
color: rgb(255, 255, 255);
}
.homepage_settings .search_box {
background-color: rgba( 115, 59, 13, 0.8);
}
/* Homepage Steps Module */
.homepage_steps {
background: none;
box-shadow: none;
padding: 0;
color: rgb(255, 255, 255);
}
.homepage_steps a.homepage_step_link,.homepage_steps a.homepage_step_link:hover,.homepage_steps a.homepage_step_link:active{
color: rgb(255, 255, 255)!important;
}
.homepage_steps .fa {
color: rgb(192, 120, 8);
background-color: rgba(192, 120, 8,0.075);
}
.homepage_steps h2 + p {
opacity: .6;
}
/* Blog Posts Slider Settings */
#myCarousel h2 a, .carousel-caption p,#myCarousel .list-group-item h2, #myCarousel li.list-group-item h4 {
color: rgb(255, 255, 255);
}
#myCarousel .list-group-item {
background-color: rgba(32, 80, 129,0.9);
border-color: rgba(32, 80, 129,0.80);
}
#myCarousel .carousel-caption {
background-color: rgba(32, 80, 129,0.8);
}
#myCarousel .list-group, #myCarousel .carousel-inner {
background-color: rgb(32, 80, 129) }
#myCarousel .list-group .active, #myCarousel .list-group-item:hover {
background-color: rgb(32, 80, 129) }
#myCarousel .list-group .active h2, #myCarousel .list-group-item:hover h2{
color: rgb(250, 250, 250);
}
/* Additional Settings */
.well blockquote {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-color: rgb(238, 238, 238);
color: rgb(41, 41, 41);
padding: 10px 20px;
}
.account-form-box form table tr td table {
background-color: transparent!important;
border: none!important;
}
.account-form-box form table tr td table td {
background-color: transparent!important;
color: rgb(41, 41, 41)!important;
border: none!important;
}
div.dataTables_length label, div.dataTables_filter label, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
color: rgb(41, 41, 41)!important;
}
.table.dataTable > thead > tr > th, .table > thead > tr > th, .fr-view table th, .fr-view table tfoot td {
border-color: rgba(85, 85, 85,0.1);
background-color: rgb(238, 238, 238);
color: rgb(85, 85, 85);
font-weight:600;
border-left: none;
border-bottom-width: 1px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, table.dataTable.no-footer {
border-color: rgba(85, 85, 85,0.1);
}
.table > tfoot > tr > td:not(:last-child) {
border-right: 1px solid rgba(85, 85, 85,0.1);
}
table.dataTable.no-footer, table.dataTable {
border: 1px solid rgb(238, 238, 238)!important;
}
.table-view li:not(.table-display-about_me li, .froala-data li), .table-view .table-view-group > div {
border-top:1px solid rgb(238, 238, 238);
}
.table-view .table-view-group:last-child {
border-bottom:1px solid rgb(238, 238, 238);
}
table.dataTable tbody tr, .table-striped.dataTable, .table-striped, .fr-view .table-striped {
background-color: rgb(250, 250, 250)!important;
}
.table-striped.dataTable, .table-striped, .fr-view .table-striped {
border: 1px solid rgba(85, 85, 85,0.15);
border-collapse: separate;
overflow: hidden;
}
table#feature-body-datatable:has(.dropdown.open),table#digital-products-transactions:has(.dropdown.open), table#example:has(.dropdown.open) {
overflow: visible;
}
.table-striped.dataTable tbody > tr:nth-of-type(2n+1),.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: rgba(255, 255, 255,0.5)!important;
}
.nav-tabs, hr, .account-menu-title, .modal-header {
border-color: rgb(238, 238, 238);
}
.sidemenu_panel .list-group-item{
background-color: transparent!important;
color: rgb(41, 41, 41)!important;
}
.img-thumbnail {
background-color: rgb(250, 250, 250)!important;
border: 1px solid rgb(238, 238, 238);
}
.member_admin_sidemenu p, .member_admin_sidemenu h3 {
color: rgb(41, 41, 41)!important;
}
.close {
color: rgb(41, 41, 41);
opacity: 1;
}
.member_results_header h1, .content_w_sidebar.feature-search h1, .feature_results_header h1 {
font-size:30px;
display: block;
}
.member_results_header h2, .feature_results_header h2 {
font-size:26px;
display: block;
}
.homepage_settings {
padding-top: 150px;
padding-bottom: 150px;
}
@media (max-width: 768px) { .mobile_website_logo .visible-xs {display: block !important;}}
@media only screen and (max-width: 768px) {
.member-profile-header .favorite {float:none}
}
@media only screen and (max-width: 1100px) {
}
.views > i.fa.activeView, .views > i.fa:hover {
background-color: rgb(41, 41, 41);
color: rgb(255, 255, 255);
}
.views > i.fa {
background-color: rgba(41, 41, 41,0.1);
color: rgb(41, 41, 41);
}
.ui-rangeSlider-label {
background-color: rgb(13, 0, 0)!important;
color: rgb(255, 255, 255)!important;
}
.pricing_menu li .title {
background: rgb(192, 120, 8);
color: rgb(255, 255, 255);
}
p.account-tip{
color: rgb(41, 41, 41);
}
.circled_number {
background: rgb(32, 80, 129);
color: rgb(255, 255, 255);
}
.pic {
background-color: rgba(13, 0, 0,0.8);
color: rgb(255, 255, 255);
background-repeat: no-repeat;
background-position: center;
}
.pic .pic-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%,rgba(13, 0, 0,0.85) 50%);
color: rgb(255, 255, 255);
}
.slick-prev-fa i, .slick-next-fa i{
color: rgb(13, 0, 0);
}
.module, .well, .tab-content, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .nav-tabs.nav-justified>li.active>a, .nav-tabs.nav-justified>li.active>a:focus, .nav-tabs.nav-justified>li.active>a:hover, .nav-tab.nav-justified>li>a:focus, .nav-tabs.nav-justified>li>a:hover, .account-form-box,.account-form-box .module .module,.account-form-box .module .well,.account-form-box .well .well,.account-form-box .well .module,.module .module .module,.module .well .well,.module .module .well,.module .well .module,.well .well .well,.well .module .module,.well .well .module,.well .module .well, .froala-table.module, .froala-table td.module {
background-color: rgb(250, 250, 250);
border-color: rgb(238, 238, 238);
color: rgb(41, 41, 41);
}
.nav-pills > li.active a, .nav-pills > li > a:hover {
background-color: rgb(111, 78, 55)!important;
border-color: rgb(111, 78, 55)!important;
color: rgb(255, 255, 255)!important;
}
.sidemenu_panel .panel-heading {
color: rgb(41, 41, 41)!important;
background-color: rgb(250, 250, 250)!important;
}
.member-profile-tabs .nav-tabs > li:not(.active) > a, .login-register-tabs.nav-tabs > li:not(.active) > a, .nav-tabs > li:not(.active) > a {
background: rgba(250, 250, 250,0.5);
color: #5f5f5f;
}
.member-profile-tabs .nav-tabs > li:not(.active) > a:hover, .login-register-tabs.nav-tabs > li:not(.active) > a:hover, .nav-tabs > li:not(.active) > a:hover {
background: rgba(250, 250, 250,1);
color: rgb(41, 41, 41);
}
.author-snapshot .well:not(.well.bg-default) {
background-color: rgb(250, 250, 250)!important;
border-color: rgb(238, 238, 238)!important;
color: rgb(41, 41, 41)!important;
}
.nav-tabs>li>a, .nav-pills>li>a {
font-weight: 600;
}
.module .help-inline,.module .help-block,.well .help-inline,.well .help-block,.account-form-box .help-inline,.account-form-box .help-block,.account-form-box p.account-tip{
color: rgba(41, 41, 41,0.5);
}
#service_areas_table td,#service_areas_table_wrapper label, #service_areas_table_info, #service_areas_table_paginate > a {
color: rgb(41, 41, 41) !important;
}
.popover {
background-color: rgb(250, 250, 250);
border-color: rgb(250, 250, 250);
padding:0;
text-align:left;
}
.popover-title, .popover-content {
background-color: rgb(250, 250, 250);
color: rgb(41, 41, 41);
border-color: rgb(250, 250, 250);
text-align:left;
}
.popover-content {
background-color: rgba(41, 41, 41,.05);
border-radius: 4px;
transform: translate(-1px, -1px);
width: calc(100% + 2px);
margin-bottom: -2px;
}
.popover.left > .arrow::after {
border-left-color: rgb(250, 250, 250)!important;
}
.popover.right > .arrow::after {
border-right-color: rgb(250, 250, 250)!important;
}
.popover.bottom > .arrow::after {
border-bottom-color: rgb(250, 250, 250)!important;
}
.popover.top > .arrow::after {
border-top-color: rgb(250, 250, 250)!important;
}
.progress, .table-view .table-view-group:nth-child(2n-1),.tab-content .well, .tab-content .module,#account-tabs .well,#account-tabs .module,.account-form-box .module,.account-form-box .well,.module .module,.well .well,.module .well,.well .module{
background-color: rgb(255, 255, 255);
color: rgb(41, 41, 41);
}
.module h1, .module h2, .module h3, .module h4, .module h5 {
color: rgb(62, 62, 62);
}
.module p:not(.fr-box.fr-basic .fr-element p) {
color: rgb(41, 41, 41);
}
.pagination>.active>a {
border-color: rgba(255, 255, 255,0.2);
}
.pagination>.active>a {
color: rgb(255, 255, 255);
}
.pagination > .active > a:hover, .pagination > .active > a:focus {
border-color: rgba(255, 255, 255,0.2);
background-color: rgb(13, 0, 0);
color: rgb(255, 255, 255);
}
.pagination > li > a {
color: rgb(13, 0, 0);
border-color: rgba(13, 0, 0,0.2);
background-color: rgb(255, 255, 255);
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
background-color: rgb(13, 0, 0);
border-color: rgb(13, 0, 0);
color: rgb(255, 255, 255);
}
.nav-pills.nav-wizard > li a, .nav-pills.nav-wizard > li a:hover{
background-color: rgb(238, 238, 238)!important;
color: rgb(85, 85, 85)!important;
}
.member_wizard2 li.incomplete a, .member_wizard2 li.incomplete a:hover {
background-color: rgb(13, 0, 0)!important;
border-color: rgb(13, 0, 0);
color: rgb(255, 255, 255);
}
.nav-pills.nav-wizard > li.active a, .nav-pills.member_wizard > li.active:hover a {
background-color: rgb(51, 122, 183)!important;
color: rgb(255, 255, 255)!important;
}
.member_wizard2 li.completed a, .member_wizard2 li.completed a:hover {
background-color: rgb(115, 59, 13)!important;
border-color: rgb(115, 59, 13);
color: rgb(255, 255, 255);
}
.nav-pills.nav-wizard > li.active .nav-arrow, .nav-pills.nav-wizard > li.active:hover .nav-arrow {
border-color: transparent transparent transparent rgb(51, 122, 183)!important;
}
.nav-pills.nav-wizard > li.active .nav-wedge, .nav-pills.nav-wizard > li.active:hover .nav-wedge{
border-color: rgb(51, 122, 183) rgb(51, 122, 183) rgb(51, 122, 183) transparent!important;
}
li.completed .nav-wedge, .nav-pills.nav-wizard > li.completed:hover .nav-wedge {
border-color: rgb(30, 166, 154) rgb(30, 166, 154) rgb(30, 166, 154) transparent!important;
}
li.incomplete .nav-wedge, .nav-pills.nav-wizard > li.incomplete:hover .nav-wedge {
border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) transparent!important;
}
.nav-pills.member_wizard > li.completed a, .nav-pills.member_wizard > li.completed a:hover {
background-color: rgb(30, 166, 154)!important;
color: rgb(255, 255, 255)!important;
}
.member_wizard2 li {
color: rgb(255, 255, 255);
border-right: 10px solid rgb(255, 255, 255);
}
li.completed .nav-arrow, .nav-pills.nav-wizard > li.completed:hover .nav-arrow {
border-color: transparent transparent transparent rgb(30, 166, 154)!important;
}
li.incomplete .nav-arrow, .nav-pills.nav-wizard > li.incomplete:hover .nav-arrow{
border-color: transparent transparent transparent rgb(238, 238, 238)!important;
}
/* Default Colors */
.btn-primary, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover, .btn.dropdown-toggle.btn-primary,.navbar-default .navbar-nav > li > a.btn-primary, .navbar-default .navbar-nav > li > span.btn-primary,.mobile-main-menu .sidebar-nav li a.btn-primary, .mobile-main-menu .sidebar-nav li span.btn-primary {
background-color: rgb(111, 78, 55);
border-color: rgb(111, 78, 55);
color: rgb(255, 255, 255);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,.btn-primary:active:focus, .btn-primary:active:hover, .nav > li > a.btn-primary:focus, .nav > li > a.btn-primary:hover,.btn-primary.active,.open > .dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .open>.dropdown-toggle.btn-primary:hover, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary.focus,a.bg-primary:focus,a.bg-primary:hover, .panel-primary .panel-heading, .btn.dropdown-toggle.btn-primary:hover,.upload-form-field,.upload-form-field:hover,.upload-form-field:active:focus,.upload-form-field:before, .label-primary[href]:focus, .label-primary[href]:hover {
background-color: rgba(111, 78, 55,0.95);
border-color: rgb(111, 78, 55);
color: rgb(255, 255, 255);
}
.panel-primary {
background-color: #e9e4e1;
border-color: rgb(111, 78, 55);
}
.bg-primary,.progress-bar-primary,.module p.bg-primary,.label-primary,.badge-primary,.pricing_menu .title.bg-primary, .well .well.bg-primary, .module .well.bg-primary, .well .module.bg-primary,.tab-content .module.bg-primary,.tab-content .well.bg-primary {
background-color: rgb(111, 78, 55);
color: rgb(255, 255, 255);
}
.bg-primary .badge {
background-color:rgb(255, 255, 255);
color: rgb(111, 78, 55);
}
.btn-primary.btn-outline {
background: transparent;
color: rgb(111, 78, 55);
transition: all 250ms ease-in-out 0ms;
}
.btn-primary.btn-outline:hover {
background: rgba(111, 78, 55,0.1);
color: rgb(111, 78, 55);
}
.alert-primary {
background-color:rgba(111, 78, 55,0.7);
border-color:rgba(111, 78, 55,0.2);
color: rgba(255, 255, 255,0.9);
}
.alert-primary-subtle, .label-primary-subtle, .badge-primary-subtle {
background-color: #e2dcd7;
border-color: #e2dcd7;
color: rgb(111, 78, 55);
color: color-mix(in srgb, rgb(111, 78, 55) 50%, rgb(41, 41, 41) 50%);
}
.btn.dropdown-toggle.btn-primary *, .btn-primary a {
color: rgb(255, 255, 255);
}
.text-primary{
color: rgb(111, 78, 55);
}
.btn-info, .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover, .btn.dropdown-toggle.btn-info,.navbar-default .navbar-nav > li > a.btn-info, .navbar-default .navbar-nav > li > span.btn-info,.mobile-main-menu .sidebar-nav li a.btn-info, .mobile-main-menu .sidebar-nav li span.btn-info {
background-color: rgb(192, 120, 8);
border-color: rgb(192, 120, 8);
color: rgb(255, 255, 255);
}
.btn-info:hover, .btn-info:focus, .btn-info:active,.btn-info:active:focus, .btn-info:active:hover, .nav > li > a.btn-info:focus, .nav > li > a.btn-info:hover,.btn-info.active,.open > .dropdown-toggle.btn-info, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .open>.dropdown-toggle.btn-info:hover, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info.focus,a.bg-info:focus,a.bg-info:hover, .panel-info .panel-heading, .btn.dropdown-toggle.btn-info:hover, .label-info[href]:focus, .label-info[href]:hover {
background-color: rgba(192, 120, 8,0.95);
border-color: rgb(192, 120, 8);
color: rgb(255, 255, 255);
}
.panel-info {
background-color: #f6ebda;
border-color: rgb(192, 120, 8);
}
.bg-info,.progress-bar-info,.module p.bg-info,.label-info,.badge-info,.pricing_menu .title.bg-info, .well .well.bg-info, .module .well.bg-info, .well .module.bg-info,.tab-content .module.bg-info,.tab-content .well.bg-info {
background-color: rgb(192, 120, 8);
color: rgb(255, 255, 255);
}
.bg-info .badge {
background-color:rgb(255, 255, 255);
color: rgb(192, 120, 8);
}
.btn-info.btn-outline {
background: transparent;
color: rgb(192, 120, 8);
transition: all 250ms ease-in-out 0ms;
}
.btn-info.btn-outline:hover {
background: rgba(192, 120, 8,0.1);
color: rgb(192, 120, 8);
}
.alert-info {
background-color:rgba(192, 120, 8,0.7);
border-color:rgba(192, 120, 8,0.2);
color: rgba(255, 255, 255,0.9);
}
.alert-info-subtle, .label-info-subtle, .badge-info-subtle {
background-color: #f2e4ce;
border-color: #f2e4ce;
color: rgb(192, 120, 8);
color: color-mix(in srgb, rgb(192, 120, 8) 50%, rgb(41, 41, 41) 50%);
}
.btn.dropdown-toggle.btn-info *, .btn-info a {
color: rgb(255, 255, 255);
}
.text-info{
color: rgb(192, 120, 8);
}
.btn-success, .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover, .btn.dropdown-toggle.btn-success,.navbar-default .navbar-nav > li > a.btn-success, .navbar-default .navbar-nav > li > span.btn-success,.mobile-main-menu .sidebar-nav li a.btn-success, .mobile-main-menu .sidebar-nav li span.btn-success {
background-color: rgb(115, 59, 13);
border-color: rgb(115, 59, 13);
color: rgb(255, 255, 255);
}
.btn-success:hover, .btn-success:focus, .btn-success:active,.btn-success:active:focus, .btn-success:active:hover, .nav > li > a.btn-success:focus, .nav > li > a.btn-success:hover,.btn-success.active,.open > .dropdown-toggle.btn-success, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .open>.dropdown-toggle.btn-success:hover, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success.focus,a.bg-success:focus,a.bg-success:hover, .panel-success .panel-heading, .btn.dropdown-toggle.btn-success:hover, .label-success[href]:focus, .label-success[href]:hover {
background-color: rgba(115, 59, 13,0.95);
border-color: rgb(115, 59, 13);
color: rgb(255, 255, 255);
}
.panel-success {
background-color: #eae2db;
border-color: rgb(115, 59, 13);
}
.bg-success,.progress-bar-success,.module p.bg-success,.label-success,.badge-success,.pricing_menu .title.bg-success, .well .well.bg-success, .module .well.bg-success, .well .module.bg-success,.tab-content .module.bg-success,.tab-content .well.bg-success {
background-color: rgb(115, 59, 13);
color: rgb(255, 255, 255);
}
.bg-success .badge {
background-color: rgb(255, 255, 255);
color: rgb(115, 59, 13);
}
.btn-success.btn-outline {
background: transparent;
color: rgb(115, 59, 13);
transition: all 250ms ease-in-out 0ms;
}
.btn-success.btn-outline:hover {
background: rgba(115, 59, 13,0.1);
color: rgb(115, 59, 13);
}
.alert-success {
background-color:rgba(115, 59, 13,0.7);
border-color:rgba(115, 59, 13,0.2);
color: rgba(255, 255, 255,0.9);
}
.alert-success-subtle, .label-success-subtle, .badge-success-subtle {
background-color: #e3d8cf;
border-color: #e3d8cf;
color: rgb(115, 59, 13);
color: color-mix(in srgb, rgb(115, 59, 13) 50%, rgb(41, 41, 41) 50%);
}
.btn.dropdown-toggle.btn-success *, .btn-success a {
color: rgb(255, 255, 255);
}
.text-success{
color: rgb(115, 59, 13);
}
.btn-warning, .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover, .btn.dropdown-toggle.btn-warning,.navbar-default .navbar-nav > li > a.btn-warning, .navbar-default .navbar-nav > li > span.btn-warning,.mobile-main-menu .sidebar-nav li a.btn-warning, .mobile-main-menu .sidebar-nav li span.btn-warning {
background-color: rgb(13, 0, 0);
border-color: rgb(13, 0, 0);
color: rgb(255, 255, 255);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active,.btn-warning:active:focus, .btn-warning:active:hover, .nav > li > a.btn-warning:focus, .nav > li > a.btn-warning:hover,.btn-warning.active,.open > .dropdown-toggle.btn-warning, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .open>.dropdown-toggle.btn-warning:hover, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning.focus,a.bg-warning:focus,a.bg-warning:hover, .panel-warning .panel-heading, .btn.dropdown-toggle.btn-warning:hover, .label-warning[href]:focus, .label-warning[href]:hover {
background-color: rgba(13, 0, 0,0.95);
border-color: rgb(13, 0, 0);
color: rgb(255, 255, 255);
}
.panel-warning {
background-color: #dbd9d9;
border-color: rgb(13, 0, 0);
}
.bg-warning,.progress-bar-warning,.module p.bg-warning,.label-warning,.badge-warning,.pricing_menu .title.bg-warning, .well .well.bg-warning, .module .well.bg-warning, .well .module.bg-warning,.tab-content .module.bg-warning,.tab-content .well.bg-warning {
background-color: rgb(13, 0, 0);
color: rgb(255, 255, 255);
}
.bg-warning .badge {
background-color: rgb(255, 255, 255);
color: rgb(13, 0, 0);
}
.btn-warning.btn-outline {
background: transparent;
color: rgb(13, 0, 0);
transition: all 250ms ease-in-out 0ms;
}
.btn-warning.btn-outline:hover {
background: rgba(13, 0, 0,0.1);
color: rgb(13, 0, 0);
}
.alert-warning {
background-color:rgba(13, 0, 0,0.7);
border-color:rgba(13, 0, 0,0.2);
color: rgba(255, 255, 255,0.9);
}
.alert-warning-subtle, .label-warning-subtle, .badge-warning-subtle {
background-color: #cfcccc;
border-color: #cfcccc;
color: rgb(13, 0, 0);
color: color-mix(in srgb, rgb(13, 0, 0) 50%, rgb(41, 41, 41) 50%);
}
.btn.dropdown-toggle.btn-warning *, .btn-warning a {
color: rgb(255, 255, 255);
}
.text-warning {
color: rgb(13, 0, 0);
}
.btn-danger, .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover, .btn.dropdown-toggle.btn-danger,.navbar-default .navbar-nav > li > a.btn-danger, .navbar-default .navbar-nav > li > span.btn-danger,.mobile-main-menu .sidebar-nav li a.btn-danger, .mobile-main-menu .sidebar-nav li span.btn-danger {
background-color: rgb(191, 155, 48);
border-color: rgb(191, 155, 48);
color: rgb(255, 255, 255);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active,.btn-danger:active:focus, .btn-danger:active:hover, .nav > li > a.btn-danger:focus, .nav > li > a.btn-danger:hover,.btn-danger.active,.open > .dropdown-toggle.btn-danger, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .open>.dropdown-toggle.btn-danger:hover, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger.focus,a.bg-danger:focus,a.bg-danger:hover, .panel-danger .panel-heading, .btn.dropdown-toggle.btn-danger:hover, .label-danger[href]:focus, .label-danger[href]:hover {
background-color: rgba(191, 155, 48,0.95);
border-color: rgb(191, 155, 48);
color: rgb(255, 255, 255);
}
.has-error .form-control {
border-color: rgb(191, 155, 48);
}
.has-error .help-block:not(.form-field-help-block), .has-error ~ .help-block:not(.form-field-help-block),.has-error .help-block:not(.form-field-help-block) a, .has-error ~ .help-block:not(.form-field-help-block) a {
background: rgb(191, 155, 48);
color: rgb(255, 255, 255) !important;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
color: rgb(191, 155, 48);
}
.panel-danger {
background-color: #f5f0e0;
border-color: rgb(191, 155, 48);
}
.bg-danger,.progress-bar-danger,.module p.bg-danger,.label-danger,.badge-danger,.pricing_menu .title.bg-danger, .well .well.bg-danger, .module .well.bg-danger, .well .module.bg-danger,.tab-content .module.bg-danger,.tab-content .well.bg-danger {
background-color: rgb(191, 155, 48);
color: rgb(255, 255, 255);
}
.bg-danger .badge {
background-color: rgb(255, 255, 255);
color: rgb(191, 155, 48);
}
.btn-danger.btn-outline {
background: transparent;
color: rgb(191, 155, 48);
transition: all 250ms ease-in-out 0ms;
}
.btn-danger.btn-outline:hover {
background: rgba(191, 155, 48,0.1);
color: rgb(191, 155, 48);
}
.alert-danger {
background-color:rgba(191, 155, 48,0.7);
border-color:rgba(191, 155, 48,0.2);
color: rgba(255, 255, 255,0.9);
}
.alert-danger-subtle, .label-danger-subtle, .badge-danger-subtle {
background-color: #f2ebd6;
border-color: #f2ebd6;
color: rgb(191, 155, 48);
color: color-mix(in srgb, rgb(191, 155, 48) 50%, rgb(41, 41, 41) 50%);
}
.btn.dropdown-toggle.btn-danger *, .btn-danger a {
color: rgb(255, 255, 255);
}
.text-danger{
color: rgb(191, 155, 48);
}
.btn-default, .tags a, .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover, .btn.dropdown-toggle.btn-default, #popover .mini_profile_pic,.navbar-default .navbar-nav > li > a.btn-default, .navbar-default .navbar-nav > li > span.btn-default,.mobile-main-menu .sidebar-nav li a.btn-default, .mobile-main-menu .sidebar-nav li span.btn-default {
background-color: rgb(238, 238, 238);
border-color: rgb(238, 238, 238);
color: rgb(85, 85, 85);
}
.btn-default:hover, .btn-default:focus, .btn-default:active,.btn-default:active:focus, .btn-default:active:hover,.tags a:hover, .nav > li > a.btn-default:focus, .nav > li > a.btn-default:hover,.btn-default.active,.open > .dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default.focus,a.bg-default:focus,a.bg-default:hover, .panel-default .panel-heading, .member_accounts .panel-default > .panel-heading, .panel-default.categories-panel .panel-heading, .btn.dropdown-toggle.btn-default:hover, #popover .mini_profile_pic, .label-default[href]:focus, .label-default[href]:hover {
background-color: rgba(238, 238, 238,0.95);
border-color: rgb(238, 238, 238);
color: rgb(85, 85, 85);
}
.sidemenu_panel .panel-default .panel_heading {
background-color: rgb(238, 238, 238)!important;
border-color: rgb(238, 238, 238)!important;
color: rgb(85, 85, 85)!important;
}
.panel-default .panel-heading, .member_accounts .panel-default > .panel-heading, .panel-default.categories-panel .panel-heading {
box-shadow: 0 0 1000px 0 rgba(85, 85, 85,0.02) inset;
background-color: rgb(238, 238, 238);
}
.panel-default, .member_accounts .panel-default {
background-color: rgba(238, 238, 238,0.15);
border-color: #fdfdfd;
border-color: color-mix(in srgb,rgb(238, 238, 238) 100%,rgba(238, 238, 238) 10%);
}
.member_admin_sidemenu .panel-default {
background-color: transparent;
}
.bg-default,.progress-bar-default,.module p.bg-default,.label-default,.badge-default,.pricing_menu .title.bg-default, .well .well.bg-default, .module .well.bg-default, .well .module.bg-default,.tab-content .module.bg-default,.tab-content .well.bg-default {
background-color: rgb(238, 238, 238);
color: rgb(85, 85, 85);
}
.bg-default .badge {
background-color: rgb(85, 85, 85);
color: rgb(238, 238, 238);
}
.btn-default.btn-outline {
background: transparent;
color: rgb(238, 238, 238);
transition: all 250ms ease-in-out 0ms;
}
.btn-default.btn-outline:hover {
background: rgba(238, 238, 238,0.1);
color: rgb(238, 238, 238);
}
.alert-default {
background-color:rgb(238, 238, 238);
border-color:rgb(238, 238, 238);
color: rgb(85, 85, 85);
}
.alert-default-subtle, .label-default-subtle, .badge-default-subtle {
background-color:rgba(238, 238, 238,0.5);
border-color: rgba(238, 238, 238,0.5);
color: rgb(85, 85, 85);
color: color-mix(in srgb, rgb(85, 85, 85) 50%, rgb(41, 41, 41) 50%);
}
.btn.dropdown-toggle.btn-default *, .btn-default a {
color: rgb(85, 85, 85);
}
.text-default{
color: rgb(238, 238, 238);
}
.btn-secondary, .btn.dropdown-toggle.btn-secondary,.navbar-default .navbar-nav > li > a.btn-secondary, .navbar-default .navbar-nav > li > span.btn-secondary,.mobile-main-menu .sidebar-nav li a.btn-secondary, .mobile-main-menu .sidebar-nav li span.btn-secondary {
background-color: rgb(41, 41, 41);
border: 1px solid rgb(41, 41, 41);
color: rgb(255, 255, 255);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,.btn-secondary:active:focus, .btn-secondary:active:hover, .nav > li > a.btn-secondary:focus, .nav > li > a.btn-secondary:hover,.btn-secondary.active,.open > .dropdown-toggle.btn-secondary, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .open>.dropdown-toggle.btn-secondary:hover, .open>.dropdown-toggle.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary.focus,a.bg-secondary:focus,a.bg-secondary:hover,.btn.dropdown-toggle.btn-secondary:hover, .panel-secondary .panel-heading, .label-secondary[href]:focus, .label-secondary[href]:hover {
background-color: rgba(41, 41, 41,0.95);
border-color: rgb(41, 41, 41);
color: rgb(255, 255, 255);
}
.bg-secondary,.progress-bar-secondary,.module p.bg-secondary,.module p.bg-secondary:not(.fr-box.fr-basic .fr-element p),.label-secondary,.badge-secondary,.pricing_menu .title.bg-secondary, .well .well.bg-secondary, .module .well.bg-secondary, .well .module.bg-secondary,.tab-content .module.bg-secondary,.tab-content .well.bg-secondary {
background-color: rgb(41, 41, 41);
color: rgb(255, 255, 255);
}
.bg-secondary .badge {
background-color:rgb(255, 255, 255);
color: rgb(41, 41, 41);
}
.btn-secondary.btn-outline {
background: transparent;
color: rgb(41, 41, 41);
transition: all 250ms ease-in-out 0ms;
}
.btn-secondary.btn-outline:hover {
background: rgba(41, 41, 41,0.1);
color: rgb(41, 41, 41);
}
.panel-secondary {
background-color: #dfdfdf;
border-color: rgb(41, 41, 41);
}
.alert-secondary {
background-color:rgb(41, 41, 41);
border-color:rgb(41, 41, 41);
color: rgb(255, 255, 255);
}
.alert-secondary-subtle, .label-secondary-subtle, .badge-secondary-subtle {
background-color:rgba(41, 41, 41,0.8);
border-color: rgba(41, 41, 41,0.5);
color: rgb(255, 255, 255);
}
.btn-outline {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.btn-body, .btn-body.disabled, .btn-body.disabled.active, .btn-body.disabled.focus, .btn-body.disabled:active, .btn-body.disabled:focus, .btn-body.disabled:hover, .btn-body[disabled], .btn-body[disabled].active, .btn-body[disabled].focus, .btn-body[disabled]:active, .btn-body[disabled]:focus, .btn-body[disabled]:hover, fieldset[disabled] .btn-body, fieldset[disabled] .btn-body.active, fieldset[disabled] .btn-body.focus, fieldset[disabled] .btn-body:active, fieldset[disabled] .btn-body:focus, fieldset[disabled] .btn-body:hover, .btn.dropdown-toggle.btn-body,.navbar-default .navbar-nav > li > a.btn-body, .navbar-default .navbar-nav > li > span.btn-body,.mobile-main-menu .sidebar-nav li a.btn-body, .mobile-main-menu .sidebar-nav li span.btn-body {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(255, 255, 255);
color: rgb(41, 41, 41);
}
.btn-body:hover, .btn-body:focus, .btn-body:active,.btn-body:active:focus, .btn-body:active:hover, .nav > li > a.btn-body:focus, .nav > li > a.btn-body:hover,.btn-body.active,.open > .dropdown-toggle.btn-body, .btn-body.active.focus, .btn-body.active:focus, .btn-body.active:hover, .btn-body:active.focus, .open>.dropdown-toggle.btn-body:hover, .open>.dropdown-toggle.btn-body:focus, .open>.dropdown-toggle.btn-body.focus,a.bg-body:focus,a.bg-body:hover, .panel-body .panel-heading, .btn.dropdown-toggle.btn-body:hover, .label-body[href]:focus, .label-body[href]:hover {
background-color: rgba(255, 255, 255,0.95);
border: 1px solid rgb(255, 255, 255);
color: rgb(41, 41, 41);
}
.btn.btn-body.dropdown-toggle * {
color: rgb(41, 41, 41)
}
.btn-body.dropdown-toggle + ul li, .daterangepicker .ranges {
color: #333;
}
.bg-body {
background: rgb(255, 255, 255);
color: rgb(41, 41, 41);
}
.bg-content-box {
background: rgb(250, 250, 250);
color: rgb(41, 41, 41);
}
.bg-content-box-border {
background: rgb(238, 238, 238);
}
.btn.dropdown-toggle.btn-secondary *, .btn-secondary a {
color: rgb(255, 255, 255);
}
.text-secondary {
color: rgb(41, 41, 41);
}
.text-body {
color: rgb(255, 255, 255);
}
.feature-post #post-content .alert-secondary.btn-block, .feature-search .img_section .alert-secondary.btn-block, .search_result .img_section .alert-secondary {
border-radius: 10px;
background-color: rgba(41, 41, 41,0.2);
}
/* Footer Newsletter Row */
.newsletter_row .alert {
color: rgb(255, 255, 255);
}
.newsletter_row {
background-color: rgb(32, 80, 129);
color: rgb(255, 255, 255);
}
.newsletter_row input[type="submit"],.newsletter_footer_button {
background-color: rgba(30, 166, 154,0.97);
color: rgb(255, 255, 255);
border-color: rgb(30, 166, 154);
}
.newsletter_row input[type="submit"]:hover,.newsletter_row input[type="submit"]:focus,.newsletter_footer_button:hover,.newsletter_footer_button:focus {
background-color: rgb(30, 166, 154);
color: rgb(255, 255, 255);
}
.newsletter_button_left {
border-right: 1px solid rgba(255, 255, 255,0.2);
}
.newsletter_button_right {
border-left: 1px solid rgba(255, 255, 255,0.2);
}
.newsletter_row small.help-block {
background: rgb(255, 255, 255);
margin-top: -5px;
float: left;
padding: 8px;
border-radius: 1px;
color: rgb(32, 80, 129);
text-transform: capitalize;
}
.newsletter_row .has-success .checkbox,.newsletter_row .has-error .checkbox{
color: rgb(255, 255, 255);
}
@media only screen and (max-width: 767px) {
.newsletter_button_right,.newsletter_button_left{
border: none;
margin: 5px 0;
}
}
/* Font Sizes */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
font-size: 16px;
}
.header .logo {
font-size: 34px;
}
.homepage_title h1, .homepage_settings h1 {
letter-spacing: -1px;
font-size: 60px;
margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.homepage_title h1, .homepage_settings h1 {margin-bottom: 15px;}
}
.homepage_settings h2 {
font-size: 28px;
}
.ui-rangeSlider-bar{
background: rgb(192, 120, 8)!important;
}
@media only screen and (max-width: 1024px){
.modal {margin-top: 40px;}
}
@media only screen and (max-width: 768px){
.modal {margin-top: 60px;}
}
/* Calendar Styles */
#cal-slide-content {
color: rgb(85, 85, 85)!important;
background-color: rgb(238, 238, 238)!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
#cal-slide-content a.event-item {
color: rgb(85, 85, 85)!important;
font-weight:bold!important;
}
#cal-slide-content a.event-item small {
display: inline-block;
}
.cal-month-box, .cal-year-box, .cal-week-box {
border: 1px solid rgb(238, 238, 238)!important;
}
.cal-year-box .row-fluid, .cal-month-box .cal-row-fluid {
border-bottom: 1px solid rgb(238, 238, 238)!important;
}
.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
border-right: 1px solid rgb(238, 238, 238)!important;
}
.cal-year-box .row-fluid, .cal-row-fluid, #cal-day-box .cal-day-hour:nth-child(odd) {
background-color: rgb(255, 255, 255)!important;
}
.cal-month-day span:not(.pull-right):not(.events-count-label):not(.events-label) {
color: rgb(85, 85, 85)!important;
}
.cal-day-today span[data-cal-date] {
color: rgb(41, 41, 41)!important;
}
.cal-year-box .row-fluid [class*="span"]:last-child, .cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
border: 0!important;
}
.cal-row-head {
background: rgb(250, 250, 250)!important;
}
.day-highlight:hover, .day-highlight {
background-color: rgb(238, 238, 238)!important;
}
.cal-event-list .event.pull-left {
background-color: rgb(41, 41, 41)!important;
opacity: 0.4;
margin-top: 7px!important;
}
.cal-day-today {
background-color: rgb(238, 238, 238)!important;
}
#cal-day-tick {
border: 1px solid rgb(238, 238, 238)!important;
background-color: rgb(238, 238, 238)!important;
}
.cal-day-weekend span[data-cal-date]{
color: rgb(41, 41, 41)!important;
}
.well, .member_profile .tab-content, .corner_caption,.module,.img-rounded,.nav-tabs *,input,.input-group-sm > .form-control, .input-group-sm > .input-group-addon, textarea,select,.header ul.nav.navbar-nav li ul,.progress, .alert, .pagination, .page-item:first-child .page-link, .page-item:last-child .page-link, .views > i.fa, .ui-rangeSlider-label, .pic, .panel, .panel-heading, .popover, .pricing_menu li .title, .form-control, .select2-choice, .form-group .select2-dropdown-open.select2-drop-above [class^=select2-choice], .select2-drop.select2-drop-above, .select2-drop, .scrollup, .input-group-addon, .img-thumbnail, .current-photo-container img, .current-logo-container img,.favorite,p.account-tip,.modal-content,.input_wrapper input.form-control,.input-group .input_wrapper input.form-control,.input-group-sm .input_wrapper input.form-control,.input-group-lg .input_wrapper input.form-control,.pricing_menu li ul, .img-rounded img.img-rounded {
border-radius:0px !important;
}
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
border-radius: 10px;
background: #151515!important;
}
.img_section .no-radius-bottom + .alert-secondary .rsDefault .rsSlide, .img_section .no-radius-bottom + .alert-secondary .rsDefault .rsOverflow {
border-radius:0;
}
#first_container .favorite, #first_container .fa.favorite {
color: rgb(85, 85, 85);
background: rgb(238, 238, 238);
border: 1px solid rgb(238, 238, 238);
white-space:nowrap!important;
height:24px;
padding:0 6px;
border-radius:8px;
}
#first_container .favorite span, #first_container .fa.favorite span {
font-family: 'Open Sans';
white-space:nowrap!important;
}
#first_container .favoriteActive:not(.favorite.comments-count-badge), #first_container .fa.favoriteActive:not(.favorite.comments-count-badge .fa) {
color: rgb(192, 120, 8);
}
#first_container .favorite::after, #first_container .fa.favorite::after {
font-family: 'Open Sans';
margin-left: 3px;
}
#first_container .favorite span, #first_container .fa.favorite span{
padding-left: 4px;
font-family: 'Open Sans';
font-size: 11px;
letter-spacing:.5px;
top:-1px;
position:relative;
font-weight:700;
}
#first_container .favorite span:empty, #first_container .fa.favorite span:empty {
padding: 0;
}
#first_container .favorite .bookmark-number, #first_container .fa.favorite .bookmark-number {
padding: 1px 0;
border-radius: 100px;
display: inline-block;
font-weight: bold;
min-width: 15px;
font-size: .8em;
vertical-align: bottom;
height: 15px;
line-height: 13px;
margin-left: 3px;
text-align: center;
}
#first_container .favorite.favoriteActive .bookmark-number:not(.comments-count-badge .bookmark-number), #first_container .fa.favorite.favoriteActive .bookmark-number {
background: rgb(192, 120, 8);
color: #fff;
}
span.checkbox_value::after {
content: ', ';
}
span.checkbox_value:last-child::after {
content: '';
}
.popover .popover-content img,.member_results .info_window img,.member_results .search_result_image, .featured-member-image img, .recent-member-image img, .member-review-image img, .member-profile-header > div:not(.member-badges) img, .review_photo, .contact-image, .member_result > div > div img, .member_sidebar .member_admin_sidemenu .img-thumbnail, .current-photo-container img, .current-logo-container img, .author-snapshot .search_result_image, .saved-member {
border-radius: 1000px!important;
}
/* Homepage Sections Background Color Logic */
.homepage-section-1 {
padding: 40px 0 40px;
}
.homepage-section-2 {
padding: 40px 0 40px;
}
.homepage-section-3 {
padding: 50px 0 50px;
}
.homepage-section-3 {
background: rgb(13, 0, 0);
}
.homepage-section-4 {
padding: 40px 0 40px;
}
.homepage-section-5 {
padding: 40px 0 40px;
}
.homepage-section-6 {
padding: 40px 0 40px;
}
.homepage-section-7 {
padding: 50px 0 50px;
}
.homepage-section-7 {
background: rgb(13, 0, 0);
}
.homepage-section-8 {
padding: 40px 0 40px;
}
.homepage-section-9 {
padding: 40px 0 40px;
}
.homepage-section-10 {
padding: 40px 0 40px;
}
.homepage-section-11 {
padding: 40px 0 40px;
}
.homepage-section-12 {
padding: 40px 0 40px;
}
.homepage-section-13 {
padding: 40px 0 40px;
}
.homepage-section-14 {
padding: 40px 0 40px;
}
.homepage-section-15 {
padding: 40px 0 40px;
}
/* Additional Settings */
/* Streaming Widgets Title Settings */
.streaming-title {
text-align: center;
font-size: 40px;
line-height:1.5em;
font-weight: 600;
font-family: 'Montserrat';
padding-bottom: 40px;
}
@media only screen and (max-width: 990px) {
.streaming-title {
line-height:1.1em;
}
}
.streaming-title + hr {
display: none;
}
.homepage-join-module .module h2:first-of-type {
color: rgb(62, 62, 62);
}
.homepage-join-module .module{
background: rgb(250, 250, 250);
border-color: rgb(238, 238, 238);
}
.homepage-about-module .module h2:first-of-type {
color: rgb(62, 62, 62);
}
.homepage-about-module .module{
background: rgb(250, 250, 250);
border-color: rgb(238, 238, 238);
}
.the-post-description > :is(h2, h3, h4, h5):not(:first-child) {
font-weight: 600;
margin-top: 20px;
}
/* Keep: Ensure ul/ol respect padding and margins */
.the-post-description > :is(ul, ol) {
display: flow-root;
}
.btn:not(#refcode_submit):not(.input-group-btn .btn):not(.logo-preview-input):not(.cover-preview-input):not(.member_login):not(.img-circle):not(.submit_reply):not(.submit_comment):not(.view-more):not(.image-preview-input):not(.no-radius-bottom):not(.no-radius-top):not(.btn-facebook), .btn-sm:not(.img-circle):not(.view-more):not(.image-preview-input):not(.no-radius-bottom):not(.no-radius-top), .btn-xs:not(.img-circle):not(.view-more):not(.image-preview-input):not(.no-radius-bottom):not(.no-radius-top), button:not(.social_share_buttons button):not(.social_share_buttons a):not(#refcode_submit):not(.input-group-btn button), .btn-group-lg > .btn, .btn-lg, .btn-lg, .btn-xl, .input-group-sm > .input-group-btn > .btn, .favorite, .tags a {
border-radius: 100px!important;
}
.img-circle, .img-rounded.img-circle, .img-circle img, .img-rounded.img-circle img, img.fr-dib.img-circle, img.fr-dib.img-rounded.img-circle {
border-radius:1000px!important;
}
.img-rounded img, img.fr-dib.img-rounded{
border-radius: 10px!important;
}
/* Google Translate Module */
.skiptranslate{font-size:0}
.goog-te-gadget-simple{border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555}
.skiptranslate.goog-te-gadget span,img.goog-te-gadget-icon{display:none!important}
.goog-te-gadget .goog-te-combo{margin-bottom:-4px}
.skiptranslate.goog-te-gadget select{border:1px solid #ddd;border-radius:3px;font-size:12px;padding:2px 4px;width:100%;background:#fff;margin:0;height:30px;line-height:30px;display:block;color:#555;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
@media only screen and (max-width: 1100px) {
.skiptranslate:not(.skiptranslate[style="display: none;"]){height:39px}
.skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header{margin-top:10px!important}
.skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar{margin-top:10px}
.skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar ~ .header{margin-top:0!important}
.skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .mobile-main-menu{top:89px!important;height:calc(100% - 90px)!important}
.skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .navbar{top:39px}
.skiptranslate:not(.skiptranslate[style="display: none;"]) ~ #first_container .member_sidebar.open{top: 89px;}
}
@media only screen and (max-width: 767px) {
.skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar.hidden-xs ~ .header{margin-top:10px!important}
}
</style>
<!--GOOGLE TAG MANAGER CODE--> <!-- ON-PAGE CSS FUNCTIONS -->
<style type="text/css">
.member_results.level_1 .grid_element {
border: 4px solid #744304;
position: relative;
overflow: hidden;
border-radius: 20px;
}
.member_results.level_1 .grid_element::before {
position: absolute;
top: 15px;
content: "Preferred";
text-align: center;
background-color: #74430485;
width: 200px;
left: -60px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
z-index: 1;
line-height: 40px;
color: #fff;
font-weight: semi-bold;
font-size: 15px;
letter-spacing: 1px;
} </style>
<div class="header">
<div class="container">
<div class="row header-main-row">
<style type="text/css"> .logo-text:has(.logo_title:empty) {
display:none
} </style><div id="website_logo" class="col-md-5 xs-nopad xs-hpad sm-text-center xs-bmargin header-left-container">
<a class="logo logo-image inline-block vpad sm-nopad sm-tmargin" href="https://www.coffeeroaster.com" title="Coffee Roaster">
<img width="450" height="70" src="/images/Coffee-Roaster.com-Logo-(1).png" alt="Coffee Roaster">
</a>
<div class="clearfix"></div>
</div>
<style type="text/css"> body input.tt-hint,body input.form-control.normal-autosuggest-input.tt-query {
background-color: white !important;
}
.mini-nav:not(:has(li)) {
display: none!important;
}
/* Parent Container - Main List */
.mini-nav li:has(ul) {
position: relative;
border-radius: 5px 5px 0 0;
}
.mini-nav > li:has(ul) {
padding-left: 0;
padding-right: 0;
background: rgb(247, 247, 247);
}
.mini-nav > li:has(ul) > a:not(.btn), .mini-nav > li:has(ul) > span {
padding: 10px 15px;
margin: 0!important;
}
.mini-nav > li:hover:has(ul), .mini-nav > li:hover:has(ul) {
box-shadow: 0 -1px 1px rgba(41, 41, 41,0.25);
}
/* Parent Links */
.mini-nav > li > a:not(.btn), .mini-nav > li > span:not(.btn) {
display:inline-block;
border-radius: 5px 5px 0 0;
}
.mini-nav > li:hover > a:not(.btn), .mini-nav > li:hover > span {
background: rgb(247, 247, 247);
display: inline-block;
position: relative;
z-index: 1000;
}
/* First Level Dropdowns */
.mini-nav li ul {
background: rgb(247, 247, 247);
box-shadow: 0 0px 1px rgba(41, 41, 41,0.25), 0 0 5px 5px rgba(41, 41, 41,0.05);
text-align: left;
display: none;
border-radius: 0 5px 5px 5px;
list-style: none;
padding: 10px;
position: absolute;
white-space: nowrap;
min-width: 100%;
width: auto;
top: 100%;
left: 0;
z-index: 999;
margin-top: -1px;
}
.mini-nav li:hover > ul {
display: block;
}
/* First Level Dropdown Items */
.mini-nav li ul li {
position: relative;
display: block;
width: 100%;
}
.mini-nav li ul li a, .mini-nav li ul li span {
font-size: 14.8px !important;
display: block;
font-weight: 400;
padding: 10px;
border-radius: 5px;
text-decoration: none;
width: 100%;
}
.mini-nav li ul li a:hover, .mini-nav li ul li span:hover {
box-shadow: 0 0 0 25px rgba(41, 41, 41,0.1) inset;
}
/* Second Level Dropdowns */
.mini-nav li ul li ul {
display: none;
position: absolute;
top: 0;
left: 100%;
margin: 0;
border-radius: 5px;
}
.mini-nav li ul li:hover > ul {
display: block;
}
/* Edge Positioning - Last Child Dropdowns */
.mini-nav > li:last-child ul {
right: 0;
left: auto;
border-radius: 5px 0 5px 5px;
}
.mini-nav > li:last-child ul li ul {
right: 100%;
left: auto;
}
/* Flex Spacing Utility */
.mini-nav.mini-nav-flex-spaced {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
row-gap: 0;
}
.mini-nav.mini-nav-flex-spaced > li {
flex: none;
padding: 0;
margin: 2px 0;
order: 2;
}
.mini-nav.mini-nav-flex-spaced > li.header-member-account-links,
.mini-nav:has(li ul) > li.header-member-account-links {
order: 1;
margin-left: auto;
width: 100%;
margin-bottom: 10px;
}
.logged-in-member-header .mini-nav.mini-nav-flex-spaced.list-inline > li {
line-height: 1em;
min-height: 0;
}
@media (min-width: 992px) {
.header-main-row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
.mini-nav.mini-nav-flex-spaced {
justify-content: center;
}
.mini-nav.mini-nav-flex-spaced > li {
margin-left: 5px !important;
margin-right: 5px !important;
}
} </style><div class="col-md-7 text-right sm-text-center header-right-container nolpad xs-hpad">
<ul class="mini-nav nobmargin list-inline xs-nopad xs-tmargin tpad">
<li class="bmargin"><a href="/login" id="link321" class="rpad bmargin">Login</a></li><li class="bmargin norpad"><a href="/join" id="link322" class="btn btn_get_listed bold">Submit a Roaster</a></li> </ul>
<div class="clearfix"></div>
<form action="/search_results" name="frm1" class="form-inline website-search">
<div class="input-group input-group-sm bmargin sm-autosuggest">
<span class="input-group-addon hidden-md"><i class="fa fa-search"></i></span>
<span class="input-group-sm input_wrapper"><input type="text" placeholder="Name or Keyword" value="" name="q" class="member_search form-control input-sm" autocomplete="off"></span>
</div>
<div class="input-group input-group-sm bmargin">
<span class="input-group-addon hidden-md"><i class="fa fa-location-arrow"></i></span>
<span class="input-group-sm input_wrapper"><input type="text" autocomplete="off" placeholder="City or Zip Code" value="" id="location_google_maps_header" name="location_value" class="googleSuggest googleLocation form-control"></span>
</div>
<input type="submit" value="Search" class="btn btn-sm btn_search bmargin xs-btn-block bold">
</form>
</div>
</div>
</div>
<style type="text/css"> .mobile-main-menu .hasChildren span a {
padding: 0px;
}
.user_sidebar > img {
width: 32px;
height: 32px;
position: absolute;
z-index: 10;
border-radius: 100px;
top: -1px;
object-fit: cover;
left: -10px;
background: rgb(238, 238, 238);
}
#member_sidebar_toggle img+.fa {
display: none;
}
.main_menu, .user_sidebar, .compact-mobile-search {
padding: 5px 8px;
margin-right:0;
min-height: 33.0333px;
min-width: 38.116px;
}
.main_menu i, .user_sidebar i {
font-size: 16px;
}
.navbar-nav li {
float: none!Important;
}
.navbar-default{
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.transparent_menu {
background-color: rgba(13, 0, 0,0.95)!important;
}
@media only screen and (max-width: 991px) {
#popover {display: none}
}
@media only screen and (max-width: 1100px){
.mobile-main-menu{display:block!important}
.navbar-toggle {display: block}
#bs-main_menu .nav {display: none!important}
}
.mobile-main-menu {
position: fixed;
height: calc(100% - 50px)!important;
width: 250px;
background: rgb(13, 0, 0);
z-index: 99999;
right: -250px;
top: 50px;
display: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
overflow-y: auto!important;
overflow-x: hidden!important;
}
.mobile-main-menu ul li i {
color: rgb(255, 255, 255);
cursor: pointer;
float: right;
padding: 13px;
}
.mobile-main-menu.opened{
right: 0px!important;
}
.mobile-main-menu ul li a, .mobile-main-menu ul li span {
display: inline-block;
float: left;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 10px 0px;
width: 80%;
width: calc(100% - 40px);
}
.mobile-main-menu .sidebar-nav li ul {
height: 0px;
overflow: hidden;
list-style: none;
color: rgb(255, 255, 255);
padding-left: 10px;
}
.mobile-main-menu .sidebar-nav li.sub_open > ul{
height: 100%;
}
.mobile-main-menu ul.sidebar-nav {
position: absolute;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
}
.mobile-main-menu .sidebar-nav > li {
display: block;
line-height: 20px;
padding: 0 15px 0 20px;
}
.mobile-main-menu .sidebar-nav li a, .mobile-main-menu .sidebar-nav li span {
text-decoration: none;
color: rgb(255, 255, 255);
padding-left:10px;
}
.mobile-main-menu .sidebar-nav li a i, .mobile-main-menu .sidebar-nav li span i {
display: none;
}
</style><div class="mobile-main-menu">
<ul class="sidebar-nav">
<li class="hasChildren"><a href="/" id="link323-mobile">Home</a><div class="clearfix"></div></li><li class="hasChildren"><i class="fa fa-plus" aria-hidden="true"></i><a href="/all" id="link349-mobile">Directory</a><div class="clearfix"></div><ul><li class="hasChildren"><a href="/coffee-roaster" id="link324-mobile">Coffee Roasters</a><div class="clearfix"></div><div class="clearfix"></div></li><li class="hasChildren"><a href="/coffee-shop" id="link350-mobile">Coffee Shops</a><div class="clearfix"></div><div class="clearfix"></div></li><li class="hasChildren"><a href="/states" id="link351-mobile">By State</a><div class="clearfix"></div><div class="clearfix"></div></li></ul><div class="clearfix"></div></li><li class="hasChildren"><a href="/about" id="link325-mobile">About</a><div class="clearfix"></div></li><li class="hasChildren"><i class="fa fa-plus" aria-hidden="true"></i><a href="/latest-articles" id="link326-mobile">Latest Articles</a><div class="clearfix"></div><ul><li class="hasChildren"><a href="/coffee-tips" id="link384-mobile">Coffee Tips</a><div class="clearfix"></div><div class="clearfix"></div></li></ul><div class="clearfix"></div></li> </ul>
</div>
<nav class="navbar navbar-default ">
<div class="container container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed main_menu" data-toggle="collapse" aria-label="main_menu">
<i class="fa fa-bars fa-fw"></i> Menu
</button>
</div>
<div class="tablet-menu collapse navbar-collapse nopad" id="bs-main_menu">
<ul class="tablet-menu-ul nav navbar-nav nav-justified">
<li class=""><a href="/" id="link323">Home</a></li><li class=""><a href="/all" id="link349">Directory</a><ul><li class=""><a href="/coffee-roaster" id="link324">Coffee Roasters</a></li><li class=""><a href="/coffee-shop" id="link350">Coffee Shops</a></li><li class=""><a href="/states" id="link351">By State</a></li></ul></li><li class=""><a href="/about" id="link325">About</a></li><li class=""><a href="/latest-articles" id="link326">Latest Articles</a><ul><li class=""><a href="/coffee-tips" id="link384">Coffee Tips</a></li></ul></li> </ul>
</div>
</div>
</nav>
<!--CSS IF MENU IS FIXED TOP-->
</div>
<!--
IMPORTANT: This widget contains real Adsense code as a sample to show how this widget functions. Please replace the current Adsense code below with your own code in order to generate revenue from this ad space.
-->
<div class="container clearfix text-center banner-ad-unit above-content-banner-ad">
<div class="clearfix"></div>
</div>
<div class="clearfix"></div><div class="clearfix"></div>
<!-- Begin Content -->
<main role="main" id="main-content">
<div id="first_container" class="content-container fr-view">
<div class="container">
<div class="clearfix body-content"></div>
<style type="text/css"> .body-content {margin:0px;}
#first_container {
background-image: url('/images/coffee-roaster-home.jpg');
background-position: center top;
background-repeat: no-repeat;
position: relative;
background-size: cover;
}
.search_box,.homepage_settings .center-block {
float:
none!important;
}
@media only screen and (max-width: 768px) {
#first_container {
background-position: center top;
}
.homepage_title,.homepage_settings h2,.search_box {
float:none!important;
}
}
[class^="homepage-section-"]:empty {
display: none;
}
.primary-hero-content .search_box, .secondary-hero-content .search_box {
width: 100%;
}
.homepage_settings:has(.secondary-hero-content) {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.homepage_settings:has(.secondary-hero-content) > * {
order: 10;
} </style> <div class="row-fluid row homepage_settings">
<div class="col-xs-12 col-sm-12 col-md-9 center-block homepage_title primary-hero-content">
<h1 class="sm-text-center">Find The Best Coffee Roaster and Coffee Shop Near You</h1>
</div>
<div class="clearfix"></div>
<div class="col-md-12">
<div class="clearfix"></div>
<div class="clearfix"></div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div></div> <!-- closes container + content-container -->
<div class="homepage-sections fr-view">
<div class="content-container custom-homepage-content homepage-section-1">
<div class="container">
<p><style type="text/css"> .modal-body { background: linear-gradient(45deg, #B76E23, #ff9800); padding: 20px; border-radius: 10px; text-align: center; color: #fff; position: relative;}.modal-footer,.modal-header,.modal-content { background: linear-gradient(45deg, #B76E23, #ff9800); color: #fff; text-align: center;} .modal-header .close { margin-top: -15px; margin-right: -15px; font-size: 30px; color: #fff; cursor: pointer; background-color: #333; border-radius: 50%; padding: 5px 10px;}.modal-title { font-size: 24px; margin-bottom: 10px;}.modal-body h2 { font-size: 28px; margin-bottom: 15px;}.modal-body p { margin: 15px 0; font-size: 16px;}a.btn.btn-success { background-color: #ff0000; color: white; padding: 15px 25px; text-align: center; text-decoration: none; border-radius: 5px; font-size: 16px; margin-top: 20px;}a.btn.btn-success:hover { background-color: #1f1ba4;}@media (max-width: 480px) { .modal-dialog { max-width: 90%; }} </style></p><div class="modal fade" id="Modaltimed" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content promo-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h3 class="modal-title" id="myModalLabel">Limited-Time Offer!</h3> </div> <div class="modal-body"> <h2>Claim Your Free Coffee Samples</h2> <p><strong>Exclusively for Coffee Shop Owners:</strong><br> Get free coffee samples and a free listing!</p> </div> <div class="modal-footer"> <a href="https://www.coffee.org/?source=coffeeroaster.com" target="_blank" class="btn btn-success">CLAIM YOUR SAMPLE</a> </div> </div> </div> </div><p></p><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><a href="https://coffee.org/pages/20-interesting-coffee-facts" target="_blank" rel="noopener noreferrer"><img src="https://www.coffeeroaster.com/images/buy-coffee-online.jpeg" class="fr-dib img-enlarge-hover" width="1140" height="641" data-tag="image" data-url="https://www.coffeeroaster.com/images/buy-coffee-online.jpeg" loading="lazy" data-processed="true" alt="buy coffee online"></a></p><h4>20 Interesting Coffee Facts</h4><p>Quick facts about coffee that may come in handy one day... you never know:</p><p>1. Italian “expresso:” The word espresso comes from...</p><p><a class="btn btn-lg btn-primary" href="https://coffee.org/pages/20-interesting-coffee-facts" rel="noopener noreferrer" target="_blank">Read More</a></p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><a href="https://coffee.org/pages/ways-to-still-drink-coffee-and-avoid-its-negative-effects" target="_blank" rel="noopener noreferrer"><img src="https://www.coffeeroaster.com/images/KCup.jpg" class="fr-dib img-enlarge-hover" width="1140" height="641" data-tag="image" data-url="https://www.coffeeroaster.com/images/KCup.jpg" loading="lazy" data-processed="true" alt="KCup"></a></p><h4>Ways to Drink Coffee & Avoid the Negative Side Effects</h4><p>Coffee is a wonderful beverage that is associated with great health benefits as well as side effects. One of the most disturbing effects is issues relating to high blood...</p><p><a class="btn btn-lg btn-primary" href="https://coffee.org/pages/ways-to-still-drink-coffee-and-avoid-its-negative-effects" rel="noopener noreferrer" target="_blank">Read More</a></p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><a href="https://coffee.org/blogs/news/tips-on-brewing-the-best-coffee-1" target="_blank" rel="noopener noreferrer"><img src="https://www.coffeeroaster.com/images/2ea970792059b61b5bb44ad09e73558370e9b4af.jpg" class="fr-dib img-enlarge-hover" width="720" height="442" data-url="https://www.coffeeroaster.com/images/2ea970792059b61b5bb44ad09e73558370e9b4af.jpg" loading="lazy" data-tag="image" data-processed="true" alt="2ea970792059b61b5bb44ad09e73558370e9b4af"></a></p><h4>How to Brew the Best Cup of Coffee</h4><p>Tips on brewing the best coffee are handed down from one family member to another much like handing down grandma's recipes. Coffee drinkers share their coffee brewing...</p><p><a class="btn btn-lg btn-primary" href="https://coffee.org/blogs/news/tips-on-brewing-the-best-coffee-1" rel="noopener noreferrer" target="_blank">Read More</a></p></td></tr></tbody></table><p style="text-align: center;"><span style="font-size: 20px;"><a href="https://coffee.org/pages/coffee-articles" target="_blank" rel="noopener noreferrer" class="btn-rg">Click here to check out more interesting articles about coffee!</a></span></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><a href="https://missellies.com" target="_blank" rel="noopener noreferrer"><img src="https://www.coffeeroaster.com/images/2b8bfbe657a2109385b25fc75bc7f95a6f977770.png" class="fr-fil fr-dib img-enlarge-hover" loading="lazy" style="width: 450px;" width="450" height="373" data-processed="true" alt="2b8bfbe657a2109385b25fc75bc7f95a6f977770"></a> <a href="https://alldaygourmet.com" target="_blank" rel="noopener noreferrer"><img src="https://www.coffeeroaster.com/images/6eff007c1cb20d8cdc7d4aa8ac17f443a14ca43f.png" class="fr-dib img-enlarge-hover fr-fir" loading="lazy" style="width: 450px;" width="450" height="373" data-processed="true" alt="6eff007c1cb20d8cdc7d4aa8ac17f443a14ca43f"></a> <a href="https://coffee.org" target="_blank" rel="noopener noreferrer"><img src="https://www.coffeeroaster.com/images/e077124a7b8713e676ef231f6b5b9cdda7c7f7d4.png" class="fr-fil fr-dib img-enlarge-hover" loading="lazy" style="width: 450px;" width="450" height="373" data-processed="true" alt="e077124a7b8713e676ef231f6b5b9cdda7c7f7d4"></a></p><p style="text-align: center;"><br></p><p style="text-align: center;"><a href="https://cw-usa.com" target="_blank" rel="noopener noreferrer"><img src="https://www.coffeeroaster.com/images/2c6f14ac8e9e2c1c394d568530d3dc948e959673.png" data-tag="image" data-url="https://www.coffeeroaster.com/images/2c6f14ac8e9e2c1c394d568530d3dc948e959673.png" class="fr-dib img-enlarge-hover fr-fir" loading="lazy" style="width: 450px;" width="450" height="373" data-processed="true" alt="2c6f14ac8e9e2c1c394d568530d3dc948e959673"></a></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p id="isPasted" style="text-align: center;">Whether you are a coffee shop owner looking for a white label supplier or a coffee aficionado in search of the hottest new cafe near you to try out, CoffeeRoaster.com has everything you are looking for!</p><p style="text-align: center;"><br></p><p style="text-align: center;">Browse local coffee shops and coffee wholesellers to find what fits your needs.</p><p style="text-align: center;"><br></p><p style="text-align: center;">Explore some of our preferred brands, each with their own unique blends to help you brew your perfect cup.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 50%;"><div style="text-align: center;"><img src="https://www.coffeeroaster.com/images/2534675bd1211b70f8b9c68c9e256ba347eef817.jpg" class="fr-dib" width="378" loading="lazy" style="width: 378px; height: 327.528px;" height="328" data-processed="true" alt="2534675bd1211b70f8b9c68c9e256ba347eef817"></div><p style="text-align: center;"><br></p></td><td style="width: 50%;"><h2 style="text-align: center;">Advertise with us!</h2><p style="text-align: center;">Are you a coffee supplier? Do you want to engage with new clients from around the country? At CoffeeRoaster.com, we offer great advertisement positions for everyone in the coffee business. Contact us today to get your ad on our directory!</p><p style="text-align: center;"><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/about/contact" rel="noopener noreferrer" target="_blank">Get In Touch</a></p></td></tr></tbody></table><p><br></p><p><br></p> </div>
</div>
<div class="homepage-section-2"></div>
<div class="homepage-section-3"><div class="clearfix"></div>
<div class="content-container">
<div class="container">
<div class="row">
<div class="col-md-12 homepage_content_2">
<p style="text-align: center;"><span style="color: rgb(255, 255, 255);"> </span></p><div class="col-md-12 search_box fpad img-rounded background-image-container" style="color: white;">
<h2 class="streaming-title" style="color: white;">
Find Your Perfect Coffee Spot
</h2>
<p class="fpad nomargin sm-text-center" style="color: white;">
Enter your location or specialty to discover the best coffee shops and roasters near you.
</p>
<div class="clearfix"></div>
<div class="form-group nomargin hidden-sm hidden-xs col-md-4">
<label class="nomargin" style="color: white;">
Search by Name:
</label>
</div>
<div class="form-group nomargin hidden-xs hidden-sm col-md-4">
<label class="nomargin" style="color: white;">
Search by location:
</label>
</div>
<div class="clearfix"></div>
<form class="tpad xs-vpad xs-hpad website-search" name="frm1" action="/all">
<div class="form-group col-sm-12 col-md-4 bmargin xs-nopad">
<div class="input-group input-group-lg col-sm-12 large-autosuggest">
<div class="input-group-addon">
<i class="fa fa-fw fa-search"></i>
</div>
<span class="input-group-lg input_wrapper"><input type="text" class="member_search form-control input-lg large-autosuggest-input" name="q" value="" placeholder="Name or Keyword"></span>
</div>
</div>
<div class="form-group col-sm-12 col-md-4 bmargin xs-nopad">
<div class="input-group input-group-lg col-sm-12">
<div class="input-group-addon"><i class="fa fa-fw fa-location-arrow"></i></div>
<span class="input-group-lg input_wrapper"><input type="text" class="googleSuggest googleLocation form-control input-lg" name="location_value" id="location_google_maps_homepage" value="" placeholder="City or Zip Code" autocomplete="off"></span>
</div>
</div>
<div class="form-group col-sm-12 col-md-4 bmargin xs-nopad">
<button type="submit" class="btn-block btn btn-lg btn_home_search">Search Now</button>
</div>
<div class="clearfix"></div>
</form>
<div class="clearfix"></div>
</div>
<style>
.background-image-container {
background-image: url('https://www.coffeeroaster.com/images/hero-imgs/coffee-shops-in-arkansas.webp');
background-size: cover; /* Ensures the background image covers the entire container */
background-position: center; /* Centers the background image */
background-repeat: no-repeat; /* Prevents the image from repeating */
padding: 20px; /* Optional: Adds some padding inside the container */
}
</style>
<p></p> <div class="clearfix"></div>
</div>
</div>
</div>
</div></div>
<div class="homepage-section-4"><div class="clearfix"></div>
<div class="content-container">
<div class="container">
<div class="row">
<div class="col-md-12 homepage_content_3">
<p>At CoffeeRoaster.com, we’re dedicated to connecting coffee lovers with the best coffee roasters and shops across the United States. Whether searching for your next favorite brew or exploring new coffee spots, our platform makes it easy to discover, compare, and connect with top-rated coffee destinations near you.</p> <div class="clearfix"></div>
</div>
</div>
</div>
</div></div>
<div class="homepage-section-5"><div class="clearfix"></div>
<div class="content-container">
<div class="container">
<div class="row">
<div class="col-md-12 homepage_content_5">
<p style="text-align: center;"><strong><span style="font-size: 35px;">CHECK OUT OUR PREFERRED VENDORS</span></strong></p><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://brlcoffeeco.com/cdn/shop/files/IMG_5118_1600x.jpg?v=1613716222" class="fr-dib" loading="lazy" style="width: 230px;" width="230" height="228" data-processed="true" alt="IMG 5118 1600x"></p><h3>BRL Coffee Co.</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> New York, New York, 10009</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/brl-coffee-co" rel="noopener noreferrer" target="_blank">More Info</a></p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRN2HiiuXIkVtm9tUtYfeaODyJ_lUUx9Lmyyg&s" class="fr-dib" loading="lazy" style="width: 230px;" width="230" height="228" data-processed="true" alt="images"></p><h3>Brother Beans Coffee</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> Vernon Township, New Jersey, 07462</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/brother-beans-coffee" rel="noopener noreferrer" target="_blank">More Info</a></p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTXp_mS3Cdd0y1na7V1epzUnqbaoM7VM8G1dA&s" class="fr-dib" loading="lazy" height="225" data-processed="true" alt="images" width="1"></p><h3>Coffee USA</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> Fort Smith, Arkansas, 72916</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/coffee-usa" rel="noopener noreferrer" target="_blank">More Info</a></p></td></tr></tbody></table><p><br></p><p><br></p><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://cdn.shopify.com/s/files/1/2304/9053/files/CoffeeCLUBLogo.png?height=628&pad_color=fff&v=1613525966&width=1200" class="fr-dib" loading="lazy" style="width: 340px; height: 190px;" width="340" height="190" data-processed="true" alt="CoffeeCLUBLogo"></p><h3>Coffee Club</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> Fort Smith, Arkansas, 72916</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/coffee-club" rel="noopener noreferrer" target="_blank">More Info</a></p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://www.firedeptcoffee.com/cdn/shop/products/FDC_Foundation_Primary_Logo_800x800_1_2048x.jpg?v=1671119746" class="fr-dib" loading="lazy" style="width: 230px;" width="230" height="228" data-processed="true" alt="FDC Foundation Primary Logo 800x800 1 2048x"></p><h3>Fire Department Coffee</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> Rockford, Illinois, 61103</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/fire-department-coffee" rel="noopener noreferrer" target="_blank">More Info</a></p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://www.nativeamericancoffee.com/cdn/shop/files/Native_Buffalo_Logo_550x.png?v=1624656103" class="fr-dib" loading="lazy" style="width: 340px; height: 190px;" width="340" height="190" data-processed="true" alt="Native Buffalo Logo 550x"></p><h3>NativeAmericanCoffee.com</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> United States</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/nativeamericancoffee-com" rel="noopener noreferrer" target="_blank">More Info</a></p></td></tr></tbody></table><p><br></p><p><br></p><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://pbs.twimg.com/profile_images/1256323563549753344/GLamfDNY_400x400.jpg" class="fr-dib" loading="lazy" style="width: 230px;" width="230" height="228" data-processed="true" alt="GLamfDNY 400x400"></p><h3>Raphael's Roastery</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> Tullahoma, Tennessee, 37388</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/raphael’s-roastery" rel="noopener noreferrer" target="_blank">More Info</a></p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRpYdEqPsffDSKms0PGkuDxOVB_G2YGvnZoiw&s" class="fr-dib" loading="lazy" style="width: 230px;" width="230" height="228" data-processed="true" alt="images"></p><h3>River Bear Coffee</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> Los Angeles, California</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/river-bear-coffee" rel="noopener noreferrer" target="_blank">More Info</a></p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS3VLDHlDqKphZhH2yoSlUeqgxaf7_SRfVnRA&s" class="fr-dib" loading="lazy" style="width: 230px;" width="230" height="228" data-processed="true" alt="images"></p><h3>Utica Coffee Roasting</h3><p>Coffee Roaster<br style="box-sizing: border-box; white-space: normal !important;" id="isPasted"> Utica, New York, 13502</p><p><a class="btn btn-lg btn-primary" href="https://www.coffeeroaster.com/coffee-roaster/utica-coffee-roasting" rel="noopener noreferrer" target="_blank">More Info</a></p></td></tr></tbody></table><p><br></p><p><br></p> <div class="clearfix"></div>
</div>
</div>
</div>
</div></div>
<div class="homepage-section-6"><style type="text/css"> .display-recent-members .recent-member {
vertical-align:top;
}
.recent-member-image {
height:112px;
}
.recent-member-image img {
max-height:112px;
}
.recent-member.smaller-image img {
max-height: 100px;
}
.recent-member-info p {
min-height:75px;
}
.streaming-recent-member-stars.stars-with-image .the-rating-text{
display:block;
}
.streaming-recent-member-stars .the-average-rating{
display:none;
}
.streaming-recent-member-stars .the-star-icons {
letter-spacing: -1px;
}
.streaming-recent-member-stars .the-review-count {
font-size: 11px;
}
.streaming-recent-member-stars .star_rating {
white-space: nowrap;
}
@media only screen and (min-width: 991px) {
.display-recent-members .recent-member:nth-child(3n+1) {
clear: left;
}
}
@media only screen and (max-width: 991px) {
.display-recent-members .recent-member:nth-child(2n+1) {
clear: left;
}
}
</style> <div class="clearfix"></div>
<div class="content-container">
<div class="clearfix"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="nomargin sm-text-center bold streaming-title" style="color: rgb(41, 41, 41)">
Latest Coffee Roasters & Shops </h2>
<hr>
</div>
<div class="clearfix"></div>
<div class="grid-container display-recent-members ">
<div class="row">
<div class="slickMembers col-md-12">
<div class="col-xs-12 col-sm-6 col-md-4 member recent-member ">
<div class="well">
<a class="h4 bold bmargin inline-block notranslate" title="Path Coffee Roasters - View Listing" href="/coffee-roaster/path-coffee-roasters">
Path Coffee Roasters </a> <div class="clearfix fpad-sm nobpad"></div>
<div class="col-xs-4 nopad text-center recent-member-image">
<a title="Path Coffee Roasters - View Listing" href="/coffee-roaster/path-coffee-roasters">
<img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Path Coffee Roasters" data-src="/pictures/profile/pimage-128506-75-photo.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="col-xs-8 norpad small recent-member-info">
<p>
<span class="tmargin bold center-block">
Located in
</span>
Port Chester, NY </p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 member recent-member ">
<div class="well">
<a class="h4 bold bmargin inline-block notranslate" title="Motif Roasters - View Listing" href="/coffee-roaster/motif-roasters">
Motif Roasters </a> <div class="clearfix fpad-sm nobpad"></div>
<div class="col-xs-4 nopad text-center recent-member-image">
<a title="Motif Roasters - View Listing" href="/coffee-roaster/motif-roasters">
<img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Motif Roasters" data-src="/pictures/profile/pimage-128504-314-photo.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="col-xs-8 norpad small recent-member-info">
<p>
<span class="tmargin bold center-block">
Located in
</span>
Gloucester, MA </p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 member recent-member ">
<div class="well">
<a class="h4 bold bmargin inline-block notranslate" title="Dozo USA - View Listing" href="/dozo-usa">
Dozo USA </a> <div class="clearfix fpad-sm nobpad"></div>
<div class="col-xs-4 nopad text-center recent-member-image">
<a title="Dozo USA - View Listing" href="/dozo-usa">
<img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Dozo USA" data-src="/pictures/profile/pimage-128502-84-photo.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="col-xs-8 norpad small recent-member-info">
<p>
<span class="tmargin bold center-block">
Located in
</span>
Missouri City, TX </p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 member recent-member ">
<div class="well">
<a class="h4 bold bmargin inline-block notranslate" title="Bloom Books & Cafe - View Listing" href="/coffee-shop/bloom-books-cafe">
Bloom Books & Cafe </a> <div class="clearfix fpad-sm nobpad"></div>
<div class="col-xs-4 nopad text-center recent-member-image">
<a title="Bloom Books & Cafe - View Listing" href="/coffee-shop/bloom-books-cafe">
<img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Bloom Books & Cafe" data-src="/pictures/profile/pimage-128501-112-photo.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="col-xs-8 norpad small recent-member-info">
<p>
<span class="tmargin bold center-block">
Located in
</span>
Rocky Ford, CO </p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 member recent-member ">
<div class="well">
<a class="h4 bold bmargin inline-block notranslate" title="Cascara - View Listing" href="/coffee-shop/cascara">
Cascara </a> <div class="clearfix fpad-sm nobpad"></div>
<div class="col-xs-4 nopad text-center recent-member-image">
<a title="Cascara - View Listing" href="/coffee-shop/cascara">
<img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Cascara" data-src="/pictures/profile/pimage-128499-99-photo.jpg" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="col-xs-8 norpad small recent-member-info">
<p>
</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 member recent-member ">
<div class="well">
<a class="h4 bold bmargin inline-block notranslate" title="Claw Coffee Roasters - View Listing" href="/coffee-roaster/claw-coffee-roasters">
Claw Coffee Roasters </a> <div class="clearfix fpad-sm nobpad"></div>
<div class="col-xs-4 nopad text-center recent-member-image">
<a title="Claw Coffee Roasters - View Listing" href="/coffee-roaster/claw-coffee-roasters">
<img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Claw Coffee Roasters" data-src="/pictures/profile/pimage-128498-107-photo.png" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
</a>
</div>
<div class="col-xs-8 norpad small recent-member-info">
<p>
<span class="tmargin bold center-block">
Located in
</span>
Scarborough, ME </p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="homepage-section-7"><div class="clearfix"></div>
<div class="content-container">
<div class="container">
<div class="row">
<div class="col-md-12 homepage_content_4">
<p><style type="text/css"> .fr-view blockquote {
border-left: solid 2px #000;
margin-left: 0;
padding-left: 5px;
color: #fff;
}
#quote-carousel {
padding: 0 10px 30px 10px;
margin-top: 60px;
}
#quote-carousel .carousel-control {
background: none;
color: #f7f7f7;
font-size: 2.3em;
text-shadow: none;
margin-top: 30px;
}
#quote-carousel .carousel-indicators {
position: relative;
right: 50%;
top: auto;
bottom: 0px;
margin-top: 20px;
margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
width: 50px;
height: 50px;
cursor: pointer;
border: 1px solid #f7f7f7;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
border-radius: 50%;
opacity: 0.4;
overflow: hidden;
transition: all .4s ease-in;
vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
width: 128px;
height: 128px;
opacity: 1;
transition: all .2s;
}
.item blockquote {
border-left: none;
margin: 0;
}
.item blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
} </style></p><h3 class="streaming-title" style="color: white;">What Our Users Are Saying</h3>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="carousel slide" data-ride="carousel" id="quote-carousel">
<!-- Carousel Slides / Quotes -->
<div class="carousel-inner text-center">
<!-- Quote 1 -->
<div class="item active">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Using CoffeeRoaster.com, I discovered a fantastic local coffee shop that quickly became my go-to spot. The reviews and details made it so easy to find exactly what I was looking for!</p>
<small>Alice, Portland</small>
</div>
</div>
</blockquote>
</div>
<!-- Quote 2 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>CoffeeRoaster.com has significantly increased our customer base. Listing our coffee shop here was a game-changer for our business!</p>
<small>John, Owner of a Coffee Shop, Chicago</small>
</div>
</div>
</blockquote>
</div>
<!-- Quote 3 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>We have been advertising on CoffeeRoaster and our business is doing better than ever! Great service.</p>
<small>Scott C., Coffee Wholesale USA </small>
</div>
</div>
</blockquote>
</div>
<!-- Quote 4 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>CoffeeRoaster is a great service for helping connect businesses with new customers.</p>
<small>Randy B., Coffee Origins</small>
</div>
</div>
</blockquote>
</div>
<!-- Quote 5 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Whether you are a business looking to bring in new customers, or a coffee-lover looking for your new favorite coffee spot, CoffeeRoaster is a service for you!</p>
<small>Bill M., Coffee.Org </small>
</div>
</div>
</blockquote>
</div>
<!-- Quote 6 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>As a coffee enthusiast, I love how easy it is to find and compare coffee roasters on CoffeeRoaster.com. It's my favorite tool for discovering new flavors.</p>
<small>Samantha, New York City</small>
</div>
</div>
</blockquote>
</div>
<!-- Quote 7 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>As a senior concerned about my <a href="https://www.miradorliving.com/resources/senior-nutrition-guide" target="_blank" title="nutrition" style="color: white; text-decoration: none;">nutrition</a>, CoffeeRoaster.com helps me find everything for my coffee needs!</p>
<small>Michael, Charlotte, NC</small>
</div>
</div>
</blockquote>
</div>
</div>
<!-- Carousel Buttons Next/Prev -->
<a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
<a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a>
</div>
</div>
</div>
<p style="text-align: center;">
<a class="btn btn-info" href="https://www.coffeeroaster.com/join">Get Started <i class="fa fa-arrow-right"></i></a>
</p>
</div>
<p></p> <div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<div class="homepage-section-8"></div>
</div>
<script>
(function(){
if (typeof performance === 'undefined' || performance.navigation.type !== 2) return;
var path = window.location.pathname.split('/').join('_');
var storedSid = sessionStorage.getItem('select2-sid' + path);
var storedTid = sessionStorage.getItem('select2-tid' + path);
var storedTtid = sessionStorage.getItem('select2-ttid' + path);
if (!storedSid && !storedTid && !storedTtid) return;
window._bdCategoryPreloaded = true;
function waitForSelect2(selector, callback, maxWait) {
maxWait = maxWait || 5000;
var start = Date.now();
var check = setInterval(function() {
var $el = $(selector);
if ($el.length && $el.data('select2')) {
clearInterval(check);
callback($el);
} else if (Date.now() - start > maxWait) {
clearInterval(check);
}
}, 100);
}
function waitForOptions(selector, callback, maxWait) {
maxWait = maxWait || 5000;
var start = Date.now();
var check = setInterval(function() {
var $el = $(selector);
if ($el.length && $el.data('select2') && $el.find('option').length > 1) {
clearInterval(check);
callback($el);
} else if (Date.now() - start > maxWait) {
clearInterval(check);
}
}, 100);
}
$(document).ready(function(){
if (typeof select2OnFormClick !== 'function') return;
// Clean up stale select2 DOM from bfcache before re-initializing
var staleContainers = document.querySelectorAll('.select2-container');
for (var i = 0; i < staleContainers.length; i++) {
staleContainers[i].parentNode.removeChild(staleContainers[i]);
}
var offscreenSelects = document.querySelectorAll('.select2-offscreen');
for (var j = 0; j < offscreenSelects.length; j++) {
offscreenSelects[j].className = offscreenSelects[j].className.replace('select2-offscreen', '').trim();
offscreenSelects[j].style.display = '';
}
var initPromise = select2OnFormClick();
var afterInit = function(){
if (storedSid && $("#sid").length) {
waitForSelect2('#sid', function($sid) {
$sid.select2('val', storedSid);
$sid.trigger('change');
});
}
$(".infinite-chained[name='sid']").each(function(){
var el = this;
if (storedSid && el.id !== 'sid') {
waitForSelect2('#' + el.id, function($el) {
$el.select2('val', storedSid);
$el.trigger('change');
});
}
});
if (storedTid) {
waitForOptions('#tid', function($tid) {
$tid.select2('val', storedTid);
$tid.trigger('change');
});
}
if (storedTtid) {
waitForOptions('#ttid', function($ttid) {
$ttid.select2('val', storedTtid);
});
}
};
if (initPromise && typeof initPromise.then === 'function') {
initPromise.then(afterInit);
} else {
setTimeout(afterInit, 500);
}
});
})();
</script> <div class="clearfix"></div>
</main>
<!-- End Content -->
<div class="clearfix footer-clear-element "></div>
<!--
IMPORTANT: This widget contains real Adsense code as a sample to show how this widget functions. Please replace the current Adsense code below with your own code in order to generate revenue from this ad space.
-->
<div class="clearfix"></div>
<div class="content-container banner-ad-unit footer-banner-container">
<div class="container text-center banner-ad-unit footer-banner-ad">
<div class="clearfix clearfix-lg"></div>
<a class="center-block text-center" href="https://coffee.club/" target="_blank">
<img width="728" height="90" loading="lazy" alt="Banner Ad" src="/images/Ads/Coffee-Club-4-Leaderboard-(1).jpeg">
</a>
<div class="clearfix clearfix-lg"></div>
</div>
</div>
<div class="clearfix"></div>
<div class="footer">
<div class="container">
<div class="row">
<ul class="footer_menu sm-text-center">
<li class="col-md-5"><span id="link328" class="head"> CoffeeRoaster.com</span><ul><li class=""><span id="link329" class="content"> Connecting coffee enthusiasts with the finest coffee roasters and shops across the USA. Discover, compare, and enjoy exceptional coffee experiences near you.<br> Join our community today!</span></li></ul></li><li class="col-md-2 col-md-offset-1"><span id="link330" class="head"> Coffee Roaster</span><ul><li class=""><a href="/about" id="link331">How It Works</a></li><li class=""><a href="/join" id="link332">Submit Your Roaster</a></li><li class=""><a href="/getmatched" id="link391">Get Matched</a></li><li class=""><a href="https://coffee.org/" id="link392" target="_blank">Coffee.org</a></li><li class=""><a href="https://coffee.org/collections/coffee-cakes" id="link393" target="_blank">Coffee Cakes</a></li><li class=""><a href="https://cw-usa.com/" id="link394" target="_blank">Wholesale Coffee</a></li></ul></li><li class="col-md-2"><span id="link333" class="head"> Browse</span><ul><li class=""><a href="/states" id="link334">Browse by State</a></li><li class=""><a href="/coffee-roaster" id="link335">Coffee Roasters</a></li><li class=""><a href="/coffee-shop" id="link352">Coffee Shops</a></li><li class=""><a href="/events" id="link395">Coffee Events</a></li></ul></li><li class="col-md-2"><span id="link336" class="head"> Support</span><ul><li class=""><a href="/login" id="link337">Login</a></li><li class=""><a href="/about/contact" id="link338">Contact Us</a></li></ul></li><li class="col-md-12 clearfix"><span id="link339"> </span></li><li class="col-md-5 vpad vmargin"><span id="link340"> <style>.network-icon.twitter,.network-icon.tiktok{background:#000}</style>
<div class="list-social-links">
<a class="network-icon contact" href="/about/contact" title="Contact Us Coffee Roaster">
<i class="bi bi-envelope"></i>
</a>
<div class="clearfix"></div>
</div></span></li><li class="col-md-6 col-md-offset-1 vpad vmargin"><a href="/join" id="link341" class="btn btn_footer_get_listed btn-lg btn-block bold center sm-block">Coffee Roaster & Coffee Shops - Get Listed Today</a></li><li class="col-md-12 clearfix vmargin text-center"><span id="link342"> </span><ul><li class="clearfix vmargin vpad inline-block"><span id="link343"> </span></li><li class="btn-lg font-sm novpad norpad inline-block"><span id="link344"> © 2026</span></li><li class="font-sm inline-block hpad"><a href="/" id="link345" title="Coffee Roaster">Coffee Roaster</a></li><li class="font-sm inline-block"><span id="link346"> All Rights Reserved</span></li><li class="font-sm inline-block hpad"><a href="/about/terms" id="link347" title="">Terms of Use</a></li><li class="font-sm inline-block"><a href="/about/privacy" id="link348" title="">Privacy Policy</a></li></ul></li> </ul>
</div>
</div>
</div><style type="text/css"> .scrollup {
border-radius: 3px;
width: 40px;
height: 40px;
opacity: 0.4;
position: fixed;
bottom: 30px;
right: 30px;
display: none;
background: rgba(119, 119, 119, 0.8);
z-index: 1000000;
}
.scrollup i {
font-size: 36px;
color: white;
position: relative;
top: 0px;
left: 10px;
} </style>
<link rel="stylesheet" type="text/css" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.css">
<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.js"></script>
<script>
function clearContent(thisObj){
var size;
if(thisObj.hasClass('input-sm') || thisObj.parents('.input-group').hasClass('input-group-sm')){
size = "small";
} else if (thisObj.hasClass('input-lg') || thisObj.parents('.input-group').hasClass('large-autosuggest')){
size = "large";
} else {
size = "medium";
}
if(!thisObj.parent().hasClass('input_wrapper')){
if(thisObj.parent().hasClass('input-group-sm')){
thisObj.wrap('<span class="input-group-sm input_wrapper"></span>');
} else if (thisObj.parent().hasClass('input-group-lg')){
thisObj.wrap('<span class="input-group-lg input_wrapper"></span>');
} else {
thisObj.wrap('<span class="input_wrapper"></span>');
}
}
if(thisObj.val() != ""){
if(thisObj.hasClass('googleSuggest')){
thisObj.parent().find('.fill_location').remove();
}
if (!thisObj.parent().find('.clear_content').length){
thisObj.parent().append(`<span class="clear_content ${size}"><i class="fa fa-times-circle" aria-hidden="true"></i></span>`);
if (thisObj.hasClass("tt-input")) {
thisObj.focus();
}
}
}
}
$(document).on('click', '.drp-buttons .applyBtn', function(){
clearContent($(".dateRange input"));
});
$('.sm-autosuggest input, .googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').keyup(function(){
clearContent($(this));
});
$(document).ready(function(){
$('.sm-autosuggest input, input.googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').each(function(){
clearContent($(this));
})
})
$(document).on('click', '.clear_content', function(){
$(this).parent().find('input').val('');
//tt-input its a class for typeahead auto-suggest
if ($(this).parent().find('input').hasClass("tt-input")) {
$(this).parent().find('input').typeahead('val','');
}
clearContent($(this).parent().find('input'));
$(this).remove();
});
$(window).on('load', function () {
setTimeout(function() {
// add missing href attribute to multi-category options in search modules
$('.bootstrap-select.show-tick .dropdown-menu a').attr('href', '#');
}, 2000);
});
</script>
<a href="#" class="scrollup" title="scrollup">
<i class="fa fa-caret-up" aria-hidden="true"></i>
</a>
<script>
$(document).ready(function(){
$('.progress .progress-bar').progressbar({
display_text: 'fill'
});
$(window).scroll(function(){
if ($(this).scrollTop() > 600) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').click(function(){
$("html, body").animate({
scrollTop: 0
}, 600);
return false;
});
$('#cropButton').click(function(){
var iframe = $("#cropiFrame");
iframe.attr("src", iframe.data("src"));
});
});
</script>
<script>
setTimeout(function() {
$('#Modaltimed').modal();
}, 2000);
</script>
JavaScript
<script type="text/javascript">
// Try to load coordinates from sessionStorage on page load
var vlat = 0;
var vlon = 0;
try {
var savedLat = sessionStorage.getItem('bd_geolocation_lat');
var savedLon = sessionStorage.getItem('bd_geolocation_lon');
if (savedLat && savedLon) {
vlat = parseFloat(savedLat);
vlon = parseFloat(savedLon);
}
} catch(e) {}
var isSubmit = false;
var isGettingLocation = false; // Flag to prevent multiple simultaneous geolocation requests
// Function to save coordinates to sessionStorage
function saveCoordinatesToSession(lat, lon) {
try {
sessionStorage.setItem('bd_geolocation_lat', lat.toString());
sessionStorage.setItem('bd_geolocation_lon', lon.toString());
} catch(e) {}
}
// Function to get coordinates from sessionStorage if current ones are 0
function getCoordinatesFromSession() {
if (vlat === 0 && vlon === 0) {
try {
var savedLat = sessionStorage.getItem('bd_geolocation_lat');
var savedLon = sessionStorage.getItem('bd_geolocation_lon');
if (savedLat && savedLon) {
vlat = parseFloat(savedLat);
vlon = parseFloat(savedLon);
return true;
}
} catch(e) {}
}
return false;
}
var cityTypes = [
'colloquial_area',
'locality',
'sublocality',
'sublocality_level_1',
'sublocality_level_2',
'sublocality_level_3',
'sublocality_level_4',
'sublocality_level_5',
'neighborhood',
'ward',
'postal_town'
];
var postalTypes = [
'postal_code',
'postal_code_prefix',
'postal_code_suffix',
'street_number',
'premise',
'subpremise',
'route',
'intersection',
'street_address',
'floor',
'room',
'post_box',
'delivery_address'
];
var isSubmitting = false;
window.cachedSelectedOption = [{ 'typed_location': '' }];
window.isSubmittingMainSearch = false;
document.addEventListener('DOMContentLoaded', () => {
let isSubmitting = false; // Add flag at the top level
setTimeout(()=>{
let googleSuggestForm = document.querySelectorAll('.googleSuggest,.google-writen-location,input[name="lead_location"],.fill_location');
if (typeof googleSuggestForm != "undefined") {
for (let i = 0; i < googleSuggestForm.length; i++) {
let closestForm = googleSuggestForm[i].closest('form');
if(typeof closestForm != "undefined" && closestForm != null){
closestForm.addEventListener('focusin', googleMapOnFormClick, false);
}else{
googleSuggestForm[i].addEventListener('input', googleMapOnFormClick, false);
}
googleSuggestForm[i].addEventListener('click', googleMapOnFormClick, false);
}
}
},200);
$('.website-search button[type=submit]').click(async function (e) {
e.preventDefault(); // Prevent the default submit action
await googleMapOnFormClick();
$(this).closest('form').submit();
});
});
window['gmapClick'] = false;
function googleMapOnFormClick() {
if(window.gmapClick){
return;
}
window.gmapClick = true;
return new Promise((resolve, reject) => {
window.isSubmittingMainSearch = false;
let googleSuggestForm = document.querySelectorAll('.googleSuggest, .google-writen-location, input[name="lead_location"], .fill_location');
let mapUri = "https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places®ion=US&callback=initializeG&language=en&key=AIzaSyDurbo-0W7zdPW7XR_cuDUaeY09A4TyCl0";
if (typeof google !== "undefined" && google.hasOwnProperty('maps')) {
resolve('already loaded');
return;
}
let loadMapScriptAsync = function (uri) {
return new Promise((resolve, reject) => {
let script = document.createElement('script');
script.type = 'text/javascript';
script.src = uri;
script.async = true;
script.onload = function () {
resolve("ok");
};
script.onerror = function () {
reject("Failed to load Google Maps script.");
};
document.head.appendChild(script);
});
};
loadMapScriptAsync(mapUri)
.then(() => {
resolve();
})
.catch((error) => {
console.error(error);
reject();
});
});
}
function initializeG() {
var geocoder;
//This piece of code will create an autosuggest for every input with the class "googleSuggest"
var counter = 1;
var inputsArray = [];
window.cachedSelectedOption = [{ 'typed_location': '' }];
let mapExists = document.querySelectorAll('[id^="map"]').length > 0;
const functionsToInvoke = {
setJsMap: true,
setJsMapOverview: mapExists,
setJsMapSR: mapExists,
setJsMapSidebar: mapExists
};
if (window['maps_loaded'] !== true) {
for (let func in functionsToInvoke) {
if (typeof window[func] === 'function' && functionsToInvoke[func]) {
window['maps_loaded'] = true;
window[func]();
}
}
}
$(".googleSuggest").each(function () {
//get the id from the input to be the unique identifier for each autocomplete
var inputId = $(this).attr("id");
var inputElement = $(this);
inputsArray[counter] = /** @type {HTMLInputElement} */(
document.getElementById('' + inputId));
const mainCountry = 'US';
const inputOptions = {
fields: ['address_components', 'adr_address','formatted_address', 'geometry', 'icon', 'name','place_id','plus_code','type'],
types: ['geocode']
}
const language = "en";
if (language) {
inputOptions.language = language;
}
if (mainCountry) {
inputOptions.componentRestrictions = {country: mainCountry};
inputOptions.region = mainCountry;
}
var autocomplete = new google.maps.places.Autocomplete(inputsArray[counter], inputOptions);
google.maps.event.addListener(autocomplete, 'place_changed', function () {
const place = autocomplete.getPlace();
cachedSelectedOption = [];
cachedSelectedOption.push(place);
cachedSelectedOption[0]['typed_location'] = inputElement.val();
/* if(cachedSelectedOption[0]['adr_address']){
let cleanLocation = cachedSelectedOption[0]['adr_address'].replace(/<[^>]*>/g, '');
cachedSelectedOption[0]['typed_location'] = cleanLocation;
inputElement.val(cleanLocation);
}*/
if (cachedSelectedOption[0]['address_components'] == undefined) {
cachedSelectedOption = [];
var emptyObj = {
'typed_location': ''
};
cachedSelectedOption.push(emptyObj);
}
});
//the code that prevents the submition when hit enter on a google location autocomplete item
inputElement.keydown( function (e) {
if (e.keyCode == 13) {
var pacCounter = 0;
//need to run a loop to check each pac container
$('.pac-container').each(function () {
if ($(this).css("display") != "none") {
pacCounter++;
}
});
if (pacCounter > 0) {
e.preventDefault();
}
}
});
counter++;
});
//triggers every time a form with the id website-search is trigered
$('.website-search').submit(function (e) {
var currentForm = $(this);
var locationInput = $(this).find(".googleLocation");
var $submitButton = currentForm.find('input[type=submit], button[type=submit]');
if (locationInput.val() != "" && typeof locationInput.val() != 'undefined') {
// Set submitting flag
window.isSubmittingMainSearch = true;
$submitButton.prop('disabled', true);
e.preventDefault();
//this variable has the main country of the site
var form = currentForm;
var urlGET = form.serialize();
var formActionUrl = form.attr("action");
var locationValue = locationInput.val();
const mainCountry = 'US';
const inputOptions = {
address:locationValue
}
const language = "en";
if (language) {
inputOptions.language = language;
}
if (mainCountry) {
inputOptions.componentRestrictions = {country: mainCountry};
inputOptions.region = mainCountry;
}
if (typeof cachedSelectedOption == 'undefined') {
var emptyForm = {
'typed_location': ''
};
cachedSelectedOption.push(emptyForm);
}
if (locationValue != cachedSelectedOption[0]['typed_location']) {
geocoder = new google.maps.Geocoder();
geocoder.geocode(inputOptions, function (results, status) {
//if the google response of the geocoding was successful it will use that info to build the url for the new search
if (status == google.maps.GeocoderStatus.OK) {
parseInfoToSearch(results, urlGET, formActionUrl);
} else {
var urlPath = formActionUrl;
var redirect = urlPath + "?" + urlGET;
//will redirect the page using the new url that has been constructed
window.location.href = redirect;
}
});
} else {
parseInfoToSearch(cachedSelectedOption, urlGET, formActionUrl);
}
}
});
//check if a map has been loaded
if ($('#map-canvas').length > 0) {
var cssHideLogo = "<style>.pac-container:after { /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */background-image: none !important;height: 0px;}</style>";
$('body').append(cssHideLogo);
} else {
var cssHideLogo = "<style>.pac-container:after { /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */background-image: block !important;height: 16px;}</style>";
$('body').append(cssHideLogo);
}
if (geocodeVisitorsSetting == 1 && geocodingMethod === "IP") {
populateSearchFields();
}
if($('.googleSuggest').val() == ""){
populateSearchFields();
}
var geocodeVisitorsSetting = '0';
var geocodingMethod = 'HTML5';
//check the advanced setting "geocode_visitor_default" if set to 1 will override the "location_value" values to the formatted desire address from the google reverse geocoding response
var vlon = '';
var vlat = '';
}
function switchPlaceID(placeId,urlGET, formActionUrl) {
let request = {
placeId: placeId,
fields: ['address_components', 'adr_address', 'formatted_address', 'geometry', 'icon', 'name', 'place_id', 'plus_code', 'type'],
};
let service = new google.maps.places.PlacesService(document.createElement('div'));
service.getDetails(request, function(place, status) {
if (status === google.maps.places.PlacesServiceStatus.OK) {
let dataArray = [];
dataArray.push(place);
parseInfoToSearch(dataArray, urlGET, formActionUrl);
} else {
console.error('Place details request failed with status:', status);
}
});
}
function parseInfoToSearch(results, urlGET, formActionUrl) {
var urlSearchParams = new URLSearchParams(urlGET);
var parameters = {};
var addressComponentsArray = [];
if (results.length > 1) {
if(urlSearchParams.get("location_value")?.toLowerCase() === "nebraska" && results.length === 2){
let tempResult = results[0];
results[0] = results[1];
results[1] = tempResult;
}
for (let i = 0; i < results.length; i++) {
if (results[i].types[0] === 'natural_feature' ||
results[i].types[0] === 'airport' ||
results[i].types[0] === 'point_of_interest' ||
results[i].types[0] === 'establishment' ||
results[i].types[0] === 'political' ||
results[i].types[0] === 'park') {
results.splice(i, 1);
}
}
}
var adComLength = results[0].address_components.length;
if(results[0].place_id == 'ChIJmQrivHKsQjQR4MIK3c41aj8'){
switchPlaceID('ChIJi73bYWusQjQRgqQGXK260bw',urlGET, formActionUrl);
return;
}
sessionStorage.setItem("google_result",JSON.stringify(results));
var foundPostalType = results[0].types.find(type => postalTypes.includes(type));
var foundCityType = results[0].types.find(type => cityTypes.includes(type));
//loop that will build the array with the address components and will get the short name of country and administrative area level 1
for (var i = 0; i < adComLength; i++) {
if (results[0].address_components[i]['types'][0] == "country") {
parameters.country_sn = results[0].address_components[i]['short_name'];
}
if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") {
parameters.adm_lvl_1_sn = results[0].address_components[i]['short_name'];
}
if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") {
parameters.stateSearchLN = results[0].address_components[i]['long_name'];
}
if (results[0].address_components[i]['types'][0] == "administrative_area_level_2") {
parameters.county_sn = results[0].address_components[i]['short_name'];
}
if ($.inArray(results[0].address_components[i]['types'][0], cityTypes) !== -1 && (foundCityType || foundPostalType ) ) {
parameters.city = results[0].address_components[i]['long_name'];
}
if (results[0].address_components[i]['types'][0] == "postal_code" || results[0].address_components[i]['types'][0] == "postal_code_prefix") {
parameters.postal_code = results[0].address_components[i]['long_name'];
}
}
// Filter out 'political' from result types - use more specific type when available
// Same pattern as BD-directory-maps-typePolitical (PR #5642)
if (results[0].types && results[0].types.length > 1 && results[0].types[0] === 'political') {
results[0].types.splice(0, 1);
}
// Pick the most specific type from results, skip "political" (too generic)
parameters.location_type = results[0].types[0];
for (var t = 0; t < results[0].types.length; t++) {
if (results[0].types[t] != 'political') {
parameters.location_type = results[0].types[t];
break;
}
}
// When searching by city/locality, omit postal_code — Google returns
// a partial zip prefix that doesn't match all members in the city
if (parameters.location_type == 'locality' && parameters.postal_code) {
delete parameters.postal_code;
}
if (parameters.adm_lvl_1_sn != '') {
parameters.stateSearch = parameters.adm_lvl_1_sn;
}
if (parameters.country_sn == "GB") {
delete parameters.adm_lvl_1_sn;
}
//will check if the response had the bounds parameters
//if it had it will add the south west and north east parameters to the new url
if (results[0].geometry.hasOwnProperty('bounds') || results[0].geometry.hasOwnProperty('viewport')) {
if (results[0].geometry.hasOwnProperty('bounds')) {
var boundsResponse = results[0].geometry.bounds;
} else {
var boundsResponse = results[0].geometry.viewport;
}
parameters.swlat = boundsResponse.getSouthWest().lat();
parameters.nelat = boundsResponse.getNorthEast().lat();
parameters.swlng = boundsResponse.getSouthWest().lng();
parameters.nelng = boundsResponse.getNorthEast().lng();
//if there were not bounds parameters in the response it will send the parameter fsearch as radius so a radius search will be performed because of lack of info for this location
} else {
parameters.fsearch = "radius";
}
var locationCenterResponse = results[0].geometry.location;
parameters.lat = locationCenterResponse.lat();
parameters.lng = locationCenterResponse.lng();
parameters.faddress = results[0].formatted_address;
parameters.place_id = results[0].place_id;
var formatParameters = $.param(parameters);
urlGET = urlGET + "&" + formatParameters;
var urlPath = formActionUrl;
var redirect = urlPath + "?" + urlGET;
//will redirect the page using the new url that has been constructed
window.location.href = redirect;
}
function populateSearchFields() {
var prePopulateLocationSetting = '0';
var geolocationMethod = 'HTML5';
// If geolocation is in progress and we don't have coordinates yet, wait a bit
if (isGettingLocation && (vlat === 0 || vlon === 0)) {
var waitStartTime = performance.now();
var waitInterval = setInterval(function() {
if (!isGettingLocation || (vlat !== 0 && vlon !== 0)) {
clearInterval(waitInterval);
// Retry after a short delay to ensure coordinates are set
setTimeout(function() {
populateSearchFields();
}, 100);
} else if ((performance.now() - waitStartTime) > 10000) {
// Timeout after 10 seconds - try sessionStorage
clearInterval(waitInterval);
if (getCoordinatesFromSession()) {
setTimeout(function() {
populateSearchFields();
}, 100);
}
}
}, 200);
return;
}
// If coordinates are 0, try to get from sessionStorage
if (vlat === 0 || vlon === 0) {
getCoordinatesFromSession();
}
// Validate coordinates first
var hasValidCoordinates = (vlat !== '' && vlon !== '' && vlat != undefined && vlon != undefined && vlat != 0 && vlon != 0 && Math.abs(vlat) <= 90 && Math.abs(vlon) <= 180);
if (!hasValidCoordinates) {
return;
}
//if set to one will get the lat and lng to do reverse geocoding
if (prePopulateLocationSetting == 1 && (geolocationMethod === "HTML5" || geolocationMethod === "IP")) {
var visitorLatLng = new google.maps.LatLng(parseFloat(vlat), parseFloat(vlon));
var visitorGeocoder = new google.maps.Geocoder();
var formattedAddress = [];
var preFormattedStructure = {
"locality": "long_name",
"administrative_area_level_2": "long_name",
"administrative_area_level_1": "long_name",
"country": "long_name"
};
visitorGeocoder.geocode({'latLng': visitorLatLng}, function (results, status) {
//if the google response of the geocoding was successful it will use that info to build the url for the new search
if (status == google.maps.GeocoderStatus.OK) {
window.cachedSelectedOption = results;
$.each(preFormattedStructure, function (findex, fvalue) {
$.each(results[0].address_components, function (rindex, rvalue) {
if (rvalue.types[0] == findex) {
formattedAddress.push(rvalue.long_name);
}
});
});
$('.googleSuggest').each(function () {
if ($(this).val() == '') {
if (formattedAddress.length > 0) {
$(this).val(formattedAddress.join(', '));
clearContent($(this));
}
}
});
} else {
$('.googleSuggest').each(function () {
$(this).val('');
});
}
});
}
}
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
case 1: // PERMISSION_DENIED
$('.fill_location.clicked').popover({
content: `Your local browser settings have prevented location targeting. Please enable location permissions in your browser settings.`,
container: 'body'
});
$('.fill_location.clicked').popover('toggle');
setTimeout(function () {
$('.fill_location.clicked').popover('hide');
$('.fill_location.clicked').removeClass('clicked');
}, 4000);
break;
case error.POSITION_UNAVAILABLE:
case 2: // POSITION_UNAVAILABLE
$('.fill_location.clicked').popover({
content: `Location information is unavailable. Please check your device location settings.`,
container: 'body'
});
$('.fill_location.clicked').popover('toggle');
setTimeout(function () {
$('.fill_location.clicked').popover('hide');
$('.fill_location.clicked').removeClass('clicked');
}, 4000);
break;
case error.TIMEOUT:
case 3: // TIMEOUT
$('.fill_location.clicked').popover({
content: `Location request timed out. Please ensure location services are enabled and try again.`,
container: 'body'
});
$('.fill_location.clicked').popover('toggle');
setTimeout(function () {
$('.fill_location.clicked').popover('hide');
$('.fill_location.clicked').removeClass('clicked');
}, 4000);
break;
case error.UNKNOWN_ERROR:
default:
$('.fill_location.clicked').popover({
content: `An error occurred while getting your location. Please try again.`,
container: 'body'
});
$('.fill_location.clicked').popover('toggle');
setTimeout(function () {
$('.fill_location.clicked').popover('hide');
$('.fill_location.clicked').removeClass('clicked');
}, 4000);
break;
}
}
if (navigator.geolocation) {
if ($(".googleSuggest")[0]) {
$(document).on('click', '.fill_location', function getCXPosition() {
// Prevent multiple simultaneous geolocation requests
if (isGettingLocation) {
return;
}
var $button = $(this);
$button.addClass('clicked');
var startPos;
// Set flag to prevent concurrent requests
isGettingLocation = true;
// Function to actually get the position
var attemptGetPosition = function() {
// Try with shorter timeout first for faster response
var geoOptions = {
enableHighAccuracy: false, // Use false for faster response
timeout: 8000, // 8 second timeout (reduced for faster failure)
maximumAge: 300000 // Accept cached position up to 5 minutes old
};
navigator.geolocation.getCurrentPosition(function (position) {
startPos = position;
vlat = startPos.coords.latitude;
vlon = startPos.coords.longitude;
// Validate coordinates before proceeding
if (!vlat || !vlon || vlat === 0 || vlon === 0) {
isGettingLocation = false;
$button.removeClass('clicked');
return;
}
// Save coordinates to sessionStorage
saveCoordinatesToSession(vlat, vlon);
$.get("/api/data/html/get/data_widgets/widget_name", {
"vlat": vlat,
"vlon": vlon,
"name": "Website - Save Coordinates Session"
});
populateSearchFields();
// Clear flag
isGettingLocation = false;
$button.removeClass('clicked');
}, function(error) {
// Clear flag on error
isGettingLocation = false;
$button.removeClass('clicked');
// For timeout errors, try sessionStorage as fallback
if (error.code === 3) {
if (getCoordinatesFromSession()) {
// Use cached coordinates
$.get("/api/data/html/get/data_widgets/widget_name", {
"vlat": vlat,
"vlon": vlon,
"name": "Website - Save Coordinates Session"
});
populateSearchFields();
// Clear flag
isGettingLocation = false;
$button.removeClass('clicked');
} else {
$button.popover({
content: `Location request timed out. Please ensure location services are enabled and grant permission when prompted.`,
container: 'body'
});
$button.popover('show');
setTimeout(function() {
$button.popover('hide');
}, 5000);
}
} else {
showError(error);
}
}, geoOptions);
};
// Check if geolocation permission is already denied (but don't block if it's prompt)
if (navigator.permissions && navigator.permissions.query) {
navigator.permissions.query({name: 'geolocation'}).then(function(result) {
if (result.state === 'denied') {
isGettingLocation = false;
$button.removeClass('clicked');
showError({code: 1, message: 'Permission denied'});
return;
} else {
// Permission is granted or prompt - proceed with geolocation
attemptGetPosition();
}
}).catch(function(err) {
// If permission API not supported, proceed anyway
attemptGetPosition();
});
} else {
// Permission API not available, proceed with geolocation
attemptGetPosition();
}
})
}
} else {
console.log('Geolocation is not supported for this Browser/OS version yet.');
}
function getUrlParameter(sParam) {
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('&');
for (var i = 0; i < sURLVariables.length; i++) {
var sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] == sParam) {
return decodeURIComponent(sParameterName[1]);
}
}
}
</script>
<script>
$(document).ready(function(){
$('.navbar-header .navbar-toggle.main_menu').click(function(){
$('.mobile-main-menu').toggleClass('opened');
});
$('.mobile-main-menu .sidebar-nav').find('li').each(function(){
$(this).addClass('hasChildren');
if ($(this).children('ul').length > 0){
$(this).prepend('<i class="fa fa-plus" aria-hidden="true"></i>');
$(this).find('a').after('<div class="clearfix"></div>');
$(this).find('span').after('<div class="clearfix"></div>');
}
$(this).append('<div class="clearfix"></div>');
});
$('.mobile-main-menu .sidebar-nav li i').click(function(){
if ($(this).parent().children('ul').length > 0){
$(this).parent().toggleClass('sub_open');
}
if ($(this).hasClass('fa-plus')){
$(this).switchClass('fa-plus','fa-minus');
} else {
$(this).switchClass('fa-minus','fa-plus');
}
});
})
if ($(window).width() > 740 && $(window).width() < 1100) {
$(document).ready(function(){
$('.tablet-menu .tablet-menu-ul').find('li').each(function(){
if ($(this).children('ul').length > 0){
$(this).prepend('<i class="fa fa-plus tablet-fa hidden-sm hidden-md hidden-lg" aria-hidden="true"></i>');
$(this).find('a').after('<div class="clearfix"></div>');
var this_link = $(this).children('a').text().replace(/[^\x00-\x7F]/g, "");;
$(this).children('a').html(this_link);
$(this).find('span').after('<div class="clearfix"></div>');
}
$(this).append('<div class="clearfix"></div>');
});
$('.tablet-menu .tablet-menu-ul li i').click(function(){
if ($(this).parent().children('ul').length > 0){
$(this).parent().toggleClass('sub_open');
if ($(this).siblings( "ul" ).hasClass('tablet-block')){
$(this).siblings( "ul" ).switchClass('tablet-block', 'tablet-none');
} else {
$(this).siblings( "ul" ).addClass( "tablet-block" );
if ($(this).siblings( "ul" ).hasClass('tablet-none')){
$(this).siblings( "ul" ).removeClass('tablet-none')
}
if ($(this).parent().siblings().children('ul').hasClass('tablet-block')) {
$(this).parent().siblings().children('ul').switchClass('tablet-block', 'tablet-none');
$(this).parent().siblings().children('i').switchClass('fa-minus','fa-plus');
}
if ($(this).parent().siblings().children('ul').children().children('ul').hasClass('tablet-block')) {
$(this).parent().siblings().children('ul').children().children('ul').switchClass('tablet-block', 'tablet-none');
$(this).parent().siblings().children('ul').children().children('i').switchClass('fa-minus','fa-plus');
}
if ($(this).siblings('ul').children('ul').children().children('ul').hasClass('tablet-block')) {
$(this).siblings('ul').children('ul').children().children('ul').switchClass('tablet-block', 'tablet-none');
$(this).siblings('ul').children('ul').children().children('i').switchClass('fa-minus','fa-plus');
}
}
}
if ($(this).hasClass('fa-plus')){
$(this).switchClass('fa-plus','fa-minus');
} else {
$(this).switchClass('fa-minus','fa-plus');
}
});
})
}
// Append unique ID attribute for mobile main menu links
$('.mobile-main-menu a,.mobile-main-menu span').attr("id", function() { return $(this).attr("id") + "-mobile" });
</script>
<script>
$(document).ready(function() {
var i;
var imageRatio = 0.5625;
for (i = 0; i < 16; i++) {
var sectionid = ".homepage-section-" + i + " .pic";
var calc = Math.floor($(sectionid).width() * imageRatio);
$(sectionid).css({
'height': calc + 'px'
});
var spanid = ".homepage-section-" + i + " .pic .pic-caption";
var calc2 = $(sectionid).height() - 42;
$(spanid).css({
'transform' : 'translateY(' + calc2 + 'px)'
});
}
});
</script><script>
// vars
'use strict'
var testim = document.getElementById("testim"),
testimDots = Array.prototype.slice.call(document.getElementById("testim-dots").children),
testimContent = Array.prototype.slice.call(document.getElementById("testim-content").children),
testimLeftArrow = document.getElementById("left-arrow"),
testimRightArrow = document.getElementById("right-arrow"),
testimSpeed = 4500,
currentSlide = 0,
currentActive = 0,
testimTimer,
touchStartPos,
touchEndPos,
touchPosDiff,
ignoreTouch = 30;
;
window.onload = function() {
// Testim Script
function playSlide(slide) {
for (var k = 0; k < testimDots.length; k++) {
testimContent[k].classList.remove("active");
testimContent[k].classList.remove("inactive");
testimDots[k].classList.remove("active");
}
if (slide < 0) {
slide = currentSlide = testimContent.length-1;
}
if (slide > testimContent.length - 1) {
slide = currentSlide = 0;
}
if (currentActive != currentSlide) {
testimContent[currentActive].classList.add("inactive");
}
testimContent[slide].classList.add("active");
testimDots[slide].classList.add("active");
currentActive = currentSlide;
clearTimeout(testimTimer);
testimTimer = setTimeout(function() {
playSlide(currentSlide += 1);
}, testimSpeed)
}
testimLeftArrow.addEventListener("click", function() {
playSlide(currentSlide -= 1);
})
testimRightArrow.addEventListener("click", function() {
playSlide(currentSlide += 1);
})
for (var l = 0; l < testimDots.length; l++) {
testimDots[l].addEventListener("click", function() {
playSlide(currentSlide = testimDots.indexOf(this));
})
}
playSlide(currentSlide);
// keyboard shortcuts
document.addEventListener("keyup", function(e) {
switch (e.keyCode) {
case 37:
testimLeftArrow.click();
break;
case 39:
testimRightArrow.click();
break;
case 39:
testimRightArrow.click();
break;
default:
break;
}
})
testim.addEventListener("touchstart", function(e) {
touchStartPos = e.changedTouches[0].clientX;
})
testim.addEventListener("touchend", function(e) {
touchEndPos = e.changedTouches[0].clientX;
touchPosDiff = touchStartPos - touchEndPos;
console.log(touchPosDiff);
console.log(touchStartPos);
console.log(touchEndPos);
if (touchPosDiff > 0 + ignoreTouch) {
testimLeftArrow.click();
} else if (touchPosDiff < 0 - ignoreTouch) {
testimRightArrow.click();
} else {
return;
}
})
}
</script><script>
function decision(message, url) {
if (confirm(message)) {
setTimeout(function () {
window.location = url;
}, 0);
}
}
</script>
<script>
// Function to add alt, width, and height attributes to <img> elements without them
function addAttributesToImages() {
var images = document.querySelectorAll('img:not([alt]), img:not([width]), img:not([height])');
Array.prototype.forEach.call(images, function(img) {
// Skip if we've already processed this image
if (img.dataset.processed === 'true') {
return;
}
// Mark this image as being processed
img.dataset.processed = 'true';
// Add alt attribute if missing
if (!img.hasAttribute('alt')) {
var src = img.getAttribute('src') || 'image'; // Default src to 'image' if missing
var altText = src.split('/').pop().split('?')[0].replace(/\.\w+$/, '');
try {
altText = decodeURIComponent(altText)
.replace(/[_\-+,.:;]+/g, ' ')
.replace(/\s+/g, ' ')
.trim();
} catch (e) {
altText = 'image'; // Fallback to 'image' if decoding fails
}
// Ensure altText is not empty, otherwise use 'image'
altText = altText || 'image';
img.setAttribute('alt', altText);
}
// Add width and height attributes if missing
if (!img.hasAttribute('width') || !img.hasAttribute('height')) {
// Handle SVG differently
if (img.src && img.src.endsWith('.svg')) {
// For SVG, use the viewBox to set width and height, if available
fetch(img.src)
.then(response => {
if (!response.ok) {
throw new Error('Failed to fetch SVG: ' + response.status);
}
return response.text();
})
.then(svgText => {
var parser = new DOMParser();
var svgDoc = parser.parseFromString(svgText, "image/svg+xml");
var svgElement = svgDoc.querySelector('svg');
if (svgElement) {
var viewBox = svgElement.getAttribute('viewBox');
if (viewBox) {
var viewBoxValues = viewBox.split(' ');
var width = viewBoxValues[2];
var height = viewBoxValues[3];
if (!img.hasAttribute('width')) {
img.setAttribute('width', width);
}
if (!img.hasAttribute('height')) {
img.setAttribute('height', height);
}
}
}
})
.catch(error => {
// Fallback to default dimensions for SVG
if (!img.hasAttribute('width')) {
img.setAttribute('width', '100');
}
if (!img.hasAttribute('height')) {
img.setAttribute('height', '100');
}
});
} else {
// For non-SVG images, use natural dimensions
var tempImg = new Image();
tempImg.src = img.src;
tempImg.onload = function() {
if (!img.hasAttribute('width')) {
img.setAttribute('width', tempImg.naturalWidth);
}
if (!img.hasAttribute('height')) {
img.setAttribute('height', tempImg.naturalHeight);
}
};
tempImg.onerror = function() {
// Fallback to default dimensions
if (!img.hasAttribute('width')) {
img.setAttribute('width', '100');
}
if (!img.hasAttribute('height')) {
img.setAttribute('height', '100');
}
};
}
}
});
}
document.addEventListener('DOMContentLoaded', function() {
// Run the function initially to catch images already in the DOM
addAttributesToImages();
// Create a MutationObserver to monitor the DOM for added/changed images
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.addedNodes.length > 0 || mutation.type === 'attributes') {
// Only process if we have new images or src attribute changes
var hasNewImages = false;
if (mutation.addedNodes.length > 0) {
mutation.addedNodes.forEach(function(node) {
if (node.nodeType === 1) { // Element node
if (node.tagName === 'IMG' || node.querySelectorAll) {
hasNewImages = true;
}
}
});
}
if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
hasNewImages = true;
}
if (hasNewImages) {
addAttributesToImages();
}
}
});
});
// Start observing the document body for changes
observer.observe(document.body, {
childList: true, // Watch for added or removed nodes
subtree: true, // Watch the entire subtree
attributes: true, // Watch for attribute changes
attributeFilter: ['src'] // Specifically watch for changes in the 'src' attribute
});
});
</script><style type="text/css"> select#sid[disabled], select#tid[disabled], select.combobox[disabled], select#bd-chained[disabled], select#category-chained[disabled], select.infinite-chained[disabled], select.subcategory-chained[disabled], select.search-chained[disabled], select#country-chained[disabled], select#state-chained[disabled], select#country-chained-2[disabled], select#state-chained-2[disabled], select#profession_id[disabled] {
cursor: wait
}
select.select2-preload {
line-height: initial;
}
select#sid, select#tid, select#ttid, select.combobox, select#bd-chained, select#category-chained, select.infinite-chained, select.subcategory-chained, select.search-chained, select#country-chained, select#state-chained, select#country-chained-2, select#state-chained-2, select#profession_id, [name^="bd_phone_country_code"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/images/select2ArrowDown.png) !important;
background-repeat: no-repeat !important;
background-size: 10px 9px !important;
background-position: 99% 16px;
border-radius: 6px;
overflow: hidden;
}
.module select#sid, .module select#tid, .module select.combobox, .module select#bd-chained, .module select#category-chained, .module select.infinite-chained, .module select.subcategory-chained, .module select.search-chained, .module select#country-chained, .module select#state-chained, .module select#country-chained-2, .module select#state-chained-2, .module select#profession_id, [name^="bd_phone_country_code"] {
background-position: 98.2% 12px;
} </style> <!-- DROPDOWN SELECT SCRIPT -->
<!-- Select2 CSS Included in website-styles.pkgd.min.css -->
<!--[if lt IE 9]>
<script defer src="https://www.optimizecdn.com/directory/cdn/assets/html5shiv/3.7.2/html5shiv.min.js"></script>
<script defer src="https://www.optimizecdn.com/directory/cdn/bootstrap/select2/master/js/respond.min.js"></script>
<![endif]-->
<script>
var preloaded_ttid = false;
var preloaded_tid = false;
var preloaded_sid = false;
var path2 = window.location.pathname.replace(/\//g, "_");
if (performance.navigation.type !== 2) {
if (sessionStorage.getItem('select2-ttid'+path2) !== null) {
sessionStorage.removeItem('select2-ttid'+path2);
}
if (sessionStorage.getItem('select2-tid'+path2) !== null) {
sessionStorage.removeItem('select2-tid'+path2);
}
if (sessionStorage.getItem('select2-sid'+path2) !== null) {
sessionStorage.removeItem('select2-sid'+path2);
}
}else if(performance.navigation.type === 2){
if (sessionStorage.getItem('select2-ttid'+path2) !== null) {
preloaded_ttid = sessionStorage.getItem('select2-ttid'+path2);
}
if (sessionStorage.getItem('select2-tid'+path2) !== null) {
preloaded_tid = sessionStorage.getItem('select2-tid'+path2);
}
if (sessionStorage.getItem('select2-sid'+path2) !== null) {
preloaded_sid = sessionStorage.getItem('select2-sid'+path2);
}
}
window.addEventListener('load', () => {
let select2Inputs = document.querySelectorAll('.select-category-chained,#sid,#tid,.combobox,#bd-chained,#category-chained,.infinite-chained,.subcategory-chained,.search-chained,select#country-chained,#state-chained,#country-chained-2,#state-chained-2,#profession_id,[name^="bd_phone_country_code"]');
if (typeof select2Inputs != "undefined") {
for (let i = 0; i < select2Inputs.length; i++) {
let inputPlaceHolder = select2Inputs[i].getAttribute('placeholder');
if (!select2Inputs[i].getAttribute('placeholder')) {
inputPlaceHolder = select2Inputs[i].getAttribute('data-placeholder');
}
let countryCode = select2Inputs[i].getAttribute('data-country-code');
if (select2Inputs[i].getAttribute('data-country-code') != null && countryCode > 0 && typeof isoCountries != 'undefined') {
for (let c = 0; c < isoCountries.length; c++) {
if(isoCountries[c].id == countryCode){
// select2Inputs[i].querySelector('option:first-child').text = isoCountries[c].text;
select2Inputs[i].text = isoCountries[c].text;
}
}
}
if(select2Inputs[i].hasAttribute('data-country-code')){
inputPlaceHolder = null; //reset the input
}
if (inputPlaceHolder != '' && inputPlaceHolder !== null) {
select2Inputs[i].querySelector('option:first-child').text = inputPlaceHolder;
select2Inputs[i].style.color = "#a8a8a8";
if(!select2Inputs[i].querySelector('option:first-child').hasAttribute('value')){
select2Inputs[i].querySelector('option:first-child').value='';
}
}
select2Inputs[i].classList.add("select2-preload");
select2Inputs[i].addEventListener('mousedown', select2OnFormClick, false);
}
}
});
function select2OnFormClick(event = false) {
let elemtClicked = '';
if (event !== false) {
event.preventDefault();
event.stopImmediatePropagation();
elemtClicked = event.target;
elemtClicked.disabled = true;
}
let loadScriptAsync = function (uri) {
return new Promise((resolve, reject) => {
let script = document.createElement('script');
script.type = 'text/javascript';
script.src = uri;
script.async = true;
script.onload = function () {
if (event !== false) {
elemtClicked.disabled = false;
select2Initialize();
$(elemtClicked).select2('open');
$(elemtClicked).on("select2-close", function () {
setTimeout(function() {
$('.select2-container-active').removeClass('select2-container-active');
$(':focus').blur();
}, 1);
});
if (elemtClicked.hasAttribute('data-fv-field')) {
if (window.getComputedStyle(elemtClicked).display === "none") {
// if element is display none, the formvalition can not read
elemtClicked.style.cssText = "display: block;position: absolute;visibility: hidden !important;height: 0;width: 0;opacity: 0 !important;"
}
}
} else {
select2Initialize();
}
resolve("ok");
};
let head = document.getElementsByTagName('head')[0];
head.appendChild(script);
});
}
let select2Inputs = document.querySelectorAll('.select-category-chained,#sid,#tid,.combobox,#bd-chained,#category-chained,.infinite-chained,.subcategory-chained,.search-chained,select#country-chained,#state-chained,#country-chained-2,#state-chained-2,#profession_id,[name^="bd_phone_country_code"]');
if (typeof select2Inputs != "undefined") {
for (let i = 0; i < select2Inputs.length; i++) {
let inputPlaceHolder = select2Inputs[i].getAttribute('placeholder');
if (!select2Inputs[i].getAttribute('placeholder')) {
inputPlaceHolder = select2Inputs[i].getAttribute('data-placeholder');
}
if(select2Inputs[i].hasAttribute('data-country-code')){
inputPlaceHolder = null; //reset the input
}
if (inputPlaceHolder != '' && inputPlaceHolder !== null) {
select2Inputs[i].querySelector('option:first-child').text = '';
}
select2Inputs[i].removeEventListener('mousedown', select2OnFormClick, false);
}
}
let scriptLoaded = loadScriptAsync('https://www.optimizecdn.com/directory/cdn/bootstrap/select2/3.5.2/select2.min.js?v=3.5.5');
return scriptLoaded;
}
function select2Initialize(){
function getSecondLevel(div,id) {
$("#" + div).select2("data", {
id: "",
text: `Loading...`
});
$.ajax({
url : '/ajaxsearch/get-services',
type : "GET",
data : {
'specialty_id' : id
},
dataType: "json",
success : function(data) {
var options = '';
for (var i = 0; i < data.length; i++) {
options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
}
if (div == "tid"){
$("#ttid").select2("data", {
id: "",
text: "No options available"
});
$("#ttid").select2("enable", false);
$("#" + div).change(function () {
sessionStorage.setItem("select2-tid"+path2,$(this).val());
});
}
if (data.length > 1) {
$("#" + div).select2("enable",true);
$("#" + div).html(options);
$("#" + div).select2("val", "");
} else {
$("#"+div).select2("data", {
id: "",
text: "No options available"
});
$("#"+div).select2("val", "");
}
if(div == 'tid' && preloaded_tid !== false){
$("#" + div).select2("val", preloaded_tid);
$("#" + div).trigger('change');
}
}
});
}
function getSecondLevelAccount(div,id) {
$("#" + div).select2("data", {
id: "",
text: `Loading...`
});
$.ajax({
url : '/ajaxsearch/get-services',
type : "GET",
data : {
'specialty_id' : id
},
dataType: "json",
success : function(data) {
var options = '';
for (var i = 0; i < data.length; i++) {
options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
}
if (data.length > 1) {
$("#" + div).select2("close");
$("#" + div).select2("val", "");
$("#" + div).select2("enable",true);
$("#" + div).html(options);
} else {
$("#"+div).select2("data", {
id: "",
text: "No options available"
});
$("#"+div).select2("val", "");
}
}
});
}
function getThirdLevel(div,id,id2) {
$("#"+div).select2("data", {
id: "",
text: `Loading...`
});
$.ajax({
url : '/ajaxsearch/get-locations',
type : "GET",
data : {
'specialty_id' : id,
'treatment_id' : id2,
},
dataType: "json",
success : function(data) {
var options = '';
for (var i = 0; i < data.length; i++) {
options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
}
if (data.length > 1) {
$("#" + div).select2("enable",true);
$("#" + div).html(options);
$("#" + div).select2("val", "");
} else {
$("#"+div).select2("data", {
id: "",
text: "No options available"
});
$("#"+div).select2("val", "");
}
}
});
}
var current_country = '';
function getStateList(div,id) {
if (id != current_country) {
$("#"+div).select2("data", {
id: "",
text: `Loading...`
});
$.ajax({
url : '/ajaxsearch/get-states',
type : "GET",
data : {
'country' : id
},
dataType: "json",
success : function(data) {
$("#" + div).html(''); // clear options
if (data.length > 1) {
var options = '';
for (var i = 0; i < data.length; i++) {
// options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
var newOption = new Option(data[i].title, data[i].value, false, false);
$("#" + div).append(newOption).trigger('change');
}
$("#" + div).select2("enable",true);
//$("#" + div).html(options);
$("#" + div).prop("disabled", false);
$("#" + div).select2("val", "");
$("#" + div).select2("open");
}
}
});
} else {
$("#" + div).select2("val", "");
}
}
function getInfinityChained(div,id) {
$("#"+div).select2("data", {
id: "",
text: `Loading...`
});
$.ajax({
url : '/ajaxsearch/get-subcategory',
type : "GET",
data : {
'parent' : id
},
dataType: "json",
success : function(data) {
var options = '';
for (var i = 0; i < data.length; i++) {
options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
}
if (data.length > 1) {
$("#" + div).select2("enable",true);
$("#" + div).html(options);
if(div == 'tid' && '' != ''){
$("#" + div).select2("val", "");
$("#" + div).trigger('change');
} else if(div == 'tid' && preloaded_tid !== false){
$("#" + div).select2("val", preloaded_tid);
$("#" + div).trigger('change');
}else {
$("#" + div).select2("val", "");
}
} else {
$("#" + div).select2("data", {
id: "",
text: "No options available"
});
}
}
});
}
function categoryChained(div,id) {
$("#" + div).select2("data", {
id: "",
text: `Loading...`
});
if(div == "tid") {
url_link = '/ajaxsearch/get-services'
data_passed = {'specialty_id' : id}
} else {
url_link = '/ajaxsearch/category-list';
data_passed = {'parent' : id} ;
}
var selectName = $("select[next="+div+"]").prop("name");
if( (selectName == "ttid" || selectName == "sid" || selectName == "tid") ){
sessionStorage.setItem("select2-"+selectName+path2,id);
}
$.ajax({
url : url_link,
type : "GET",
data : data_passed,
dataType: "json",
success : function(data) {
var options = '';
for (var i = 0; i < data.length; i++) {
options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
}
if (data.length > 1) {
$("#" + div).select2("enable",true);
$("#" + div).html(options);
if(div == "ttid" && preloaded_ttid !== false){
$("#" + div).select2("val", preloaded_ttid);
$("#" + div).trigger('change');
}else if(div == "tid" && preloaded_tid !== false){
$("#" + div).select2("val", preloaded_tid);
$("#" + div).trigger('change');
}else{
$("#" + div).select2("val", "");
}
} else {
$("#" + div).select2("data", {
id: "",
text: "No options available"
});
}
}
});
}
function formatCountry(country) {
if (!country.id && country.text.includes("+")) {
let dataCountry = country.text;
dataCountry = dataCountry.split('+')
country.code = dataCountry[0].trim();
country.id = dataCountry[1].trim();
return country;
} else if (!country.code) {
return country.text;
}
var $country = $(
'<span class="flag-icon flag-icon-' + country.code.toLowerCase() + ' flag-icon-squared"></span>' +
'<span class="flag-text" style="margin-left:10px;">' + country.text + '</span>'
);
return $country;
}
let phoneCountryCode = document.querySelector("[name^='bd_phone_country_code']");
if (typeof phoneCountryCode != 'undefined' && phoneCountryCode != null && typeof isoCountries != 'undefined') {
$("[name^='bd_phone_country_code']").select2({
placeholder:`Country`,
data:isoCountries,
searchInputPlaceholder: `Enter Country Code`,
formatResult : formatCountry,
dropdownAutoWidth: true,
width: "resolve",
}).on("select2-opening", function (e) {
if (typeof e.currentTarget.attributes['data-default-country-code'] !== "undefined") {
$(this).val(e.currentTarget.attributes['data-default-country-code'].value)
.removeAttr("data-default-country-code")
.trigger('change')
.trigger('open');
}
}).change(function (e) {
let select2Span = $(this).attr('id');
if (e.val) {
$('#'+$(this).attr('id')+'--flag').remove();
$('#s2id_' + select2Span + ' a span.select2-chosen').prepend('<span class="flag-icon flag-icon-' + e.added.code.toLowerCase() + ' flag-icon-squared" style="margin-right:10px"></span>')
}else{
$('#s2id_' + select2Span + ' a span.select2-chosen').prepend('<span class="flag-icon flag-icon-' + $(this).attr('data-default-country-flag').toLowerCase() + ' flag-icon-squared" style="margin-right:10px"></span>')
}
$(this).removeAttr("data-default-country-flag");
});
}
$("#bd-chained").select2({
title: "Select An Option",
placeholder: "Select An Option",
allowClear: true,
formatNoMatches: function () {
return "No matches found";
}
}).change(function () {
var id = $(this).val();
$("#tid").select2("enable",false);
getInfinityChained("tid",id);
});
$("#category-chained").select2({
title: "Select An Option",
placeholder: "Select An Option",
allowClear: true
}).change(function () {
var id = $(this).val();
$("#subcategory-chained").select2("enable",false);
categoryChained("subcategory-chained",id);
});
$(".select-category-chained").select2({
title: "Select An Option",
placeholder: "Select An Option",
allowClear: true
})
$(".infinite-chained").select2({
title: "Select option from list",
placeholder: "Click to select an option",
allowClear: true,
formatNoMatches: function () {
return "No matches found";
}
}).change(function () {
var id = $(this).val();
var attr = $(this).attr('next');
var selectName = $(this).prop('name');
if ( selectName=='ttid' || attr =='ttid' ) {
$("#" + attr).select2("enable",false);
categoryChained(attr,id);
sessionStorage.setItem("select2-"+selectName+path2,id);
}
}).on("select2-close", function () {
setTimeout(function() {
$('.select2-container-active').removeClass('select2-container-active');
$(':focus').blur();
}, 1);
});
$("#subcategory-chained").select2();
$(".combobox").select2();
$(".search-chained").select2();
$("select#country-chained").select2({
title: "",
placeholder: "",
val: "",
allowClear: true,
formatNoMatches: function () {
return "No matches found";
}
}).change(function () {
var id = $(this).val();
$("#state-chained").select2("enable",false);
getStateList("state-chained",id);
var state = "";
if (id == "CA") {
state = "Province";
} else if (id == "UK") {
state = "Region";
} else if (id == "US" || id == "AU") {
state = "State";
} else {
state = "Region";
}
$("#state-chained").prev(".control-label").text(state);
});
$("#state-chained").select2();
$("#state-chained").on("select2-open", function(event) {
event.preventDefault();
var id = $("#country-chained").val();
var count = $('#state-chained option').length;
if (id != "" && count <= 2) {
$("#state-chained").select2("enable",false);
getStateList("state-chained",id);
var state = "";
if (id == "CA") {
state = "Province";
} else if (id == "UK") {
state = "Region";
} else if (id == "US" || id == "AU") {
state = "State";
} else {
state = "Region";
}
$("#state-chained").prev(".control-label").text(state);
}
});
$("#country-chained-2").select2({
title: "Select Country",
placeholder: "(select country)",
val: "",
allowClear: true,
formatNoMatches: function () {
return "No matches found";
}
}).change(function () {
var id = $(this).val();
$("#state-chained-2").select2("enable",false);
getStateList("state-chained-2",id);
var state = "";
if (id == "CA") {
state = "Province";
} else if (id == "UK") {
state = "Region";
} else if (id == "US" || id == "AU") {
state = "State";
} else {
state = "Region";
}
$("#state-chained-2").prev(".control-label").text(state);
});
$("#state-chained-2").select2();
$("#profession_id").select2({
placeholder: "Select From List",
allowClear: true,
formatNoMatches: function () {
return "No matches found";
}
}).change(function () {
var id = $(this).val();
getSecondLevelAccount("category_id",id);
});
$("#sid").select2({
title: "Select An Option",
placeholder: "Select An Option",
allowClear: true,
formatNoMatches: function () {
return "No matches found";
}
}).change(function () {
var id = $(this).val();
$("#tid").select2("enable",false);
getSecondLevel("tid",id);
$("#tid").select2("open");
sessionStorage.setItem("select2-sid"+path2,id);
});
$("#location_value_dropdown").select2({
title: "(optional)",
placeholder: "(optional)",
allowClear: true,
formatNoMatches: function () {
return "No matches found";
}
});
$("#tid").select2({
title: "Select An Option",
placeholder: "Select An Option",
allowClear: true,
formatNoMatches: function () {
return "No matches found";
}
});
$("#location_value_dropdown").select2({
title: "(optional)",
placeholder: "(optional)",
allowClear: true
});
}
if(preloaded_ttid !== false || preloaded_tid !== false || preloaded_sid !== false){
$(document).ready(function(){
// Skip if homepage widget already handles preload
if(window._bdCategoryPreloaded) return;
if(preloaded_sid !== false && $("#sid").length > 0){
select2OnFormClick();
setTimeout(() => {
$("#sid").select2('val', preloaded_sid);
$('#sid').trigger('change');
}, 500);
}else if(preloaded_tid !== false && $("#sid").length <= 0){
select2OnFormClick();
setTimeout(() => {
$("#tid").select2('val', preloaded_tid);
$('#tid').trigger('change');
}, 500);
}
});
}
</script>
<script>
// Function to add aria-label to <select> elements without it, for better pagespeed accessibility score
$(document).ready(function() {
var ariaLabelCounter = {}; // Object to keep track of aria-label counts for uniqueness
// Iterate over each select element that does not have an aria-label
$('select:not([aria-label])').each(function() {
// Use the ID or placeholder as the base for the aria-label, stripping HTML tags
var baseLabel = this.id || $(this).attr('placeholder') || 'select';
baseLabel = baseLabel.replace(/<[^>]*>/g, '').trim(); // Remove HTML tags and trim
// Ensure uniqueness of each aria-label
ariaLabelCounter[baseLabel] = (ariaLabelCounter[baseLabel] || 0) + 1;
var ariaLabel = baseLabel + '-' + ariaLabelCounter[baseLabel];
// Truncate aria-label to 100 characters
ariaLabel = ariaLabel.length > 100 ? ariaLabel.substring(0, 100) : ariaLabel;
// Set the aria-label attribute to the unique label
$(this).attr('aria-label', ariaLabel);
});
});
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebSite",
"@id": "https://www.coffeeroaster.com/#website",
"name": "Coffee Roaster",
"url": "https://www.coffeeroaster.com/",
"inLanguage": "en-US",
"dateModified": "2026-05-01T00:00:00-05:00",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.coffeeroaster.com/all?q={search_term_string}",
"query-input": "required name=search_term_string",
"name": "Search Directory: Coffee Roaster"
},
"publisher": {
"@id": "https://www.coffeeroaster.com/#organization"
}
},
{
"@type": "Organization",
"@id": "https://www.coffeeroaster.com/#organization",
"name": "Coffee Roaster",
"description": "Find top-rated coffee roasters and shops across the USA on CoffeeRoaster.com. Explore, compare, and connect with your favorite coffee spots.",
"url": "https://www.coffeeroaster.com/",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.coffeeroaster.com/#webpage"
},
"contactPoint": [
{
"@type": "ContactPoint",
"email": "no-reply@coffeeroaster.com",
"contactType": "customer support",
"availableLanguage": [
"en"
],
"areaServed": "US"
}
],
"address": {
"@type": "PostalAddress",
"addressCountry": "US",
"postalCode": "US",
"addressLocality": "US",
"streetAddress": "US"
},
"telephone": "800-344-2739",
"logo": {
"@type": "ImageObject",
"@id": "https://www.coffeeroaster.com/#logo",
"url": "/images/Coffee-Roaster.com-Logo-(1).png"
},
"image": {
"@type": "ImageObject",
"@id": "https://www.coffeeroaster.com/#image",
"url": "/images/Coffee-Roaster.com-Logo-(1).png"
},
"keywords": [
"coffee roaster",
"coffee roasters near me",
"local coffee roasters",
"fresh roasted coffee",
"coffee companies",
"local coffee roasters near me",
"able coffee roasters",
"coffee shop",
"coffee shops near me",
"coffee places near me",
"iced coffee near me",
"local coffee shops near me",
"coffee shops near me open now",
"starbucks coffee near me",
"Coffee Roaster",
"Coffee Roaster & Coffee Shops"
]
},
{
"@type": "WebPage",
"@id": "https://www.coffeeroaster.com/#webpage",
"url": "https://www.coffeeroaster.com/",
"name": "Find the Best Coffee Roasters & Shops in the United States",
"description": "Find top-rated coffee roasters and shops across the USA on CoffeeRoaster.com. Explore, compare, and connect with your favorite coffee spots.",
"inLanguage": "en-US",
"dateModified": "2026-05-01T00:00:00-05:00",
"lastReviewed": "2026-05-01T00:00:00-05:00",
"reviewedBy": {
"@id": "https://www.coffeeroaster.com/#organization"
},
"copyrightYear": "2026",
"copyrightHolder": {
"@id": "https://www.coffeeroaster.com/#organization"
},
"about": "Coffee Roaster",
"spatialCoverage": {
"@type": "Place",
"address": {
"@type": "PostalAddress",
"addressCountry": "US"
}
},
"mainEntityOfPage": {
"@id": "https://www.coffeeroaster.com/#webpage"
},
"isPartOf": {
"@id": "https://www.coffeeroaster.com/#website"
},
"publisher": {
"@id": "https://www.coffeeroaster.com/#organization"
},
"keywords": [
"coffee roaster",
"coffee roasters near me",
"local coffee roasters",
"fresh roasted coffee",
"coffee companies",
"local coffee roasters near me",
"able coffee roasters",
"coffee shop",
"coffee shops near me",
"coffee places near me",
"iced coffee near me",
"local coffee shops near me",
"coffee shops near me open now",
"starbucks coffee near me",
"Coffee Roaster",
"Coffee Roaster & Coffee Shops"
],
"primaryImageOfPage": {
"@id": "https://www.coffeeroaster.com/#image"
}
}
]
}</script>
<script>
// Bootstrap Icons fallback loader - ensures Bootstrap Icons work even if HEAD widget is customized, do not delete
(function() {
if (!document.querySelector('link[href*="bootstrap-icons"]')) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://www.optimizecdn.com/directory/cdn/assets/bootstrap/fonts/bootstrap-icons.min.css?v=1.13.1';
document.head.appendChild(link);
}
})();
</script>
<script>
window.addEventListener('load', () => {
let embedlyClass = document.querySelector('.fr-embedly');
if (typeof embedlyClass != "undefined" && embedlyClass != null) {
let embedlyURI = "https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/embedly_widget.min.js";
let head = document.getElementsByTagName("head")[0];
let script = document.createElement('script');
script.type = 'text/javascript';
script.src = embedlyURI;
script.async = true;
script.onload = function() {
setTimeout(function() {
if (typeof embedly !== 'undefined' && embedly.card) {
document.querySelectorAll('.embedly-card').forEach(function(card) {
embedly.card(card);
});
}
}, 500);
};
head.appendChild(script);
}
});
</script><script type="text/javascript" src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.lazy/1.7.9/jquery.lazy.min.js"></script><script>
$(function () {
$(".lazyloader").Lazy({
afterLoad: function(element) {
$(".gridView.activeView").click();
}
});
});
$("button[class*='slick'],button[id*='slick']").click(function () {
$(this).parents(".row").find(".lazyloader").lazy({
bind: "event",
delay: 0
});
});
$("[class*='slick'],[id*='slick']").on("swipe",function(){
$(this).parents(".row").find(".lazyloader").lazy({
bind: "event",
delay: 0
});
});
</script><script defer="" src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=8.0.0"></script>
<iframe id="lo-cs-frame" src="about:blank" aria-hidden="true" title="Lucky Orange" style="display: none !important;"></iframe><style>.pac-container:after { /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */background-image: block !important;height: 16px;}</style></body></html>