/*------------------------------------------------------------------------
# Variables
------------------------------------------------------------------------*/
$rgba_1 : rgba($palette-primary_1, 0.60);
$rgba_4 : rgba($palette-primary_4, 0.40);
$rgba_neutral : rgba($palette-primary-neutral-color, 0.6);

/*------------------------------------------------------------------------
# Palettes
------------------------------------------------------------------------*/
.palette-primary {
	color: $text-contrast-palette-primary-neutral-color;

	/*-----------------------------------------------
	## 1
	-----------------------------------------------*/
	.site-header {
		background: $rgba_1;
		color: $text-contrast-palette-primary_1;
	}
	header.smaller {
		background:	$palette-primary_1;
	}
	.site-title a,
	.navbar-default .navbar-nav > li > a {
		color: $text-contrast-palette-primary_1;
	}
	.secondary-menu,
	.tertiary-menu {
		.current-menu-item a {
			color: $palette-primary_2;
		}
	}
	.site-header .well {
		background: $rgba_4;
		border-color: $text-contrast-palette-primary_1;
	}
	.dropdown .active,
	ul.dropdown-menu,
	.navbar-default .navbar-nav > li.dropdown:hover > a {
		background: $palette-primary_1;
		color: $text-contrast-palette-primary_1;
	}

	/*-----------------------------------------------
	## 2
	-----------------------------------------------*/
	.entry-title {
		a {
			color: $text-contrast-palette-primary-neutral-color;
			text-decoration: none;
			border-bottom: 1px solid $palette-primary_2;
			&:hover, &:focus {
				color: $text-contrast-palette-primary-neutral-color;
				text-decoration: none;
			}
		}
	}
	.button-primary {
		background: none;
		border: 1px solid $palette-primary_2;
		color: $palette-primary_2;
	}
	.button-secondary {
		border: 1px solid $palette-primary_2;
		background: $palette-primary_2;
		color: $text-contrast-palette-primary_2;
	}	
	.button-secondary:hover,
	.button-secondary:focus {
		background: none;
		border: 1px solid $palette-primary_2;
		color: $palette-primary_2;
	}
	hr,
	.nav > li > a:focus i.fa,
	.nav > li > a:hover i.fa,
	.alert .btn.button-primary,
	.woocommerce-Message .btn.button-primary,
	.button-primary:hover,
	.button-primary:focus,
	#colophon .nav > li > a:hover,
	#colophon .nav > li > a:focus,
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.open > .dropdown-toggle.btn-primary,
	.nav > li > a:focus,
	.nav > li > a:hover,
	.pager li > a:hover,
	.pager li > a:focus,
	#header-widget-area .button-primary,
	.mark,
	mark {
		background: $palette-primary_2;
		color: $text-contrast-palette-primary_2;
	}	
	.current_page_item a,
	.site-header .widget.well li > a:hover {
		color: $text-contrast-palette-primary_2;
	}
	a,
	i.fa,
	.site-footer a,
	#colophon li.menu-item > a,
	.site-header .widget.well a {
		color: $palette-primary_2;
	}
	.navbar-default .navbar-nav {
		> {
			.current-menu-parent > a {
				color: $palette-primary_2;
			}
			.active > a {
				color: $palette-primary_2;
				background: none;
				&:hover, &:focus {
					color: $palette-primary_2;
					background: none;
				}
			}
			li > a {
				&:hover, &:focus {
					color: $palette-primary_2;
					background: none;
				}
			}
		}
		.dropdown .dropdown-menu > {
			.active > a {
				background: $palette-primary_2;
				color: $text-contrast-palette-primary_2;
				&:hover, &:focus {
					background: $palette-primary_2;
					color: $text-contrast-palette-primary_2;
				}
			}
			li > a {
				color: $text-contrast-palette-primary_1;
				&:hover, &:focus {
					background: $palette-primary_2;
					color: $text-contrast-palette-primary_2;
				}
			}
		}
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: $palette-primary_2;
	}
	#header-widget-area .button-primary:hover,
	#header-widget-area .button-primary:focus {
		background: none;
		border: 1px solid $palette-primary_2;
		color: $text-contrast-palette-primary_4;
	}
	.panel-default > .panel-heading,
	.navbar-default .navbar-toggle {
		border-color: $palette-primary_2;
	}
	.mod-beta-1 p {
		border: 2px solid $palette-primary_2;
	}
	.mod-beta-1 p::before {
		border-color: $palette-primary_2 transparent;
	}
	.mod-gamma-2 {
		background: $palette-primary_2;
		h2 {
			color: $text-contrast-palette-primary_2;
		}
	}
	@media only screen and (min-width: 992px) {
		.mod-beta-1 p::before {
			border-color: transparent $palette-primary_2;
		}
	}

	/*-----------------------------------------------
	## 3
	-----------------------------------------------*/
	h1,
	h2,
	h3,
	h4,
	.widget-title,
	.entry-title,
	.page-title,
	#reply-title,
	.mod-beta-2 h5,
	.comments-title,
	.mod-alpha h5,
	.mod-alpha i.fa,
	#secondary table th,
	.comment-reply-title {
		color: $palette-primary_3;
	}
	#reviews #comments ol.commentlist li .comment-text,
	.alert-message .btn.button-primary {
		border: 1px solid $palette-primary_3;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background: $palette-primary_3;
	}
	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar {
		background: $text-contrast-palette-primary_3;
	}	

	/*-----------------------------------------------
	## 4
	-----------------------------------------------*/
	.imhwpb-bg-2 {
		background: $palette-primary_4;
		color: $text-contrast-palette-primary_4;
	}
	.site-header .widget.well,
	.calendar_wrap caption,
	.site-header .widget.well a:hover {
		color: $text-contrast-palette-primary_4; 
	}

	/*-----------------------------------------------
	## Neutral
	-----------------------------------------------*/
	.page-bg,
	#boldgrid-sticky-push,
	#boldgrid-sticky-filler {
		background: $rgba_neutral;
		color: $text-contrast-palette-primary-neutral-color;
	}
	.imhwpb-bg-1,
	.site-footer,
	.mod-beta-1 p,
	#colophon .well,
	.panel,
	.panel-default > .panel-heading,
	.panel-footer {
		background: $palette-primary-neutral-color;
		color: $text-contrast-palette-primary-neutral-color;
	}
	a:hover,
	a:focus,
	.entry-meta,
	.mod-gamma-2,
	.imhwpb-bg-1 p,
	.mod-blockquote p,
	.site-footer p,
	.entry-title,
	.site-description,
	#menu-social li a:hover,
	#menu-social li a:hover i,
	.sidebar .current_page_item a,
	#colophon li.current_page_item a,
	#secondary .table > tbody > tr td,
	#reviews #comments ol.commentlist li .meta {
		color: $text-contrast-palette-primary-neutral-color;
	}
	.mod-blockquote,
	blockquote {
		border-left: 3px solid $text-contrast-palette-primary-neutral-color;
	}
	#colophon .well {
		border-color: $text-contrast-palette-primary-neutral-color;
	}
	.mod-beta-1 p:after {
		border-color: $palette-primary-neutral-color transparent;
	}
	.pager li > a {
		border: 1px solid $text-contrast-palette-primary-neutral-color;
	}
	@media only screen and (min-width: 992px) {
		.mod-beta-1 p:after {
			border-color: transparent $palette-primary-neutral-color;
		}
	}

	/*-----------------------------------------------
	## Et Cetera
	-----------------------------------------------*/
	/* Dropdown Child */
	.navbar-default .navbar-nav > li.dropdown:hover > a {
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
	}
	.page-bg {
		background: rgba(0, 0, 0, .60);
	}

	/*-----------------------------------------------
	## Gamma Module
	-----------------------------------------------*/
	.mod-gamma-2 h6,
	.mod-gamma-2 p {
		color: $text-contrast-palette-primary_2;
	}

	/** Site Title **/
	.slogan {
		color: #fff;
	}
	&.search,
	&.single,
	&.archive,
	&.blog,
	&.error404 {
		.site-content {
			background: $rgba_neutral;
			color: $text-contrast-palette-primary-neutral-color;
		}
	}
	&.error404 .list-group-item {
		border: 1px $palette-primary_2 solid;
		background: $rgba_neutral;
	}

	/*-----------------------------------------------
	## WooCommerce
	-----------------------------------------------*/
	&.woocommerce .color1-color,
	&.woocommerce-page .color1-color {
		color: $palette-primary_2 !important;
	}
	&.woocommerce-page .color-1-text-contrast-hover:hover,
	&.woocommerce-page .color-1-text-contrast-hover:focus {
		color: $text-contrast-palette-primary_1 !important;
	}
	&.woocommerce div.product span.price {
		color: $palette-primary_2;
	}
	&.woocommerce div.product .stock {
		color: $text-contrast-palette-primary-neutral-color;
	}
}

.palette-primary.mce-content-body {
	background: $palette-primary-neutral-color;
	color: $text-contrast-palette-primary-neutral-color;
}
/** edit link only on home page **/
body.palette-primary.page-template-default .hentry {
	background: $rgba_neutral;
}
/** disabled footer transparent on inside pages **/
body.palette-primary.page-template-default.disabled-footer .site-footer {
	background: $rgba_neutral;
}