/*
 *  Cley Smokehouse custom style sheet Nov 2016
 *  over-ride default css 
 *  Trickyweb see http://trickyweb.co.uk*/
 
 /* header stencil font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Philosopher|Stardos+Stencil');

/******* navigation bar **************/
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.navbar-default {
	background-color:#d6d1f3; 
	color:#2F4E6F; 
	font-family:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed'; 
	font-size:1.1em;
	font-weight:normal;
	
}

.navcontent{
	max-width: 1200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}


/* change the breakpoint of the menu */
@media (max-width: 1200px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  
}





/* Global Body styles */
.tab-pane{font-size:1.1em}

html,
body {
    height: 100%; 
	font-family: "GillSans";
	font-family: 'Noto Sans', sans-serif; 
	color:#3C3833; 
	background-color:#FFF;
	
}

/* make sure navbar always ontop */
.navbar {z-index:1000;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
}

.navbar-toggle{
	background-color:#FFF;
	color:#000 !important;
	font-size:18px;
}

/* modify space between drop downs */
.nav > li > a {color:#000; padding:10px 10px !important}

/* aligns nav items on rhs menu to right */

	.navright{
		width:50%;
		margin-left:48%;
	}





/* create some top spacer classes */
.top2 { margin-top:4px;}
.top12 { margin-top:12px;}
.top24 { margin-top:24px;}
.top36 { margin-top:36px;}
.top48 { margin-top:48px;}

.bottom8 { padding-bottom:8px;}

.pad4{ padding:4px;}
.pad10{ padding:10px;}
.marg10 {margin:10px;}
.lg{font-size:1.15em;}

.pad20 {padding:20px;}

/* header format */

header {background-color:#000000; 
		color:#ffffff; 
		background-repeat:no-repeat;
		background-position:right }	


/* just some useful classes */

.wbkd{background-color:#FFFFFF;}	/* set the container to white */

.menubkd{background-color:#d6d1f3;
}  /* set the container to pale blue */

.imgbkd{background-image:url(../img/fishing-bkd.jpg);
		background-repeat:no-repeat;
		background-size:auto !important; }
		


.min600{ min-height:1000px;}		/* used for minimum page heights */


/* font sizes and definitions */

h1 {font-family: 'Stardos Stencil', cursive;  color:#FFFFFF;}

h2 {font-family: 'Stardos Stencil', cursive;  color:#FFFFFF; font-size:1.5em; margin:0; padding:0;}

h3 {font-family: 'Philosopher', sans-serif;  color:#000; font-size:1.6em; line-height:1.3em;}

h4 {font-family: 'Philosopher', sans-serif;  color:#000; font-size:1.3em; margin:0; padding:0;}

h5 {font-family: 'Philosopher', sans-serif;  color:#2F4E6F;; font-size:1.4em;  margin:0; padding:0;}

/* adds solid line to h3 headers */
i.left-mark, i.right-mark {
    border-top: 1px solid;
    display: inline-block;
    height: 1px;
    margin-bottom: 6px;
    width: 26px;
}


.alsolike{ background-color:#FFF; margin-bottom:15px; border-radius:5px;}

/* offer amd price on product page 
product-type offer flash */

.offer {
	background-image:url(../img/offer.png); 
	min-height:110px;                     
    background-repeat:  no-repeat;  
	background-position: center center; 
	padding:20px;}
	
.offer h2{
	color:#FFF; 
	padding-top:20px;
}
               
			   
	  





.fa-snowflake{color:#27B6FC}

.fresh{background-image:url(../img/snowflake.png); background-repeat:no-repeat; }
.van{background-image:url(../img/van.png); background-repeat:no-repeat; }

h6 {font-family: 'Philosopher', sans-serif;  color:#000; font-size:1.08em; }


/* full-width-white-line */
.white_line {
	background-color:#FFF; 
	height:3px;
}


/******* navigation bar **************/


.navbar-default {
	background-color:#d6d1f3; 
	color:#2F4E6F; 
	font-family:'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed'; 
	font-size:1.1em;
	font-weight:normal;
}


.nav-row{
	height:30px; text-align:center; background-color:#d6d1f3; 
}



/* shipping cart summary */

.cart a{color:#FFF;}
.cart a:hover{color:#f0ad4e;;
			  text-decoration:none;}

/* email sign up and social media */

.social-band{ background-color:#2F4E6F; 
			  min-height:80px; 
			  color:#d6d1f3;
}


.social-band a{color:#d6d1f3;
			   padding:0 6px;
  }
			   
.social-band a:hover{color:#f0ad4e;}

/****************************************** footer *****************************************/

footer h5{color:#d6d1f3; font-family: 'Philosopher', sans-serif; font-size:1.2em; margin-left:2.5em;}

footer {background-color:#2F4E6F; }

 footer ul {list-style:none;}
 
 footer ul li{line-height:1.8em;}
 
 footer li a{color:#d6d1f3;}
 
 footer li a:hover{color:#f0ad4e; text-decoration:none; font-weight:bold;}
 
 /******************************************  shopping cart ********************************/
.shopping-cart-box{ 
    position: absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	max-width: 700px;
	background: #FFF;
	border-radius: 4px;
	z-index:100;
	border:1px solid #777;
	display:none;
	text-align:left;
	color:#000;
	z-index:1200;
	
}

/* searchbar */
#searchbar{
	z-index:100;
}		




#result .searchtable{
	z-index:1200;
	background-color:#FFF;
	position: absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	width:auto !important;
	background: #FFF;
	border:1px solid #777;
	text-align:left;
}


.searchtable tr{
	border-bottom:1px #777 solid;
}

.searchtable tr td{
	padding-right:4px;
	margin-bottom:2px;
}

.searchtable tr td img{
	padding-right: 10px;
}

#result a{
	color:#777;
}

#result .black a{
	color:#000;
}


#result a:hover{
	color:#000;
}

.shopping-cart-box td{font-size:0.8em !important}
.shopping-cart-box td .fa{padding:2px; font-size:1.2em !important}

.closecart{padding:5px 10px; font-size:1.2em; font-weight:bold;}
 
 
 /* these are home page specific styles */
 
 /* backgd image on home page */
.imagegrid{
	 background-size: cover; 
	
}
 
 
 /* freshness guarantee - message bar */
 .info-bar{color:#FFF; 
 		   text-align:center; 
		   font-size:1.1em; 
		   height:36px; 
		   padding-top:6px; 
		   width:105%;
}

/* home page */
.info-home{
/*	background-color:#2F4E6F;   */
	background-color:#7C0002;
	color:#fff; 
	text-align:center; 
	}

/* add info bar to products etc */
.info-prod{
	background-color:#990000;
}
	

/* product page */

.prodholder {padding:10px; line-height:1.8em; font-size:1.05em;}
 
. 
 /* trickyweb branding */
.trickyweb{color:#FFF; margin-bottom:20px;}
.trickyweb a{color:#00B2B2 !important;}


.addtobasket{font-size:1.25em; padding:5px;}








/*  these were theme specific so lets hang on to them for now!

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}



 Home Page Carousel */


/*


header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}





/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related { margin-bottom: 30px; }
    
	h1 {font-family: 'Stardos Stencil', cursive;  color:#FFFFFF; font-size:1.8em;}

    h2 {font-family: 'Stardos Stencil', cursive;  color:#FFFFFF; font-size:1.3em; margin:0; padding:0;}
	
	.navright{
		width:100%;
		margin:0;

	
}

@media(max-width:767px) {
	.info-bar {
		min-height:60px
	}
	
	
	
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}