/*************************************************************
[TABLE OF CONTENTS]

1. Header bar / #header-bar
2. Logo / .site-logo-wrapper
3. Menu buttons wrapper / .jumbo-buttons-wrapper
4. Menu button / .jumbo-menu-button
5. Secondary menu button / .jumbo-secondary-menu-button
6. Main menu / .jumbo-main-menu-wrapper
7. Accordion menu / .jumbo-by-bonfire-secondary
----- Sub-menu / .jumbo-by-bonfire-secondary .sub-menu
8. User Gravatar / .jumbo-gravatar-wrapper
9. Header author info boxes
10. Search form + featured story button + Canvas slide button / #jumbo-search-featured-canvas-wrapper
----- Search field / .jumbo-search-wrapper
----- Featured story button / .jumbo-featured-story-button
----- Canvas button / .smash-slideout-button
11. Featured story slideout
12. Canvas slideout
13. Widgets
14. Responsive design adjustments
15. WordPress toolbar
*************************************************************/


/* HEADER BAR
**************************************************/
#header-bar {
	position:fixed;
	width:100%;
	height:62px;
	background-color:#fff;
	z-index:999999;
	top:0;
	
	-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
}

/* LOGO
**************************************************/
.site-logo-wrapper {
	width:100%;
	text-align:center;
	position:fixed;
	top:0;
	z-index:9999998;
	height:62px;
}
.site-logo, .site-logo a {
	font-size:15px;
	line-height:15px;
	letter-spacing:0.35em;
	font-family:'Montserrat';
	font-weight:700;
	color:#B9C0C7;
	margin-top:24px;
	
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	transition: all .35s ease;
}
.site-logo a:hover {
	text-decoration:none;
	color:#7F8892;
}

/* if image is used as logo */
.site-logo-image {
	padding:12px 0 0 0;
	z-index:10;
}
.site-logo-image img {
	width:auto;
	max-height:38px;
}


/* MENU BUTTONS WRAPPER
******************/
.jumbo-buttons-wrapper {
	height:62px;
	position:relative;
	z-index:9999999;
    max-width: 270px;
}


/* MENU BUTTON
******************/
.jumbo-menu-button {
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	background-color:#E73213;
	float:left;
	width:72px;
	height:62px;
	text-decoration:none;
	cursor:pointer;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.jumbo-menu-button:hover {
	background-color:#FB4627;
}
.jumbo-menu-button i {
	margin:18px 0 0 23px;
	/* webkit top margin */
	-webkit-margin-before:19px;
	font-size:28px;
	color:#fff;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}


/* SECONDARY MENU BUTTON
******************/
.jumbo-secondary-menu-button {
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	background-color:#E73213;
	border-left:1px solid #FB4627;
	float:left;
	width:27px;
	height:62px;
	text-decoration:none;
	cursor:pointer;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.jumbo-secondary-menu-button:hover {
	background-color:#FB4627;
}
.jumbo-secondary-menu-button i {
	margin:24px 0 0 10px;
	/* webkit top margin */
	-webkit-margin-before:25px;
	font-size:12px;
	color:#fff;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}


/* MAIN MENU
**************************************************/
/* the main menu */
.jumbo-main-menu-wrapper {
	width:100%;
	height:100%;

	text-align:center;
	position:fixed;
	top:0;
	z-index:99998;
	
	/* set to 99.9% to get around Android's scroll-down mishap */
	-webkit-transform:translateY(-99.9%);
	-moz-transform:translateY(-99.9%);
	transform:translateY(-99.9%);
}
.jumbo-main-menu-wrapper-inner {
	width:100%;
	height:100%;
	overflow-y:auto;
}
.jumbo-main-menu-wrapper-inner-inner {
	width:100%;
	height:100%;
	display:table;
}
.jumbo-main-menu-wrapper-inner-inner .jumbo-by-bonfire {
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
}
.jumbo-main-menu-wrapper ul { margin:100px 60px 30px 60px; }
.jumbo-main-menu-wrapper li {
	list-style:none;
	margin:0 auto;
	height:115px;
}
.bonfire-jumbo-main-item {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	
	font-size:50px;
	line-height:67px;
	font-family:'Montserrat',arial,tahoma,verdana;
	font-weight:700;
	color:#fff;
	opacity:.25;
	
	-webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
}
.jumbo-main-menu-wrapper a, .jumbo-main-menu-wrapper a:hover { text-decoration:none; }
.jumbo-main-menu-wrapper a:hover .bonfire-jumbo-main-item {
	color:#fff;
	opacity:1;
}
.bonfire-jumbo-main-desc {
	font-family:'Montserrat',arial,tahoma,verdana;
	font-weight:400;
	letter-spacing:.19em;
	font-size:13px;
	color:#D8D5D5;
	opacity:.35;
	
	-webkit-transition:all .75s ease;
	-moz-transition:all .75s ease;
	transition:all .75s ease;
}
.jumbo-main-menu-wrapper a:hover .bonfire-jumbo-main-desc {
	opacity:1;
}
/* animation speeds */
.jumbo-by-bonfire-wrapper,
.jumbo-main-menu-wrapper,
.jumbo-background-image,
.jumbo-dot-overlay,
.jumbo-menu-active {
	-webkit-transition:-webkit-transform .8s ease;
	-moz-transition:-moz-transform .8s ease;
	transition:transform .8s ease;
}
/* overlay color */
.jumbo-by-bonfire-wrapper {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:9990;

	/* main menu background color */
	background-color:#000;
	
	/* set to 99.9% to get around Android's scroll-down mishap */
	-webkit-transform:translateY(-99.9%);
	-moz-transform:translateY(-99.9%);
	transform:translateY(-99.9%);
}
/* font size + li height on lower screens */
@media screen and (max-width: 650px) {
.bonfire-jumbo-main-item { font-size:25px; line-height:28px; }
.bonfire-jumbo-main-desc { font-size:11px; }
.jumbo-main-menu-wrapper li { height:70px; }
.jumbo-main-menu-wrapper ul { margin:0 15px; }
}
/* the background image */
.jumbo-background-image {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:99995;
	opacity:.3;
	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	
	/* set to 99.9% to get around Android's scroll-down mishap */
	-webkit-transform: translateY(-99.9%);
	-moz-transform: translateY(-99.9%);
	transform: translateY(-99.9%);
}
/* the dotted overlay */
.jumbo-dot-overlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:99997;
	opacity:.25;
	
	background-image:url(images/dot-overlay.png);
	background-repeat:repeat-both;
	
	/* set to 99.9% to get around Android's scroll-down mishap */
	-webkit-transform: translateY(-99.9%);
	-moz-transform: translateY(-99.9%);
	transform: translateY(-99.9%);
}
/* Retina display .jumbo-dot-overlay */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.jumbo-dot-overlay { background-size:10px 10px !important; background-image: url(images/dot-overlay@2x.png);}
}

/* activate main menu elements */
.jumbo-menu-active {	
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}


/* ACCORDION MENU
**************************************************/
/* accordion menu wrapper */
.jumbo-by-bonfire-secondary {
	width:180px;
	position:absolute;
	top:57px;
	left:-1000%;

	opacity:0;
	overflow:hidden;

	/* accordion menu background color */
	background-color:#fff;

	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;

	-webkit-transition: -webkit-transform .1s ease;
	-moz-transition: -moz-transform .1s ease;
	transition: transform .1s ease;
	
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
	
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.3);
}
/* accordion menu tooltip */
.jumbo-accordion-tooltip {
	margin:51px 0 0 16px;
	/* webkit margin */
	-webkit-margin-before:51px;
	position:absolute;
	z-index:99997;
	opacity:0;
	
	pointer-events:none;
	
	font-size:12px;
	color:#fff;
}
.jumbo-menu-active-secondary {
	opacity:1;
	left:18px;
	
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.jumbo-by-bonfire-secondary .menu {
	text-align:left;
	position:relative;
	margin:0;
	padding:0 !important;
}
.jumbo-by-bonfire-secondary .menu ul {
	list-style:none;
	padding:0;
}
.jumbo-by-bonfire-secondary .menu li {
	list-style:none;
	padding:0;
	margin:0;
	position:static;

	/* accordion menu item separators */
	border-top:1px solid #ECECEC;
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	transition: all .1s ease;
}
.jumbo-by-bonfire-secondary .menu li a:hover {
	/* accordion menu item backgrond hover color */
	background-color:#F9F9F9;
}
.jumbo-by-bonfire-secondary .menu li:first-child {
	border-top:none;
}

.jumbo-by-bonfire-secondary .menu a {
	padding:16px 0 16px 15px;
	/* webkit padding */
	-webkit-padding-before:17px;
	-webkit-padding-after:15px;
	margin:0;

	display:block;
	cursor:pointer;
	outline:none;
	
	/* top-level menu font */
	font-family:'Montserrat',arial,tahoma,verdana;
	font-weight:400;
	font-size:11px;
	color:#65696C;
	text-decoration:none;
	letter-spacing:0;

	/* remove the flickering effect of a tapped link/button when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.jumbo-by-bonfire-secondary .menu a:hover, .jumbo-by-bonfire-secondary .menu a:active {
	color:#111;
	text-decoration:none;
}
.jumbo-by-bonfire-secondary .menu a i {
	margin-left:-5px;
	margin-right:5px;
	display:inline-block;
	width:20px;
	text-align:center;
	font-size:12px;
}


/*
Expand arrow
**************************************************/
/* menu closed (arrow down) */
.jumbo-by-bonfire-secondary .menu-item-has-children:before {
	font-family:FontAwesome;
	font-size:10px;
	content:'\f078';
	float:right;
	margin:17px 12px 0 0;
	cursor:pointer;
	pointer-events:none;
	
	position:relative;
	z-index:999999;
	
	/* expand arrow down color */
	color:#ccc;
}


/*
Sub-menu
**************************************************/
/* sub-menu wrapper */
.jumbo-by-bonfire-secondary .sub-menu {
	position:static;
	width:100%;
	margin:0;
	padding:0;
	text-transform:none;

	/* sub-menu background color*/
	background:#F9F9F9;
}
.jumbo-by-bonfire-secondary .sub-menu ul {
	list-style:none;
	position:static;
	margin:0;
	padding:0;
}
.jumbo-by-bonfire-secondary .sub-menu li {
	list-style:none;
	margin:0;
	padding:0;
	float:none;
	border:none;
}
/* show sub-menu item separator + add top padding to sub-menu's first item */
.jumbo-by-bonfire-secondary .sub-menu li:first-child {
	border-top:1px solid #ECECEC;
	padding-top:7px;
}
/* add bottom padding to sub-menu's last item */
.jumbo-by-bonfire-secondary .sub-menu li:last-child {
	padding-bottom:5px;
}
/* sub-menu item */
.jumbo-by-bonfire-secondary .sub-menu a {
	padding:5px 0 7px 15px;
	display:block;
	border-bottom: none;
	line-height:22px;
	outline:none;

	/* sub-menu item color */
	color:#A4ABB0;
}
/* sub-menu item hover */
.jumbo-by-bonfire-secondary .sub-menu a:hover {
	text-decoration:none;

	/* sub-menu item hover color */
	color:#65696C;
}
/* no background hover on sub-menu */
.jumbo-by-bonfire-secondary .sub-menu li a:hover {
	background:none !important;
}


/* USER GRAVATAR
**************************************************/
.jumbo-gravatar-wrapper,
.jumbo-gravatar-wrapper a {
	width:90px;
	height:62px;
	cursor:pointer;
	float:left;
	padding:0;
	overflow:hidden;
}
.smash-gravatar-image {
	float:left;
	
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	transition: all .75s ease;
}
.smash-gravatar-image-active { opacity:.2; }
.smash-gravatar-image-wrapper { float:left; width:62px; height:62px; background-color:#101317; }
.smash-gravatar-arrow {
	position:relative;
	top:22px;
	left:10px;
	font-size:16px;
	color:#92989B;
}
.gravatar-wrapper .smash-gravatar-arrow i {
	opacity:.4;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.gravatar-wrapper:hover .smash-gravatar-arrow i {
	opacity:1
}

/* HEADER AUTHOR INFO BOXES
**************************************************/
.header-author-top {
	width:301px;
	height:77px;
	padding:5px;
	background-color:#E73213;
	position:fixed;
	top:62px;

	z-index:999998;
	opacity:.97;
	visibility:hidden;
	overflow:hidden;
    left:72px;
    
	-webkit-transition: all .65s ease;
	-moz-transition: all .65s ease;
	transition: all .65s ease;

	-webkit-transform: translateY(-87px);
	-moz-transform: translateY(-87px);
	transform: translateY(-87px);
}
.header-author-bottom {
	width:297px;
	height:31px;
	padding:9px 0 0 14px;
	background-color:#22282E;
	position:fixed;
	top:149px;
	left:72px;
	z-index:999997;
	opacity:.97;
	visibility:hidden;

	-webkit-transition: all .65s ease;
	-moz-transition: all .65s ease;
	transition: all .65s ease;

	-webkit-transform: translateY(-127px);
	-moz-transform: translateY(-127px);
	transform: translateY(-127px);
}
.header-author-no-secondary { left:72px; }
.header-author-top-active,
.header-author-bottom-active {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
	left: 72px;
	visibility:visible;
}
/* if WordPress toolbar is active */
.author-top-toolbar-active { top:94px; }
.author-bottom-toolbar-active { top:181px; }

.info-author-desc {
	font-family:'Roboto Condensed';
	font-size:13px;
	line-height:15px;
	font-weight:400;
	color:#fff;
	padding-right:15px;
	opacity:.85;

	position:absolute;
	top:13px;
	left:94px;
}
.author-profile-link {
	font-family:'Roboto Condensed';
	font-size:12px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	opacity:0;
	
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	transition: all .8s ease;
}
.author-profile-link:hover {
	text-decoration:none;
	opacity:.9;
}
.author-profile-link-active {
	opacity:.6;
}
.jumbo-gravatar-image {
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	transition: all .75s ease !important;
}
.jumbo-gravatar-image-active {
	opacity:.2;
}
.jumbo-gravatar-image-wrapper { background-color:#101317; }
.jumbo-gravatar-arrow {
	position:relative;
	top:22px;
	left:10px;
	font-size:16px;
	color:#92989B;
}
.jumbo-gravatar-wrapper .jumbo-gravatar-arrow i {
	opacity:.4;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.jumbo-gravatar-wrapper:hover .jumbo-gravatar-arrow i {
	opacity:1;
}

/* SEARCH FORM + FEATURED STORY BUTTON + CANVAS SLIDE BUTTON
**************************************************/
/* wrapper */
#jumbo-search-featured-canvas-wrapper {
	float:right;
	position:relative;
	right:17px;
	height:49px;
	z-index:9999999;
	padding:14px 0 0 0;
}
/* search field wrapper */
.jumbo-search-wrapper {
	padding:0 5px;
	margin-right:6px;
	border-right:1px solid #DFE4E7;
	display:inline-block;
	
	-webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
}
/* searchform input */
.jumbo-search-wrapper input {
	width:142px;
	font-family:'Montserrat';
	font-weight:700;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;

	padding:12px 12px 9px 5px;
	border:0;
	background:none;
	color:#8F979A;
	
	-webkit-transition:all .15s ease;
	-moz-transition:all .15s ease;
	transition:all .15s ease;
}
/* featured story button */
.jumbo-featured-story-button {
	display:inline-block;
	cursor:pointer;
	padding:0 12px 10px 10px;
}
.jumbo-featured-story-button i {
	font-size:22px;
	color:#AEB3B6;
	position:relative;
	top:3px;
	
	-webkit-transition:all .35s ease;
	-moz-transition:all .35s ease;
	transition:all .35s ease;
}
.jumbo-featured-story-button:hover i {
	color:#676B6F;
}
/* featured story tip */
.featured-story-tip {
	position:fixed;
	top:49px;
	
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
	
	-webkit-transform:translateY(-7px);
	-moz-transform:translateY(-7px);
	transform:translateY(-7px);
}
.featured-story-tip i,
.featured-story-tip i:hover {
	color:#fff !important;
}
.featured-story-tip-active {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}
/* the featured story tooltip */
.jumbo-featured-story-tooltip {
	position:fixed;
	top:-200px;
	margin-left:3px;
	opacity:0;
	
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	transform:translateY(-5px);
	
	-webkit-transition:-webkit-transform .35s ease, opacity .35s ease;
	-moz-transition:-moz-transform .35s ease, opacity .35s ease;
	transition:transform .35s ease, opacity .35s ease;
}
.jumbo-featured-story-tooltip i {
	-webkit-margin-before:4px;
	font-size:13px;
	color:#18CDEC !important;
}
.jumbo-featured-story-tooltip-active {
	opacity:1;
	top:55px;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}
.jumbo-featured-story-tooltip-text {
	position:fixed;
	top:-200px;
	right:20px;
	background-color:#18CDEC;
	padding:7px 12px 7px 12px;
	
	opacity:0;
	
	font-family:'Montserrat';
	font-weight:700;
	font-size:10px;
	color:#fff;
	
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	transform:translateY(-5px);
	
	-webkit-transition:-webkit-transform .35s ease, opacity .35s ease;
	-moz-transition:-moz-transform .35s ease, opacity .35s ease;
	transition:transform .35s ease, opacity .35s ease;
}
.jumbo-featured-story-tooltip-text-active {
	opacity:1;
	top:71px;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}
/* Canvas button */
.smash-slideout-button {
	font-size:22px;
	color:#AEB3B6;
	text-decoration:none !important;
	margin-top:2px;
	padding:0 10px 10px 8px;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	transition: all .35s ease;
}
.smash-slideout-button:hover {
	color:#676B6F;
}
.smash-slideout-button i {
	position:relative;
	top:2px;
}
.pointer-events-none {
	pointer-events:none;
}
/* the canvas tooltip */
.jumbo-canvas-tooltip {
	position:fixed;
	top:-200px;
	margin-left:6px;
	opacity:0;
	
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	transform:translateY(-5px);
	
	-webkit-transition:-webkit-transform .35s ease, opacity .35s ease;
	-moz-transition:-moz-transform .35s ease, opacity .35s ease;
	transition:transform .35s ease, opacity .35s ease;
}
.jumbo-canvas-tooltip i {
	font-size:13px;
	color:#18CDEC;
}
.jumbo-canvas-tooltip-text {
	position:fixed;
	top:-200px;
	right:10px;
	background-color:#18CDEC;
	padding:7px 12px 7px 12px;
	
	opacity:0;
	
	font-family:'Montserrat';
	font-weight:700;
	font-size:10px;
	color:#fff;
	
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	transform:translateY(-5px);
	
	-webkit-transition:-webkit-transform .35s ease, opacity .35s ease;
	-moz-transition:-moz-transform .35s ease, opacity .35s ease;
	transition:transform .35s ease, opacity .35s ease;
}
.jumbo-canvas-tooltip-active {
	opacity:1;
	top:51px;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}
.jumbo-canvas-tooltip-text-active {
	opacity:1;
	top:71px;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}

/* searchform placeholder */
#searchform input::-webkit-input-placeholder { color:#C6CDD1 !important; }
#searchform input:-moz-placeholder { color:#C6CDD1 !important; }
#searchform input::-moz-placeholder { color:#C6CDD1 !important; }
#searchform input:-ms-input-placeholder { color:#C6CDD1 !important; }


/* FEATURED STORY SLIDEOUT
**************************************************/
/* the image */
.featured-story-image {
	width:160px;
	height:125px;

	position:fixed;
	z-index:999998;
	top:-100%;
	right:17px;
	
	background-color:#555;
	
	-webkit-transition:-webkit-transform .5s ease;
	-moz-transition:-moz-transform .5s ease;
	transition:transform .5s ease;
	
	-webkit-transform:translateY(-165px);
	-moz-transform:translateY(-165px);
	transform:translateY(-165px);
    
    
    opacity:0;
}
.featured-story-image-active {
	top:62px;
    
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
	
	-webkit-transition:-webkit-transform .5s ease;
	-moz-transition:-moz-transform .5s ease;
	transition:transform .5s ease;
}
.featured-story-image-active-slide {
	-webkit-transform:translateX(-160px);
	-moz-transform:translateX(-160px);
	transform:translateX(-160px);
	
	-webkit-transition:-webkit-transform 1s ease !important;
	-moz-transition:-moz-transform 1s ease;
	transition:-moz-transform 1s ease ;
}
/* the content */
.featured-story-content {
	width:160px;
	height:125px;
	background-color:#FFC11C;
	position:fixed;
	z-index:999997;
	top:-100%;
	right:17px;
	opacity:0;
	-webkit-transition:-webkit-transform .5s ease;
	-moz-transition:-moz-transform .5s ease;
	transition:transform .5s ease;
	
	-webkit-transform:translateY(-165px);
	-moz-transform:translateY(-165px);
	transform:translateY(-165px);
	
	display:table;
}
.featured-story-content-active {
	top:62px;
	
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}
/* featured post title */
.featured-post-title {
	font-family:'Montserrat';
	font-weight:700;
	font-size:13px;
	line-height:15px;
	letter-spacing:0em;
	text-transform:uppercase;
	color:#fff;
	
	padding:0 10px 15px 15px;
	
	display:table-cell;
	vertical-align:bottom;
	
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
	
	-webkit-transform:scale(.75);
	-moz-transform:scale(.75);
	transform:scale(.75);
}
.featured-post-title-active {	
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}
/* featured post label */
.featured-post-label {
	font-family:'Montserrat';
	font-weight:700;
	font-size:11px;
	letter-spacing:0.1em;
	color:#B28714;
	padding-bottom:1px;
}


/* CANVAS SLIDEOUT
**************************************************/
.smash-slideout {
	position:fixed;
	overflow:auto;
	bottom:0;
	background-color:#080C10;
	width:100% !important;
	height:100% !important;
	z-index:25;
	
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
	
	-webkit-transition: -webkit-transform .8s ease, left 0s ease;
	-moz-transition: -moz-transform .8s ease, left 0s ease;
	transition: transform .8s ease, left 0s ease;
	
	-webkit-overflow-scrolling: touch;
}
.smash-slideout-inner {
	width:100%;
	height:100%;
	overflow:auto;
}
.smash-slideout-inner-inner {
	padding:90px 110px 0 110px;
}
.smash-slideout-active {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
.smash-slideout-content, .smash-slideout-content p {
	margin:0 auto;
	font-size:22px;
	line-height:30px;
}


/* WIDGETS
**************************************************/
.smash-canvas-widgets-wrapper {
	max-width:100%;
	margin:0 auto 0 0;
	text-align:left;
}
.smash-canvas-widgets-wrapper-inner {
	margin:0 auto 0 0;
	text-align:left;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.smash-canvas-widgets-1-column .widget, .smash-canvas-widgets-2-columns .widget, .smash-canvas-widgets-3-columns .widget {
	margin-bottom:20px;
	padding-left:0;
	background:none;
	text-align:left;
}
.smash-canvas-widgets-1-column .widget {
	width:100%;
	display:inline-block;
}
.smash-canvas-widgets-2-columns .widget {
	width:48%;
	display:inline-block;
	vertical-align:top;
}
.smash-canvas-widgets-3-columns .widget {
	width:31.5%;
	display:inline-block;
	vertical-align:top;
}
/* clear after widgets columns */
.clear {
	clear:both;
}


/* RESPONSIVE DESIGN ADJUSTMENTS
**************************************************/
/* MAX-WIDTH 900px */
@media screen and (max-width: 900px) {
	.smash-slideout-inner-inner { padding:70px 40px 0 40px; }
	.smash-slideout-content, .smash-slideout-content p {
		margin:0 auto;
		font-size:20px;
		line-height:27px;
	}
	/* widgets */
	.smash-canvas-widgets-3-columns .widget { width:48%; }
}

/* MAX-WIDTH 650px */
@media screen and (max-width: 650px) {
	.smash-slideout-inner-inner { padding:60px 20px 0 20px; }
	.smash-slideout-content, .smash-slideout-content p { font-size:18px; }
	/* widgets */
	.smash-canvas-widgets-2-columns .widget, .smash-canvas-widgets-3-columns .widget { width:100%; }
}

/* HIDE LOGO + SEARCH (MAX-WIDTH 650px) */
@media screen and (max-width: 650px) {
	.site-logo-wrapper, .jumbo-search-wrapper { display:none; }
}

/* HEADER AUTHOR BOXES + FEATURED STORY (MAX-WIDTH 425px) */
@media screen and (max-width: 425px) {
	.header-author-top, .header-author-bottom { width:100%;  }
	.featured-story-image, .featured-story-content { right:0; }
}


/* WORDPRESS TOOLBAR (IF WORDPRESS TOOLBAR ACTIVE, PUSH HEADER ELEMENTS DOWN A BIT)
**************************************************/
.header-bar-toolbar-active { margin-top:32px; }
/* for the thicker, mobile admin bar */
@media screen and (max-width: 782px) {
.header-bar-toolbar-active { margin-top:46px; }
}
/* if WordPress amin bar active, keep it above everything else */
#wpadminbar { z-index:9999999999999999999999999999; }


.jumbo-secondary-menu-button{
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   background-color: #E73213;
   float: left;
   width: 72px;
   height: 62px;
   text-decoration: none;
   cursor: pointer;
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
   transition: all .25s ease;
}

.jumbo-secondary-menu-button i{
  margin: 18px 0 0 23px;
  -webkit-margin-before: 19px;
  font-size: 28px;
  color: #fff;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease; 
}

.jumbo-secondary-menu-button .fa-sort-down:before{content: "\f0c9";}