/*
Theme Name: haveasnack
Theme URI: http://haveasnack.com.au
Author: vimal
Author URI: http://www.bonzait.com/
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haveasnack
Tags: snack, bakery
'haveasnack' is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/

/* Import the necessary TK Bootstrap WP CSS additions */
@import url( includes/css/bootstrap-wp.css );



/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */

body{
	color:#333333;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:1.5;
	background:#FCE6D5;
	word-wrap: break-word;
}
li{
	padding:5px 0;
}
h1{
	font-family:'Patua One', cursive;
	color:#E1210A;
	text-transform:uppercase;
}
.page-header{
	margin-top:0;
	margin-bottom:10px;
	border:none;
}

.welcomeBox .page-header{
	margin-top:0;
	margin-bottom:0;
	border:none;
}
.header .container{
	background:#FEF7ED;
}

#content{
	position:relative;
}
#content .container{
	background:#FEF7ED;
	padding:20px;
	margin-top:-9px;
}

.home  #content .container{
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-topright: 18px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
}

.containerFeatured{
	width:980px;
	margin:0 auto;
	padding:0 0 15px 0;
	background:#FEF7ED;
}
.carousel{
	margin:0 15px;
}
.icon{
	position:relative;
	display:inline-block;
	width:56px;
	height:56px;
}
.carousel .icon{
	top:47%;
}
.icleft{
	background:url(includes/images/icon-left.png) left top;
}
.icright{
	background:url(includes/images/icon-right.png) left top;
}
.carousel .icleft{
	left:-21px;
}
.carousel .icright{
	right:-21px;
}
/* Home Page */
.home .homeBenefits_hdr, .home .homeWelcome_hdr{
	color:#00496B;
	font-size:30px;
	line-height:120%;
	text-transform:capitalize;	
}
.home .homeWelcome_hdr{
	color:#E1210A;
}
.home h1 span{
	font-size:18px !important;
	color:#00496B;
	display:block;
	line-height:120%;
}
.benefitsBox p{
	color:#00496B;
	font-size:12px;
	line-height:150%;
}
.testimonialBox{margin-bottom:20px;
}
.testimonialBox .widget{
	padding:15px;
	padding-top:35px;
	background:#B92400;
	color:#fff;
	font-size:14px;
/*	font-style:italic; */
	line-height:150%;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.testimonialBox .widget:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 40px;
	bottom:-22px;
	border: 22px solid;
	border-color: #B92400 transparent transparent #B92400;
}
.testimonialBox .author{
	text-align:right;
	padding-top:10px;
}

/* WHISTLES ACCORDION */
.whistles {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
    line-height:150%;
}
.whistles-accordion h3.whistle-title{
	font-family:'Patua One', cursive;
	font-size:18px;
	color:#00496C;
	line-height:120%;
	border:none;
	border-top:2px dotted #576668;
	background:transparent;
	padding:10px 0;
}

.whistles-toggle .whistle-title:first-child, .whistles-accordion .whistle-title:first-child {
    border-top-width: 2px;
}

.whistles-toggle .whistle-title:hover, .whistles-toggle .whistle-title[aria-selected="true"], .whistles-accordion .whistle-title:hover, .whistles-accordion .whistle-title[aria-selected="true"] {
    background: transparent;
    color: #E12109;
}
.whistles-toggle .whistle-content, .whistles-accordion .whistle-content {
	line-height:150%;
    background:transparent;
    border: none;
    box-sizing: border-box;
    color: #333;
    margin: -1px 0 0;
    padding: 2.5rem 1.5rem 0;
}



/* FOOTER */
.footer .topRow{
	background:#FEF7ED;
}
.siteinfo{
	max-width:1000px;
	margin:0 auto;
	background:#405255;
	padding:10px;
	-webkit-border-bottom-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
}
.footer_info, .footer_callus{
	float:none;
	font-size:16px;
	padding:15px;
	text-align:center;
}
.footer_info{
	width:100%;
	background:#415256;
	color:#fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px
	
}
.footer_callus{
	width:100%;
	background:#FA7D00;
	color:#324143;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.footer_info p, .footer_callus p{
}
.footer_callus span{
	display:block;
}
.footer_callus .fc_white{
	color:#fff;
}
.footer_callus .fc_height{
	font-size:14px;
	padding-bottom:5px;
}
.footer_logos{
	text-align:center;
	margin-top: 20px;
}
.siteinfo h5{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.createdby{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}


/* Clearing */
.clear {
	clear: both;
}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 20px; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }



/* Bootstrap Edits */
.navbar {
  position: relative;
  margin-bottom: 0;
  border:none;
  min-height:195px;
}
.navbar-brand {
  float: none;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  text-align:center;
  display:block;
}
.navbar-brand img{
	display:inline-block;
	max-width:162px;
}
.navbar-collapse {
  max-height: 340px;
  padding-right: 0;
  padding-left: 0;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top:none;
}
.navbar-default {
  background-color:#282321;
  border-color:transparent;
}
.navbar-default .navbar-nav > li > a{
	font-family:'Patua One', cursive;
	text-align:center;
	color:#fff;
	background: #31A939;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav > li.tellmemore > a {
	background:#314143;
}
.navbar-default .navbar-nav > li.getitnow > a{
	background:#F38018;
}
.navbar-default .navbar-nav > li.aboutus > a{
	background:#E5001C;
}

.carousel-control.left {
    background-image:none;
    background-repeat:no-repeat;
}
.carousel-control.right {
    background-image:none;
    background-repeat:no-repeat;
}





.carousel-caption {
  position: absolute;
  right: 12%;
  top:8%;
  left: auto;
  line-height:120%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  font-size:15px;
  
}
.orange{
	color:#F56700;
}
.red{
	color:#E5001B;
}
.blue{
	color:#00496B;
}
.green{
	color:#7BBD31;
}
.largeText{
	font-size:24px !important;
}
.carousel-caption .btn {
  text-shadow: none;
}
.quickContact{
	background:#FCE6D5;
}
.quickContact input, .quickContact textarea{
	width:98%;
}
.quickContact .wpcf7-submit{
	background:#FA7D00;
	border:none;
	padding:3px 1px;
	color:#fff;
}

@media (min-width: 768px) {
	
	.navbar-default {
  		background-color:transparent;
	}
	.navbar-brand {
	  float: left;
	  padding: 0;
	  font-size: 18px;
	  line-height: 20px;
	  width:25%;
	  
	}
	.navbar-brand img{
			max-width:100%;
	}

	#mobileMenu{
    position: relative;
    top: 0;
    width: auto;
	}
	.home .header .container {
		background:url(includes/images/bg-home-header.png) repeat-y center top;
	}
  .navbar-nav {
    float: left;
    margin: 0;
	width:75%;
	
  }
  .navbar-nav > li {
    float: left;
	width:20%;
	padding-top:0;
  }

.navbar-default .navbar-nav > li > a {
	text-align:left;
   color: #F4F4F4;
	-webkit-border-bottom-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
	font-size:18px;
	text-align:center;
	padding-top:80%;	
	min-height:221px;
	background:url(includes/images/bg-menu.png) repeat-x left top  #31A939;
}
.navbar-default .navbar-nav > li.home > a,
.navbar-default .navbar-nav > li.franchise > a {
	background:url(includes/images/bg-menu.png) repeat-x left top  #31A939;
}
.navbar-default .navbar-nav > li.tellmemore > a {
	background:url(includes/images/bg-menu.png) repeat-x left top  #314143;
}
.navbar-default .navbar-nav > li.getitnow > a{
	background:url(includes/images/bg-menu.png) repeat-x left top  #F38018;
}
.navbar-default .navbar-nav > li.aboutus > a{
	background:url(includes/images/bg-menu.png) repeat-x left top  #E5001C;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background:url("includes/images/bg-menu.png") repeat-x left top  #31A939 ;
	-webkit-border-bottom-right-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-bottomright: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
	min-height:233px
}
.navbar-default .navbar-nav > li.tellmemore > a:hover,
.navbar-default .navbar-nav > li.tellmemore > a:focus{
	background:url(includes/images/bg-menu.png) repeat-x left top  #314143;
}
.navbar-default .navbar-nav > li.getitnow > a:hover,
.navbar-default .navbar-nav > li.getitnow > a:focus{
	background:url(includes/images/bg-menu.png) repeat-x left top  #F38018;
	}
.navbar-default .navbar-nav > li.aboutus > a:hover,
.navbar-default .navbar-nav > li.aboutus > a:focus{
	background:url(includes/images/bg-menu.png) repeat-x left top  #E5001C;
}

.testimonialBox .widget:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 40px;
	bottom:-23px;
	border: 24px solid;
	border-color: #B92400 transparent transparent #B92400;
}
.carousel-caption {
    right: 12%;
	top:8%;
    left: auto;
    padding-bottom: 30px;
	font-size:30px;
  }
  .largeText{
	font-size:48px !important;
	}
	
.footer_info, .footer_callus{
	display:table;
	float:left;
	font-size:16px;
	padding:15px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.footer_info{
	width:78%;
	background:#415256;
	color:#fff;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-bottomleft: 18px;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
	
}
.footer_callus{
	width:22%;
	background:#FA7D00;
	color:#324143;
	text-align:left;
	-webkit-border-top-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
	-moz-border-radius-topright: 18px;
	-moz-border-radius-bottomright: 18px;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
}
.footer_info p, .footer_callus p{
	font-family:'Patua One', cursive;	
	height: 90px; 
	display: table-cell;
	vertical-align: middle;
}
.divider{
	background:url(includes/images/hr_dotted.png) no-repeat center top;
}
}
@media (min-width: 992px) {
  .navbar {
    min-height:309px;
	margin-bottom:20px;
  }
  .navbar-default .navbar-nav > li > a{
	min-height:296px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	min-height:309px
}
.testimonialBox .widget:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 40px;
	bottom:-6px;
	border: 27px solid;
	border-color: #B92400 transparent transparent #B92400;
}
.footer_info, .footer_callus{
	font-size:21px;
}
}
@media (min-width: 1200px) {
	
  .container {
    width: 1000px;
  }
  

}