/* Enter Your Custom CSS Here */

body.page-template{
margin-top: -20px;
}


.cf:before,
.cf:after {
    content: " "; 
    display: table; 
}
.cf:after {
    clear: both;
}
.box {
  background: transparent;
  float: left;
  margin-left: 20px;
}



@media screen and (min-width: 768px){
.navbar-default .navbar-nav > li> a {
    margin-top:-35px;
  }
}

@media screen and (max-width: 768px){
.navbar-default .navbar-nav > li> a {
    padding: 10px 10px 30px 10px;
    margin-right: 0;
    font-size: 16px;
    margin:0 auto !important;
    float: none !important;
}
    .colorbox1, .colorbox2 {
    height: auto !important;
}   
  .home-1 {
    height: 365px !important;
}
}


@media screen and (max-width: 418px){
  .colorbox1, .colorbox2 {
    height: auto !important;
}
  .navbar-default {
    background: transparent;
}
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    border: none !important;
}
  #logo{
   float:none !important;
    margin:0 auto !important;
  }
}

.map_wrapper {
    position: relative;
      width: 99.6vw;
    left:50%;
    margin-left: -50vw;
  	margin-bottom:-30px;
  	margin-top:30px;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.map {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 7777;
    width: 100%;
    height: 450px;
}

.map_wrapper .col-md-12 {
    z-index: 9999;
    height: 450px;
}



.foogallery-masonry .item a img:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  /*filter: url('data:image/svg+xml;charset=utf-8,#filter');*/
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
   transition: all 0.3s ease-in-out;
}

.container-fluid.menuimg {
    background: url(wp-content/uploads/2017/02/sandwich.jpg) no-repeat;
    background-size: cover;
    background-attachment: static;
    width: 100vw;
    height: 450px;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 2% 23%;
    background-position: center center;
    margin-bottom: 30px;
    margin-top: 0px;
}

.container-fluid.stjosephimg {
    background: url(wp-content/uploads/2017/02/bread.jpg) no-repeat;
    background-size: cover;
    background-attachment: static;
    width: 100vw;
    height: 450px;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 2% 23%;
    background-position: center center;
    margin-bottom: 30px;
    margin-top: 0px;
}

.container-fluid.galleryimg {
    background: url(wp-content/uploads/2017/02/brownies.jpg) no-repeat;
    background-size: cover;
    background-attachment: static;
    width: 100vw;
    height: 450px;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 2% 23%;
    background-position: top center;
    margin-bottom: 30px;
    margin-top: 0px;
}

.container-fluid.gallery {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 2% 23%;
    margin-bottom: 30px;
}

.container-fluid.aboutimg {
    background: url(wp-content/uploads/2017/02/knead.jpg) no-repeat;
    background-size: cover;
    background-attachment: static;
    width: 100vw;
    height: 450px;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 2% 23%;
    background-position: center center;
    margin-bottom: 30px;
    margin-top: 0px;
}

.container-fluid.bottomimg {
    background: url(wp-content/uploads/2017/02/display.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100vw;
    height: 450px;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 2% 23%;
    background-position: center center;
    margin-bottom: -8px;
    margin-top: 30px;
}

.site-main {
   padding-bottom: 0px; 
}

hr{
 border-color:#665F52; 
}


.site-info {
/* color:#fff; */
}

h1, .h1 {
    text-shadow: 1px 2px 0px #fff, 4px 5px 0px rgba(102,95,86,0.25);
    margin: 30px 10px 20px;
    text-align: center;
    font-size:4.0em;
}

.carousel {
    border-top: 2px solid #b7a88b;
}

.entry-title, .post-edit-link, #comments, .homeWidgetHolder, .featuredWidgetHolder{
 display:none; 
}

.logo{
 margin-bottom:30px; 
}

.btn-secondary.btn-footer{
    background: #B7A88B;
    color:#fff;
    font-family: 'Open Sans', sans-serif;
  	font-weight:bold;
    border: 1px solid #B7A88B;
    margin-top: 4px;
    margin-bottom: 5px;
    font-size: 1.6em;
  	border-radius:0;
  	padding-top:6px;
  	padding-bottom:6px;
  	padding-right:8px;
    padding-left:8px;
}
.btn-secondary.btn-footer:hover{
    background: #a09278;
    color: #fff;
    border: 1px solid #a09278;
}

.btn-secondary {
    background: #B7A88B;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
  	font-weight:bold;
    border: 1px solid #B7A88B;
    margin-top: 4px;
    margin-bottom: 5px;
    font-size: .90em;
  	border-radius:0;
  	padding-top:2px;
  	padding-bottom:2px;
}

.btn-secondary:hover{
    background: #a09278;
    color: #fff;
  	border:1px solid #a09278;	
}

.click-to-call h4 {
    color: #b7a88b;
}

.click-to-call a {
    color: #000000;
  	font-size:0.8em;
}

.click-to-call a:hover {
    color: #000000;
  transition: all 0.2s ease;
}

.click-to-call/*, .navbar-default*/ {
margin-top:30px;
  margin-bottom:-10px;
}

.navbar-default .navbar-nav > li> a {
 font-family:'Open Sans', sans-serif;
  padding: 10px 10px 30px 10px;
  margin-right:5px;
  color:#b7a88b;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background: none;
    color: #000; /*#02caf3;*/
    border: 2px solid #9b8e76;
  	padding: 10px 10px 30px 10px;
    transition: all 0.2s ease;
}

.footerWidgets{
background: #f6f3ef;
 border-top:8px solid #9b8e76;
}

.footerWidgets p {
 color:#000; /*#665F52;*/
 font-size:1.4em;
  font-weight:bold;
}

.footerWidgets a {
color:#9b8e76;
}

.footerWidgets a:hover {
color:#7a6f5d;
}

a {
color:#5e5545;
}

a:hover {
color:#000000;
}



/* Pinpoint */

.container-menu{
  margin: 0 auto !important;
  padding: 0px;
  width: 100%;  
}
.no-padding{
  padding: 0px;
    margin-bottom: -10px;
}
.no-padding-list {
  padding: 0px;
}
.portfolio-item{
  margin-bottom: 0px;
  width: 100%;
}
.portfolio-item img{
  width: 100%;
}
#tf-works{
  padding: 0px !important;

}
ul.cat{
  margin: 0px;
}
.categories{ 
  padding-bottom: 10px;
  padding-top: 2px;
}
.hover-bg .hover-text {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  color: #000000;
  background: rgba(0, 0, 0, 0.66);
  padding: 42% 0;
  height: 100%;
  width: 100%;
  opacity: 0;
    transition: all 0.5s;
}
.food{
  width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#tf-menu {
  padding: 20px;
  transition: all 0.8s;
    margin-top:
}

#tf-menu.navbar-default {
  background-color: rgba(248, 248, 248, 0);
  border-color: rgba(231, 231, 231, 0);
}
#tf-menu a.navbar-brand {
text-transform: uppercase;
font-size: 22px;
color: #fff;
}

#tf-menu.navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  color: #FFF;
  font-size: 12px;
  letter-spacing: 1px;
}

.box-size {
  height: 300px;
}

.colorbox1 {
  background-color:#b7a88b; /*#ffc39b;*/
  color: #fff;
  height: 300px;
  padding:30px;
  padding-top:50px;
}

.colorbox2 {
  background-color:#b7a88b;
  color: #fff;
  height: 400px;
  padding:30px;
  padding-top:50px;
}

.colorbox1 p, .colorbox2 p{
  color: #f6f3ef;
}


.container-fluid.blackabout {
    background-size: cover;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: auto;
    left: 50%;
    background-attachment: relative;
    padding: 0px;
    padding-top: -40px;
    z-index: 9;
    text-align: center;
    margin-top: 20px;
    margin-bottom: -30px;
}

.container-fluid.blackhome {
    background-size: cover;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: auto;
    left: 50%;
    background-attachment: relative;
    padding: 0px;
    padding-top: -40px;
    z-index: 9;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.container-fluid.black {
    background-size: cover;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: auto;
    left: 50%;
    background-attachment: relative;
    padding: 0px;
    padding-top: -40px;
    z-index: 9;
    text-align: center;
    margin-top: -10px;
}

.home-1 {
    background-image: url(wp-content/uploads/2017/02/tarts.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}

.about-1 {
    background-image: url(wp-content/uploads/2017/02/sign.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}
.about-2 {
    background-image: url(wp-content/uploads/2017/02/tray.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}


/* Pinpoint */

.amex {
  vertical-align: baseline;
}

.hours p {
  font-size: 17px;
}