/*
Theme Name: SAFARI
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



#whysafari { background: #f0e1bf url(assets/css/bg.png) top center repeat-y}
#safarijuices { background: #bbcef3 url(assets/css/bg.png) top center repeat-y; ; border-top: 1px solid #8ba6db}
#safarivivaljuices { background: #e1cedd url(assets/css/bg.png) top center repeat-y; ; border-top: 1px solid #b86ca8}

#contact { background: #daf3bb url(assets/css/bg.png) top center repeat-y; border-top: 1px solid #acd27e}
#footer { padding: 100px 0px 150px 0px !important; text-align: center}

div.textwidget {
	border-top: 2px dashed #001a72;
	border-bottom: 2px dashed #001a72;
	padding: 15px 0;
	margin: 25px 0;
}


#contact div.textwidget {
	border: none;
	padding: 15px 0;
	margin: 25px 0;
}


h2.productscategoryname { 
	text-align: center;
	padding: 0px 10px;
	line-height: 16px;
	border-bottom: 2px solid #001a72; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
h2.productscategoryname span {
	display: inline-block;
	background: #001a72;
	white-space: nowrap; 
	color: white; 
	overflow: hidden;
	padding: 6px 10px;
	text-overflow: ellipsis;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

a.products { display: block; text-align: center;}
a.products h4 {
	overflow: hidden;
	text-indent: -10000px;
	width: 100%;
	height: 121px;
	margin: 0;
	margin-top: -70px;
	margin-left: -13px;
	background: url(css/nibtn.png) no-repeat center center;
	padding: 0;
	position: absolute;
	top: 50%;
	opacity: 0
}

a.products:hover h4{
	opacity: 1;
}


@media (min-width: 992px) {
	.navbar .navbar-brand img { 
		margin-left: -500px !important;
		display: block;
		position: fixed !important;
		width: 300px;
		left: 50% !important;
		height: 194px;
		overflow: visible;
	}
 
	
	
}

@media (min-width: 768px) and (max-width: 900px) {
	.navbar .navbar-brand img { 
		margin-left: 30px;
		display: block;
		position: fixed !important;
		width: 180px;
		height: 118px;
		overflow: visible;
	}	
	.navbar-scrolled .navbar-brand img { 
		width: 150px;
		height: 98px;
	}
}
@media screen and (max-width: 767px) {
	.navbar .navbar-brand img { 
		margin-left: 30px;
		display: block;
		position: fixed !important;
		width: 150px;
		height: 98px;
		overflow: visible;
	}
}


table.serving_provides {
	border: 1px solid #001a72;
	color: #001a72;
}
table.serving_provides th, table.serving_provides td {
	text-align: center;
	vertical-align: middle;
	padding: 5px 10px;
	border-left: 1px solid #001a72;
}

table.serving_provides th { font-size: 14pt}
table.serving_provides td { background: #dbdfeb; font-size: 80%}

table.declaration td.right {text-align: right;}

table.declaration tbody tr:nth-child(odd) {
   background-color: #dbdfeb;
}

table.declaration td {
	color: #001a72;	
	padding: 5px 10px;
}


#modalbody h3 { font-size: 12pt; font-weight: bold; color: #001a72;	padding: 0; margin: 0}
#modalbody pre { font-size: 8pt; color: gray; padding: 0; margin: 0; background: none; font-family: Arial, sans}



#myModal .modal-content { border-bottom: 10px solid #001b73 !important;border-top: 10px solid #001b73 !important }

#myModal { margin-top: 170px}

#myModalLabel { font-size: 19pt; font-weight: bold; color: #001a72; width: 80%}
.modal-header span {
	display: block;
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
	font-size: 19pt !important;
}


.the_excerpt {
	margin-top: 50px;
	text-align: center;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.the_excerpt .text-center { padding: 20px 10px 40px 10px;}

.imagepadding { padding-top: 15px}
h1, h2, h3, h4, body{ color: #001a72 !important;}
.largefont { font-size: 18px !important; padding: 8px; background: rgba(255, 255, 255, 0.8);}

.facebookbtn { background: url(css/fb.png) no-repeat 0 center;}

.hypertextlarge {
	font-size: 18pt !important;
	line-height: 20pt !important;
	letter-spacing: -1px;
	font-weight: bold;
	color: white;
	background: #031e6f;
	padding: 4px;
	margin-bottom: 20px;
}
.hypertextlarge div { 
	padding: 20px 10px 10px 10px;
	border: 1px solid #909cbf;
}

.entry-summary { padding-bottom: 20px;}