@charset "UTF-8"; /******************************************************************************* CSS on Sails Framework Title: Postmedia Author: X-Team (http://x-team.com/) Date: December 2013 ******************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Fonts 1.5 Normalized Styles 1.6 Image Replacement 2. COMMON 2.1 Container 2.2 Header //2.3 Navigation 2.4 Footer 3. PAGES 3.1 Home 3.2 Article 3.3 404 3.4 Author 3.5 Subscription Pages 3.6 Marketing 3.7 Advertise with us 4. PRINT 5. ADS *******************************************************************************/ /* 1. BASE -------------------------------------------------------------------------------- ==============================================================================*/ /* 1.1 Reset ------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a[href], label[for], select, input[type=checkbox], input[type=radio] { cursor: pointer; } button, input[type=button], input[type=image], input[type=reset], input[type=submit] { padding: 0; overflow: visible; cursor: pointer; } button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=image]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { border: 0; } /* 1.2 Accessibility Navigation & Hide ------------------------------------------------------------------------------*/ #accessibility-nav { position: absolute; top: 0; left: -9999em; z-index: 1000; } #accessibility-nav a { position: absolute; top: 0; white-space: nowrap; color: #000; } #accessibility-nav a:active, #accessibility-nav a:focus { left: 9999em; } .hide, .accessibility-nav { position: absolute; left: -9999em; top: 0; text-align: left; text-direction: ltr; } .hidden { display: none; } /* 1.3 Clearfix ------------------------------------------------------------------------------*/ .clearfix:after, blockquote:after, .container:after, .l-header:after, .l-ad:after, .l-header .top-bar:after, .header-boxes:after, .breadcrumb:after, .l-three-quarters:after, .l-half:after, .posts-list:after, .posts-list > li:after, .post:after, .wp-caption-text:after, .pagination:after, .widget-weather:after, .widget-weather .weather header:after, .widget-weather .weather-header:after, .weather-content:after, .l-nav-wrap:after, .l-article .entry-details:after, .subs-products .product:after, .subs-main:after, .cols:after, .marketing-item:after, #footer:after { content: "\200B"; display: block; visibility: hidden; clear: both; height: 0; } .clearfix, blockquote, .container, .l-header, .l-ad, .l-header .top-bar, .header-boxes, .l-three-quarters, .l-half, .breadcrumb, .posts-list, .posts-list li, .post, .wp-caption-text, .pagination, .widget-weather, .widget-weather .weather header, .widget-weather .weather-header, .weather-content, .l-nav-wrap, .l-article .entry-details, .subs-products .product, .subs-main, .cols, .marketing-item, #footer { zoom: 1; } /* 1.4 Fonts ------------------------------------------------------------------------------*/ /* Glyphicons */ @font-face { font-family: "glyphiconshalflings-regular"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9nbHlwaGljb25zaGFsZmxpbmdzL2dseXBoaWNvbnNoYWxmbGluZ3MtcmVndWxhci5lb3Q%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$"); src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9nbHlwaGljb25zaGFsZmxpbmdzL2dseXBoaWNvbnNoYWxmbGluZ3MtcmVndWxhci5lb3Q%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZSNpZWZpeA%3D%3D_$/$/$/$/$#iefix") format("embedded-opentype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9nbHlwaGljb25zaGFsZmxpbmdzL2dseXBoaWNvbnNoYWxmbGluZ3MtcmVndWxhci50dGY%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$") format("truetype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9nbHlwaGljb25zaGFsZmxpbmdzL2dseXBoaWNvbnNoYWxmbGluZ3MtcmVndWxhci5zdmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZSMtcmVndWxhcg%3D%3D_$/$/$/$/$#-regular") format("svg"); font-weight: "400"; font-style: "normal"; } @font-face { font-family: "glyphicons-regular"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9nbHlwaGljb25zL2dseXBoaWNvbnMtcmVndWxhci5lb3Q%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$"); src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9nbHlwaGljb25zL2dseXBoaWNvbnMtcmVndWxhci5lb3Q%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZSNpZWZpeA%3D%3D_$/$/$/$/$#iefix") format("embedded-opentype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9nbHlwaGljb25zL2dseXBoaWNvbnMtcmVndWxhci50dGY%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$") format("truetype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9nbHlwaGljb25zL2dseXBoaWNvbnMtcmVndWxhci5zdmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZSMtcmVndWxhcg%3D%3D_$/$/$/$/$#-regular") format("svg"); font-weight: "400"; font-style: "normal"; } @font-face { font-family: "Shift-Bold"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvbGQvODZiODcxYTgtM2MyMS00NmNkLWE5ZTItNDg3NmY3ZDZiOWMxLTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvbGQvODZiODcxYTgtM2MyMS00NmNkLWE5ZTItNDg3NmY3ZDZiOWMxLTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("embedded-opentype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvbGQvODZiODcxYTgtM2MyMS00NmNkLWE5ZTItNDg3NmY3ZDZiOWMxLTEudHRmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("truetype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvbGQvODZiODcxYTgtM2MyMS00NmNkLWE5ZTItNDg3NmY3ZDZiOWMxLTQuc3ZnP2kxMGMubWFyay5ub3RIVE1MLnR5cGUjU2hpZnRCb2xk_$/$/$/$/$#ShiftBold") format("svg"); font-style: normal; font-weight: 700; } @font-face { font-family: "Shift-BoldItalic"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvbGRJdGFsaWMvNjJlNzkwZGMtYWEwMC00ODU0LWI1NTEtNzM0Y2Q5NjA3Mjg1LTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvbGRJdGFsaWMvNjJlNzkwZGMtYWEwMC00ODU0LWI1NTEtNzM0Y2Q5NjA3Mjg1LTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("embedded-opentype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvbGRJdGFsaWMvNjJlNzkwZGMtYWEwMC00ODU0LWI1NTEtNzM0Y2Q5NjA3Mjg1LTEudHRmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("truetype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvbGRJdGFsaWMvNjJlNzkwZGMtYWEwMC00ODU0LWI1NTEtNzM0Y2Q5NjA3Mjg1LTQuc3ZnP2kxMGMubWFyay5ub3RIVE1MLnR5cGUjU2hpZnRCb2xkSXRhbGlj_$/$/$/$/$#ShiftBoldItalic") format("svg"); font-style: italic; font-weight: 700; } /* Content Fonts */ @font-face { font-family: "Shift-Book"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvb2svZmVmMWZhNzgtZjdkNy00MTRjLTgzNTAtYTFkYzI1MjcyMDBiLTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvb2svZmVmMWZhNzgtZjdkNy00MTRjLTgzNTAtYTFkYzI1MjcyMDBiLTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("embedded-opentype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvb2svZmVmMWZhNzgtZjdkNy00MTRjLTgzNTAtYTFkYzI1MjcyMDBiLTEudHRmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("truetype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvb2svZmVmMWZhNzgtZjdkNy00MTRjLTgzNTAtYTFkYzI1MjcyMDBiLTQuc3ZnP2kxMGMubWFyay5ub3RIVE1MLnR5cGUjU2hpZnRCb29r_$/$/$/$/$#ShiftBook") format("svg"); font-style: normal; font-weight: 400; } @font-face { font-family: "Shift-BookItalic"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvb2tJdGFsaWMvYWQ3ZDJiZTUtNWU5OC00YjUyLTkxYTEtNzU1MGM2NTRmMDk0LTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvb2tJdGFsaWMvYWQ3ZDJiZTUtNWU5OC00YjUyLTkxYTEtNzU1MGM2NTRmMDk0LTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("embedded-opentype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvb2tJdGFsaWMvYWQ3ZDJiZTUtNWU5OC00YjUyLTkxYTEtNzU1MGM2NTRmMDk0LTEudHRmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("truetype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdEJvb2tJdGFsaWMvYWQ3ZDJiZTUtNWU5OC00YjUyLTkxYTEtNzU1MGM2NTRmMDk0LTQuc3ZnP2kxMGMubWFyay5ub3RIVE1MLnR5cGUjU2hpZnRCb29rSXRhbGlj_$/$/$/$/$#ShiftBookItalic") format("svg"); font-style: italic; font-weight: 400; } @font-face { font-family: "TitlingGothicFBComp-Regular"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb21wUmVndWxhci83YWRjYTE1OC00OGY1LTRiNDUtYWY1Ny01NDQxZjYzNzE4YzYtMi5lb3Q%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$"); src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb21wUmVndWxhci83YWRjYTE1OC00OGY1LTRiNDUtYWY1Ny01NDQxZjYzNzE4YzYtMi5lb3Q%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$") format("embedded-opentype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb21wUmVndWxhci83YWRjYTE1OC00OGY1LTRiNDUtYWY1Ny01NDQxZjYzNzE4YzYtMS50dGY%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$") format("truetype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb21wUmVndWxhci83YWRjYTE1OC00OGY1LTRiNDUtYWY1Ny01NDQxZjYzNzE4YzYtNC5zdmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZSNUaXRsaW5nR290aGljRkJDb21wUmVndWxhcg%3D%3D_$/$/$/$/$#TitlingGothicFBCompRegular") format("svg"); font-style: normal; font-weight: 500; } @font-face { font-family: "TitlingGothicFBCond-Standard"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb25kU3RhbmRhcmQvNTk5M2ViZDAtNjZmMC00NWM3LTgyMzAtZDhjMTIzYmZjM2E3LTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb25kU3RhbmRhcmQvNTk5M2ViZDAtNjZmMC00NWM3LTgyMzAtZDhjMTIzYmZjM2E3LTIuZW90P2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("embedded-opentype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb25kU3RhbmRhcmQvNTk5M2ViZDAtNjZmMC00NWM3LTgyMzAtZDhjMTIzYmZjM2E3LTEudHRmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$") format("truetype"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb21wUmVndWxhci81OTkzZWJkMC02NmYwLTQ1YzctODIzMC1kOGMxMjNiZmMzYTctNC5zdmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZSNUaXRsaW5nR290aGljRkJDb21wUmVndWxhcg%3D%3D_$/$/$/$/$#TitlingGothicFBCompRegular") format("svg"); font-style: normal; font-weight: 500; } @font-face { font-family: "TitlingGothicFBCond-Regular"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9UaXRsaW5nR290aGljRkJDb25kUmVndWxhci9UaXRsaW5nR290aGljRkJDb25kLVJlZ3VsYXIub3RmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); } @font-face { font-family: "Shift-MediumItalic"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9TaGlmdE1lZGl1bUl0YWxpYy9TaGlmdC1NZWRpdW1JdGFsaWMub3RmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); } @font-face { font-family: "BentonSans-Bold"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9CZW50b25TYW5zQm9sZC9CZW50b25TYW5zLUJvbGQub3RmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9CZW50b25TYW5zQm9sZC9CZW50b25TYW5zLUJvbGQudHRmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); font-weight: 700; } @font-face { font-family: "BentonSans-Medium"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9CZW50b25TYW5zTWVkaXVtL0JlbnRvblNhbnMtTWVkaXVtLm90Zj9pMTBjLm1hcmsubm90SFRNTC50eXBl_$/$/$/$/$"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9CZW50b25TYW5zTWVkaXVtL0JlbnRvblNhbnMtTWVkaXVtLnR0Zj9pMTBjLm1hcmsubm90SFRNTC50eXBl_$/$/$/$/$"); font-weight: 600; } @font-face { font-family: "BentonSans-Regular"; src: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9CZW50b25TYW5zUmVndWxhci9CZW50b25TYW5zLVJlZ3VsYXIub3RmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"), url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9mb250cy9CZW50b25TYW5zUmVndWxhci9CZW50b25TYW5zLVJlZ3VsYXIudHRmP2kxMGMubWFyay5ub3RIVE1MLnR5cGU%3D_$/$/$/$/$"); font-weight: 500; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'glyphicons-regular'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } .glyphicon-show-line:before { content: "\E159"; } .glyphicon-star:before { content: "\E050"; } .glyphicon-user:before { content: "\E004"; } .glyphicon-search:before { content: "\E028"; } .glyphicon-close:before { content: "\E208"; } .glyphicon-chevron-right:before { content: "\E224"; } /* 1.5 Normalized Styles ------------------------------------------------------------------------------*/ body { font-size: 15px; line-height: 24px; font-family: "BentonSans-Regular", Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; color: #000; background: #fff repeat-x; } hr { display: none; } strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th, td { vertical-align: top; } th { font-weight: normal; text-align: left; } address, cite, dfn { font-style: normal; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } sub, sup { position: relative; font-size: 75%; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } input, textarea, select { font-family: "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; } textarea { overflow: auto; } a { text-decoration: none; color: #000; } a:hover { content: #666; text-decoration: underline; } a.highlight { color: #005b8d; } a .cat-head > span:after { content: "\0203A"; font-size: 24px; font-family: "BentonSans-Regular", Arial, Helvetica, sans-serif; position: relative; top: -2px; padding-left: 2px; } figure img { max-width: 100%; } figure img.wp-post-image { width: 100%; } figure br { display: none; } figure.thumbnail.from_atom { position: relative; overflow: hidden !important; } figure.thumbnail.from_atom img { width: 117%; max-width: 117%; margin-left: -8.5%; top: 0; } img#wpstats { display: none; } .oldie .posts-list figure img { max-width: 233px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { display: block; margin-bottom: 9px; color: #000; text-rendering: optimizeLegibility; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { text-decoration: none; color: #000; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover { text-decoration: underline; } .cat-head { font: 24px/25px "TitlingGothicFBCond-Regular", "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; letter-spacing: 1.5px; position: relative; text-transform: uppercase; margin-bottom: 15px; } .cat-head > span { color: #000; display: inline-block; } .cat-head > span.heading-content { background: none; color: #000; font: 12px "BentonSans-Regular", Arial, Helvetica, sans-serif; padding-left: 78px; overflow: auto; width: auto; max-width: 150px; } .cat-head > span.heading-content strong { font-weight: normal; color: #4c4c4c; } .cat-head.blue > span, .cat-head.news > span, .cat-head.business > span { color: #005a8c; } .cat-head.blue > span.heading-content, .cat-head.news > span.heading-content, .cat-head.business > span.heading-content { background: none; } .cat-head.red > span, .cat-head.sports > span { color: #dd2424; } .cat-head.red > span.heading-content, .cat-head.sports > span.heading-content { background: none; } .cat-head.green > span, .cat-head.opinion > span, .cat-head.opinions > span { color: #007d5d; } .cat-head.green > span.heading-content, .cat-head.opinion > span.heading-content, .cat-head.opinions > span.heading-content { background: none; } .cat-head.orange > span, .cat-head.arts > span, .cat-head.entertainment > span, .cat-head.health > span, .cat-head.life > span { color: #e85e1c; } .cat-head.orange > span.heading-content, .cat-head.arts > span.heading-content, .cat-head.entertainment > span.heading-content, .cat-head.health > span.heading-content, .cat-head.life > span.heading-content { background: none; } .cat-head.purple > span, .cat-head.jobs > span { color: #804b6d; } .cat-head.purple > span.heading-content, .cat-head.jobs > span.heading-content { background: none; } .cat-head.yellow > span, .cat-head.obits > span { color: #ebac10; } .cat-head.yellow > span.heading-content, .cat-head.obits > span.heading-content { background: none; } .cat-head.violet > span, .cat-head.driving > span { color: #4f5188; } .cat-head.violet > span.heading-content, .cat-head.driving > span.heading-content { background: none; } .cat-head.short { margin: 0 0 15px; } .cat-head.short span:after { content: ""; display: none; } h1, .h1 { font-family: "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; font-size: 50px; line-height: 56px; letter-spacing: 1.5px; } h2, .h2 { font-family: "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; font-size: 35px; line-height: 40px; letter-spacing: 1.5px; } h3, .h3 { font-family: "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; letter-spacing: 1.5px; } h4, .h4 { font: bold 15px/20px "BentonSans-Medium", Arial, Helvetica, sans-serif; } h5, .h5 { font-family: "Shift-Book", Georgia, Times, "Times New Roman", serif; font-size: 20px; line-height: 26px; } h6, .h6 { font-family: "Shift-MediumItalic", Georgia, Times, "Times New Roman", serif; font-size: 14px; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; } p { font-family: "BentonSans-Regular", Arial, Helvetica, sans-serif; line-height: 1.6; margin-bottom: 15px; } .secondary p { font-size: 1.14em; margin-bottom: 1.875em; line-height: 1.25em; } article h2, article .h2, article h3, article .h3 { margin-bottom: 15px; } article h4, article .h4 { margin-bottom: 0; } article ul ul, article ul ol, article ol ul, article ol ol { margin-bottom: 0; } article img { max-width: 100%; } article hr { background-color: #b2b2b2; border: none; display: block; height: 1px; margin-bottom: 15px; } article .wp-caption { color: #fff; margin-bottom: 2em; } article .wp-caption img { display: block; width: auto; } article .wp-caption .wp-caption-text { background: #0C0C0C; padding: 10px; margin-top: -1px; /*text-align: right;*/ margin-bottom: 0px; clear: both; } article .wp-caption .wp-caption-text p { text-align: left; font: bold 12px/18px "BentonSans-Medium", Arial, Helvetica, sans-serif; letter-spacing: normal; margin: 0px; display: inline; } article .wp-caption .wp-caption-text .img-author { font: 12px/14px "Shift-MediumItalic", Georgia, Times, "Times New Roman", serif; letter-spacing: 2px; color: #8c8c8c; text-transform: uppercase; padding-left: 10px; } article .wp-caption.align-none, article .wp-caption.alignnone { float: none; } article .wp-caption.align-left, article .wp-caption.align-right, article .wp-caption.alignleft, article .wp-caption.alignright { max-width: 100%; } article .wp-caption.align-left, article .wp-caption.alignleft { clear: left; float: left; margin: 0 15px 10px 0; max-width: 100%; } article .wp-caption.align-right, article .wp-caption.alignright { clear: right; float: right; margin: 0 0 10px 15px; max-width: 100%; } article .wp-caption.align-center, article .wp-caption.aligncenter { float: none; margin: 0 auto 15px; max-width: 100%; } article.l-article blockquote, article.l-article blockquote p, article blockquote, article blockquote p { font: 24px/30px "Shift-Book", Georgia, Times, "Times New Roman", serif; font-style: italic; } article blockquote { color: #262626; quotes: "“" "”" "‘" "’"; position: relative; margin: 40px 0 40px 30px; padding: 0 30px; } article blockquote:before { color: #f6d79e; content: "\201C"; font: 172px/115px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; height: 100%; min-height: 60px; padding-right: 25px; position: absolute; top: -12px; left: -2px; width: 58px; float: left; z-index: -1; } article blockquote p { position: relative; z-index: 2; } .center, .aligncenter { text-align: center; } .small { font-size: 0.84em; } .bigger { font-size: 1.38em; } ul, ol { margin-left: 1.37em; margin-bottom: 1.125em; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } nav ul { margin-left: 0; list-style-type: none; } .alignright, .alignleft { margin-bottom: 20px; } .alignright { float: right; margin-left: 10px; clear: right; } .alignleft { float: left; margin-right: 10px; clear: left; } .iframe, iframe { max-width: 100%; } .blue, .blue a, .blue .head, .news, .news a, .news .head, .business, .business a, .business .head { color: #005a8c; } .green, .green a, .green .head, .opinion, .opinion a, .opinion .head { color: #007d5d; } .light-green, .light-green a, .light-green .head { color: #b2d8ce; } .red, .red a, .red .head, .sports, .sports a, .sports .head { color: #dd2424; } .orange, .orange a, .orange .head, .arts, .arts a, .arts .head, .entertainment, .entertainment a, .entertainment .head, .health, .health a, .health .head, .life, .life .head, .life a { color: #e85e1c; } .purple, .purple a, .purple .head, .jobs, .jobs a, .jobs .head { color: #804b6d; } .yellow, .yellow a, .yellow .head, .obits, .obits a, .obits .head { color: #ebac10; } .violet, .violet a, .violet .head, .driving, .driving a, .driving .head { color: #4f5188; } .grey, .grey a, .grey .head { color: #cacbde; } .dark-grey, .dark-grey a, .dark-grey .head { color: #333; } .cyan, .cyan a, .cyan .head { color: #75adae; } .pink-light, .pink-light a, .pink-light .head { color: #d9cbd3; } .out-of-page .pn_dfpads { position: absolute; } #infinite-handle { display: none; visibility: hidden; height: 0; width: 0; } .l-header h1, .l-header h2, .l-header h3, .l-header h4, .l-header h5, .l-header h6, .l-header .h1, .l-header .h2, .l-header .h3, .l-header .h4, .l-header .h5, .l-header .h6, .l-footer h1, .l-footer h2, .l-footer h3, .l-footer h4, .l-footer h5, .l-footer h6, .l-footer .h1, .l-footer .h2, .l-footer .h3, .l-footer .h4, .l-footer .h5, .l-footer .h6, .nav-wrap h1, .nav-wrap h2, .nav-wrap h3, .nav-wrap h4, .nav-wrap h5, .nav-wrap h6, .nav-wrap .h1, .nav-wrap .h2, .nav-wrap .h3, .nav-wrap .h4, .nav-wrap .h5, .nav-wrap .h6, .subscription-page-new h1, .subscription-page-new h2, .subscription-page-new h3, .subscription-page-new h4, .subscription-page-new h5, .subscription-page-new h6, .subscription-page-new .h1, .subscription-page-new .h2, .subscription-page-new .h3, .subscription-page-new .h4, .subscription-page-new .h5, .subscription-page-new .h6 { font-family: "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; font-weight: 100; line-height: 1em; } .l-header h1, .l-header h2, .l-header h3, .l-header .h1, .l-header .h2, .l-header .h3, .l-footer h1, .l-footer h2, .l-footer h3, .l-footer .h1, .l-footer .h2, .l-footer .h3, .nav-wrap h1, .nav-wrap h2, .nav-wrap h3, .nav-wrap .h1, .nav-wrap .h2, .nav-wrap .h3, .subscription-page-new h1, .subscription-page-new h2, .subscription-page-new h3, .subscription-page-new .h1, .subscription-page-new .h2, .subscription-page-new .h3 { line-height: 1em; letter-spacing: normal; } .l-header h1, .l-header .h1, .l-footer h1, .l-footer .h1, .nav-wrap h1, .nav-wrap .h1, .subscription-page-new h1, .subscription-page-new .h1 { font-size: 3.93em; margin-bottom: 0.21em; } .l-header h2, .l-header .h2, .l-footer h2, .l-footer .h2, .nav-wrap h2, .nav-wrap .h2, .subscription-page-new h2, .subscription-page-new .h2 { font-size: 2.5em; margin-bottom: 0.2em; } .l-header h3, .l-header .h3, .l-footer h3, .l-footer .h3, .nav-wrap h3, .nav-wrap .h3, .subscription-page-new h3, .subscription-page-new .h3 { font-size: 2em; margin-bottom: 0.055em; } .l-header h4, .l-header .h4, .l-footer h4, .l-footer .h4, .nav-wrap h4, .nav-wrap .h4, .subscription-page-new h4, .subscription-page-new .h4 { font-size: 1.7em; margin-bottom: 0.6em; } .l-header h5, .l-header .h5, .l-footer h5, .l-footer .h5, .nav-wrap h5, .nav-wrap .h5, .subscription-page-new h5, .subscription-page-new .h5 { font-size: 1.45em; margin-bottom: 0.08em; } .l-header h6, .l-header .h6, .l-footer h6, .l-footer .h6, .nav-wrap h6, .nav-wrap .h6, .subscription-page-new h6, .subscription-page-new .h6 { font-size: 1.25em; margin-bottom: 0.72em; } .l-header p, .l-footer p, .nav-wrap p, .subscription-page-new p { font-family: "Shift-Book", Georgia, Times, "Times New Roman", serif; font-size: 14px; line-height: 1.43; margin-bottom: 1.125em; } .l-header li, .l-footer li, .nav-wrap li, .subscription-page-new li { font-family: "Shift-Book", Georgia, Times, "Times New Roman", serif; font-size: 14px; line-height: 1.43; } .l-header article.post-excerpt, .l-footer article.post-excerpt, .nav-wrap article.post-excerpt, .subscription-page-new article.post-excerpt { padding: 15px 0 10px; } @media only screen and (max-width: 767px) { h2 { font: 24px/30px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; letter-spacing: 1.5px; } h5 { font: 18px/24px "Shift-Book", Georgia, Times, "Times New Roman", serif; } article .wp-caption { position: relative; } article .wp-caption .wp-caption-text { position: absolute; bottom: 0; visibility: hidden; width: 100%; padding-left: 0; padding-right: 0; } article .wp-caption .wp-caption-text:before { cursor: pointer; content: "\E196"; font-family: "glyphicons-regular"; font-size: 26px; text-indent: 0; position: absolute; visibility: visible; right: 10px; bottom: 10px; } article .wp-caption .wp-caption-text.is-active { visibility: visible; } article .wp-caption .wp-caption-text.is-active:before { display: none; } article .wp-caption .wp-caption-text p { padding-left: 10px; padding-right: 10px; } article .wp-caption .wp-caption-text .img-author { padding-right: 10px; } article .wp-caption.video .wp-caption-text { position: relative; bottom: 0; visibility: visible; display: block; } article .wp-caption.video .wp-caption-text:before { display: none; } article .wp-caption.align-left, article .wp-caption.align-right, article .wp-caption.alignleft, article .wp-caption.alignright, article .wp-caption.align-center, article .wp-caption.aligncenter, article .wp-caption.align-none, article .wp-caption.alignnone { float: none; max-width: 100%; margin: 0 auto 15px; } article.l-article blockquote, article.l-article blockquote p, article blockquote, article blockquote p { font-size: 18px; line-height: 24px; } article blockquote { color: #262626; position: relative; padding: 0 13px; } article blockquote:before { font: 132px/81px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; z-index: -1; left: -11px; top: -4px; } } /* 1.6 Image replacement ------------------------------------------------------------------------------*/ .ir { display: block; position: relative; overflow: hidden; } .ir span { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } /* 2. COMMON -------------------------------------------------------------------------------- ==============================================================================*/ /* 2.1 Container ------------------------------------------------------------------------------*/ .l-constrained { max-width: 1160px; margin: 0 auto; padding: 0 20px 100px; } .l-main { float: left; width: 71.18644%; max-width: 840px; } .l-main > section { padding-bottom: 50px; } .l-main.no-sidebar { float: none; width: 100%; max-width: 100%; padding-top: 0; } .l-sidebar { float: right; width: 300px; } @media only screen and (max-width: 1120px) { .l-main { width: 67.85714%; } } @media only screen and (max-width: 1024px) { .l-constrained { width: 984px; } .l-main { width: 66.99219%; } } @media only screen and (max-width: 767px) { .l-constrained { width: 90%; } } .l-bottom-content { padding-top: 22px; clear: both; } .l-ad .l-main { width: 49%; } .l-ad .l-main article.fullwidth { padding-bottom: 0; } .l-ad .l-sidebar { width: 49%; } .desktop-only, .tablet-up, .mobile-up { display: block; } .tablet-only { display: none; } .mobile-only { display: none; } @media only screen and (max-width: 767px) { .desktop-only { display: none; } .tablet-only { display: block; } .l-main, .l-sidebar, .l-ad .l-main, .l-ad .l-sidebar { float: none; width: 100%; } .tablet-only, .tablet-up { display: none; } .mobile-only { display: block; } .l-constrained { padding-left: 10px; padding-right: 10px; min-width: 300px; } } /* 2.2 Header ------------------------------------------------------------------------------*/ /*LEGO only Style */ .l-header .lower-header .breadcrumb-wrap { padding: 0; width: auto; } .l-header .lower-header .breadcrumb-list span { color: #000000; } .l-header .navigation > ul > li { padding-top: 0px; } .l-header .navigation > ul > li.subscribe { display: none; } .l-header .navigation ul .featured_items { display: none; } .lower-header .more-category-and-feature .circular-list li { margin-right: 0px !important; } /*LEGO only Style */ .l-header .header-logo { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 120px; } .l-header .header-logo a img { position: relative; } .l-header .top-bar { background-color: #fff; border-bottom: 4px solid #b2b2b2; height: 60px; min-height: 60px; position: fixed; width: 100%; z-index: 5999910; top: 0; } .l-header .header-actions { list-style: none; margin: 0; float: right; width: 70%; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .l-header .header-actions li { border-left: 1px solid #b2b2b2; display: inline-block; margin-left: -4px; margin-bottom: -4px; } .l-header .header-actions li:hover { border-color: transparent; } .l-header .header-actions li a { text-decoration: none; text-align: center; text-transform: uppercase; font: 11px/11px "BentonSans-Bold", Arial, Helvetica, sans-serif; color: #b2b2b2; display: block; position: relative; } .l-header .header-actions li a:before { content: ""; font-family: "glyphicons-regular"; font-size: 20px; text-indent: 0; position: absolute; margin: auto; right: 0; left: 0; top: -45%; } .l-header .header-actions li a:hover { background-color: #7d7d7d; color: #000; } .l-header .header-actions li.search { background-color: #fff; } .l-header .header-actions li.search .form-search { width: 60px; } .l-header .header-actions li.search .form-search fieldset { background-color: #fff; border-left: 1px solid #b2b2b2; width: 60px; height: 60px; display: block; right: 0; top: 0; position: absolute; text-align: center; color: #7d7d7d; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; overflow: hidden; } .l-header .header-actions li.search .form-search fieldset label { background: #fff; position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; -webkit-transition: width 400ms ease; -moz-transition: width 400ms ease; -o-transition: width 400ms ease; -ms-transition: width 400ms ease; transition: width 400ms ease; z-index: 5999905; font: 1.071em "TitlingGothicFBComp-Regular", Arial, Helvetica, sans-serif; text-transform: uppercase; } .l-header .header-actions li.search .form-search fieldset label:hover { background-color: #b2b2b2; color: #ffffff; } .l-header .header-actions li.search .form-search fieldset label span { line-height: 95px; } .l-header .header-actions li.search .form-search fieldset label span:before { width: 60px; height: 30px; position: absolute; margin: auto; left: 0; right: 0; top: -45%; content: "\E028"; font-family: "glyphicons-regular"; font-size: 16px; text-indent: 0; } .l-header .header-actions li.search .form-search fieldset input[type="submit"] { position: absolute; right: 0; top: 0; width: 60px; height: 60px; border: 0; background: none; } .l-header .header-actions li.search .form-search fieldset input[type="text"] { background: #fff; border: 0; color: #7d7d7d; outline: 0; width: 90%; padding: 0 0 0 5px; height: 34px; position: relative; z-index: 5999902; text-align: left; font: 15px/18px "BentonSans-Regular", Arial, Helvetica, sans-serif; } .l-header .header-actions li.search .form-search fieldset input[type="text"]:focus { outline: none; } .l-header .header-actions li.search .form-search fieldset .close { background: transparent url(http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvY29tbW9uL3NlYXJjaC1jbG9zZS5wbmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$) no-repeat 0px 0px; position: absolute; display: block; z-index: 5999903; width: 40px; height: 40px; top: -2px; -webkit-transition: right 500ms ease; -moz-transition: right 500ms ease; -o-transition: right 500ms ease; -ms-transition: right 500ms ease; transition: right 500ms ease; } .l-header .header-actions li.search .form-search fieldset .close:hover { background-position: 0px -40px; background-color: none; } .l-header .header-actions li.search .form-search fieldset.is-wide { border-left: 0; width: 100%; } .l-header .header-actions li.search .form-search fieldset.is-wide label { background: #000000; color: #ffffff; } .l-header .header-actions li.search .form-search fieldset.is-wide input[type="submit"] { z-index: 5999906; } .l-header .header-actions li.search .form-search fieldset.is-wide input[type="text"] { width: 98%; padding-right: 1%; } .l-header .l-constrained { padding-bottom: 0; } .is-search #nav-trigger, .is-search .l-header .header-logo, .is-search .l-header.is-scrolled .header-logo, .is-search .l-header.is-sub-scrolled .header-logo { -webkit-transition: left 200ms ease; -moz-transition: left 200ms ease; -o-transition: left 200ms ease; -ms-transition: left 200ms ease; transition: left 200ms ease; left: -100px; } .oldie .l-header .header-actions li a:before { left: 35%; } @media only screen and (max-width: 767px) { .admin-bar .l-header.is-scrolled .header-logo, .admin-bar .l-header.is-sub-scrolled .header-logo, .admin-bar .l-header .header-logo { top: 46px; } .l-header { margin-bottom: 10px; } .l-header .top-bar { min-height: 66px; } .l-header.is-scrolled .header-logo, .l-header.is-sub-scrolled .header-logo, .l-header .header-logo { position: fixed; top: 0; z-index: 5999912; } .l-header .header-actions, .l-header.is-scrolled .top-bar .header-actions, .l-header.is-sub-scrolled .top-bar .header-actions { width: auto; } .l-header .header-actions li a, .l-header.is-scrolled .top-bar .header-actions li a, .l-header.is-sub-scrolled .top-bar .header-actions li a { width: 64px; height: 26px; padding-top: 37px; padding-bottom: 2px; } .l-header .header-actions li a:before, .l-header.is-scrolled .top-bar .header-actions li a:before, .l-header.is-sub-scrolled .top-bar .header-actions li a:before { top: -43%; } .l-header .header-actions li.search .form-search fieldset, .l-header.is-scrolled .top-bar .header-actions li.search .form-search fieldset, .l-header.is-sub-scrolled .top-bar .header-actions li.search .form-search fieldset { height: 66px; } .l-header .header-actions li.search .form-search fieldset label, .l-header.is-scrolled .top-bar .header-actions li.search .form-search fieldset label, .l-header.is-sub-scrolled .top-bar .header-actions li.search .form-search fieldset label { height: 66px; } .l-header .header-actions li.search .form-search fieldset label span, .l-header.is-scrolled .top-bar .header-actions li.search .form-search fieldset label span, .l-header.is-sub-scrolled .top-bar .header-actions li.search .form-search fieldset label span { line-height: 101px; } .l-header .header-actions li.search .form-search fieldset input[type="submit"], .l-header.is-scrolled .top-bar .header-actions li.search .form-search fieldset input[type="submit"], .l-header.is-sub-scrolled .top-bar .header-actions li.search .form-search fieldset input[type="submit"] { height: 66px; } .l-header .header-actions li.search .form-search fieldset input[type="text"], .l-header .header-actions li.search .form-search fieldset input[type="search"], .l-header.is-scrolled .top-bar .header-actions li.search .form-search fieldset input[type="text"], .l-header.is-scrolled .top-bar .header-actions li.search .form-search fieldset input[type="search"], .l-header.is-sub-scrolled .top-bar .header-actions li.search .form-search fieldset input[type="text"], .l-header.is-sub-scrolled .top-bar .header-actions li.search .form-search fieldset input[type="search"] { font-size: 1.1em; } .l-header .header-actions li.search .form-search fieldset.is-wide .close, .l-header.is-scrolled .top-bar .header-actions li.search .form-search fieldset.is-wide .close, .l-header.is-sub-scrolled .top-bar .header-actions li.search .form-search fieldset.is-wide .close { top: 13px; right: 65px; padding: 0px; } } @media only screen and (max-width: 1024px) { .l-header .header-logo { max-width: 15%; } .l-header .top-bar { width: 1024px; } } @media only screen and (min-width: 767px) and (max-width: 782px) { .admin-bar .l-header.is-scrolled .header-logo, .admin-bar .l-header.is-sub-scrolled .header-logo, .admin-bar .l-header .header-logo { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar .l-header .top-bar { position: absolute; } .admin-bar .l-header .header-logo { position: absolute; top: 0; } .admin-bar .l-header.is-scrolled .top-bar, .admin-bar .l-header.is-sub-scrolled .top-bar { position: fixed; top: 0; } .admin-bar .l-header.is-scrolled .header-logo, .admin-bar .l-header.is-sub-scrolled .header-logo { position: fixed; top: 0; } } /*/////NEW CSS/////////*/ .l-header { margin-bottom: 15px; position: relative; } .l-header .header-logo a img { width: 120px; } .l-header .tablet-header .header-logo a img { width: 134px; } .l-header .tablet-header .postmedia-logo { height: 50px; } .l-header .tablet-header .postmedia-logo span { margin: 15.5px auto; } .l-header .tablet-header .nav-wrap { margin-left: 145px; } .l-header .tablet-header .nav-wrap > .left-drop-shadow { display: block; } .l-header .tablet-header .nav-wrap > .right-drop-shadow { display: block; } .l-header .tablet-header .navigation { overflow: hidden; } .l-header .tablet-header .navigation .subnav { left: 0px; border-left: none; border-right: none; } .l-header .tablet-header .navigation .subnav ul li { height: 50px; } .l-header .tablet-header .navigation .subnav ul li a { padding: 19px 15px; } .l-header .tablet-header .navigation .subnav .subnav { top: 50px; } .l-header .tablet-header .navigation .subnav .subnav .subnav { height: 50px; } .l-header .tablet-header .navigation > ul > li:nth-child(9), .l-header .tablet-header .navigation > ul > li:nth-child(10) { display: block; } .l-header .tablet-header .navigation > ul > li > a:hover { background-color: #ebebeb; color: #000000; } .l-header .tablet-header .navigation > ul > li.open-subnav > a { z-index: 6; } .l-header .tablet-header .navigation > ul > li.news.open-subnav > a, .l-header .tablet-header .navigation > ul > li.business.open-subnav > a { background-color: #005a8c; color: #ffffff; } .l-header .tablet-header .navigation > ul > li.opinion.open-subnav > a { background-color: #007d5d; color: #ffffff; } .l-header .tablet-header .navigation > ul > li.entertainment.open-subnav > a, .l-header .tablet-header .navigation > ul > li.life.open-subnav > a { background-color: #e85e1c; color: #ffffff; } .l-header .tablet-header .navigation > ul > li.sports.open-subnav > a { background-color: #dd2424; color: #ffffff; } .l-header .tablet-header .navigation > ul > li.classifieds.open-subnav > a { background-color: #ebac10; color: #ffffff; } .l-header .tablet-header .prev-btn { height: 50px; left: 0; background-position: -76px -26px; } .l-header .tablet-header .prev-btn.inactive { background-position: 0px -26px; } .l-header .tablet-header .next-btn { height: 50px; right: 0; background-position: -114px -26px; } .l-header .tablet-header .next-btn.inactive { background-position: -38px -25px; } .l-header .tablet-header .show-slider.subnav > .left-drop-shadow { position: fixed; left: 166px; height: 50px; } .l-header .tablet-header .show-slider.subnav > .right-drop-shadow { position: fixed; right: 20px; height: 50px; } .l-header .tablet-header .show-slider.subnav > .prev-btn { display: none; } .l-header .tablet-header .show-slider.subnav > .next-btn { display: none; } .l-header .tablet-header .show-slider.subnav > ul, .l-header .tablet-header .show-slider.subnav > ul > li > .subnav { left: 0px; } .l-header .tablet-header .header-logo img { width: 134px; height: 134px; } .l-header .tablet-header .lower-header { height: 50px; margin-left: 145px; } .l-header .tablet-header .lower-header .breadcrumb-list li { padding: 20px 15px 18px; } .l-header .tablet-header .lower-header .more-category-and-feature { height: 50px; } .l-header .tablet-header .lower-header .more-category-and-feature .circular-list { padding: 20px 0px 18px; } .l-header .tablet-header .lower-header .more-items { top: 20px; right: 57px; } .l-header .tablet-header .lower-header .right-drop-shadow { height: 50px; right: 96px; } .l-header .tablet-header .lower-header .header-actions li.search .form-search fieldset { width: 50px; height: 50px; } .l-header .tablet-header .lower-header .header-actions li.search .form-search fieldset label { width: 50px; height: 50px; } .l-header .tablet-header .lower-header .header-actions li.search .form-search fieldset label span:before { width: 50px; height: 17px; top: -20px; } .l-header .tablet-header .lower-header .header-actions li.search .form-search fieldset input[type="text"] { height: 50px; } .l-header .tablet-header .lower-header .header-actions li.search .form-search fieldset input[type="submit"] { width: 50px; height: 50px; } .l-header .tablet-header .lower-header .header-actions li.search .form-search fieldset input[type="submit"] .focus { height: 50px; } .l-header .tablet-header .lower-header .header-actions li.search .form-search fieldset.is-wide { width: 100%; } .l-header .tablet-header .lower-header .header-actions li.search .form-search fieldset .close { top: 6px; right: 50px; } .l-header .top-bar { display: none; border-bottom: none; position: static; } .l-header .top-bar .get-the-app { position: relative; } .l-header .top-bar .get-the-app a:after { content: ' '; background: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvY29tbW9uL21vYmlsZS1uYXYtaW1hZ2VzLnBuZz9pMTBjLm1hcmsubm90SFRNTC50eXBl_$/$/$/$/$") no-repeat 0px -28px; width: 12px; height: 20px; position: absolute; margin: 0 auto; top: 20%; left: 40%; } .l-header .top-bar .get-the-app a:hover { background-color: #0E253A; color: #ffffff; } .l-header .close-bar { height: 50px; width: 100%; background-color: #ebebeb; position: relative; bottom: 50px; display: none; z-index: 5999912; border-top: 1px solid #b2b2b2; } .l-header .close-bar:after { content: ' '; width: 20px; height: 20px; position: absolute; background: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvY29tbW9uL21vYmlsZS1uYXYtaW1hZ2VzLnBuZz9pMTBjLm1hcmsubm90SFRNTC50eXBl_$/$/$/$/$") no-repeat 0px 0px; top: 15px; right: 15px; } .l-header .header-links li a { font: bold 11px/11px "BentonSans-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #b2b2b2; } .l-header .header-nav { position: relative; padding-top: 15px; background-color: #ffffff; } .header-links { border: 1px solid #b2b2b2; height: 83px; position: absolute; right: 0px; top: 15px; background-color: #ffffff; z-index: 3; width: 187px; } .header-links .signin-btn, .header-links .sign-out, .header-links .subscribe-btn { width: 50%; height: 100%; box-sizing: border-box; display: block; float: left; text-decoration: none; text-transform: uppercase; position: relative; color: #7d7d7d; padding-top: 53px; text-align: center; font: bold 11px/12px "BentonSans-Bold", Arial, Helvetica, sans-serif; } .header-links .signin-btn, .header-links .sign-out { opacity: 0.2; } .header-links .subscribe-btn { border-left: 1px solid #b2b2b2; } .header-links .signin-btn:before, .header-links .sign-out:before, .header-links .subscribe-btn:before { font-family: "glyphicons-regular"; font-size: 20px; color: #7d7d7d; position: absolute; width: 100%; display: block; text-align: center; top: 30px; font-weight: normal; } .header-links .signin-btn:before, .header-links .sign-out:before { content: "\e004"; } .header-links .subscribe-btn:before { content: "\e040"; } .header-links a:hover, .header-links a:hover:before { background-color: #0E253A; color: #FFF; } .header-links .signin-btn.loading { color: #FFF; } .header-links .loading:hover, .header-links .loading:hover:before { color: #EDEDED; background-color: #FFF; cursor: default; } .postmedia-logo { width: 187px; height: 34px; position: absolute; right: 0; bottom: 0; display: block; border: 1px solid #b2b2b2; border-top: none; text-decoration: none; z-index: 1; display: block; } .postmedia-logo span { background: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvY29tbW9uL3Bvc3RtZWRpYS5wbmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$") 0px 0px no-repeat; width: 116px; height: 17px; margin: 8.5px auto; display: block; padding: 0; } .postmedia-logo:hover { background-color: #0E253A; } .postmedia-logo:hover span { background-position: 0px -17px; } /* $logo-height: 85px; $logo-width: 169px; #modal-brands{ .modal-wrap{ max-width: 1160px; padding-left: 20px; padding-right: 20px; } .modal-content{ width: 855px; margin-top:150px; margin-right:2px; float: right; position:relative; .postmedia-logo{ border-top: solid 1px #e2e2e2; border-color: #e2e2e2; border-bottom:none; background-color: #0E253A; bottom: none; top: -34px; right: -2px; color: #fff; display: block !important; span{ background-position: right bottom; } } .modal-bar{ float: left; background-color: #0E253A; border:solid 1px #e2e2e2; width: 100%; &.modal-brands-header{ height: 50px; line-height: 50px; h3{ font: 24px/50px $article-heading; margin:0px; padding-left: 15px; text-transform: uppercase; a{ color:#fff; } } } &.modal-brands-footer{ height: 40px; p{ font: bold 15px/40px $bentonsans-medium; margin-top:0px; padding-left: 15px; a{ color: #fff; &:after{ content: "Γ¥¡"; display: inline-block; height: 40px; width: 15px; padding-left: 5px; } } } } } .modal-brands-holder{ float: left; margin-left: 1px; background-color: #ebebeb; width: 100%; .logoblocks { float:left; list-style: none; margin: 0; width:100%; .logoblock { height: 85px; line-height: 85px; width: 169px; border:solid 1px #e2e2e2; background-color: #ebebeb; display: inline-block; float: left; margin-left: -1px; margin-top: -1px; text-align: center; vertical-align: middle; background: url('http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvY29tbW9uL2JyYW5kcy5wbmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$') 0px 0px no-repeat; &:first-child{ margin-left: 0px; } &:hover { background-color: #fff; } &.blank{ background: none; } &.sun_media{ background-position:0px 0px; &:hover{ background-position:(-$logo-width) 0px; } } &.ottawa_citizen{ background-position:0 (-$logo-height*1); &:hover{ background-position:(-$logo-width) (-$logo-height*1); } } &.montreal_gazette{ background-position:0 (-$logo-height*2); &:hover{ background-position:(-$logo-width) (-$logo-height*2); } } &.calgary_herald{ background-position:0 (-$logo-height*3); &:hover{ background-position:(-$logo-width) (-$logo-height*3); } } &.national_post{ background-position:0 (-$logo-height*9); &:hover{ background-position:(-$logo-width) (-$logo-height*9); } } &.financial_post{ background-position:0 (-$logo-height*4); &:hover{ background-position:(-$logo-width) (-$logo-height*4); } } &.the_vancuver_sun{ background-position:0 (-$logo-height*5); &:hover{ background-position:(-$logo-width) (-$logo-height*5); } } &.the_province{ background-position:0 (-$logo-height*6); &:hover{ background-position:(-$logo-width) (-$logo-height*6); } } &.edmonton_journal{ background-position:0 (-$logo-height*8); &:hover{ background-position:(-$logo-width) (-$logo-height*8); } } &.leader_post{ background-position:0 (-$logo-height*7); &:hover{ background-position:(-$logo-width) (-$logo-height*7); } } &.the_star_phoenix{ background-position:0 (-$logo-height*10); &:hover{ background-position:(-$logo-width) (-$logo-height*10); } } &.the_windsor_star{ background-position:0 (-$logo-height*11); &:hover{ background-position:(-$logo-width) (-$logo-height*11); } } &.driving{ background-position:0 (-$logo-height*14); &:hover{ background-position:(-$logo-width) (-$logo-height*14); } } &.canada{ background-position:0 (-$logo-height*12); &:hover{ background-position:(-$logo-width) (-$logo-height*12); } } &.house_hunting{ background-position:0 (-$logo-height*13); &:hover{ background-position:(-$logo-width) (-$logo-height*13); } } &.rememberin{ background-position:0 (-$logo-height*15); &:hover{ background-position:(-$logo-width) (-$logo-height*15); } } &.celebrating{ background-position:0 (-$logo-height*16); &:hover{ background-position:(-$logo-width) (-$logo-height*16); } } &.flyer_city{ background-position:0 (-$logo-height*17); &:hover{ background-position:(-$logo-width) (-$logo-height*17); } } &.business_insider{ background-position:0 (-$logo-height*18); &:hover{ background-position:(-$logo-width) (-$logo-height*18); } } &.winnipeg_free_press{ background-position:0 (-$logo-height*19); &:hover{ background-position:(-$logo-width) (-$logo-height*19); } } &.times_colonist{ background-position:0 (-$logo-height*20); &:hover{ background-position:(-$logo-width) (-$logo-height*20); } } &.financial_post_magazine{ background-position:0 (-$logo-height*21); &:hover{ background-position:(-$logo-width) (-$logo-height*21); } } &.magazines{ background-position:0 (-$logo-height*23); &:hover{ background-position:(-$logo-width) (-$logo-height*23); } } &.comminity_publishing{ background-position:0 (-$logo-height*22); &:hover{ background-position:(-$logo-width) (-$logo-height*22); } } } } } } } // end #modal-brands */ .nav-wrap { margin-left: 130px; height: 83px; border: 1px solid #b2b2b2; border-right: none; position: relative; background-color: #ebebeb; z-index: 2; } .navigation > ul { width: 846px; height: 86px; margin: 0; position: relative; } .navigation ul li { float: left; font: bold 11px/12px "BentonSans-Bold", Arial, Helvetica, sans-serif; } .navigation ul li:first-child a { width: 74px; } .navigation ul li a { width: 73px; height: 12px; border-right: 1px solid #b2b2b2; padding: 0px; position: relative; text-align: left; padding: 66px 5px 5px 5px; color: #000; white-space: nowrap; display: inline-block; text-transform: uppercase; } .navigation ul li a:hover { text-decoration: none; } .navigation .subnav { position: absolute; top: 83px; left: -1px; width: 100%; height: 0px; visibility: hidden; border: 1px solid #b2b2b2; overflow: hidden; } .navigation .subnav ul { height: 0px; position: absolute; left: 0px; white-space: nowrap; } .navigation .subnav ul li { float: none; display: inline-block; height: 34px; width: auto; margin-right: -2px; } .navigation .subnav ul li a { width: auto; padding: 11px 15px; text-align: center; border: none; } .navigation .subnav ul li a:hover { color: #000; z-index: 5; } .navigation .subnav .open-subnav > a { z-index: 5; } .navigation .subnav .subnav { top: 34px; left: 0px; border-left: none; border-right: none; -webkit-box-shadow: 0px -5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -5px rgba(0, 0, 0, 0.15); box-shadow: 0px -5px rgba(0, 0, 0, 0.15); } .navigation .subnav .subnav .subnav { height: 34px; } .navigation .open-subnav > .subnav { visibility: visible; } .left-drop-shadow { width: 10px; -webkit-box-shadow: inset 15px 0px 10px -15px #403e3c; -moz-box-shadow: inset 15px 0px 10px -15px #403e3c; box-shadow: inset 15px 0px 10px -15px #403e3c; z-index: 6; } .right-drop-shadow { width: 10px; -webkit-box-shadow: inset -15px 0px 10px -15px #403e3c; -moz-box-shadow: inset -15px 0px 10px -15px #403e3c; box-shadow: inset -15px 0px 10px -15px #403e3c; z-index: 6; } .nav-wrap > .left-drop-shadow { position: absolute; left: 0px; height: 84px; display: none; } .nav-wrap > .right-drop-shadow { position: absolute; top: 0; right: 188px; height: 84px; display: none; } .prev-btn, .next-btn { position: absolute; z-index: 10; padding: 0; width: 38px; height: 34px; background: #fff; display: none; border: none; outline: none; background-image: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvY29tbW9uL25hdi1idXR0b24tYXJyb3dzLnBuZz9pMTBjLm1hcmsubm90SFRNTC50eXBl_$/$/$/$/$"); } .prev-btn { left: 0; background-position: -76px 0px; } .prev-btn.inactive { background-position: 0px 0px; } .next-btn { right: 0; background-position: -114px 0px; } .next-btn.inactive { background-position: -38px 0px; } .show-slider.subnav > .left-drop-shadow { position: absolute; left: 38px; height: 34px; display: none; } .show-slider.subnav > .right-drop-shadow { position: absolute; right: 38px; height: 34px; display: none; } .show-slider.subnav > .prev-btn, .show-slider.subnav > .next-btn, .show-slider.subnav > .left-drop-shadow, .show-slider.subnav > .right-drop-shadow { display: block; } .show-slider.subnav > ul { position: absolute; left: 40px; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; } .show-slider.subnav > ul > li > .subnav { left: -40px; } .header-logo img { width: 120px; height: 120px; position: absolute; left: 0; top: 0; } .lower-header { height: 34px; border-bottom: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; margin-left: 130px; margin-right: 189px; position: relative; z-index: 1; display: block; } .lower-header .breadcrumb-list { margin: 0; list-style-type: none; float: left; padding: 0; } .lower-header .breadcrumb-list li { float: left; padding: 12px 15px 10px; font: bold 11px/12px "BentonSans-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; } .lower-header .breadcrumb-list li a { color: #000; line-height: 12px; } .lower-header .more-category-and-feature { font: bold 11px/12px "BentonSans-Bold", Arial, Helvetica, sans-serif; overflow: hidden; height: 34px; margin-right: 100px; } .lower-header .more-category-and-feature .circular-list { margin: 0; padding: 12px 0px 10px; list-style-type: none; white-space: nowrap; position: relative; left: 0px; height: 12px; } .lower-header .more-category-and-feature .circular-list li { padding-left: 15px; text-transform: uppercase; font-size: 11px; line-height: 12px; font-family: "BentonSans-Bold", Arial, Helvetica, sans-serif; display: inline-block; margin-right: -3px; } .lower-header .more-category-and-feature .circular-list li a { float: left; color: #000; } .lower-header .more-category-and-feature .circular-list li:first-child .feature-title .separator { display: none; } .lower-header .more-category-and-feature .circular-list .feature-title { color: #939597; letter-spacing: 3px; font-family: "BentonSans-Regular", Arial, Helvetica, sans-serif; font-size: 10px; float: left; padding-right: 0; padding-left: 5px; } .lower-header .more-category-and-feature .circular-list .feature-title .separator { padding-right: 15px; padding-left: 0px; } .lower-header .more-category-and-feature .circular-list .separator { font: 11px/12px "BentonSans-Regular", Arial, Helvetica, sans-serif; color: #939597; margin-top: -2px; float: left; padding-left: 15px; display: none; } .lower-header .right-drop-shadow { position: absolute; height: 34px; top: 0; right: 96px; display: none; } .lower-header .more-items { font: bold 11px/12px "BentonSans-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; position: absolute; top: 12px; right: 51px; display: none; } .lower-header .header-actions { margin-top: -34px; } .lower-header .header-actions li.search .form-search fieldset { width: 34px; height: 34px; } .lower-header .header-actions li.search .form-search fieldset label { width: 34px; height: 34px; } .lower-header .header-actions li.search .form-search fieldset label span:before { width: 34px; height: 17px; top: -31px; } .lower-header .header-actions li.search .form-search fieldset input[type="submit"] { width: 34px; height: 34px; } .lower-header .header-actions li.search .form-search fieldset input[type="submit"] .focus { height: 34px; } .lower-header .header-actions li.search .form-search fieldset.is-wide .close { right: 34px; } /* Wide header */ .l-header.is-full-width-page .tablet-header { width: 1024px; } .l-header.is-full-width-page .tablet-header .show-slider.subnav > .left-drop-shadow { left: 146px; } .l-header.is-full-width-page .tablet-header .show-slider.subnav > .right-drop-shadow { right: 0px; } .l-header.is-full-width-page .l-constrained { width: auto; max-width: 100%; padding: 0; } /*Sticky header */ .header-is-sticky.l-header { position: fixed; z-index: 5999910; height: 85px; width: 100%; } .header-is-sticky.l-header .header-nav { border-left: 1px solid #b2b2b2; border-bottom: 3px solid rgba(178, 178, 178, 0.6); padding-top: 0px; } .header-is-sticky.l-header .header-nav .header-logo a img { width: 85px; height: 85px; } .header-is-sticky.l-header .header-nav .header-links { top: 0px; } .header-is-sticky.l-header .header-nav .lower-header { display: none; } .header-is-sticky.l-header .header-nav .postmedia-logo { display: none; } .header-is-sticky.l-header .nav-wrap { margin-left: 95px; } .header-is-sticky .tablet-header .show-slider.subnav > .left-drop-shadow { left: 116px; } .header-is-sticky.is-full-width-page .tablet-header .show-slider.subnav > .left-drop-shadow { left: 97px; } /*sponsored breadcrumb colors*/ .breadcrumb-list .sponsored { background-color: #7d7d7d !important; } .breadcrumb-list .sponsored a { color: #fff !important; } .breadcrumb-list.search { color: #000; } .sposored_info { display: block; } /*sponsored mobile nav items*/ .navigation li li a.sponsored_cat { text-align: left; } .navigation li li a.sponsored_cat:after { display: block; width: 100%; content: "Sponsored Section"; height: 10px; position: relative; color: #666; font: bold 9px/10px "BentonSans-Medium", Arial, Helvetica, sans-serif; text-transform: none; margin-top: 3px; } /*navigation menu colors*/ .navigation .news a, .navigation .business a, .navigation .opinion a, .navigation .entertainment a, .navigation .life a, .navigation .sports a, .navigation .jobs a, .navigation .obits a, .navigation .classifieds a, .navigation .driving a { color: #000; } .navigation ul > li a:hover { color: #fff; } .navigation > ul > li.news > a:hover, .navigation > ul > li.business > a:hover { background-color: #005a8c; } #news .navigation > ul > li.news > a, .navigation > ul > li.news.open-subnav > a, #business .navigation > ul > li.business > a, #technology .navigation > ul > li.business > a, .navigation > ul > li.business.open-subnav > a { background-color: #005a8c !important; color: #ffffff !important; } .navigation .news .subnav, .navigation .news .subnav .prev-btn, .navigation .news .subnav .next-btn, .news > .breadcrumb-list li:first-child, .navigation .business .subnav, .navigation .business .subnav .prev-btn, .navigation .business .subnav .next-btn, .business > .breadcrumb-list li:first-child { background-color: #4083a9; } .navigation .news .subnav .open-subnav > a, .navigation .news .subnav a:hover, .navigation .news .subnav .subnav, .navigation .news .subnav .subnav .prev-btn, .navigation .news .subnav .subnav .next-btn, .news > .breadcrumb-list li:first-child + li, .navigation .business .subnav .open-subnav > a, .navigation .business .subnav a:hover, .navigation .business .subnav .subnav, .navigation .business .subnav .subnav .prev-btn, .navigation .business .subnav .subnav .next-btn, .business > .breadcrumb-list li:first-child + li { background-color: #5e97b6; } .navigation .news .subnav .subnav .open-subnav > a, .navigation .news .subnav .subnav a:hover, .navigation .news .subnav .subnav .subnav, .navigation .news .subnav .subnav .subnav .prev-btn, .navigation .news .subnav .subnav .subnav .next-btn, .news > .breadcrumb-list li:first-child + li + li, .navigation .business .subnav .subnav .open-subnav > a, .navigation .business .subnav .subnav a:hover, .navigation .business .subnav .subnav .subnav, .navigation .business .subnav .subnav .subnav .prev-btn, .navigation .business .subnav .subnav .subnav .next-btn, .business > .breadcrumb-list li:first-child + li + li { background-color: #7facc5; } .navigation .news .subnav .subnav .subnav a:hover, .news > .breadcrumb-list li:first-child + li + li + li, .navigation .business .subnav .subnav .subnav a:hover, .business > .breadcrumb-list li:first-child + li + li + li { background-color: #b2cddc; } .navigation .news .prev-btn:hover, .navigation .news .next-btn:hover, .navigation .business .prev-btn:hover, .navigation .business .next-btn:hover { background-color: #b2cddc !important; } .navigation > ul > li.opinion > a:hover { background-color: #007d5d; } #opinion .navigation > ul > li.opinion > a, .navigation > ul > li.opinion.open-subnav > a { background-color: #007d5d !important; color: #ffffff !important; } .navigation > ul > li.opinion .subnav, .navigation .opinion .subnav .prev-btn, .navigation .opinion .subnav .next-btn, .opinion > .breadcrumb-list li:first-child { background-color: #409e86; } .navigation .opinion .subnav .open-subnav > a, .navigation .opinion .subnav a:hover, .navigation .opinion .subnav .subnav, .navigation .opinion .subnav .subnav .prev-btn, .navigation .opinion .subnav .subnav .next-btn, .opinion > .breadcrumb-list li:first-child + li { background-color: #61ae9b; } .navigation .opinion .subnav .subnav .open-subnav > a, .navigation .opinion .subnav .subnav a:hover, .navigation .opinion .subnav .subnav .subnav, .navigation .opinion .subnav .subnav .subnav .prev-btn, .navigation .opinion .subnav .subnav .subnav .next-btn, .opinion > .breadcrumb-list li:first-child + li + li { background-color: #7fbeae; } .navigation .opinion .subnav .subnav .subnav a:hover, .opinion > .breadcrumb-list li:first-child + li + li + li { background-color: #b2d8ce; } .navigation .opinion .prev-btn:hover, .navigation .opinion .next-btn:hover { background-color: #b2d8ce !important; } .navigation > ul > li.life > a:hover, .navigation > ul > li.entertainment > a:hover, .navigation .entertainment.open-subnav > a { background-color: #e85e1c; } #health .navigation > ul > li.life > a, #life .navigation > ul > li.life > a, #travel .navigation > ul > li.life > a, .navigation > ul > li.life.open-subnav > a, #entertainment .navigation > ul > li.entertainment > a, .navigation > ul > li.entertainment.open-subnav > a { background-color: #e85e1c !important; color: #ffffff !important; } .navigation .life .subnav, .navigation .life .subnav .prev-btn, .navigation .life .subnav .next-btn, .life > .breadcrumb-list li:first-child, .navigation .entertainment .subnav, .navigation .entertainment .subnav .prev-btn, .navigation .entertainment .subnav .next-btn, .entertainment > .breadcrumb-list li:first-child { background-color: #f87a3f; } .navigation .life .subnav .open-subnav > a, .navigation .life .subnav a:hover, .navigation .life .subnav .subnav, .navigation .life .subnav .subnav .prev-btn, .navigation .life .subnav .subnav .next-btn, .life > .breadcrumb-list li:first-child + li, .navigation .entertainment .subnav .open-subnav > a, .navigation .entertainment .subnav a:hover, .navigation .entertainment .subnav .subnav, .navigation .entertainment .subnav .subnav .prev-btn, .navigation .entertainment .subnav .subnav .next-btn, .entertainment > .breadcrumb-list li:first-child + li { background-color: #fa996c; } .navigation .life .subnav .subnav .open-subnav > a, .navigation .life .subnav .subnav a:hover, .navigation .life .subnav .subnav .subnav, .navigation .life .subnav .subnav .subnav .prev-btn, .navigation .life .subnav .subnav .subnav .next-btn, .life > .breadcrumb-list li:first-child + li + li, .navigation .entertainment .subnav .subnav .open-subnav > a, .navigation .entertainment .subnav .subnav a:hover, .navigation .entertainment .subnav .subnav .subnav, .navigation .entertainment .subnav .subnav .subnav .prev-btn, .navigation .entertainment .subnav .subnav .subnav .next-btn, .entertainment > .breadcrumb-list li:first-child + li + li { background-color: #fbb18e; } .navigation .life .subnav .subnav .subnav a:hover, .life > .breadcrumb-list li:first-child + li + li + li, .navigation .entertainment .subnav .subnav .subnav a:hover, .entertainment > .breadcrumb-list li:first-child + li + li + li { background-color: #fdd0b9; } .navigation .life .subnav .prev-btn:hover, .navigation .life .next-btn:hover, .navigation .entertainment .subnav .prev-btn:hover, .navigation .entertainment .next-btn:hover { background-color: #fdd0b9 !important; } .navigation > ul > li.sports > a:hover { background-color: #dd2424; } #sports .navigation > ul > li.sports > a, .navigation > ul > li.sports.open-subnav > a { background-color: #dd2424 !important; color: #ffffff !important; } .navigation .sports .subnav, .navigation .sports .subnav .prev-btn, .navigation .sports .subnav .next-btn, .sports > .breadcrumb-list li:first-child { background-color: #e76565; } .navigation .sports .subnav .open-subnav > a, .navigation .sports .subnav a:hover, .navigation .sports .subnav .subnav, .navigation .sports .subnav .subnav .prev-btn, .navigation .sports .subnav .subnav .next-btn, .sports > .breadcrumb-list li:first-child + li { background-color: #ec8687; } .navigation .sports .subnav .subnav .open-subnav > a, .navigation .sports .subnav .subnav a:hover, .navigation .sports .subnav .subnav .subnav, .navigation .sports .subnav .subnav .subnav .prev-btn, .navigation .sports .subnav .subnav .subnav .next-btn, .sports > .breadcrumb-list li:first-child + li + li { background-color: #f1a3a3; } .navigation .sports .subnav .subnav .subnav a:hover, .sports > .breadcrumb-list li:first-child + li + li + li { background-color: #f5bdbd; } .navigation .sports .prev-btn:hover, .navigation .sports .next-btn:hover { background-color: #f5bdbd !important; } .navigation > ul > li.jobs > a:hover { background-color: #804b6d; } #jobs .navigation > ul > li.jobs > a, .navigation > ul > li.jobs.open-subnav > a { background-color: #804b6d !important; color: #ffffff !important; } .navigation .jobs .subnav, .navigation .jobs .subnav .prev-btn, .navigation .jobs .subnav .next-btn, .jobs > .breadcrumb-list li:first-child { background-color: #9c738d; } .navigation .jobs .subnav .open-subnav > a, .navigation .jobs .subnav a:hover, .navigation .jobs .subnav .subnav, .navigation .jobs .subnav .subnav .prev-btn, .navigation .jobs .subnav .subnav .next-btn, .jobs > .breadcrumb-list li:first-child + li { background-color: #ac8aa0; } .navigation .jobs .subnav .subnav .open-subnav > a, .navigation .jobs .subnav .subnav a:hover, .navigation .jobs .subnav .subnav .subnav, .navigation .jobs .subnav .subnav .subnav .prev-btn, .navigation .jobs .subnav .subnav .subnav .next-btn, .jobs > .breadcrumb-list li:first-child + li + li { background-color: #bfa5b6; } .navigation .jobs .subnav .subnav .subnav a:hover, .jobs > .breadcrumb-list li:first-child + li + li + li { background-color: #d9c9d3; } .navigation .jobs .prev-btn:hover, .navigation .jobs .next-btn:hover { background-color: #d9c9d3 !important; } .navigation > ul > li.obits > a:hover, .navigation > ul > li.classifieds > a:hover { background-color: #ebac10; } #obits .navigation > ul > li.obits > a, .navigation > ul > li.obits.open-subnav > a, #classifieds .navigation > ul > li.classifieds > a, .navigation > ul > li.classifieds.open-subnav > a { background-color: #ebac10 !important; color: #ffffff !important; } .navigation .obits .subnav, .navigation .obits .subnav .prev-btn, .navigation .obits .subnav .next-btn, .obits > .breadcrumb-list li:first-child, .navigation .classifieds .subnav, .navigation .classifieds .subnav .prev-btn, .navigation .classifieds .subnav .next-btn, .classifieds > .breadcrumb-list li:first-child { background-color: #efbd40; } .navigation .obits .subnav .open-subnav > a, .navigation .obits .subnav a:hover, .navigation .obits .subnav .subnav, .navigation .obits .subnav .subnav .prev-btn, .navigation .obits .subnav .subnav .next-btn, .obits > .breadcrumb-list li:first-child + li, .navigation .classifieds .subnav .open-subnav > a, .navigation .classifieds .subnav a:hover, .navigation .classifieds .subnav .subnav, .navigation .classifieds .subnav .subnav .prev-btn, .navigation .classifieds .subnav .subnav .next-btn, .classifieds > .breadcrumb-list li:first-child + li { background-color: #f2c963; } .navigation .obits .subnav .subnav .open-subnav > a, .navigation .obits .subnav .subnav a:hover, .navigation .obits .subnav .subnav .subnav, .navigation .obits .subnav .subnav .subnav .prev-btn, .navigation .obits .subnav .subnav .subnav .next-btn, .obits > .breadcrumb-list li:first-child + li + li, .navigation .classifieds .subnav .subnav .open-subnav > a, .navigation .classifieds .subnav .subnav a:hover, .navigation .classifieds .subnav .subnav .subnav, .navigation .classifieds .subnav .subnav .subnav .prev-btn, .navigation .classifieds .subnav .subnav .subnav .next-btn, .classifieds > .breadcrumb-list li:first-child + li + li { background-color: #f5d587; } .navigation .obits .subnav .subnav .subnav a:hover, .obits > .breadcrumb-list li:first-child + li + li + li, .navigation .classifieds .subnav .subnav .subnav a:hover, .classifieds > .breadcrumb-list li:first-child + li + li + li { background-color: #f9e6b7; } .navigation .obits .prev-btn:hover, .navigation .obits .next-btn:hover, .navigation .classifieds .prev-btn:hover, .navigation .classifieds .next-btn:hover { background-color: #f9e6b7 !important; } .navigation > ul > li.driving > a:hover { background-color: #4f5188; } #driving .navigation > ul > li.driving > a, .navigation > ul > li.driving.open-subnav > a { background-color: #4f5188 !important; color: #ffffff !important; } .navigation .driving .subnav, .navigation .driving .subnav .prev-btn, .navigation .driving .subnav .next-btn, .driving > .breadcrumb-list li:first-child { background-color: #7677a2; } .navigation .driving .subnav .open-subnav > a, .navigation .driving .subnav a:hover, .navigation .driving .subnav .subnav, .navigation .driving .subnav .subnav .prev-btn, .navigation .driving .subnav .subnav .next-btn, .driving > .breadcrumb-list li:first-child + li { background-color: #8c8eb2; } .navigation .driving .subnav .subnav .open-subnav > a, .navigation .driving .subnav .subnav a:hover, .navigation .driving .subnav .subnav .subnav, .navigation .driving .subnav .subnav .subnav .prev-btn, .navigation .driving .subnav .subnav .subnav .next-btn, .driving > .breadcrumb-list li:first-child + li + li { background-color: #a7a8c3; } .navigation .driving .subnav .subnav .subnav a:hover, .driving > .breadcrumb-list li:first-child + li + li + li { background-color: #cacadb; } .navigation .driving .prev-btn:hover, .navigation .driving .next-btn:hover { background-color: #cacadb !important; } .navigation ul li.subscribe_mobile { display: none; } .navigation .subscribe > a:hover { background-color: #0e253a; } #subscribe .navigation > ul > li.subscribe > a, .navigation > ul > li.subscribe.open-subnav > a { background-color: #0e253a !important; color: #ffffff !important; } .navigation .subscribe .subnav, .navigation .subscribe .subnav .prev-btn, .navigation .subscribe .subnav .next-btn, .subscribe > .breadcrumb-list li:first-child { background-color: #62717f; } .navigation .subscribe .subnav .open-subnav > a, .navigation .subscribe .subnav a:hover, .navigation .subscribe .subnav .subnav, .navigation .subscribe .subnav .subnav .prev-btn, .navigation .subscribe .subnav .subnav .next-btn, .subscribe > .breadcrumb-list li:first-child + li { background-color: #7b8793; } .navigation .subscribe .subnav .subnav .open-subnav > a, .navigation .subscribe .subnav .subnav a:hover, .navigation .subscribe .subnav .subnav .subnav, .navigation .subscribe .subnav .subnav .subnav .prev-btn, .navigation .subscribe .subnav .subnav .subnav .next-btn, .subscribe > .breadcrumb-list li:first-child + li + li { background-color: #929da6; } .navigation .subscribe .subnav .subnav .subnav a:hover, .subscribe > .breadcrumb-list li:first-child + li + li + li { background-color: #b6bdc4; } .navigation .subscribe .prev-btn:hover, .navigation .subscribe .next-btn:hover { background-color: #b6bdc4 !important; } @media only screen and (max-width: 1200px) { .l-header .navigation > ul > li:nth-child(9), .l-header .navigation > ul > li:nth-child(10) { display: none; } } @media only screen and (max-width: 767px) { /*LEGO only Style */ .l-header .navigation > ul > li.subscribe { display: block; } .l-header .navigation ul .featured_items { display: block; } /*LEGO only Style */ .l-header { z-index: 599900; margin-bottom: 0; top: 0; height: 125px; } .l-header .l-constrained { padding: 0; width: 100%; } .l-header .header-links { padding-top: 0px; } .l-header .top-bar { position: fixed; top: 0; display: block; height: 65px; min-height: 65px; } .l-header .top-bar .header-actions { height: 65px; } .l-header .top-bar .header-actions li, .l-header .header-actions li.search .form-search fieldset { border-left: 1px solid #b2b2b2; } .l-header .header-actions li.search .form-search fieldset input[type="text"] { height: 65px; } .l-header .header-actions li.search .form-search fieldset label span::before { top: -25%; } .l-header .header-logo { position: fixed; top: 0px; left: 0px; width: 65px; height: 65px; max-width: 65px; } .l-header .header-logo a img { width: 65px; height: 65px; top: -1px; } .l-header .header-nav { padding-top: 0; } .lower-header { display: none; } .header-links { display: none; width: 0; } .postmedia-logo { display: none; } .nav-wrap { margin-left: 0px; height: 50px; z-index: 5999911; position: fixed; top: 64px; } .nav-wrap .left-drop-shadow { display: none; } .nav-wrap .right-drop-shadow { display: none; } .navigation { overflow: hidden; } .navigation > ul { height: 48px; width: 900px; white-space: nowrap; } .navigation > ul li { width: auto; } .l-header .navigation > ul > li:nth-child(9), .l-header .navigation > ul > li:nth-child(10) { display: block !important; } .navigation > ul > li > a { font: bold 12px/12px "BentonSans-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 19px 13px; width: auto !important; border: none; } .navigation > ul > li > a:hover { background-color: #ebebeb !important; color: #000000 !important; } .navigation > ul > li > .subnav { position: absolute; top: 51px; left: 0px; width: 50%; overflow: hidden; border: none; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; } .navigation > ul > li > .subnav ul { width: 100%; height: auto; float: left; white-space: normal; padding-bottom: 30px; display: table; } .navigation > ul > li > .subnav ul li { width: 100%; height: auto; margin: 0; border-bottom: 1px solid #b2b2b2; display: block; float: left; } .navigation > ul > li > .subnav ul li a { display: block; width: 100%; position: relative; text-align: left; padding: 0px 10px; white-space: normal; box-sizing: border-box; color: #ffffff; font: bold 12px/13px "BentonSans-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; height: 50px; display: table-cell; vertical-align: middle; width: 1%; } .navigation > ul > li > .subnav ul li a:hover { color: #ffffff; } .navigation > ul > li > .subnav ul li.open-subnav a { background-color: #ffffff !important; color: #000000; z-index: 7; } .navigation > ul > li > .subnav ul .subnav ul .subnav ul { padding-bottom: 0px; } .navigation > ul > li > .subnav > ul > li > .subnav { position: fixed; margin-left: 50%; margin-top: 81px !important; overflow: hidden; width: 50%; -webkit-box-shadow: -5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: -5px 0px rgba(0, 0, 0, 0.15); box-shadow: -5px 0px rgba(0, 0, 0, 0.15); background-color: #ffffff !important; height: 100%; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; z-index: 6; } .navigation > ul > li > .subnav > ul > li > .subnav > ul > li.menu-item-has-children > a:before { background: none; } .navigation > ul > li > .subnav .menu-item-has-children > a:before { content: ' '; position: absolute; top: 10px; right: 10px; width: 8px; height: 28px; background: url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvY29tbW9uL21vYmlsZS1uYXYtaW1hZ2VzLnBuZz9pMTBjLm1hcmsubm90SFRNTC50eXBl_$/$/$/$/$") no-repeat 0px -58px; } .navigation > ul > li > .subnav .menu-item-has-children > a:hover:before, .navigation > ul > li > .subnav .menu-item-has-children.open-subnav > a:before { background-position: 0px -96px; } .navigation > ul > li > .subnav .subnav ul li a { color: #000000; } .navigation > ul > li > .subnav .subnav .subnav { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; margin-left: 0; height: auto !important; border: none; top: 0; } .navigation > ul > li > .subnav .subnav .subnav ul li { border-top: 1px solid #b2b2b2; border-bottom: none; } .navigation > ul > li > .subnav .subnav .subnav a:hover { background-color: #b2b2b2 !important; } .navigation > ul > li > .subnav .open-subnav .subnav .subnav ul { visibility: visible; position: relative; top: 0px; height: 100%; } .navigation > ul > li > .subnav .open-subnav.subnav .subnav ul li:first-child { display: none; } .navigation > ul > li.news > .subnav a:hover, .navigation > ul > li.business > .subnav a:hover { background-color: #4083a9; } .navigation > ul > li.opinion > .subnav a:hover { background-color: #409e86; } .navigation > ul > li.entertainment > .subnav a:hover, .navigation > ul > li.life > .subnav a:hover { background-color: #f87a3f; } .navigation > ul > li.sports > .subnav a:hover { background-color: #e76565; } .navigation > ul > li.classifieds > .subnav a:hover { background-color: #efbd40; } .navigation > ul > li.subscribe > .subnav a:hover { background-color: #62717f; } .navigation .show-slider.subnav > ul { left: 0; } .navigation .show-slider.subnav > ul > li > .subnav { left: 0; } /*Wide header*/ .l-header.is-full-width-page { width: 100%; } /*Sticky header */ .header-is-sticky.l-header .header-nav .header-logo a img { width: 65px; height: 65px; } .header-is-sticky.l-header .nav-wrap { margin-left: 0; } } /* 2.3 Navigation ------------------------------------------------------------------------------*/ /* 2.4 Content ------------------------------------------------------------------------------*/ .glyphicons { font-family: "glyphicons-regular"; font-size: 85%; text-decoration: none; padding: 1px 3px 0 0; } .inline-video-background { overflow: hidden; display: table-cell; vertical-align: middle; background-color: #000; line-height: 0; cursor: pointer; } #SlicePlayerParentContainer { margin-bottom: 15px; } .kWidgetIframeContainer { z-index: 5999999 !important; } .local-branding, .sponsor_block { color: #000; float: none; margin-bottom: 15px; text-align: left; font: 11px/15px Helvetica, Arial, sans-serif; text-transform: none; position: relative; } .local-branding .cat-head.sponsored, .sponsor_block .cat-head.sponsored { display: inline; } .local-branding .cat-head.sponsored span, .sponsor_block .cat-head.sponsored span { display: inline; } .local-branding .sponsor_name_wrapper, .sponsor_block .sponsor_name_wrapper { display: block; margin-top: 8px; } .local-branding .sponsorship-img, .sponsor_block .sponsorship-img { float: right; height: 100%; min-height: 30px; margin-left: 20px; max-width: 120px; max-height: 60px; } .local-branding .sponsorship-img img, .sponsor_block .sponsorship-img img { max-width: 120px; max-height: 60px; } .local-branding .label.sponsor, .sponsor_block .label.sponsor { padding-right: 0px; color: #666666; line-height: 12px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; } .local-branding .label.sponsor strong, .sponsor_block .label.sponsor strong { color: #000; } .local-branding .sponsor_name a, .sponsor_block .sponsor_name a { color: #000; } .local-branding .post_category, .sponsor_block .post_category { font-weight: bold; text-transform: uppercase; } .local-branding .post-date, .sponsor_block .post-date { padding-left: 10px; font: Helvetica, Arial, sans-serif; } .local-branding .info-box, .sponsor_block .info-box { float: left; margin-top: -2px; margin-right: 5px; position: relative; } .local-branding .info-box .info-box-link, .sponsor_block .info-box .info-box-link { cursor: pointer; display: inline-block !important; float: left; font-size: 17px; text-align: center; line-height: 16px; } .local-branding .info-box .info-box-link:before, .sponsor_block .info-box .info-box-link:before { font-family: "glyphicons-regular"; content: "\e196"; color: #808080; } .local-branding .info-box .info-box-link a:hover, .local-branding .info-box .info-box-link:hover, .sponsor_block .info-box .info-box-link a:hover, .sponsor_block .info-box .info-box-link:hover { text-decoration: none; } .local-branding .info-box .info-box-content, .sponsor_block .info-box .info-box-content { background: none repeat scroll 0 0 #fff; border: 4px solid rgba(0, 0, 0, 0.2); margin: 0 auto; max-width: 200px; padding: 15px 30px 15px 15px; position: absolute; display: none; left: 20px; width: 200px; z-index: 1000001; } .local-branding .info-box .info-box-content.is-visible, .sponsor_block .info-box .info-box-content.is-visible { display: block; } .local-branding .info-box .info-box-content .modal-content, .sponsor_block .info-box .info-box-content .modal-content { padding: 0px; text-align: left; color: #000; } .local-branding .info-box .info-box-content .modal-content p, .sponsor_block .info-box .info-box-content .modal-content p { color: #555; font: bold 12px/18px "BentonSans-Medium", Arial, Helvetica, sans-serif; margin-bottom: 0px; } .local-branding .info-box .info-box-content .modal-close, .sponsor_block .info-box .info-box-content .modal-close { background-color: #fff; border: 0 none; color: #000; font: 16px/10px Helvetica, Arial, sans-serif; height: 30px; position: absolute; right: 0; top: 0; width: 30px; } .local-branding .info-box p, .sponsor_block .info-box p { margin: 0; } .local-branding .sponsor_details, .sponsor_block .sponsor_details { float: left; } .local-branding .sponsor_details span, .sponsor_block .sponsor_details span { display: block; } .local-branding .sponsor_details .sponsor, .sponsor_block .sponsor_details .sponsor { font-weight: bold; } .fourcol-li .sponsor_block .label.sponsor strong, .threecol-li .sponsor_block .label.sponsor strong { display: block; } .sixcol-li .sponsor_block .label.sponsor strong { display: inline; } .sponsored-wrap { padding: 5px; margin-top: 20px; margin-bottom: 0px; font: 14px/16px "BentonSans-Regular", Arial, Helvetica, sans-serif; position: relative; color: #000; } .sponsored-wrap .category-branding { width: 100%; float: left; text-align: center; vertical-align: middle; } .sponsored-wrap .category-branding .sponsorship-img { margin-right: 17px; display: inline-block; vertical-align: middle; max-width: 120px; max-height: 60px; } .sponsored-wrap .category-branding .sponsorship-img img { max-width: 120px; max-height: 60px; display: block; } .sponsored-wrap .category-branding .image_seperator { display: inline-block; vertical-align: middle; height: 50px; border-right: solid 1px #e7e7e7; margin-right: 12px; } .sponsored-wrap .category-branding .sponsor_details { text-align: center; display: inline-block; vertical-align: middle; max-width: 80%; position: relative; } .sponsored-wrap .category-branding .sponsor_details .logo_label { text-transform: uppercase; } .sponsored-wrap .category-branding .sponsor_details .logo_label .sponsor_label { display: inline-block; } .sponsored-wrap .category-branding .sponsor_details .sponsor { display: inline-block; font-family: "BentonSans-Medium", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; } .sponsored-wrap .category-branding .sponsor_details .sponsor.long_title { display: block; } .sponsored-wrap .category-branding .sponsor_details .sponsor a { color: #000; } .sponsored-wrap .category-branding .sponsor_details .sponsor a:hover { text-decoration: none; } .sponsored-wrap .category-branding .info-box a { cursor: pointer; display: inline-block !important; float: left; font-size: 17px; text-align: center; position: absolute; top: -10px; right: -25px; text-transform: initial; line-height: 16px; } .sponsored-wrap .category-branding .info-box a:before { font-family: "glyphicons-regular"; content: "\e196"; color: #808080; } .sponsored-wrap .category-branding .info-box a:hover { text-decoration: none; } .sponsored-wrap .category-branding .info-box-content { background: none repeat scroll 0 0 #fff; border: 4px solid rgba(0, 0, 0, 0.2); margin: 0 auto; padding: 15px 30px 15px 15px; position: absolute; display: none; max-width: 600px; right: 0px; width: 600px; z-index: 1000001; text-transform: initial; } .sponsored-wrap .category-branding .info-box-content.is-visible { display: block; } .sponsored-wrap .category-branding .info-box-content .modal-content { padding: 0px; text-align: left; color: #000; } .sponsored-wrap .category-branding .info-box-content .modal-content p { color: #555; font: bold 12px/18px "BentonSans-Medium", Arial, Helvetica, sans-serif; margin-bottom: 0px; } .sponsored-wrap .category-branding .info-box-content .modal-close { background-color: #fff; border: 0 none; color: #000; font: 16px/10px Helvetica, Arial, sans-serif; height: 30px; position: absolute; right: 0; top: 0; width: 30px; } .onecol { width: 5.801104972%; } /* 4.85%; } /* grid_1 */ .twocol { width: 14.364640883%; } /* 13.45%; } /* grid_2 */ .threecol, .threecol-li li { width: 22.928176794%; } /* 22.05%; } /* grid_3 */ .fourcol, .fourcol-li li { width: 31.491712705%; } /* 30.75%; } /* grid_4 */ .fivecol { width: 40.055248616%; } /* 39.45%; } /* grid_5 */ .sixcol, .sixcol-li li { width: 48.618784527%; } /* 48%; } /* grid_6 */ .sevencol { width: 57.182320438000005%; } /* 56.75%; } /* grid_7 */ .eightcol { width: 65.74585634900001%; } /* 65.4%; } /* grid_8 */ .ninecol { width: 74.30939226%; } /* 74.05%; } /* grid_9 */ .tencol { width: 82.87292817100001%; } /* 82.7%; } /* grid_10 */ .elevencol { width: 91.436464082%; } /* 91.35%; } /* grid_11 */ .twelvecol { width: 100%; } /* 100%; } /* grid_12 */ .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .threecol-li li, .fourcol-li li, .sixcol-li li { float: left; margin-right: 2.762430939%; margin-top: 0px; margin-bottom: 0px; } .twelvecol { margin-right: 0px; } .first { margin-left: 0px !important; } .last { float: right; margin-right: 0px !important; } .wp-layout { margin-bottom: 30px; } .wp-layout .wp-post-image { float: right; margin: 0 0 20px 20px; } .l-top-content { margin: 0 -20px; } .l-top-content .widget { padding-bottom: 5px; position: relative; z-index: 0; margin-bottom: 30px !important; } .l-top-content .posts-list.horizontal { margin-top: 10px; } article figure.thumbnail { position: relative; margin-bottom: 30px; } article .play_button_overlay { position: absolute; bottom: 10px; left: 5px; } article .play_button_icon { vertical-align: middle; } article .thumbnail img { display: block; } article.post-excerpt .entry-content { overflow: hidden; font: 15px/20px "BentonSans-Regular", Arial, Helvetica, sans-serif; margin-bottom: 0; } article.post-excerpt p { font-size: 1em; line-height: 1.43em; margin-bottom: 0; } article .label { text-transform: uppercase; text-decoration: none; color: #000000; font: bold 12px/13px "BentonSans-Bold", Arial, Helvetica, sans-serif; display: block; } .dotted-line li { border-bottom: dotted 1px #b2b2b2; padding: 10px 0; } .dotted-line li:first-child { padding-top: 0; } .dotted-line li h4 { margin: 0; } .dotted-line li:last-child { border-bottom: none; } .posts-list { list-style: none; margin: 0; } .posts-list .rowspacer { margin-bottom: 30px; } .posts-list .rowspacer:last-child { margin-bottom: 0; } .posts-list > li:last-child { margin-right: 0; padding-bottom: 0; } .posts-list > li article .thumbnail { float: left; margin-bottom: 15px; } .posts-list.horizontal { border-width: 1px 0; border-style: solid; border-color: #b2b2b2; padding: 12px 0 10px; margin-bottom: 10px; } .posts-list.horizontal > li { float: left; border-width: 0 1px 0 0; border-style: solid; border-color: #b2b2b2; max-width: 23%; padding: 0 12px; } .posts-list.horizontal > li:first-child { padding-left: 0; } .posts-list.horizontal > li:last-child { padding-right: 0; border-right: 0; } .posts-list.horizontal article { padding: 0; } .posts-list.horizontal article figure { margin-bottom: 0; } .posts-list.horizontal article h3 { font: 0.929em/15px 'Shift-Book', Times, "Times New Roman", serif; } .posts-list.posts-stream > li { padding-top: 0; padding-bottom: 16px; border-bottom: 0; } .posts-list.posts-stream .thumbnail { margin: 0 0 14px; } .posts-list.posts-stream time { color: #656565; } .posts-list.posts-stream time, .posts-list.posts-stream p { font: 16px/20px 'TitlingGothicFBCond-Standard', Helvetica, Arial, sans-serif; display: inline; } .posts-list.posts-stream time a, .posts-list.posts-stream p a { text-decoration: none; } .posts-list.boxes { padding-bottom: 24px; } .posts-list.boxes > li { border: 0; max-width: 23%; float: left; margin-right: 2.5%; } .posts-list.boxes > li:last-child { margin-right: 0; } .posts-list.boxes article .thumbnail { margin-bottom: 18px; margin-right: 0; float: none; max-width: none; } .posts-list.boxes article .entry-details { padding-bottom: 8px; } .posts-list.boxes article .entry-details .label { font-size: 11px; } .posts-list.boxes article.post-excerpt h3 { font: 1.071em/1.071em 'TitlingGothicFBCond-Standard', Helvetica, Arial, sans-serif; margin-bottom: 0; } .posts-list.boxes.half > li { margin-right: 2%; width: 49%; max-width: 50%; } .posts-list.boxes.half > li:last-child { margin-right: 0; } .posts-list.boxes.half article .entry-details, .posts-list.boxes.half article .entry-details .label { font-size: 12px; } .posts-list.boxes.half article h3 { font-size: 1.785em; margin-bottom: 0.36em; } .posts-list.boxes.posts-related { padding-bottom: 0; } .posts-list.boxes.posts-related a { text-decoration: none; } .posts-list.boxes.posts-related > li { border-top: 1px dotted #b2b2b2; float: none; margin-right: 0; max-width: none; padding: 25px 0 30px; } .posts-list.boxes.posts-related > li:first-child { padding-top: 0; border-top: none; } .posts-list.boxes.posts-related > li:last-child { padding-bottom: 0; } .posts-list.boxes.posts-related .thumbnail { margin: 0; } .posts-list.boxes.posts-related article { padding: 0; } .posts-list.boxes.posts-related article h3 { margin-bottom: 15px; font: bold 15px/20px "BentonSans-Medium",Arial,Helvetica,sans-serif; letter-spacing: normal; } .posts-list.boxes.categories-list > li { max-width: 23%; } .posts-list.boxes.categories-list article h3 { font-size: 1.286em; height: 20px; } .posts-list.boxes.categories-list article .label { font-size: 12px; } .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] { display: block !important; width: 100% !important; } .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style], .fb-comments * { width: 100% !important; } #wpstats { width: auto !important; } @media only screen and (max-width: 767px) { .breadcrumb li[class=""] { display: none; } .posts-list.boxes.categories-list { text-align: center; } .posts-list.boxes.categories-list > li { float: none; text-align: left; display: inline-block; margin-right: 1.6%; max-width: 22.9%; } .posts-list.boxes.categories-list > li:last-child { margin-right: 0; } #main section article.last-in-section { border: 0; } .l-top-content { padding-bottom: 0; } .l-top-content .widget { padding-bottom: 4px; } article .label { padding-bottom: 3px; } article.post-excerpt { padding-top: 10px; } .posts-list > li article .thumbnail { margin-right: 3%; } .posts-list.boxes { padding-bottom: 0; } .posts-list.boxes > li { margin-right: 6%; max-width: 47%; } .posts-list.boxes > li:nth-child(even) { margin-right: 0; } .posts-list.boxes > li:last-child { margin-right: 0; } .posts-list.boxes.categories-list > li { margin-right: 5%; max-width: 43.2%; } .posts-list.boxes.categories-list > li:nth-child(even) { margin-right: 0; } .posts-list.boxes.categories-list > li:last-child { margin-right: 0; } article.top-story { border-bottom: 1px solid #b2b2b2; } article.top-story .entry-title { font-size: 1.786em; line-height: 25px; } article.top-story .entry-content p { font-size: 1em; } article.fullwidth { padding-bottom: 12px; } .l-main .posts-list > li article .thumbnail { float: none; width: 100%; max-width: none; } .local-branding { clear: both; } .sponsored-wrap { padding: 0px; } .sponsored-wrap .category-branding { text-align: left; } .sponsored-wrap .category-branding .sponsor_details { max-width: 70%; text-align: left; position: inherit; } .sponsored-wrap .category-branding .sponsor_details .sponsor { display: inline-block; } .sponsored-wrap .category-branding .info-box a { right: 0px; } .sponsored-wrap .category-branding .info-box-content { max-width: 480px; width: 480px; } } @media only screen and (max-width: 480px) { .local-branding .sponsor_name, .sponsor_block .sponsor_name { margin-top: 5px; } .sponsored-wrap .category-branding .sponsorship-img { display: block; float: left; margin-right: 7px; } .sponsored-wrap .category-branding .image_seperator { float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 7px; } .sponsored-wrap .category-branding .sponsor_details { max-width: 70%; margin-top: 5px; } .sponsored-wrap .category-branding .sponsor_details .logo_label .text-the, .sponsored-wrap .category-branding .sponsor_details .logo_label .text-section { display: none; } .sponsored-wrap .category-branding .sponsor_details .logo_label .sponsor_label { display: block; } .sponsored-wrap .category-branding .sponsor_details .sponsor { display: block; } .sponsored-wrap .category-branding .info-box-content { width: 280px; } } @media only screen and (max-width: 380px) { .sponsored-wrap .category-branding .info-box-content { max-width: 240px; width: 240px; } .sponsored-wrap .category-branding .sponsor { display: block; } } @media only screen and (max-width: 320px) { .l-top-content { margin: 0 0 0 -10px; } .sponsored-wrap .category-branding .sponsor_details { max-width: 42%; } } .widget { margin-bottom: 50px; } .widget.widget-traffic .cat-head { display: inline-block; } .widget.widget_postmedia_weather_widget .widget-outfit-title-list { width: 110px; } .widget.widget-article { max-width: 35%; } .widget.widget-breaking { max-width: 50%; } .widget.widget-breaking .cat-head { margin-bottom: 0; } .widget.is-border { border-bottom: 1px solid #b2b2b2; margin-bottom: 50px; } .widget article.post-excerpt { padding: 0; } .widget article h2, .widget article .h2, .widget article h3, .widget article .h3 { margin-bottom: 0; } .widget .posts-list > li article .thumbnail { /*max-width: 150px; max-height: 87px;*/ overflow: hidden; margin-right: 10px; } .widget .two_col_images .posts-list > li article .thumbnail, .widget .posts-list.two_col_images > li article .thumbnail { max-width: 140px; max-height: 105px; margin-right: 0px; margin-bottom: 15px; } .widget .icon-social { display: block; margin-bottom: 2px; } .widget .icon-social img { max-width: 16px; } .widget .ranking { color: #7f7f7f; font: 20px/20px "BentonSans-Regular", Arial, Helvetica, sans-serif; } .widget.widget_pn_dfpad { text-align: center; } .widget.widget_pn_dfpad iframe, .widget.widget_pn_dfpad .iframe { /*padding: 10px; background: #000;*/ margin: 0 auto; } .widget .widgets-list-layout .widgets-list-layout-blavatar { max-width: 100% !important; } .widget-advertisement { text-align: center; } .widget-video article.post-excerpt { padding-top: 0; } .widget-video article .entry-details { padding-bottom: 5px; } .widget-video article .entry-details .label { letter-spacing: 0.1em; } .widget-video article .entry-title { margin-bottom: 0; font-size: 20px; line-height: 25px; } .widget-video .thumbnail { position: relative; } .widget-video .thumbnail a:before { color: #fff; position: absolute; left: 0; bottom: 0; background: #000; text-align: center; font-family: "glyphicons-regular"; font-size: 34px; line-height: 61px; content: "\E174"; width: 60px; height: 60px; } .widget-video .thumbnail a:hover:before { opacity: 0.7; } .widget-columns article .entry-details { padding-bottom: 5px; } .widget-columns article .entry-details .label { font-size: 11px; } .widget-columns article.post-excerpt p { font-size: 15px; line-height: 18px; } .widget-columns article.post-excerpt p a { text-decoration: none; } .widget-columns article .thumbnail img { max-width: 130px; } .widget-social-trending .icon-social { float: right; } .widget-social-trending .ranking { color: #e9c100; } .widget-social-trending .posts-list h3 { font-size: 20px; line-height: 20px; } .widget_vip_powered_wpcom { border-top: 1px solid #808080; padding-top: 10px; margin-top: 30px; } .widget_vip_powered_wpcom img { width: auto; } .widget .local-branding { width: 100%; margin-top: 0px; float: left; text-align: left; margin-bottom: 20px; } .widget .local-branding .cat-head { margin-bottom: 0px; display: inline; } .widget .local-branding .cat-head > span { display: inline; } .widget .local-branding .sponsor_name_wrapper { max-width: 200px; padding-left: 20px; } .widget .local-branding .sponsor_name_wrapper .label.sponsor { padding-right: 0px; } .widget .local-branding .sponsor_name_wrapper .sponsorship-img img { max-height: 60px; max-width: 120px; } .widget .local-branding .sponsor_name_wrapper .sponsor_name { margin-left: 5px; } .widget .local-branding .sponsor_name_wrapper .label.sponsored_by, .widget .local-branding .sponsor_name_wrapper .label.sponsor { color: #000; margin-right: 0px; text-align: left; font-family: Helvetica, Arial, sans-serif; margin-left: -20px; line-height: inherit; display: inline; text-transform: none; } .widget .local-branding .sponsor_name_wrapper .label.sponsored_by .sponsored_by_label, .widget .local-branding .sponsor_name_wrapper .label.sponsor .sponsored_by_label { color: #666; position: relative; padding-left: 20px; } .widget .local-branding .sponsor_name_wrapper .label.sponsored_by .sponsored_by_label.empty_info_box, .widget .local-branding .sponsor_name_wrapper .label.sponsor .sponsored_by_label.empty_info_box { padding-left: 0px; } .widget .local-branding .sponsor_name_wrapper .label.sponsored_by .sponsored_by_label .info-box, .widget .local-branding .sponsor_name_wrapper .label.sponsor .sponsored_by_label .info-box { position: absolute; left: 0px; top: -1px; float: none; font: "Shift-Bold", Georgia, Times, "Times New Roman", serif !important; margin-right: 0px; } .widget .local-branding .sponsor_name_wrapper .label.sponsored_by .sponsored_by_label .info-box .info-box-link, .widget .local-branding .sponsor_name_wrapper .label.sponsor .sponsored_by_label .info-box .info-box-link { line-height: 14px; } .widget .local-branding .sponsor_name_wrapper .label.sponsored_by .sponsored_by_label .info-box .info-box-link:hover, .widget .local-branding .sponsor_name_wrapper .label.sponsor .sponsored_by_label .info-box .info-box-link:hover { text-decoration: none; } .widget .local-branding .sponsor_name_wrapper .label.sponsored_by .sponsored_by_label .info-box .info-box-content, .widget .local-branding .sponsor_name_wrapper .label.sponsor .sponsored_by_label .info-box .info-box-content { max-width: 220px; left: 20px; right: auto; width: 220px; display: none; } .widget .local-branding .sponsor_name_wrapper .label.sponsored_by .sponsored_by_label .info-box .info-box-content.is-visible, .widget .local-branding .sponsor_name_wrapper .label.sponsor .sponsored_by_label .info-box .info-box-content.is-visible { display: block; } .widget h3 .advertisment, .widget h3 .sponsored_content, .widget h3 .joint_venture { font-family: "Shift-Bold", Georgia, Times, "Times New Roman", serif !important; } .widget .tvm-leader-header { font: bold 15px "BentonSans-Medium", Arial, Helvetica, sans-serif; color: #000; margin-bottom: 15px; text-transform: none; font-weight: normal; } .widget .tvm-leader-header .tvm-leader-date { font: 15px "BentonSans-Regular", Arial, Helvetica, sans-serif; } .tvm_tbl_outer { width: 100% !important; } .tvm_tbl_outer .tvm_td_timebar { background-color: #2e2f31; border: 1px solid #2e2f31; color: #fff; padding: 5px; } .tvm_tbl_outer .tvm_td_chn { background-color: #dfdfdf; } .tvm_tbl_outer .tvm_td_chn, .tvm_tbl_outer .tvm_td_grd, .tvm_tbl_outer .tvm_td_grd_r_ovr, .tvm_tbl_outer .tvm_td_grd_r, .tvm_tbl_outer .tvm_td_grd_m, .tvm_tbl_outer .tvm_td_grd_s, .tvm_tbl_outer .tvm_td_grd_s, .tvm_tbl_outer .tvm_td_grd_ovr, .tvm_tbl_outer .tvm_td_grd_r_ovr, .tvm_tbl_outer .tvm_td_grd_m_ovr, .tvm_tbl_outer .tvm_td_grd_s_ovr { border: 1px solid #2e2f31; padding: 7px; } .tvm_tbl_outer .tvm_chan_logo { display: block; margin-bottom: 5px; } .tvm_tbl_outer .tvm_txt_chan_num { display: none; } .tvm_tbl_outer .tvm_lineup_selector { display: none; } .widget .tvm-cta-grid { width: 100% !important; background-color: #ffcd00; border: none; color: #000000; font: bold 12px "BentonSans-Bold", Arial, Helvetica, sans-serif; padding: 13px 0px; margin-top: 8px; text-transform: uppercase; } #classified_slider_holder { z-index: 1; position: relative; clear: both; padding-top: 0px; width: 100%; } #classified_slider_holder ul { margin-left: 10px !important; height: 80px !important; list-style: none; margin-bottom: 10px; } #classified_slider_holder li { width: 100%; } #classified_slider_holder li img { float: left; margin-right: 10px; margin-left: -10px !important; width: 140px !important; height: 80px !important; } #classified_slider_holder img { width: 40px !important; height: 40px !important; } #classified_slider_holder p { margin-bottom: 0px; font-size: 14px; line-height: 19px; } #classified_slider_holder #classified_navigation { width: 100%; } #classified_slider_holder #classified_navigation .pnNext { float: left; } #classified_slider_holder #classified_navigation .pnPrev { float: right; } @media only screen and (max-width: 767px) { .widget.widget-article { max-width: none; } .widget.widget-article.alignright, .widget.widget-article.alignleft { float: none; margin: 0; } .widget-columns article .thumbnail img { max-width: 78px; } } .l-constrained.alerts { padding-bottom: 0px; } #pmalerts_holder { max-width: 1160px; overflow: hidden; margin: 0 auto 30px; padding: 0; min-width: auto; position: relative; } #pmalerts_holder #pmalerts_link { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; width: 100%; color: white; text-decoration: none; padding: 15px 15px 9px; text-transform: uppercase; } #pmalerts_holder #pmalerts_close_btn { height: 50px; width: 50px; cursor: pointer; } #pmalerts_holder #pmalerts_message { color: #fff; font-family: "TitlingGothicFBCond-Regular", "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; float: left; width: 80%; } #pmalerts_head { margin-right: 10px; } #pmalerts_calltoaction { font-family: "Shift-Book", Georgia, Times, "Times New Roman", serif; font-size: 18px; font-weight: normal; font-style: italic; line-height: 20px; text-transform: none; text-decoration: underline; margin-left: 10px; } .pm_isalert .l-header .header-boxes { padding-top: 144px; } @media screen and (min-width: 480px) { #pmalerts_holder #pmalerts_message { width: 85%; } } @media screen and (max-width: 768px) { #pmalerts_holder #pmalerts_calltoaction { display: block; margin-top: 4px; margin-left: 0px; } } @media screen and (min-width: 768px) { #pmalerts_holder #pmalerts_message { font-size: 22px; line-height: 24px; width: 90%; } } @media screen and (min-width: 1024px) { #pmalerts_holder #pmalerts_message { font-size: 24px; line-height: 26px; width: 95%; } } /* 2.5 Footer ------------------------------------------------------------------------------*/ .l-footer { background-color: #3d3d3d; color: #fff; padding: 30px 0 0; margin-bottom: -40px; } .l-footer .l-constrained { padding-bottom: 20px; } .l-footer .subnav a { color: #fff; } .l-footer .head { position: relative; z-index: 2; } .l-footer ul { list-style: none; margin: 0; } .l-footer .col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 16%; padding-right: 1%; position: relative; z-index: 2; } .l-footer .col:last-child { padding-right: 0; } .l-footer .col > a, .l-footer .col .head { font: 1.571em/36px "TitlingGothicFBComp-Regular", Arial, Helvetica, sans-serif; text-transform: uppercase; } .l-footer .col .subnav a { font-size: 0.857em; line-height: 20px; } .l-footer .postmedia { position: relative; display: block; } .l-footer .postmedia img { max-width: 100%; display: block; } .top-footer { position: relative; } .top-footer:before { content: ""; background-color: #fff; position: absolute; width: 100%; height: 30px; z-index: 1; } .top-footer .col .subnav { padding-top: 5px; } .top-footer .col .subnav a { font: 0.929em/20px "Shift-Bold", Georgia, Times, "Times New Roman", serif; } .top-footer .head { color: #0062af; } .top-footer .blue, .top-footer .blue > a, .top-footer .blue .head, .top-footer .news, .top-footer .news > a, .top-footer .news .head, .top-footer .business, .top-footer .business > a, .top-footer .business .head { color: #005a8c; } .top-footer .green, .top-footer .green > a, .top-footer .green .head, .top-footer .opinion, .top-footer .opinion > a, .top-footer .opinion .head { color: #007d5d; } .top-footer .light-green, .top-footer .light-green > a, .top-footer .light-green .head { color: #b2d8ce; } .top-footer .red, .top-footer .red > a, .top-footer .red .head, .top-footer .sports, .top-footer .sports > a, .top-footer .sports .head { color: #ce3727; } .top-footer .orange, .top-footer .orange > a, .top-footer .orange .head, .top-footer .arts, .top-footer .arts > a, .top-footer .arts .head, .top-footer .entertainment, .top-footer .entertainment > a, .top-footer .entertainment .head, .top-footer .health, .top-footer .health > a, .top-footer .health .head, .top-footer .life, .top-footer .life .head, .top-footer .life > a { color: #d25a21; } .top-footer .purple, .top-footer .purple > a, .top-footer .purple .head, .top-footer .jobs, .top-footer .jobs > a, .top-footer .jobs .head { color: #804b6d; } .top-footer .yellow, .top-footer .yellow > a, .top-footer .yellow .head, .top-footer .obits, .top-footer .obits > a, .top-footer .obits .head { color: #cf980f; } .top-footer .violet, .top-footer .violet > a, .top-footer .violet .head, .top-footer .driving, .top-footer .driving > a, .top-footer .driving .head { color: #4f5188; } .top-footer .grey, .top-footer .grey > a, .top-footer .grey .head { color: #cacbde; } .top-footer .dark-grey, .top-footer .dark-grey > a, .top-footer .dark-grey .head { color: #333; } .top-footer .cyan, .top-footer .cyan > a, .top-footer .cyan .head { color: #75adae; } .top-footer .pink-light, .top-footer .pink-light > a, .top-footer .pink-light .head { color: #d9cbd3; } .bottom-footer { background-color: #000; padding-top: 37px; } .bottom-footer a { color: #fff; } .bottom-footer .footer-info { width: 32%; padding-right: 2%; } .bottom-footer .footer-info p { font: 0.857em/20px Helvetica, Arial, sans-serif; margin-bottom: 1.25em; } .bottom-footer .head { color: #cacbde; } .bottom-footer .blue, .bottom-footer .blue > a, .bottom-footer .blue .head, .bottom-footer .news, .bottom-footer .news > a, .bottom-footer .news .head, .bottom-footer .business, .bottom-footer .business > a, .bottom-footer .business .head { color: #005a8c; } .bottom-footer .green, .bottom-footer .green > a, .bottom-footer .green .head, .bottom-footer .opinion, .bottom-footer .opinion > a, .bottom-footer .opinion .head { color: #007d5d; } .bottom-footer .light-green, .bottom-footer .light-green > a, .bottom-footer .light-green .head { color: #b2d8ce; } .bottom-footer .red, .bottom-footer .red > a, .bottom-footer .red .head, .bottom-footer .sports, .bottom-footer .sports > a, .bottom-footer .sports .head { color: #ce3727; } .bottom-footer .orange, .bottom-footer .orange > a, .bottom-footer .orange .head, .bottom-footer .arts, .bottom-footer .arts > a, .bottom-footer .arts .head, .bottom-footer .entertainment, .bottom-footer .entertainment > a, .bottom-footer .entertainment .head, .bottom-footer .health, .bottom-footer .health > a, .bottom-footer .health .head, .bottom-footer .life, .bottom-footer .life .head, .bottom-footer .life > a { color: #d25a21; } .bottom-footer .purple, .bottom-footer .purple > a, .bottom-footer .purple .head, .bottom-footer .jobs, .bottom-footer .jobs > a, .bottom-footer .jobs .head { color: #804b6d; } .bottom-footer .yellow, .bottom-footer .yellow > a, .bottom-footer .yellow .head, .bottom-footer .obits, .bottom-footer .obits > a, .bottom-footer .obits .head { color: #cf980f; } .bottom-footer .violet, .bottom-footer .violet > a, .bottom-footer .violet .head, .bottom-footer .driving, .bottom-footer .driving > a, .bottom-footer .driving .head { color: #4f5188; } .bottom-footer .grey, .bottom-footer .grey > a, .bottom-footer .grey .head { color: #cacbde; } .bottom-footer .dark-grey, .bottom-footer .dark-grey > a, .bottom-footer .dark-grey .head { color: #333; } .bottom-footer .cyan, .bottom-footer .cyan > a, .bottom-footer .cyan .head { color: #75adae; } .bottom-footer .pink-light, .bottom-footer .pink-light > a, .bottom-footer .pink-light .head { color: #d9cbd3; } @media only screen and (max-width: 1024px) { .l-footer { width: 1024px; } } @media only screen and (max-width: 767px) { .l-footer { width: 100%; } .l-footer .col { width: 32%; min-height: 250px; margin-right: 10px; } .top-footer .l-constrained { padding-left: 0; padding-right: 0; width: 100%; } .top-footer .col { width: 33.3%; margin-right: 0; /*padding-left: 20px; padding-right: 20px;*/ padding-left: 10px; padding-right: 10px; overflow: hidden; } .top-footer .col:nth-child(3n + 1) { clear: both; } .top-footer .col:before { content: ""; background-color: #fff; position: absolute; width: 100%; height: 30px; z-index: 1; left: 0; } .top-footer .col a { position: relative; z-index: 1; } .top-footer .col .subnav { margin-right: 10px; } .bottom-footer .footer-info.col { width: 100%; } .bottom-footer .col { width: 45%; } } /* 2.6 Piano ------------------------------------------------------------------------------*/ .tp-modal { z-index: 5999914 !important; } .tp-modal .tp-close { z-index: 5999916 !important; top: 15px !important; right: 15px !important; width: 20px !important; height: 20px !important; background: #fff url("http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL2phbnJhaW4vaW1hZ2VzL21vZGFsX2Nsb3NlLnBuZz9pMTBjLm1hcmsubm90SFRNTC50eXBl_$/$/$/$") no-repeat !important; font-size: 0px !important; border: 0px !important; border-radius: 0px !important; } .tp-backdrop { z-index: 5999912 !important; } .tp-backdrop.tp-active { opacity: 0.75 !important; background-color: #000000; } .tp-iframe-wrapper { margin: 10% auto !important; } /* 3. PAGES -------------------------------------------------------------------------------- ==============================================================================*/ /* 3.1 Home ------------------------------------------------------------------------------*/ /* 3.2 Article ------------------------------------------------------------------------------*/ .page-article .l-top-content .widget, body.single .l-top-content .widget { border-bottom: 0; } .page-article .l-header .header-boxes { border-bottom: 0; } .page-article .l-nav-wrap { border-bottom: 0; } .l-article a { text-decoration: underline; } .l-article .entry-title { margin-bottom: 30px; } .l-article .entry-subtitle { font: 15px/24px "BentonSans-Regular", Arial, Helvetica, sans-serif; margin-bottom: 0.4em; } .l-article .entry-details { padding-bottom: 0; text-transform: none; font: bold 12px/18px "BentonSans-Medium", Arial, Helvetica, sans-serif; color: #555555; margin-bottom: 30px; } .l-article .entry-details .story_details { width: 100%; max-width: 350px; float: left; } .l-article .entry-details a { text-decoration: underline; } .l-article .entry-details a:hover { text-decoration: underline; } .l-article .entry-details div { display: inline; } .l-article .entry-details .author { text-decoration: none; margin-right: 4px; text-transform: uppercase; } .l-article .entry-details .author .avatar { float: left; margin-top: 8px; margin-right: 10px; width: auto; } .l-article .entry-details time:after { content: " | "; } .l-article .entry-details .author-more { font: bold 12px/18px "BentonSans-Medium", Arial, Helvetica, sans-serif; color: #555; text-transform: none; text-decoration: underline; } .l-article .entry-details.byline div { display: block; max-width: 100%; } .l-article .entry-details.byline .author-wrap { display: block; clear: both; min-height: 33px; margin-bottom: 20px; width: 100%; float: left; } .l-article .entry-details.byline .author-wrap:last-child { min-height: 0; margin-bottom: 0; } .l-article .entry-details.byline .author-wrap .author { display: inline-block; width: 100%; text-decoration: none; } .l-article .entry-details.byline .author-wrap .author .name { display: block; margin-right: 20px; font-family: "Shift-MediumItalic", Georgia, Times, "Times New Roman", serif; font-size: 12px; letter-spacing: 2px; line-height: 14px; } .l-article .entry-details.byline .byline-dates { display: block; float: left; font: bold 12px/18px "BentonSans-Medium", Arial, Helvetica, sans-serif; color: #555; margin-bottom: 30px; } .l-article .entry-details.byline .byline-dates time.updated:after { content: ""; } .l-article .entry-content .wfull-content { margin: 30px 0 50px; } .l-article .entry-content .story-content { margin: 0 40px 35px 95px } .l-article p { margin-bottom: 15px; } .l-article h3 { margin-bottom: 0.78em; } .l-article .related_links { list-style: none; font: bold 15px/20px "BentonSans-Medium", Arial, Helvetica, sans-serif !important; margin: 0 0 20px !important; } .l-article .related_links li { border-top: 1px dotted #b2b2b2; padding: 10px 0; } .l-article .related_links li a { text-decoration: none !important; } .l-article .related_links li:first-child { padding-top: 0; border-top: none; } .l-article .widget .entry-title { margin: 0; } .oldie .l-article .entry-details div { padding-right: 5px; } .pagination { clear: both; padding-bottom: 23px; } .pagination > a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; text-align: left; font: bold 12px/14px "BentonSans-Medium", Arial, Helvetica, sans-serif; float: left; background: #0c0c0c; width: 50%; min-height: 85px; position: relative; text-decoration: none; vertical-align: top; } .pagination > a .pag-content { padding: 18px 0 0 14px; max-width: 308px; max-height: 60px; overflow: hidden; font: bold 12px/14px "BentonSans-Medium", Arial, Helvetica, sans-serif; } .pagination > a img { float: left; margin: 0 14px 20px 0; width: 50px; } .pagination > a:hover { text-decoration: underline; } .pagination > a:before { background-color: #004da1; height: 65px; position: absolute; width: 75px; min-height: 85px; text-transform: uppercase; font-weight: 100; font: 18px/134px "TitlingGothicFBCond-Regular", "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; } .pagination > a.previous { padding-right: 10px; padding-left: 85px; } .pagination > a.previous:before { left: 0; padding-left: 10px; content: "Previous"; } .pagination > a.next { border-left: 1px solid #fff; padding-right: 95px; margin-left: -4px; float: right; } .pagination > a.next:before { right: 0; text-align: right; padding-right: 10px; content: "Next"; } .pagination > a.off { cursor: default; color: #999; } .pagination > a.off:before { background: #666; } .pagination.for-search { margin-top: 15px; padding-bottom: 23px; } .pagination.for-search > a { text-decoration: none; } .pagination.for-search .pag-content { font: bold 12px/14px "BentonSans-Medium", Arial, Helvetica, sans-serif; padding-top: 57px; display: block; } #comments { padding-top: 20px; } #comments > p { background: #F2F2F2; color: #464646; padding: 12px; font: 11px/13px Helvetica, Arial, sans-serif; margin: 0; } #comments .comment-intro { line-height: 20px; } .article-actions { float: left; margin: 0 30px 20px 0; font-size: 14px; } .article-actions a { text-decoration: none; text-align: center; text-transform: uppercase; font: 14px/108px "TitlingGothicFBComp-Regular", Arial, Helvetica, sans-serif; color: #fff; background-color: #000; display: block; width: 65px; height: 65px; position: relative; z-index: 5; margin-bottom: 27px; letter-spacing: 0.1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .article-actions a:before { content: ""; font-family: "glyphicons-regular"; font-size: 24px; text-indent: 0; position: absolute; margin: auto; right: 0; left: 0; top: -45%; } .article-actions a:hover { opacity: 0.7; } .article-actions a.icon-share:before { content: "\E309"; } .article-actions a.icon-adjust:before { content: "\E101"; } .article-actions a.icon-comment:before { content: "\E310"; } .article-actions a.icon-print { margin-bottom: 0; } .article-actions a.icon-print:before { content: "\E016"; } .article-actions a.icon-mail { margin-bottom: 0; } .article-actions a.icon-mail:before { content: "\2709"; } .article-actions a.icon-twitter { margin-bottom: 0; } .article-actions a.icon-twitter:before { content: "\E245"; } .single-storyline .article-actions a.icon-comment { display: none; } .gallery .gallery-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; max-width: 32%; } .gallery .gallery-item img { display: block; margin-bottom: -3px; width: 100%; height: 100%; } .single-gallery .article-actions { float: none; margin-right: 0; margin-top: 20px; } .single-gallery .article-actions a { display: inline-block; margin-right: 2%; } .single-gallery .article-actions a.icon-adjust, .single-gallery .article-actions a.icon-print, .single-gallery .article-actions a.icon-comment { display: none; } .oldie .article-actions a { font-family: Helvetica, Arial, sans-serif; letter-spacing: -0.01em; font-size: 12px; } .oldie .article-actions a:before { left: 20px; } @media only screen and (max-width: 1024px) { .l-article .entry-details .story_details { max-width: 50%; } } @media only screen and (max-width: 767px) { .breadcrumb { border-top: 0; } .breadcrumb li { margin-top: 0; } .l-article h1 { font: 24px/30px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; letter-spacing: 1.5px; } .l-article .entry-details { -webkit-text-size-adjust: 100%; } .l-article .entry-details .story_details { max-width: 100%; } .l-article .entry-details.byline .author-wrap { max-width: 100%; } .l-article .entry-details.byline .author-wrap .author .avatar { margin-top: 5px; } .l-article .entry-details.byline .author-wrap .author .name { margin-right: 5px; } .l-article .entry-details.byline .author-wrap .author .author-more { display: block; } .l-article .entry-details.byline .byline-dates { margin-top: 0; max-width: 100%; } .article-actions { float: none; margin-right: 0; text-align: center; } .article-actions a { display: inline-block; font-size: 12px; line-height: 98px; margin-right: 3.6%; margin-bottom: 0; width: 60px; height: 60px; } .article-actions a:before { font-size: 22px; top: -46%; } .article-actions a.icon-print { margin-right: 0; } .gallery .gallery-item { max-width: 49%; } .pagination.for-search > a:before { width: 50%; max-width: 75px; } .pagination.for-search .pag-content { padding-left: 0; display: block; position: relative; left: 10px; padding-top: 30px; } .pagination.for-search .pag-content span { display: block; } .l-article .entry-content .story-content { margin: 0; } } @media only screen and (max-width: 320px) { .article-actions a { margin-right: 0; width: 59px; } } .modal { top: -9999px; position: fixed; left: 0; right: 0; margin: auto; width: 100%; min-height: 574px; margin: 0 auto; -webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -o-transition: top 500ms ease; -ms-transition: top 500ms ease; transition: top 500ms ease; z-index: 5999999; overflow: hidden; zoom: 1; } .modal.is-visible { position: fixed; top: 0; } .modal .bg-modal { background: #fff; position: absolute; width: 100%; height: 100%; top: 0; opacity: 0.9; z-index: 5999901; } .modal .modal-wrap { position: relative; z-index: 5999902; padding: 0 2%; max-width: 1000px; margin: 0 auto; } .modal .modal-close { background-color: #000; border: 0; color: #cd171d; position: absolute; top: 0; right: 0; font: 600 42px/10px Helvetica, Arial, sans-serif; width: 60px; height: 60px; } .modal .modal-header { padding-top: 76px; } .modal .modal-header .modal-title { font: 50px/56px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; letter-spacing: 1.5px; padding: 16px 0 65px; } .modal .modal-content { padding-bottom: 30px; } .modal .share { color: #cd171d; font: 16px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; text-transform: uppercase; } .modal .share:before { content: "\E309"; font-family: "glyphicons-regular"; font-size: 12px; text-indent: 0; margin-right: 5px; } .modal .copy-url, .modal .url { outline: 0; color: #fff; border: 0; background-color: #000; width: 100%; height: 92px; font: 27px "Shift-Book", Georgia, Times, "Times New Roman", serif; } .modal .copy-url.is-hidden { visibility: hidden; } .modal .copy-wrap { position: relative; } .modal .copy-wrap .url { line-height: 90px; margin: auto; height: 90px; font-size: 14px; font-weight: normal; text-align: center; } .share-icons { list-style: none; margin: 20px 0 0; text-align: center; } .share-icons li { vertical-align: top; display: inline-block; width: 15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; margin-left: 1.5%; max-height: 142px; } .share-icons li:first-child { margin-left: 0; } .share-icons li a { background-color: #fff; display: inline-block; width: 100%; height: 114px; padding: 28px 0 0; font: 24px/30px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; letter-spacing: 1.5px; text-align: center; outline: 0; text-decoration: none; } .share-icons li a.email svg { max-width: 70px; } .share-icons li a.fb svg { max-width: 65px; } .share-icons li a.pin svg { max-width: 66px; } .share-icons li a.google svg { max-width: 68px; } .share-icons li a.lin svg { max-width: 71px; } .share-icons li a svg { max-height: 72px; min-height: 70px; height: 70px; max-width: 72px; display: block; margin: 0 auto; } .oldie .share-icons li a { max-width: 106px; background: transparent url(http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvaWNvbnMtc29jaWFsL2llLXNvY2lhbC5wbmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$) no-repeat 0 0; padding-top: 67px; } .oldie .share-icons li a.tw { background-position: -106px 0; } .oldie .share-icons li a.fb { background-position: -212px 0; } .oldie .share-icons li a.pin { background-position: -318px 0; } .oldie .share-icons li a.google { background-position: -424px 0; } .oldie .share-icons li a.lin { background-position: -530px 0; } @media only screen and (max-width: 767px) { .modal .modal-header { padding-top: 54px; } .modal .modal-header .modal-title { padding-top: 32px; padding-bottom: 15px; font: 24px/30px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; letter-spacing: 1.5px; } .share-icons li { margin-left: 0; } .share-icons li a { font-size: 16px; line-height: 22px; padding-top: 12px; height: 95px; } .share-icons li a.email svg { max-width: 56px; } .share-icons li a.tw svg { max-width: 53px; } .share-icons li a.fb svg { max-width: 55px; } .share-icons li a.pin svg { max-width: 50px; } .share-icons li a.google svg { max-width: 54px; } .share-icons li a.lin svg { max-width: 51px; } .share-icons li a svg { max-width: 56px; min-height: 66px; height: auto; } .ios-oldie .modal { position: absolute; } .ios-oldie .modal .modal-wrap { height: 100% !important; } .ios-oldie .modal .bg-modal { display: none; } .ios-oldie .local-branding .modal { position: fixed; } .modal .modal-header { padding-top: 48px; padding-left: 14px; padding-right: 14px; } .modal .modal-header .modal-title { font-size: 1.5em; line-height: 25px; padding-top: 5px; padding-bottom: 5px; } .modal .copy-wrap { padding: 0 14px; } .modal .copy-url { font-size: 18px; height: 60px; } .modal .copy-wrap .url { font-size: 12px; height: 57px; line-height: 50px; } .modal .modal-wrap { padding: 0; overflow-y: auto; } .share-icons li { width: 31%; padding: 0 2% 14px; } .share-icons li a { font-size: 13px; line-height: 25px; padding-top: 12px; height: 78px; } .share-icons li a.email svg { max-width: 46px; } .share-icons li a.tw svg { max-width: 43px; } .share-icons li a.fb svg { max-width: 45px; } .share-icons li a.pin svg { max-width: 40px; } .share-icons li a.google svg { max-width: 44px; } .share-icons li a.lin svg { max-width: 41px; } .share-icons li a svg { min-height: 45px; } } /* 3.3 404 ------------------------------------------------------------------------------*/ .error-404 { padding-top: 20px; } .error-404 .page-content { padding-top: 6px; } .error-404 .page-content p { font: 24px/30px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; letter-spacing: 1.5px; } .search-form { position: relative; } .search-form input { outline: none; } .search-form input:focus { outline: none; } .search-form span.screen-reader-text { display: none; } .search-form label { display: block; padding-right: 80px; } .search-form input[type="search"], .search-form input[type="text"] { width: 100%; padding: 0 2%; outline: none; border: 1px solid #b2b2b2; font: 1.929em/55px "Shift-Book", Georgia, Times, "Times New Roman", serif; height: 58px; -webkit-appearance: none; -webkit-border-radius: 0px; } .search-form input[type="search"]:focus, .search-form input[type="text"]:focus { outline: none; } .search-form .submit-wrapper { background: #004da1; position: absolute; right: 2px; top: 0; display: block; width: 60px; height: 60px; text-align: center; } .search-form .submit-wrapper:before { color: #fff; width: 60px; height: 30px; position: absolute; margin: auto; left: 0; right: 0; top: 5px; content: "\E028"; font-family: "glyphicons-regular"; font-size: 20px; text-indent: 0; } .search-form input[type="submit"] { border: 0; color: #939597; width: 60px; height: 60px; background: none; color: #fff; font: 1.071em "TitlingGothicFBComp-Regular", Arial, Helvetica, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; padding-top: 35px; position: relative; } .l-sidebar .search-form input[type="search"] { font-size: 1.2em; } .oldie .search-form .submit-wrapper:before { left: 20px; } @media only screen and (max-width: 767px) { .error-404 .page-content p { font-size: 1.2em; } .search-form input[type="search"] { font-size: 1.2em; } } /* 3.4 Author ------------------------------------------------------------------------------*/ .author-info .thumbnail { float: left; max-width: 150px; margin-right: 20px; } .author-info header { overflow: hidden; } .author-info header .author-name { font: 35px/40px "TitlingGothicFBCond-Standard", Arial, Helvetica, sans-serif; letter-spacing: 1.5px; margin-bottom: 0; } .author-info header .author-email { font-size: 15px; text-decoration: underline; } .author-info header .author-social { padding-top: 21px; } .author-info header .author-social.article-actions { float: none; margin: 0px; } .author-info header .author-social.article-actions a { margin-bottom: 0px; float: left; margin-right: 27px; } .author-info .entry-content { clear: both; font: 16px/20px "Shift-Book", Georgia, Times, "Times New Roman", serif; padding: 18px 0 20px; } .oldie .author-info .thumbnail { width: 150px; } .oldie .author-info header .author-social { padding-top: 20px; } .oldie .author-info header .social-icon { position: relative; padding-top: 40px; height: 20px; } .oldie .author-info header .social-icon span, .oldie .author-info header .social-icon object { display: none; } .oldie .author-info header .social-icon:before { content: ""; position: absolute; top: 10px; width: 36px; height: 35px; background-image: url(http://www.vancouversun.com/g00/2_d3d3LnZhbmNvdXZlcnN1bi5jb20%3D_/TU9SRVBIRVVTMTMkaHR0cDovL3d3dy52YW5jb3V2ZXJzdW4uY29tL3dlYjIuMC9pbWFnZXMvaWNvbnMtc29jaWFsL2llLWF1dGhvci1pY29ucy5wbmc%2FaTEwYy5tYXJrLm5vdEhUTUwudHlwZQ%3D%3D_$/$/$/$/$); background-repeat: no-repeat; background-position: left top; } .oldie .author-info header .social-icon.social-tw:before { background-position: right top; } @media only screen and (max-width: 767px) { .author-info { margin-bottom: 40px; } .author-info .thumbnail { max-width: 100px; margin-bottom: 0px; overflow: hidden; text-align: center; } .author-info .thumbnail img { display: inline-block; max-height: 408px; width: auto; } .author-info header { overflow: visible; } .author-info header .author-social { clear: both; text-align: left; } .author-info header .author-email { font-size: 1em; display: none; } } /* 4. PRINT -------------------------------------------------------------------------------- ==============================================================================*/ @media print { body { font: normal normal 12pt/1.5em "Times New Roman", Times, serif; } a[href]:after { content: " (" attr(href) ") "; font-size: 90%; } a[href^="/"]:after { content: " (http://domain.com" attr(href) ") "; } .accessibility-nav, .hide, #sidebar, .l-header, .l-top-content, #side-navigation, .l-bottom-content, .top-footer, .footer-links, .pagination, .article-actions { display: none !important; } .l-main { float: none; width: 100%; } .bottom-footer .footer-info { width: 100%; padding: 0; } } /* 5. ADS -------------------------------------------------------------------------------- ==============================================================================*/ .l-header .l-constrained .skinnybar-container { margin: 20px auto 0; display: block; width: 970px; } .pn_dfpads { text-align: center; } #gpt-leaderboard2 div { margin: 0 auto; } /* Smartphones (landscape) ----------- */ @media only screen and (min-width: 321px) { .pn-leaderboard-ad-large, #pn-leaderboard-ad-large { padding: 0 0 5px 0; } } /* Smartphones (portrait) ----------- */ @media only screen and (max-width: 320px) { .pn-leaderboard-ad-large, #pn-leaderboard-ad-large { width: 320px; padding: 0 0 5px 0; position: relative; } .widget_pn_dfpad { left: 0px; position: relative; } }