/*
Theme Name: Ottawa Fringe October 2017 version
Author: Northern Army
Author URI: http://northernarmy.com
Description: The single greatest Wordpress theme of all time.
Version: 3.0
Tags: fun, exciting, wonderful, fantastic, amazing, lovely
*/


/* HTML5 Display Definitions
---------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }

/* Base
---------------------------------------------------------------------------- */
html { font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { overflow-x: hidden; }
body { margin: 0; }

/* Links
---------------------------------------------------------------------------- */
a { text-decoration: none; background: transparent; }
a:focus { outline: none; }
a:active, a:hover { outline: 0; }

/* Typography
---------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; font-size: 10px; font-weight: 400; font-style: normal; line-height: 1; }
abbr[title] { border-bottom: 1px dotted; }
address { font-style: normal; }
b, strong { font-weight: bold; }
blockquote { margin: 0; }
dfn { font-style: italic; }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; height: 1px; border: 0; padding: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 10px; }
pre { overflow: auto; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Lists
---------------------------------------------------------------------------- */
ul, ol { list-style: none; }
nav ul, nav ol { list-style-image: none; }

/* Embedded Content
---------------------------------------------------------------------------- */
img { max-width: 100%; height: auto; border: 0; }
audio, canvas, img, svg, video { display: block; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* Figures
---------------------------------------------------------------------------- */
figure { margin: 0; }

/* Forms
---------------------------------------------------------------------------- */
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button:focus { outline: none }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
button, input, textarea { -webkit-appearance: none; border: 0; -webkit-border-radius: 0; border-radius: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="tel"] { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { margin: 0; padding: 0; border: 0; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
textarea { overflow: auto; vertical-align: top; resize: vertical; min-height: 120px; min-height: 12rem; max-height: 320px; max-height: 32rem; }
input:focus, select:focus, textarea:focus { outline: none; }
input:focus, input:required, input:invalid, textarea:focus, textarea:required, textarea:invalid { -webkit-box-shadow: none; box-shadow: none; }
::-moz-placeholder { opacity: 1 !important; }

/* Tables
---------------------------------------------------------------------------- */
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }


/* ==|== non-semantic helper classes ==========================================
   ========================================================================= */

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { clip: rect(0 0 0 0); overflow: hidden; position: absolute; margin: -1px; margin: -0.1rem; padding: 0; width: 1px; width: 0.1rem; height: 1px; height: 0.1rem; border: 0; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; overflow: visible; position: static; margin: 0; width: auto; height: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* Horizontal and vertical centering */
.outer-balance { display: table; overflow: hidden; width: 100%; height: 100%; }
.inner-balance { display: table-cell; vertical-align: middle; margin: 0 auto; width: 100%; text-align: center; }

/* Truncate text */
.truncate { padding-bottom: 0.2em; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }


/* ==|== narmy font ==========================================================
   AUTHOR: Rene Antunes
   ========================================================================= */

/* LICENSE
 *
 * The Narmy webfont is property of Northern Army.
 *
 * Creation of the webfont was achieved using Icomoon's awesome HTML5 web app.
 * Much thanks to Icomoon for the awesome resource. Check them out:
 * http://icomoon.io/
 *
*/

/* Narmy Styles
---------------------------------------------------------------------------- */
@font-face {
	font-family: 'fringe';
	src:url('assets/fonts/fringe.eot?f1ztgd');
	src:url('assets/fonts/fringe.eot?#iefixf1ztgd') format('embedded-opentype'),
		url('assets/fonts/fringe.woff?f1ztgd') format('woff'),
		url('assets/fonts/fringe.ttf?f1ztgd') format('truetype'),
		url('assets/fonts/fringe.svg?f1ztgd#fringe') format('svg');
	font-weight: normal;
	font-style: normal;
}
i[data-icon]:before {
	font-family: 'fringe';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
i[data-icon="tri_eq-up"]:before {
	content: "\e600";
}
i[data-icon="tri_eq-right"]:before {
	content: "\e601";
}
i[data-icon="tri_eq-down"]:before {
	content: "\e602";
}
i[data-icon="tri_eq-left"]:before {
	content: "\e603";
}
i[data-icon="tri_block-up"]:before {
	content: "\e604";
}
i[data-icon="tri_block-right"]:before {
	content: "\e605";
}
i[data-icon="tri_block-down"]:before {
	content: "\e606";
}
i[data-icon="tri_block-left"]:before {
	content: "\e607";
}
i[data-icon="social_facebook"]:before {
	content: "\e608";
}
i[data-icon="social_twitter"]:before {
	content: "\e609";
}
i[data-icon="social_gplus"]:before {
	content: "\e60a";
}
i[data-icon="social_youtube"]:before {
	content: "\e60b";
}
i[data-icon="social_rss"]:before {
	content: "\e60c";
}
i[data-icon="ui_menu2"]:before {
	content: "\e60d";
}
i[data-icon="ui_search"]:before {
	content: "\e60e";
}
i[data-icon="ui_mail1"]:before {
	content: "\e60f";
}
i[data-icon="ui_alert2"]:before {
	content: "\e610";
}
i[data-icon="ui_checkmark"]:before {
	content: "\e611";
}
i[data-icon="misc_circle"]:before {
	content: "\e612";
}
i[data-icon="misc_speech3-right"]:before {
	content: "\e613";
}


/* ==|== easydropdown =========================================================
   AUTHOR: Patrick Kunka
   ========================================================================= */

/* jQuery EasyDropDown v2.1.4
 * http://patrickkunka.github.io/easydropdown/
 *
 * Copyright 2013 Patrick Kunka, All Rights Reserved
 * License: Creative Commons Attribution 3.0 Unported - CC BY 3.0
 * http://creativecommons.org/licenses/by/3.0/
*/

/* EasyDropDown Custom Theme
---------------------------------------------------------------------------- */
/* --- Prefixed CSS --- */
div.easy-dropdown,
div.easy-dropdown div,
div.easy-dropdown li,
div.easy-dropdown span.selected,
div.easy-dropdown div:after,
div.easy-dropdown span.carat {
/*
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
			backface-visibility: hidden;
*/
	-webkit-transition: all 0.18s ease-in-out;
	   -moz-transition: all 0.18s ease-in-out;
		-ms-transition: all 0.18s ease-in-out;
			transition: all 0.18s ease-in-out;
}
div.easy-dropdown span.selected:after,
div.easy-dropdown.scrollable div:after {
	-webkit-pointer-events: none;
	   -moz-pointer-events: none;
		-ms-pointer-events: none;
			pointer-events: none;
}
/* --- Wrapper --- */
div.easy-dropdown {
	cursor: pointer;
	position: relative;
	width: 100%;
		height: 39px;
	height: 3.9rem;
	text-align: left;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-user-select: none;
	   -moz-user-select: none;
			user-select: none;
}
div.easy-dropdown.disabled {
	opacity: 0.2;
	border-color: #282828;
}
div.easy-dropdown.focus {
	border-color: #ee4840;
}
div.easy-dropdown.open {
	z-index: 2;
	border-color: #3e3e3e;
}
div.easy-dropdown:hover {
	border-color: #3e3e3e;
}
div.easy-dropdown:active {
	border-color: #282828;
}
/* --- Carat --- */
div.easy-dropdown span.carat {
	display: block;
	position: absolute;
		top: -1px;
	top: -0.1rem;
		right: -1px;
	right: -0.1rem;
		width: 39px;
	width: 3.9rem;
		height: 39px;
	height: 3.9rem;
	background-color: #ff5a52;
	background-image: url('assets/img/main/icon_tri-down.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.6rem 0.8rem;
}
/* + states + */
div.easy-dropdown.disabled span.carat {
	background-color: #3e3e3e;
}
div.easy-dropdown.focus span.carat {
	background-color: #ee4840;
}
div.easy-dropdown.open span.carat {
	background-image: url('assets/img/main/icon_tri-up.svg');
	background-color: #3e3e3e;
}
div.easy-dropdown:hover span.carat {
	background-color: #3e3e3e;
}
div.easy-dropdown:active span.carat {
	background-color: #282828;
}
/* --- Selected Feedback Item --- */
div.easy-dropdown li,
div.easy-dropdown span.selected {
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
}
div.easy-dropdown span.selected {
	display: block;
		padding: 12px 10px 0 10px;
	padding: 1.2rem 1rem 0 1rem;
		font-size: 16px;
	font-size: 1.6rem;
	color: #3e3e3e;
}
div.easy-dropdown span.selected:after {
	content: '';
	position: absolute;
		right: 32px;
	right: 3.2rem;
	top: 0;
	bottom: 0;
		width: 32px;
	width: 3.2rem;
	box-shadow: inset -48px 0 28px -16px #fff;
}
/* + states + */
div.easy-dropdown.disabled span.selected {
	color: #3e3e3e;
}
/*
div.easy-dropdown.focus span.selected {
	color: #ee4840;
}
*/
div.easy-dropdown.open span.selected {
	color: #3e3e3e;
}
div.easy-dropdown:hover span.selected {
	color: #3e3e3e;
}
div.easy-dropdown:active span.selected {
	color: #282828;
}
/* --- Dropdown Wrapper --- */
div.easy-dropdown div {
	position: absolute;
	top: 100%;
		right: -1px;
	right: -0.1rem;
		left: -1px;
	left: -0.1rem;
	height: 0;
	background: #3e3e3e;
	overflow: hidden;
	opacity: 0;
}
/* Height is adjusted by JS on open */
div.easy-dropdown.open div {
	opacity: 1;
	z-index: 2;
}
/* --- Fade Overlay for Scrolling Lists --- */
div.easy-dropdown.scrollable div:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	box-shadow: inset 0 -50px 30px -35px #3e3e3e;
}
div.easy-dropdown.scrollable.bottom div:after {
	opacity: 0;
}
/* --- Dropdown List --- */
div.easy-dropdown ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
div.easy-dropdown.scrollable.open ul {
	overflow-y: auto;
}
/* --- Dropdown List Items --- */
div.easy-dropdown li {
		padding: 14px 10px 11px 10px;
	padding: 1.4rem 1rem 1.1rem 1rem;
		font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
}
/* .focus class is also added on hover */
div.easy-dropdown li.focus {
	position: relative;
/*
	z-index: 3;
*/
	background: #282828;
}
div.easy-dropdown li.active {
	background: #303030;
}
/* --- Original Select (hidden) --- */
div.easy-dropdown .old {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
div.easy-dropdown select {
	position: absolute;
	left: 0;
	top: 0;
}
div.easy-dropdown.touch .old {
	width: 100%;
	height: 100%;
}
div.easy-dropdown.touch select {
	width: 100%;
	height: 100%;
	opacity: 0;
}
.error {
	color: #aa2222;
	font-weight: bold;
}
.main-articles article div.the-content ul.cart-errors li {
	color: #aa2222;
	font-weight: bold;
}
pre.DEBUG_VAR {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 3px;
	margin: 5px;
}


/* ==|== flexslider 2 =========================================================
   AUTHOR: Patrick Kunka
   ========================================================================= */

/* jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
*/

/* Browser Resets
---------------------------------------------------------------------------- */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* Icon Fonts
---------------------------------------------------------------------------- */
/*
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

/* FlexSlider Necessary Styles
---------------------------------------------------------------------------- */
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }

/* --- Clearfix for the .slides element --- */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* --- No JavaScript Fallback --- */
/*
.no-js .slides > li:first-child { display: block; }
*/

/* FlexSlider Default Theme
---------------------------------------------------------------------------- */
.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* --- Direction Nav --- */
/*
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
*/

/* --- Pause / Play --- */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* --- Control Nav --- */
/*
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
*/

/*
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
*/

/*
@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
	.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
*/



@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}


/* Hide Shows by Type */

li.browse_list-parent.slide-link:last-child {
display:none;
}