@charset "UTF-8";
/* FFX SMH CSS TOP BANNER */

@import url('icons.min.css');
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300|Merriweather+Sans:400,300);

body{
	background: #fff;
}
a{
	color: #0078c8;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #065bb0;
	text-decoration: underline;
}

/* ########################################################################################################## */
/* ######################################## FAIRFAX TOP BANNER BELOW ######################################## */
/* ########################################################################################################## */
#ffx-top-header .site-branding.header-wrap{
	width: 940px;
	display: block;
	/*padding: 20px 0;*/
    padding-top: 20px;
	margin: 0 auto;
	text-align: left;
	letter-spacing: -0.31em;
	text-rendering: optimizespeed;
}
#ffx-secondary-menu{
	width: 940px;
	margin: 0 auto;
	padding: 0 0 0px 0;
}
#ffx-secondary-menu .menu-ffx-tertiary-menu-container{
	width: 100%;
}
#ffx-top-header .site-branding.header-wrap:after{
    clear: both;
    content: "";
    display: table;
}
.mobile-title, .long-list__toggle{
	display: none;
}
div#ffx-top-header {
	margin-bottom: 20px;
}
/* ######################################## HEADER LAYOUT ITEMS BELOW ######################################## */
.site-header {
    padding-top: 0;
    font: 1em / 1.5 Arial,Helvetica,sans-serif;
}
.site-branding{
	display:block;
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 20px;
}
.site-header-menu{
	margin: 0 auto;
	width: 940px;
}
.ffx-primary-menu{
	clear: both;
}
.header-wrap a:not(.btn) {
	color: #666;
}
.nav-wrap{
	padding: 20px 0 0px;
	width: 100%;
}
.main-navigation{
	margin: 0;
	position: relative; /* required for nov show/hide toggle */
	float:left; width:95%;
}
.main-navigation .menu-top-manu-container{
	overflow: hidden;
}
button.search {background: none; border: medium none; color: #7a797f;float: right;font-size: 1.4em; line-height:2em;padding: 2px 0; width: 5%;}
/*.home{ font-size:20px; background:url(../img/home_ico.jpg) no-repeat center center; width:25px; height:28px; display:inline-block; vertical-align:middle; }*/
ul.primary-menu li:hover{ background:#e1e2e3;}
.national{ color:#666; font-size:20px; font-weight:100; margin:0; font-family: 'Merriweather',Times,serif; font-weight: 100; line-height: 32px;}

.main-navigation ul{
	white-space: nowrap;
	overflow: hidden;
}

/* ######################################## MASTHEAD ELEMENTS BELOW ######################################## */


#navigation-toggle{
	display: none;
}
.logo--smh{
	background: url("../img/logos/fairfax-logos-smh.png") no-repeat top left;
	display: inline-block;
	width: 300px;
	height: 32px;
	background-size: 300px;
}

.header-wrap .beta-sign {
    margin-left: 8px;
    position: relative;
    top: 1px;
    background-size: 75%;
    vertical-align: middle;
}
.header-wrap .logo-wrap {
    float: left;
    margin-right: 20px;
    text-align: center;
    letter-spacing: -0.25em;
}
.beta-sign {
    padding: 2px 5px;
    background-color: #007cc3;
    font-size: 12px;
    line-height: 2;
    color: #fff;
    letter-spacing: normal;
    text-transform: uppercase;
	font-weight:bold;
}
.section-name {
    float: left;
    letter-spacing: normal;
    border-left: 1px solid #efeff4;
    padding-left: 20px;
    font-family: "merriweather",georgia,serif;
    text-decoration: none!important;
}
.section-name h2{
	font-weight: 300;
	font-size: 1.25em;
	margin:0;
	vertical-align:middle;
	line-height:30px;
	color:#78777a;
}

/* ######################################## NAV BLOCK ELEMENTS BELOW ######################################## */
.ffx-primary-menu,
.secondary-menu,
.secondary-menu .sub-menu,
.tertiary-menu{
	margin: 0;
	background: #efeff4;
	/*height: 2.5em;*/
	overflow: hidden;
}
.secondary-menu{
	background: #de2a33;
	height: 2.593em;
}
.tertiary-menu{
	background: #b22229;
}

/* ######################################## NAV LAYOUT ITEMS BELOW ######################################## */
.ffx-primary-menu .menu-item,
.secondary-menu .menu-item,
.secondary-menu .sub-menu .menu-item,
.tertiary-menu .menu-item {
	margin: 0;
}

/* ######################################## NAV LIST ITEMS LI BELOW ######################################## */
.ffx-primary-menu li,
.secondary-menu li,
.secondary-menu .sub-menu li,
.tertiary-menu li {
	box-sizing: border-box;
	vertical-align: top;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	text-rendering: auto;
	font-size: .875em;
	font-size: 1rem;
	font-family: "SourceSansPro-Regular","Merriweather Sans", Helvetica, Arial, sans-serif;
	width: auto;
	padding: 0;
	/* custom styling*/
	display:inline-block;
	line-height: 1.3125;
}

.ffx-primary-menu .menu-item:first-child a::after{ position:static;}
.ffx-primary-menu .menu-item:first-child a{ padding:6px 10px 0px 0;}
.ffx-primary-menu .menu-item a{ position:relative; text-decoration:none;}

/*.ffx-primary-menu .menu-item a::after { background: #0a63a1;bottom: 0;content: ""; height: 2px;left: -20%;position: absolute;width: 0;}*/
/*.ffx-primary-menu .menu-item a:hover::after{ width:100%; left:0; transition:0.3s;}*/

/* ######################################## NAV ANCHORS A BELOW ######################################## */
.ffx-primary-menu .menu-item a,
.secondary-menu .menu-item a,
.secondary-menu .sub-menu .menu-item a,
.tertiary-menu .menu-item a{
	padding: 10px 9px;
	color: #666;
	font-size: 16px;
	transition: background-color .1s;
	font-weight: 400;
	display:inline-block;
	zoom: 1;
}
.secondary-menu .menu-item a{
	color: #fff;
	background: #de2a33;
}
.tertiary-menu .menu-item a{
	color: #fff;
	background: #b22229;
	font-size: 12px;
	padding: 12px 10px;
	opacity: 0.8;
}
.tertiary-menu .menu-item.current-menu-item a, .tertiary-menu .menu-item.current-post-ancestor a{
	font-weight: bold;
	color: #fff;
	opacity: 1;
}
/* ######################################## NAV ACTIVE BUTTONS BELOW ######################################## */
.ffx-primary-menu .menu-item.current-menu-item,
.secondary-menu .menu-item.current-menu-item,
.secondary-menu .sub-menu .menu-item.current-menu-item,
.tertiary-menu .menu-item.current-menu-item,
.ffx-primary-menu .menu-item.menu-item-34{
	border-bottom: 2px solid #0078c8;
}
.ffx-primary-menu .menu-item.current-menu-item a{
	font-weight: bold;
}
.ffx-primary-menu .menu-item.current-menu-item a::after { background: #0a63a1;bottom: 0;content: ""; height: 2px;left: -20%;position: absolute;width: 0;}
.secondary-menu .menu-item.current-menu-item{
	border-bottom: none;
}
.secondary-menu .menu-item.current-menu-item a{
	background: #b22229;
	font-weight:700;
}

/* ######################################## NAV HOVERS BELOW ######################################## */
.ffx-primary-menu li:hover > a, .ffx-primary-menu li.focus > a,
.secondary-menu li:hover > a, .secondary-menu li.focus > a, 
.tertiary-menu li:hover > a, .tertiary-menu li.focus > a {
    
	 color: #666;
}
.secondary-menu li:hover > a, .secondary-menu li.focus > a{
	background: #e5555c;
	color: #fff;
}
.tertiary-menu li:hover > a, .tertiary-menu li.focus > a{
	background: #b22229;
	color: #fff;
	opacity: 1;
}

/* ######################################## NAV POSITIONING ELEMENTS BELOW ######################################## */
.ffx-primary-menu>li, .ffx-primary-menu>li>a, .ffx-primary-menu>li, .ffx-primary-menu>li>a,
.secondary-menu>li, .secondary-menu>li>a, .secondary-menu>li, .secondary-menu>li>a,
.tertiary-menu>li, .tertiary-menu>li>a, .tertiary-menu>li, .tertiary-menu>li>a {
	display: inline-block;
	zoom: 1;
	text-decoration: none;
}

/* ######################################## NAV HOME ICON STYLES BELOW ######################################## */
.ffx-primary-menu .menu-item.home-icon{
	font-size: 1.2em;
	padding-right: 9px;
	padding-top: 4px;
	margin-left: 10px;
}
.ffx-primary-menu .menu-item.home-icon a{
	font-size: 1.25em;
	position: relative;
	top: 3px;
	 
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	
	text-shadow: none;
	border: 0;
	vertical-align: middle;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	
	background:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2248%22%20viewBox%3D%220%200%2016%2048%22%3E%3Cpath%20fill%3D%22%2378777A%22%20d%3D%22M8%201L1%208h2v6h4v-3h2v3h4V8h2z%22%2F%3E%3Cpath%20fill%3D%22%231D1D1D%22%20d%3D%22M8%2017l-7%207h2v6h4v-3h2v3h4v-6h2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2033l-7%207h2v6h4v-3h2v3h4v-6h2z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat:no-repeat;
	height:1em;
	width:1em;
	background-size:100% auto;
}
.ffx-primary-menu ul.primary-menu li.home-icon:hover{
	background-color: transparent;
}
.ffx-primary-menu .menu-item.home-icon a:hover{
	background-position: 0 -1em;
}

.icon:after, [class*="icon--"][class*="--after"]:after, [class*="icon--"][class*="--beforeafter"]:after, .nav--account__wrap .nav__toggle:after, .nav--secondary__wrap .nav__toggle:after, .list__toggle:after, .strap--drive .heading a:after, .strap--executive-style .heading a:after, .strap--traveller .heading a:after, .strap--domain .heading a:after, .strap--good-food .heading a:after, .strap--daily-life .heading a:after, .long-list__toggle:after, .modal__close:after, .social-media-strip .social__toggle:after, [class*="icon--"]:after, .ffx-primary-menu .icon--home:after {
    clear: both;
    content: '';
    display: table;
}

.icon--ellipsis, .social-media-strip .social__toggle, .icon--before--ellipsis:before, .icon--after--ellipsis:after, .long-list__toggle:after {
    background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2248%22%20viewBox%3D%220%200%2016%2048%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%2378777A%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%231D1D1D%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2224%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2224%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2224%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2240%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2240%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2240%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    height: 1em;
    width: 1em;
    background-size: 100% auto;
}

.icon--after--ellipsis:after, .long-list__toggle:after {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    margin-left: 15px;
    margin-right: 0;
    vertical-align: middle;
    right: 0;
}
.ffx-primary-menu .long-list__toggle, #ffx-secondary-menu .long-list__toggle{
	overflow: visible;
	position: absolute;
	top: 0;
	height: 100%;
	width: 48px;
	cursor: pointer;
	z-index: 3;
	background: #e1e2e3;
}
.ffx-primary-menu .long-list__toggle:hover, #ffx-secondary-menu .long-list__toggle:hover{
	background: #e1e2e3 !important;
}
.long-list__toggle:after {
    left: 50%;
    margin-left: -8px!important;
    right: auto!important;
}

.ffx-primary-menu .long-list__toggle:after {
    background-position: 0 0;
}

.ffx-primary-menu .long-list__toggle, .nav--secondary .long-list__toggle {
    right: 0;
}
.ffx-primary-menu .long-list__toggle, .nav--secondary .long-list__toggle {
    overflow: visible;
    position: absolute;
    top: 0;
    height: 100%;
    width: 48px;
    cursor: pointer;
    z-index: 3;
    background: #e1e2e3;
}
.ffx-primary-menu .long-list__toggle {
    right: 0px;
    transition: none;
}
.ffx-primary-menu a:not(.btn), .ffx-primary-menu .long-list__toggle, .ffx-primary-menu .search-box__btn {
    color: #666;
}

.icon--chevron-right, .icon--before--chevron-right:before, .header--link:before, .icon--after--chevron-right:after, .long-list__toggle:hover:after, .long-list__toggle.is-animating:after, .ffx-primary-menu .long-list__toggle:hover:after, .ffx-primary-menu .long-list__toggle.is-animating:after {
    background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2248%22%20viewBox%3D%220%200%2016%2048%22%3E%3Cpath%20fill%3D%22%2378777A%22%20d%3D%22M12%208L5.5%201.5%204%203l5%205-5%205%201.5%201.5z%22%2F%3E%3Cpath%20fill%3D%22%231D1D1D%22%20d%3D%22M12%2024l-6.5-6.5L4%2019l5%205-5%205%201.5%201.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2040l-6.5-6.5L4%2035l5%205-5%205%201.5%201.5z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    height: 1em;
    width: 1em;
    background-size: 100% auto;
}

.icon--chevron-left, .icon--before--chevron-left:before, .icon--after--chevron-left:after, .long-list__toggle.is-triggered:after, .long-list__toggle.is-triggered:hover:after, .ffx-primary-menu .long-list__toggle.is-triggered:after, .ffx-primary-menu .long-list__toggle.is-triggered:hover:after {
    background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2248%22%20viewBox%3D%220%200%2016%2048%22%3E%3Cpath%20fill%3D%22%2378777A%22%20d%3D%22M4%208l6.5%206.5L12%2013%207%208l5-5-1.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%231D1D1D%22%20d%3D%22M4%2024l6.5%206.5L12%2029l-5-5%205-5-1.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2040l6.5%206.5L12%2045l-5-5%205-5-1.5-1.5z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    height: 1em;
    width: 1em;
    background-size: 100% auto;
}
.icon--after--chevron-left:after, .long-list__toggle.is-triggered:after, .long-list__toggle.is-triggered:hover:after, .ffx-primary-menu .long-list__toggle.is-triggered:after, .ffx-primary-menu .long-list__toggle.is-triggered:hover:after {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    margin-left: 15px;
    margin-right: 0;
    vertical-align: middle;
    right: 0;
}

/* ######################################## SUB MENUS BELOW ######################################## */
.sub-menu{
	display: none;
}
.current-menu-item .sub-menu{
	display: block;
}

/* ######################################## TOP ADVERT BANNER BELOW ######################################## */
.ad.adPageTop{
	margin-bottom: 20px;
}
.ad-wrap--mob-banner{
	display: none;
}
/* ######################################## TOP ADVERT BANNER ABOVE ######################################## */

/* ######################################## TOP SUBSCRIBE BUTTONS BELOW ######################################## */

.headerright-wrap .btn--sign-up:before{display:block;content:'/';position:absolute;left:-3px;top:8px;color:#666;z-index:11}
.headerright-wrap .account-wrap{margin-left:6px;font-size:12px;font-size:.75rem;line-height:2}
.headerright-wrap .account-wrap.is-active .toggle__btn{color:#fff;background:#135171;border-color:#135171}
.headerright-wrap .account-wrap.is-active .toggle__btn:before{background:#135171}
.headerright-wrap .account-wrap.is-active .toggle__btn:after{opacity:1;background-position:0 -1em}
.headerright-wrap .action-group>.btn{color:#0078c8}
.headerright-wrap .btn{letter-spacing:normal}
.headerright-wrap .btn--text,.headerright-wrap .tab__nav--text li a,.tab__nav--text li .headerright-wrap a{border:1px solid transparent;color:#007cc3}
.headerright-wrap .toggle,.headerright-wrap .dropdown{display:inline-block;position:relative;white-space:normal;letter-spacing:normal;vertical-align:top}
.headerright-wrap .toggle>.btn,.headerright-wrap .dropdown>.btn{transition:border-color 0s,background-color 0s;color:#0078c8;text-decoration:none}
.headerright-wrap .toggle.is-active .toggle__btn:before,.headerright-wrap .toggle:hover .dropdown__btn:before,.headerright-wrap .toggle.is-visible .dropdown__btn:before,.headerright-wrap .dropdown.is-active .toggle__btn:before,.headerright-wrap .dropdown:hover .dropdown__btn:before,.headerright-wrap .dropdown.is-visible .dropdown__btn:before{height:11px;bottom:-11px;width: 103%;}

.headerright-wrap .toggle.is-active .toggle__btn:before,
.headerright-wrap .toggle:hover .dropdown__btn:before,
.headerright-wrap .toggle.is-visible .dropdown__btn:before,
.headerright-wrap .dropdown.is-active .toggle__btn:before,
.headerright-wrap .dropdown:hover .dropdown__btn:before,
.headerright-wrap .dropdown.is-visible .dropdown__btn:before{
	height:0px;bottom:0px;width: 0%;
	display: none;
}

.headerright-wrap .sign-up-wrap>.btn{width:80px}
.headerright-wrap .sign-up-wrap .sign-up__row{margin:0 -10px 0!important}
.headerright-wrap .sign-up-wrap .sign-up__row img{margin:0 auto}
.headerright-wrap .sign-up-wrap .sign-up__row h4{font-weight:bold;margin-bottom:0;text-align:center;font-size:12px;font-size:.75rem;line-height:2}
.headerright-wrap .sign-up-wrap .sign-up__row .grid__cell{padding-top:6px;padding-bottom:6px}
.headerright-wrap .sign-up-wrap .sign-up__row.bordered{border-top:1px solid #c4c5c6}
.headerright-wrap .sign-up-wrap .sign-up__row.bordered:first-of-type{border-top:0}
.headerright-wrap .sign-up-wrap .sign-up__row.bordered .grid__cell{border-right:1px solid #c4c5c6;border-left:1px solid #c4c5c6;margin-right:-1px}
.headerright-wrap .sign-up-wrap .sign-up__row.bordered .grid__cell:first-child{border-left:none}
.headerright-wrap .sign-up-wrap .sign-up__row.bordered .grid__cell:last-child{border-right:0}
.headerright-wrap .sign-up-wrap .signup__cell{display:block;text-align:center;font-size:12px;font-size:1.25rem;line-height:1}
.headerright-wrap .sign-up-wrap .btn{margin-bottom:0}
.headerright-wrap .sign-up-wrap .dropdownbox{padding-top:10px;width:280px!important}
.headerright-wrap .sign-up-wrap .dropdownbox h3{font-size:15px;font-size:1.5rem;line-height:1.0267}
.headerright-wrap .sign-up-wrap .dropdownbox .btn{margin-top:20px}
.headerright-wrap .togglebox,.headerright-wrap .dropdownbox{top:39px;width:280px;font-size:12px;font-size:.75rem;line-height:1.1667}
.headerright-wrap .togglebox h3,.headerright-wrap .dropdownbox h3{
	margin-bottom:15px;font-size:18px;font-size:1.125rem;line-height:1.3333;font-weight:bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.nav--primary .icon--home:hover {
    background-position: 0 -1em;
}
.headerright-wrap .togglebox>a:not(.btn),.headerright-wrap .dropdownbox>a:not(.btn){color:#0078c8}
.headerright-wrap .dropdownbox--subscribe li{list-style:disc;padding-left:10px;margin-left:15px;margin-bottom:10px}
.headerright-wrap .dropdownbox--subscribe p:last-child{margin-bottom:0}
.headerright-wrap .dropdownbox--subscribe .package-wrap{margin-bottom:20px}
.headerright-wrap .dropdownbox--subscribe .package-wrap img{display:block;margin-left:auto;margin-right:auto}
.headerright-wrap .dropdownbox--sign-up .sign-up__row{margin-bottom:20px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif}
.headerright-wrap .dropdownbox--sign-up img{padding-right:10px;display:table-cell}
.headerright-wrap .dropdownbox--sign-up .signup__cell{display:table-cell;vertical-align:middle}
.headerright-wrap .dropdownbox--sign-up .btn{margin-top:0;margin-bottom:0}
.headerright-wrap .togglebox--account{width:160px;border-color:#135171;background:#135171}
.headerright-wrap .togglebox--account .menu__item,.headerright-wrap .togglebox--account .menu__heading{text-align:right;font-family:"merriweather sans",Helvetica,Arial,sans-serif;position:relative}
.headerright-wrap .togglebox--account .menu__heading{margin-top:20px;color:#c4c5c6;text-transform:uppercase;font-weight:normal;font-size:12px}
.headerright-wrap .togglebox--account .menu__heading:first-child{margin-top:0}
.headerright-wrap .togglebox--account a:not(.btn){color:#fff;font-size:14px}
.headerright-wrap .togglebox--account a:not(.btn):hover{background:#13445d}
.headerright-wrap .count{position:absolute;width:24px;left:12px;top:6px;line-height:24px;font-size:12px;font-family:Arial,Helvetica,sans-serif;text-align:center;background:#0f374c;border-radius:50%}
.headerright-wrap .account__name{max-width:118px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

.header-wrap{background:#fff}
.header-wrap .wrap{padding:20px 0 20px}
.header-wrap .logo,.header-wrap .tagline{vertical-align:middle;letter-spacing:normal;display:inline-block;margin:0 auto;text-align:left;padding-left:0;background-position:center center}
.header-wrap .logo{max-width:100%;height:32px}
.header-wrap .beta-sign{margin-left:8px;position:relative;top:1px;background-size:75%;vertical-align:middle}
/*.header-wrap .tagline-wrap{text-align:center;letter-spacing:-0.31em}*/
.header-wrap .tagline{height:20px;max-width:80%}
.header-wrap a:not(.btn),.header-wrap .long-list__toggle,.header-wrap .search-box__btn{color:#666}
.header-wrap .logo-wrap{float:left;margin-right:20px;text-align:center;letter-spacing:-0.25em}
.header-wrap .logo-wrap{margin-right:0px;}
.header-wrap .div:first-child{ margin-right: 20px; }
.header-wrap .headerright-wrap{float:right;letter-spacing:normal;text-align:right}
.header-wrap .headerright-wrap .action-group{display:inline-block;width:100%;letter-spacing:-0.25em; vertical-align:middle; line-height:30px;}
.header-wrap .social--share{width:auto;float:left;padding:0;left:72px}
.header-wrap .social--share a{color:#fff}
.dropdownbox {
    position: absolute;
    right: 0;
    top: 41px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #c4c5c6;
    text-align: left;
    z-index: 11;
    box-shadow: rgba(0,0,0,0.25) 0 6px 15px;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
}
.is-hidden {
    display: none!important;
    visibility: hidden!important;
}
.dropdown__btn.btn {
    border-color: #c4c5c6;
}
.headerright-wrap .btn {
    letter-spacing: normal;
}
.dropdown__btn {
    background: transparent;
    padding: 7.5px 10px;
    border: 1px solid transparent;
    z-index: 12;
}
.btn, input, select, textarea {
    border-radius: 0;
}

.btn, .social--share .social__toggle, .onboarding .onboarding__close, .carousel--gallery .ad-overlay .btn--close, .inner-prompt .close {
    padding: 10px 15px;
    border: 1px solid #c4c5c6;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: border-color .2s,background-color .2s;
    font-family: "merriweather sans",Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    color: #666;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
:visited {
    color: #78777a;
}
.btn, input, select, textarea {
    border-radius: 2px;
    /*font-family: inherit;*/
    font-size: 100%;
    margin: 0;
    line-height: normal;
}
.btn {
    position: relative;
    display: inline-block;
    background-color: #fff;
    line-height: 1;
    padding: 10px;
    border: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.btn--primary{
	background-color: #0078be;
	border-color: #0078be;
	color: #fff;
	display:block;
}
.dropdown__btn {
    background: transparent;
    padding: 7.5px 10px;
    border: 1px solid transparent;
    z-index: 12;
}
.dropdown__btn.btn--text, .tab__nav--text li a.dropdown__btn {
    border: 1px solid transparent;
}
.btn--mini, .tab__nav--text li a {
    font-size: 12px;
    padding: 7.5px 10px;
}

a.dropdown__btn:hover .dropdownbox.dropdownbox--subscribe{
	display:block;
	clip: rect(1px 200px 200px 1px);
}
a.btn--primary:hover, .btn--primary:focus {
    color: #fff;
    background-color: #3393cb;
    border-color: #3393cb;
}

.dropdown:hover .dropdownbox{
	height: auto;
	width: 280px;
	clip: auto;
	overflow: visible;
}

a.fm-mymasthead-account-login:hover {
    text-decoration: underline;
}
.dropdown:hover .dropdown__btn:before, .is-visible .dropdown__btn:before {
	position: absolute;
	top: inherit;
	bottom: -2px;
	left: -1px;
	display: block;
	content: '';
	height: 2px;
	width: 100%;
	background: #fff;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: inherit;
}
.sign-up-wrap.dropdown a:hover{
	border: 1px solid #c4c5c6;
}
.sign-up-wrap.dropdown .dropdownbox a:hover{
	border: none;
}
/* ########################################################################################################## */
/* ######################################## FAIRFAX TOP BANNER ABOVE ######################################## */
/* ########################################################################################################## */



/* ######################################## MEDIA QUERIES BELOW ######################################## */
@media screen and (min-width: 48.9375em){
	body:not(.custom-background-image).admin-bar:before {
		top: 10px;
	}
}
@media screen and (min-width: 44.375em){
	.site {
		margin: 0px;	
	}
	.site-content {
		padding: 0;
	}
	body:not(.custom-background-image):before {
		top: 0;
		height: 0px;
	}
	body:not(.custom-background-image):after {
    bottom: 0;
	 height: 0;
	}
	.menu-toggle {
		margin: 0px 1px 0 0px;
		padding: 11px;
		float: right;
	}
}

@media screen and (max-width: 959px){
	
	#ffx-top-header .site-branding.header-wrap, #ffx-top-header .site-header-menu, #ffx-secondary-menu{
		min-width: 720px;
		width: 100%;
	}
	.logo-wrap .logo {
		width: 260px;
	}
	.site-header-menu{
		display: block;
	}
	
	.logo--smh {
		background-size: 250px;
	}
	#menu-ffx-primary-menu{
		padding-left: 10px;
	}
	.ffx-primary-menu .menu-item{
		/*float: left;*/
		border: none;
	}
	
}
@media screen and (min-width: 940px){
	.long-list__toggle{
		display: none;
	}
}
/* ##### TABLET MEDIA QUERY ##### */
@media screen and (max-width: 820px){
	.clique-news div#primary, .clique-trends div#primary, .wide div#primary, .video div#primary{
		max-width: 458px;
		width: 66%;
	}
	aside#secondary {
		padding: 120px 0 0 0;
		width: 33%;
		max-width: 240px;
	}
}
@media screen and (max-width: 719px){
	
	#ffx-top-header .site-branding.header-wrap, #ffx-top-header .site-header-menu, #ffx-secondary-menu{
		min-width: 384px;
		width: 100%;
	}
	.ad-wrap--mob-banner{
		display: block;
	}
	.ad-wrap--leaderboard{
		display: none;
	}
	.site-header-menu{
		display: block;
	}
	.header-wrap .beta-sign {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
	}
	.headerright-wrap, .section-name{
		display: none;
	}
	#navigation-toggle{
		display: none;
		float: right;
		margin: 0 10px 0 0;
	}
	#ffx-top-header .site-branding.header-wrap {
		padding: 8px 0 8px;
	}
	.logo-wrap .logo {
		width: 215px;
		margin-left: 10px;
	}
	.logo--smh {
		background-size: 215px;
	}
	#menu-ffx-primary-menu{
		padding-left: 10px;
	}
	.ffx-primary-menu .menu-item{
		/*float: left;*/
		border: none;
	}
	#content{
		min-width: 384px;
		width: 100%;
		margin: 0 auto;
	}
	.icon--menu,.nav--primary__toggle:before,.icon--after--menu:after, #navigation-toggle:focus{
		background:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M2%202h12v2H2zm0%205h12v2H2zm0%205h12v2H2z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E');
		background-repeat:no-repeat;
		background-size:auto auto;
		background-position:center center;
	}
		
}
/* ================================================== smartphone media query below ================================================== */
@media screen and (max-width: 414px){
	body{
		margin-top: 97px;
	}
	
	#ffx-top-header .site-branding.header-wrap, #ffx-top-header .site-header-menu, #ffx-secondary-menu{
		min-width: 300px;
		width: 100%;
	}
	#ffx-top-header .site-branding.header-wrap {
		border-top: 4px solid #1d1d1d;
		padding: 10px 10px;
		position: fixed;
		z-index: 1100;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		border-bottom: 1px solid #e1e2e3;
	}
	#ffx-top-header .header-wrap .logo {
		height: 26px;
		margin-left: 0;
	}
	.header-wrap .logo-wrap{
		width: 100%;
	}
	.header-wrap .the-age-logo{
		margin-top: 20px;
	}
	.nav__toggle.icon--menu.is_fm-toggle{
		background-size: 32px !important;
		background-position: center center;
		width: 48px;
		height: 48px;
		padding: 0;
		margin: 0 !important;
		position: absolute;
		right: 0;
		top: 0;	
	}
	.ad-wrap--leaderboard/*, .ffx-primary-menu, .menu-ffx-tertiary-menu-container*/{
		display: none;
	}
	div#ffx-top-header {
		margin-bottom: 10px;
		padding-top: 0px;
	}
	.ad-wrap--mob-banner{
		display: block;
		margin: 0px auto 10px auto;
		padding-top: 10px;
	}
	.ad small {
		display: block;
		font-size: .4375em;
		line-height: 1.6;
		position: absolute;
		text-align: center;
		width: 100%;
		color: #777579;
		right: 0;
		font-family: Arial;
	}
	.nav-wrap{
		padding-top: 0px;
	}
	
	.ffx-primary-menu{
		overflow:visible;	
	}
	.long-list__toggle{
		display: none;
	}
	#navigation-toggle.is-visible{
		background-color: #f7f7f7 !important;
		border-left: 1px solid #e1e2e3 !important;		
	}
	/* ========== PRIMARY MENU ========== */
	.ffx-primary-menu { /* nav wrap */
		padding: 0;
		z-index: 10;
		display: none;
	}
	.ffx-primary-menu .site-header-menu{ /* nav primary wrap */
		position: fixed;
		width: 100%;
		height: calc(100% - 42px);
		z-index: 600;
		
	}
	.ffx-primary-menu .main-navigation{ /* inner wrap */
		height: 100%;
		background-color: #efeff4;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.ffx-primary-menu .menu-ffx-primary-menu-container { /* nav */
		position: static;
		z-index: 5;
		width: 100%;
		list-style: none;
		margin-left: 0;
		display: block;
	}
	.ffx-primary-menu ul.primary-menu {
		border-top: 1px solid #e1e2e3;
		white-space: nowrap;
		overflow: hidden;
		margin: 0;
		list-style: none;
		padding-left: 0 !important;
	}
	.ffx-primary-menu li.menu-item {
		display: block;
		border-bottom: 1px solid #e1e2e3;
		zoom: 1;
		text-decoration: none;
		margin-right: 0;
		padding: 0;
		font-size: 16px;
		position: relative;
		width: auto;
		font-family: "merriweather sans", Helvetica, Arial, sans-serif;
		text-rendering: auto;
		word-spacing: normal;
		letter-spacing: normal;
		text-align: left;
		vertical-align: top;
		box-sizing: border-box;
		float: none;
	}
	.ffx-primary-menu .menu-item a {
		display: block;
		color: #333;
		zoom: 1;
		text-decoration: none;
		padding: 11px 11px;
	}
	.ffx-primary-menu .menu-item a:visited{
		color: #78777a;
	}
	.ffx-primary-menu li.menu-item.current-menu-item{
		border-left: 5px solid #de2a33;
		border-bottom: 1px solid #e1e2e3;
	}
	/* home icon remove */
	.ffx-primary-menu .menu-item.home-icon a{
		background: none;
		text-indent: 0;
		font-size: 16px;
		color: #333;
		top: 0;
		display: block;
		zoom: 1;
		padding: 10px 11px;
		height: auto;
		width: auto;
		text-align: left;
	}
	
	/* ========== TITLE MENU BETWEEN PRIMARY & SECONDARY ========== */
	.mobile-title{
		background-color: #de2a33;
		position: relative;
		height: 42px;
		z-index: 100;
		width: 100%;
		display:block;
	}
	.mobile-title h2{
		font: normal 14px "merriweather sans",Helvetica,Arial,sans-serif;
		padding: 12px 48px 12px 10px;
		margin: 0;
		bottom: 0;
		right: 0;
		top: 0;
		left: 0;
		border: 0;
		max-height: 48px;
		overflow: hidden;
		position: absolute;		
		text-overflow: ellipsis;		
		white-space: nowrap;		
		vertical-align: baseline;
	}
	.mobile-title a{
	    float: left;
		 color: #fff;
		 text-decoration: none;
	}
	.mobile-titla a:visited{
		color: #78777a;
	}
	.mobile-title a.nav__section{
	
	}
	.mobile-title a.nav__subsection{
		display: block;
		float: none;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.mobile-title a.nav__subsection:before {
		color: #fff;
		content: '〉';
		margin-left: 1em;
		margin-right: .5em;
		display: inline-block;
		color: #fff;
		font-size: 12px;
	}
	.mobile-title button{
		display: block;
		height: 42px;
		right: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 48px;
		text-indent: -9999px;
	}
	.mobile-title .nav--secondary__toggle, .mobile-title .nav--secondary__toggle:hover{
		background-color: #b22229;
	}
	.mobile-title .nav--secondary__toggle.is-visible{
		background-color: #de2a33;
	}
	.mobile-title .nav--secondary__toggle:after{
		clear: both;
		content: '';
		display: table;
		background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2248%22%20viewBox%3D%220%200%2016%2048%22%3E%3Cpath%20fill%3D%22%2378777A%22%20d%3D%22M8%2012l6.5-6.5L13%204%208%209%203%204%201.5%205.5z%22%2F%3E%3Cpath%20fill%3D%22%231D1D1D%22%20d%3D%22M8%2028l6.5-6.5L13%2020l-5%205-5-5-1.5%201.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2044l6.5-6.5L13%2036l-5%205-5-5-1.5%201.5z%22%2F%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
		height: 1em;
		width: 1em;
		background-size: 100% auto;
		background-position: 0 -2em;
		left: 50%;
		margin-left: -8px !important;
		right: auto !important;
		position: absolute;
		top: 50%;
		margin-top: -0.5em;
		margin-right: 0;
		vertical-align: middle;
	}
	.mobile-title .nav--secondary__toggle.icon-after-chevron-up:after{
		background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2248%22%20viewBox%3D%220%200%2016%2048%22%3E%3Cpath%20fill%3D%22%2378777A%22%20d%3D%22M8%204l-6.5%206.5L3%2012l5-5%205%205%201.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%231D1D1D%22%20d%3D%22M8%2020l-6.5%206.5L3%2028l5-5%205%205%201.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2036l-6.5%206.5L3%2044l5-5%205%205%201.5-1.5z%22%2F%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 0 -2em;
	}
	/* ========== SECONDARY MENU ========== */
	#ffx-secondary-menu{
		padding-bottom: 0px;
		display: none;
	}
	#ffx-secondary-menu .site-header-main{
		background-color: #b22229;
		left: 0;
		position: fixed;
		right: 0;
		z-index: 6;
		height: 42px;
	}
	#ffx-secondary-menu .site-header-main.is-visible{
		display: block !important;
	}
	#ffx-secondary-menu .nav-wrap{
		display: block;
		margin-top: 42px;
		position: fixed;
		height: calc(100% - 90px);
		margin-bottom: 0;
		background-color: #de2a33;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		list-style: none;
		margin-left: 0;
	}
	#ffx-secondary-menu .menu-ffx-secondary-menu-container{
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}
	#ffx-secondary-menu ul.secondary-menu{
		white-space: nowrap;
		overflow: hidden;
		margin: 0;
		list-style: none;
		height:auto;
	}
	#ffx-secondary-menu li.menu-item{
		display: block;
		margin: 0;
		font-size: 1em;
		box-sizing: border-box;
		vertical-align: top;
		text-align: left;
		letter-spacing: normal;
		word-spacing: normal;
		text-rendering: auto;
		font-family: "merriweather sans",Helvetica,Arial,sans-serif;
		width: auto;
		padding: 0;
		zoom: 1;
		text-decoration: none;
		position: relative;
	}
	#ffx-secondary-menu li.menu-item a{
		padding: 11px 10px;
		display: block;
		position: relative;
		zoom: 1;
		text-decoration: none;
		color: #fff;
		background-color: #de2a33;
	}
	#ffx-secondary-menu li.menu-item.current-menu-item a{
		background-color: #b22229;
	}
	#ffx-secondary-menu li.menu-item a:after{
		content: '';
		position: absolute;
		right: 15px;
		top: 12px;
	 }
	
	/* ========== TERTIARY MENU ========== */
	.menu-ffx-tertiary-menu-container{
		display: none;
	}
	#menu-ffx-secondary-menu .menu-ffx-tertiary-menu-container{
		display: block;
	}
	#menu-ffx-secondary-menu .menu-ffx-tertiary-menu-container ul#menu-ffx-tertiary-menu{
		height: auto;
	}
	#menu-ffx-secondary-menu .menu-ffx-tertiary-menu-container ul#menu-ffx-tertiary-menu li{
		
	}
	#menu-ffx-secondary-menu .menu-ffx-tertiary-menu-container ul#menu-ffx-tertiary-menu li a{
		font-size: 14px;
		font-weight: normal;
		padding: 8px 10px 8px 20px;
	}
	#menu-ffx-secondary-menu .nav--tertiary__toggle{
		text-indent: -9999px;
		overflow: hidden;
		text-align: center;
		font-size: 16px;
		text-shadow: none;
		border: 0;
		vertical-align: middle;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0 0;
		color: inherit;
		text-decoration: none;
		background-color: transparent;
		display: block;
		height: 42px;
		right: 0;
		padding: 0;
		position: absolute;
		top: 0;
		width: 48px;
		-webkit-tap-highlight-color: transparent;
	}
	#menu-ffx-secondary-menu .nav--tertiary__toggle:after{
		clear: both;
		content: '';
		display: table;
		
		left: 50%;
		margin-left: -8px!important;
		right: auto!important;
	
		background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2248%22%20viewBox%3D%220%200%2016%2048%22%3E%3Cpath%20fill%3D%22%2378777A%22%20d%3D%22M8%2012l6.5-6.5L13%204%208%209%203%204%201.5%205.5z%22%2F%3E%3Cpath%20fill%3D%22%231D1D1D%22%20d%3D%22M8%2028l6.5-6.5L13%2020l-5%205-5-5-1.5%201.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2044l6.5-6.5L13%2036l-5%205-5-5-1.5%201.5z%22%2F%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
		height: 1em;
		width: 1em;
		background-size: 100% auto;
		
		position: absolute;
		top: 50%;
		margin-top: -0.5em;
		margin-right: 0;
		vertical-align: middle;
		
		background-position: 0 -2em;
	}
	#menu-ffx-secondary-menu .nav--tertiary__toggle.is-visible:after{
		clear: both;
		content: '';
		display: table;
		background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2248%22%20viewBox%3D%220%200%2016%2048%22%3E%3Cpath%20fill%3D%22%2378777A%22%20d%3D%22M8%204l-6.5%206.5L3%2012l5-5%205%205%201.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%231D1D1D%22%20d%3D%22M8%2020l-6.5%206.5L3%2028l5-5%205%205%201.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2036l-6.5%206.5L3%2044l5-5%205%205%201.5-1.5z%22%2F%3E%3C%2Fsvg%3E');
		background-position: 0 -2em;
	}
	/* ========== PAGE CONTENT BELOW ========== */
	
	#content{
		min-width: 320px;
		width: 100%;
		margin: 0 auto;
	}
}
/* globals */
.displaynone{
	display: none !important;
}

/* fix login/join main nav */
#site-navigation #menu-item-01, #site-navigation #menu-item-02{ display:none; }