/*
Theme Name: Okanagan Wine Dressings Theme
Theme URI: http://pentictonwebdesign.com
Author: Penticton Web Design
Author URI: http://pentictonwebdesign.com
Description: Okanagan Wine Dressings Theme
Version: 1.0
Text Domain: bootstrapstarter
*/


* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

body {
	background: #fff !important;
	color: #979899;
	font-family: 'Laila', serif;
}

a { color: #b4bb6b; }

a:hover { 
	color: #7e843c;
	text-decoration: none; 
}



h1, h2, h3, h4, .normal-section-title {
	color: #b4bb6b;
	font-family: 'Vidaloka', serif;
	text-transform: uppercase;
}

h1, h1.tribe-events-page-title, h2.contentheading {
	border-bottom: 2px solid currentColor;
	font-weight: 400 !important;
	display: inline-block !important;
	margin-bottom: 50px;
	padding-bottom: 5px;	
	text-align:center;	
}

h3 {
	font-size: 18px;
}

.normal-section-title { font-weight: 400 !important; }

hr {
	background: url(images/bg-hr.png) no-repeat center;
	border: 0;
	height: 64px;
}

.titlebox, .page-header, #jevents_header, .browse-view { text-align:center; }

.threebox {
	color: #b4bb6b;
	font-family: 'Vidaloka', serif;
	font-size: 26px;
	text-transform: uppercase;
}

.tribe-events-ical { display: none !important; }

/* =================================================[WOOCOMMERCE TAGS]=============================================== */

.product-description .title {
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
}

.bundled_product_permalink, .sku_wrapper, .posted_in { display:none; }

.button {
	background: #b4bb6b !important;
	color: #fff !important;
}

.button:hover {
	background: #7e843c !important;
	color: #fff;
}

.event-title { color: #b4bb6b !important; }

.event-title:hover { 
	color: #7e843c !important;
	text-decoration: none; 
}

#content > p:nth-child(1) {
	color: #b4bb6b;
	font-family: 'Vidaloka', serif;
	font-size: 34px;
	text-transform: uppercase;
	border-bottom: 2px solid currentColor;
	display: inline-block;
	margin-bottom: 50px;
	padding-bottom: 5px;	
	text-align:center;
}

/* =================================================[STRUCTURE TAGS]=============================================== */

.container {
	background: #fff;
}

#topbar{
	background: #b4bb6b;
	color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
}

#topbar a { color: #fff; }

#topbar a:hover { 
	color: #eeefd;
	text-decoration: none;
}

#logo {
	padding-bottom: 20px;
	padding-top: 20px;
}

nav {
	border-top: 1px solid #dcdcdc !important;
	margin-bottom: 0!important;
}

#banner {	
	padding-left: 0;
	padding-right: 0;	
}

#content {
	padding-bottom: 30px;
	padding-top: 40px;
}

#footer {
	border-top: 1px solid #dcdcdc;
	padding-top: 30px;
	text-align: center;
}

#copyright { 
	color: #909192;
	padding-bottom: 5px;	
}

#copyright a { color: #909192; }

#copyright a:hover { color: #575859; }


.rowleft, .rowcentre, .rowright {
	text-align: center;
}

@media (min-width: 769px) {	
	.rowleft { text-align: left; }
	
	.rowright { text-align: right; }
	
	body { background: url(images/bg.jpg) no-repeat fixed center; }
	
	.leftsidebar { border-right: 1px solid #dcdcdc; }
}

/* ========================================================================[MAIN MENU]========================================================= */

.navbar-nav > .active a { background: none !important; box-shadow: none !important; }

#navbar ul.nav a {
	color: #969d4d;
	font-family: 'Laila', serif !important;
	font-size: 16px;
}

#navbar ul.nav a:hover {
	color: #656933;
}


@media (min-width: 769px) {	
	ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
	/* CENTERS THE MENU - START */
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar .navbar-collapse { text-align: center; }
	/* CENTERS THE MENU - END */
	
	
	#navbar ul.nav > li > a {
		background: url(images/menu-seperator.png) no-repeat left;
		padding-left: 20px;
	}
	
	#navbar ul.nav > li:first-child > a {
		background: transparent;
		padding-left: 0px;
	}
}



/* =======================================================================[FOOTER MENU]=============================================================*/
#footer ul {	
	margin: 0;
	padding: 0;	
	list-style:none;
}

#footer ul > li {	display:inline-block; }

#footer ul > li > a {	
	color: #969d4d;
	font-size: 16px;
	display:inline-block;
	padding-left: 10px;
	padding-right: 10px;	
}

#footer ul > li > a:hover { color: #656933; }

#footer ul > li:first-child a {
	background: transparent;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

@media (min-width: 769px) { 
	#footer ul > li > a { background: url(images/menu-seperator.png) no-repeat left; }
}