@font-face{
	font-family: "Oswald";
	src: url("/fonts/Oswald-Regular.ttf");
}@font-face{
	font-family: "Oswald Bold";
	src: url("/fonts/Oswald-Bold.ttf");
	font-weight: bold;
}@font-face{
	font-family: "Oswald Medium";
	src: url("/fonts/Oswald-Medium.ttf");
	font-weight:medium;
}


img.logo {
    max-width: 74px;
	float: left;
}
/*MAIN*/
#container_outer { width: 100%; padding-top: 20px; background: none repeat scroll 0 0 #eff2f5; padding-bottom: 20px;}
#container_inner {background: none; width: 100%; margin-left:auto; margin-right:auto; padding: 20px; max-width: 1024px;border: 2px solid #cfd8e2; overflow: hidden;}
.topheadercontainer {max-width: 1024px; width:100%; margin-left: auto; margin-right: auto; background-color: #FF0;}
.logocontainer h1 {
    color: #F00;
    float: left;
    font-size: 2.4em;
    padding-left: 10px;
    text-transform: uppercase;
	text-shadow: 3px 3px 2px #FF9900 ;
}
.logocontainer h2 {
    color: #000;
    float: left;
    font-size: 1.7em;
    margin-top: -7px;
    padding-left: 10px;

	font-style:italic;
	font-weight:medium;
}
.logocontainer h3 {
  color: #f00;
  float: left;
  font-family: "Oswald",sans-serif;
  font-size: 2.4em;
  font-style: italic;
  padding-left: 10px;
  font-weight: 200;font-weight:medium;
}

@media screen and (max-width:820px){
	html body .logocontainer h2{font-size:1.2em}
	html body .logocontainer h3{font-size:1.1em}
}

html body #footer_inner a{color:yellow;}
html body #footer_inner li a:not(:hover){color:white;}

html body .topheadercontainer,
html body .navcontainer,
html body #container_inner,
html body .bannerimage{max-width:100% !important;}
html body .bannerimage img{width:100%;}
html body #container_outer {padding-top:0;}
html body .menu.red.full-width{max-width:100%; width:370px; margin:auto;display: block;min-height: 39px;}
html body .home-banner-bottom{background-image:url("/sitehold/images/fileman/home-banner-bottom-cropped.jpg"); padding:125px 30px; background-attachment: fixed; background-repeat:none; background-position: center;}
html body .home-banner-bottom h2{font-weight:bold;}
html body .home-banner-bottom *{color:white;}
html body .home-banner-bottom a{margin:auto;display:block; width:150px;text-align:center; max-width:100%; background:#ffff00; color:#b11623;border-radius:500px; padding:10px 25px; font-family:Oswald; font-weight:400;}
html body .home-banner-bottom a:hover{background:#b11623; color:#ffff00;}
html body .navcontainer{background-image:-webkit-linear-gradient(rgb(177, 22, 35) 0%, rgb(142, 18, 28) 100%);}
html body .navcontainer ul li#hide a, html body .navcontainer ul li#toggle a{padding:0px !important;padding-top:4px !important; }

@media screen and (max-width:800px){

	html body #menu li a{color:#af1622 !important}
	html body #menu li a[href="#toggle"],html body #menu li a[href="#menu"],
	html body #menu li a:hover
	{color:white !important}
}
 

.readmore {text-align:center; padding-bottom: 15px;}

.readmore a {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.readmore a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.readmore a:active {
	position:relative;
	top:1px;
}


.phonenumber {float: left;}

.phonenumber h3 {
    color: #f00;
    font-size: 2.5em;
    letter-spacing: 0.63em;
    text-shadow: 3px 3px 2px #FF9900 ;
    margin-top: -3px;
    padding-left: 10px;
	font-family: "Oswald",sans-serif;font-weight: 200;
}

h2.titletext {color: #000; clear:both; text-align:right; font-size:1.1em;}
.rich-snips {font-size: 10px;}
/* HOME CONTENT */
.home_box {background-color: rgba(255,255,255,0.8); border-radius:10px; border:solid 1px #d9d9d9; margin:0.5% ; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);}

.home-bullets li {color:#b11623; font-family: Arial,Helvetica,sans-serif; margin-left:50px; font-weight:bold; font-size:17px; }
.home-bulletsimg {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    width: 190px;
}


/*FOOTER*/
#footer_container {width: 100%; background-color: #b11623; height: 100%; float:left; -webkit-box-shadow: 0px -2px 8px 0px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    0px -2px 8px 0px rgba(50, 50, 50, 0.86);
box-shadow:         0px -2px 8px 0px rgba(50, 50, 50, 0.86); padding-bottom: 30px; }
#footer_container2 {background-color: #FFFFFF;
    background-repeat: repeat;
    box-shadow: 0 -2px 8px 0 rgba(50, 50, 50, 0.86);
    float: none;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    width: 80%;}
#footer_inner{ width: 100%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 1024px; }
#footer_inner2{ width:96%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 1024px; }
/*** copied from coffeegrinder.css columns in the footer*/
.row .coffee-377-span-12, .row .coffee-694-span-12 { display:block; background-color:#FFF; height:auto; }

.footer-row p, .footer-row li a{font-size:.8em; color:#fff; margin-top: -5px; font-family: Arial, Helvetica, sans-serif;}
.footer-row li a:hover{color: #FF0;}

.bottomfooter {width: 80%; max-width: 1024px; background-color:#0CF;}
#copyright p {text-align:right}

/* TESTIMONIALS */
.test_desc {font-family: 'Open Sans',sans-serif; color:#000000;}
.testim_side_desc {font-family: 'Open Sans',sans-serif; color: black; margin-top: 12px;}
.testim_author {color:#ccc;}
.testim_side_boxes {width: 90%; padding:20px; max-width:1000px; margin-left:auto; margin-right:auto; background-color:#fff; border-radius:0px;border:thick black solid;}
.testim_side_boxes li {font-family: 'Open Sans',sans-serif; list-style-type:none; padding-left:3%; padding-right:3%;}
.testim_side_boxes li .testim_side_title{font-family: 'Open Sans',sans-serif; font-size:1.3em; font-style:italic }
.testim_side_boxes hr {margin:auto}
.testi {  background-color: #e2e2e2;
    border-radius: 23px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 1095px;
    padding-bottom: 20px;
    width: 100%; padding-left:50px; padding-right:50px;}

.testi h2{ color:black; text-align:left !important;padding-left: 20px; line-height:normal; padding-right: 20px;}


/*Social*/
#social {float: left;  width: 100%; margin-bottom: 20px; background-image:url(/sitehold/images/html/Image/background.png); background-repeat:repeat; }
#socialinner {margin-top: 10px; margin-bottom: 10px; float: left; width:308px;}

/*SITEMAP*/
.sitemap_list ul{}
.sitemap_list li{}


body h1, h1 {font-family: 'Oswald', sans-serif; font-size: 1.7em; font-weight:200}
h2 {font-family: 'Oswald', sans-serif; font-size: 1.3em; font-weight:200}
h3 {font-family: 'Oswald', sans-serif; font-size: 1.1em; font-weight:200}
p {font-family: Arial, Helvetica, sans-serif; font-size: .9em; font-weight:200}

.bannerimage {display: block;   margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
	width: 100%;}
.bannerimagemobile {display: none;}


/* Text Elements */
h1.heading-3, h3.heading-3{
    color: #000;
    float: none;
    font-size: 2em;
    text-align: right;
    width: auto;
}

h4.heading-1 {
  text-align: center;
  font-size: 25px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  color: #b11623;
}

h5.image-callout {
  color: #f57e00;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  font-family: 'Open Sans', sans-serif;
}

h6.heading-2 {
  color: #FF0;
  font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: italic;
    text-align: left;
}

p.paragraph.reason-text {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  min-height: 105px;
}

p.paragraph.paragraph-1 {
  color: #5c5c5c;
  text-align: right;
  font-family: Georgia, Times, 'Times New Roman', serif;
  line-height: 1.4;
}

span.text-element.text-1 {
  text-align: right;
}

a.link-text.nav-link {
  display: block;
  float: right;
  margin-right: 3%;
  margin-left: 3%;
  width: auto;
  font-size: 20px;
}

/* Image Elements */

img.image-1-1.image-1 {
  display: block;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 155px;
}

img.image-4-3.main-image {
  display: block;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px;
}

/* Interaction Elements */

button[type=button].action-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: auto;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}

/* Layout Elements */

body > .row {
  max-width: 800px;
}

body > .row.reasoning-row {
  margin-top: 40px;
}

body > .row.action-row {
  margin-top: 20px;
}

body > .row.footer-row {
  margin-top: 50px;
  background-color: #fafafa;
}

body.grid-1 {
  background-color: #fff;
}
.cc-map-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.cc-map-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.navcontainer {width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto;}
.navstrip {	background: #c64900!important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2NDkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTNhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
	background: -moz-linear-gradient(top, #c64900 0%, #9e3a00 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c64900), color-stop(100%,#9e3a00))!important;
	background: -webkit-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	background: -o-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	background: -ms-linear-gradient(top, #c64900 0%,#9e3a00 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64900', endColorstr='#9e3a00',GradientType=0 )!important; width: 100%}




@media screen and (max-width: 821px) {
	.logocontainer { margin-left: auto; margin-right: auto;}
	h1.heading-3 {
  float: none;
  width: auto;
  text-align:center;
}

#socialinner {float: none;
    margin: 10px auto;
    width: 308px;}

#copyright p {text-align: center}
.phonenumber h1 {letter-spacing:normal}
h2.titletext {text-align:center}

p.paragraph.reason-text {min-height: 0px;}

}

@media screen and (max-width: 694px) {
  /* Text Elements */

  ul.link-list.footer-links {
    margin-left: 0px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].copyright-column {
    margin-top: 15px;
  }

}
/******* event calendar table responsive ******/
 @media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
		/* tooltip display has tables and we don't want them affected by the below stuff*/


		/* Force table to not be like tables anymore */
	.eventcal_table table, .eventcal_table thead, .eventcal_table tbody, .eventcal_table th, .eventcal_table td,  .eventcal_table tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
	.eventcal_table	thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

	.eventcal_table	tr { border: 1px solid #ccc; }

	.eventcal_table	td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left:5px;
		}

	.eventcal_table	td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 14px;
			left: 26px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

	/*	Label the data	*/
	.eventcal_table td:nth-of-type(1):before { content: "Monday"; }
.eventcal_table	td:nth-of-type(2):before { content: "Tuesday"; }
.eventcal_table	td:nth-of-type(3):before { content: "Wednesday"; }
.eventcal_table	td:nth-of-type(4):before { content: "Thursday"; }
.eventcal_table	td:nth-of-type(5):before { content: "Friday"; }
.eventcal_table	td:nth-of-type(6):before { content: "Saturday"; }
.eventcal_table	td:nth-of-type(7):before { content: "Sunday"; }

  .eventcal_txt, .eventcal_txt a{ width:100%; height:45px; }
  .eventcal_txt span{position: relative;  top: -55px; margin-left:105px;}
  .eventcal_date {}


}

@media screen and (max-width: 545px) {
  /* Text Elements */

  h1.heading-3 {
    font-size: 28px;
  }

  h5.image-callout {
    font-size: 28px;
  }

  a.link-text.nav-link {
    font-size: 18px;
  }

  ul.link-list.footer-links {
    margin-left: 0px;
  }

  ul.link-list.footer-links li a {
    font-size: 13px;
  }

  /* Layout Elements */

  body > .row.reasoning-row {
    margin-top: 20px;
  }
}

@media screen and (max-width: 377px) {
  /* Text Elements */

  h1.heading-3 {
    text-align: center;
  }

  h5.image-callout {
    font-size: 21px;
  }

  a.link-text#last-nav {
    margin-right: 0;
  }

  a.link-text.nav-link {
    margin-left: 0;
    width: 30%;
  }

  ul.link-list.footer-links {
    margin-right: 0;
    margin-left: 0px;
  }

  ul.link-list.footer-links li {
    text-align: left;
  }

  /* Image Elements */

  img.image-4-3.main-image {
    margin-top: 20px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-2 {
    margin-right: 0;
    margin-left: 0;
  }

  body > .row > [class*='coffee-span-'].column-3 {
    display: none;
  }

  img.logo.logo-1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .bannerimage {display: none;}
.bannerimagemobile {display: block;}
}

@media screen and (max-width: 289px) {
  /* Text Elements */

  a.link-text.nav-link {
    width: 100%;
    text-align: center;
  }
}


@media screen and (min-width: 992px) {
  body h1 {
    font-size: 1.7em;
  }
}

nav
{
	float:none;
}

.navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}