/* Theme Name: Celebrity Net Worth - 2015 Theme URI: http://www.celebritynetworth.com/ Description: WordPress theme for Celebrity Net Worth. Version: 4.0 Author: CelebrityNetworth.com Author URI: http://celebritynetworth.com */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 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; } body { line-height: 1; } 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; } /* Basics */ html { -webkit-font-smoothing: antialiased; } body { font-family: 'Oxygen', Georgia, sans-serif; } a { color: #008080; text-decoration: none; outline: none; cursor: pointer; } ::-o-selection { background: #008080; color: #ffffff; } ::-moz-selection { background: #008080; color: #ffffff; } ::-webkit-selection { background: #008080; color: #ffffff; } ::selection { background: #008080; color: #ffffff; } .clear { clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .inline_inherit { display: inline; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; text-decoration: inherit; text-transform: inherit; font-style: inherit; } .table { display: table; width: 100%; } /* Structure */ body { background-color: #252525; text-align: center; } /* Header */ #header { background-color: #005971; position: fixed; z-index: 9999999; text-align: center; width: 100%; min-width: 850px; /*height: 38px;*/ } /* Header > Menu */ #menu { position: relative; display: table; width: 100%; max-width: 1440px; margin: 0 auto; background-color: #005971; text-align: left; } #menu .main_menu { position: relative; list-style: none; display: block; margin: 0; padding: 0; } #menu .main_menu > li { display: inline-block; float: left; margin: 0; padding: 0; list-style: none; font-family: 'Titillium Web', Georgia, sans-serif; font-weight: 600; font-size: 13px; line-height: 38px; color: #ffffff; } #menu .main_menu > li:hover { background-color: #e9f5f5; color: #000000; } #menu .main_menu > li.current-menu-item, #menu .main_menu > li.current-category-ancestor, #menu .main_menu > li.current-post-parent, #menu .main_menu > li.current-menu-parent { background-color: #236D82; color: #ffffff; } #menu .main_menu:hover > li.current-category-ancestor, #menu .main_menu:hover > li.current-menu-item, #menu .main_menu:hover > li.current-post-parent, #menu .main_menu:hover > li.current-menu-parent { background-color: #005971; color: #ffffff; } #menu .main_menu:hover > li.current-category-ancestor:hover, #menu .main_menu:hover > li.current-menu-item:hover, #menu .main_menu:hover > li.current-post-parent:hover, #menu .main_menu:hover > li.current-menu-parent:hover { color: #000000; background-color: #e9f5f5; } #menu .main_menu > li > a, #menu .main_menu > li > .text { display: block; padding: 0 8px; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; text-decoration: none; color: inherit; } #menu .main_menu > li > a:hover { cursor: pointer; } #menu .main_menu > li.menu-icon { float: right; } #menu .main_menu > li.menu-icon.current-menu-item { background-color: #e9f5f5; color: #000000; } #menu .main_menu:hover > li.menu-icon.current-menu-item { background-color: #005971; color: #ffffff; } #menu .main_menu:hover > li.menu-icon.current-menu-item:hover { background-color: #e9f5f5; color: #000000; } #menu .main_menu > li.menu-icon a { padding-left: 25px; padding-right: 9px; position: relative; } #menu .main_menu > li.menu-icon-map a { padding-left: 23px; padding-right: 9px; } #menu .main_menu > li.menu-icon a:before { display: block; position: absolute; left: 0; top: 0; content: "."; text-indent: -9999px; font-size: 1px; color: transparent; background: transparent url('images/sprite-2015.png') no-repeat -9999px -9999px; } #menu .main_menu > li.menu-icon-list a:before, #menu .main_menu:hover > li.menu-icon-list.current-menu-item a:before { background-position: -22px -122px; width: 13px; height: 13px; left: 6px; top: 12px; } #menu .main_menu > li.menu-icon-list:hover a:before, #menu .main_menu > li.menu-icon-list.current-menu-item a:before, #menu .main_menu:hover > li.menu-icon-list.current-menu-item:hover a:before { background-position: -22px -137px; } #menu .main_menu > li.menu-icon-map a:before, #menu .main_menu:hover > li.menu-icon-map.current-menu-item a:before { width: 18px; height: 38px; left: 4px; top: 0; background-image: url('/svgs/icon/map,ffffff.svg'); background-position: center center; background-size: 18px 18px; } #menu .main_menu > li.menu-icon-map:hover a:before, #menu .main_menu > li.menu-icon-map.current-menu-item a:before, #menu .main_menu:hover li.menu-icon-map.current-menu-item:hover a:before { background-image: url('/svgs/icon/map,000000.svg'); } #menu .main_menu > li.menu-item-social-network { float: right; } #menu .main_menu > li.menu-item-social-network > a { position: relative; display: block; padding-left: 0; padding-right: 0; width: 38px; text-indent: -9999px; font-size: 1px; color: transparent; } #menu .main_menu > li.menu-item-social-network > a:before { content: "."; text-indent: -9999px; font-size: 1px; color: transparent; position: absolute; top: 0; left: 0; display: block; width: 38px; height: 38px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; } #menu .main_menu > li.menu-item-social-network.menu-item-social-facebook > a { background-color: #3874b0; } #menu .main_menu > li.menu-item-social-network.menu-item-social-facebook > a:before { background-image: url('/svgs/logo/facebook,ffffff.svg'); background-size: 18px 18px; } #menu .main_menu > li.menu-item-social-network.menu-item-social-facebook.has-count-value > a { padding-left: 20px; padding-right: 20px; width: auto; text-indent: 0; font-size: inherit; color: #ffffff; padding-right: 10px; } #menu .main_menu > li.menu-item-social-network.menu-item-social-facebook.has-count-value > a:before { width: 18px; left: 2px; } #menu .main_menu > li.menu-item-social-network.menu-item-social-twitter > a { background-color: #00cdfa; background-position: center -27px; } #menu .main_menu > li.menu-item-social-network.menu-item-social-twitter > a:before { background-image: url('/svgs/logo/twitter,ffffff.svg'); } #menu .main_menu > li.menu-item-social-network.menu-item-social-youtube > a { background-color: #d44738; background-position: center -67px; } #menu .main_menu > li.menu-item-social-network.menu-item-social-youtube > a:before { background-image: url('/svgs/logo/youtube,ffffff.svg'); } #menu .main_menu > li.menu-item-social-network.menu-item-social-instagram > a { position: relative; background-color: #4f81a5; background-image: none; } #menu .main_menu > li.menu-item-social-network.menu-item-social-instagram > a:before { background-image: url('/svgs/logo/instagram,ffffff.svg'); background-size: 26px 26px; } body.logged-in #menu .main_menu:before { content: "."; position: absolute; text-indent: -9999px; width: 2px; height: 2px; font-size: 1px; color: transparent; background-color: #00C200; display: block; top: 3px; right: 3px; /*margin-top: 3px; margin-right: -7px;*/ } /* @20150616 - Child menu items in Top Menu nav */ #menu .main_menu > li.menu-item-has-children > a, #menu .main_menu > li.menu-item-has-children > .text { position: relative; padding-right: 23px; } #menu .main_menu > li.menu-item-has-children > a:after, #menu .main_menu > li.menu-item-has-children > .text:after { content: "."; text-indent: -9999px; font-size: 1px; color: transparent; display: block; position: absolute; top: 50%; right: 8px; width: 11px; height: 11px; margin-top: -4px; background: transparent url('/svgs/icon/arrow-down,ffffff.svg') no-repeat left top; background-size: 100% 100%; } #menu .main_menu > li.current-category-ancestor:hover > a:after, #menu .main_menu > li.menu-item-has-children:hover > a:after, #menu .main_menu > li.menu-item-has-children.current-menu-item > a:after, #menu .main_menu:hover > li.menu-item-has-children.current-menu-item:hover > a:after { background-image: url('/svgs/icon/arrow-down,000000.svg'); } #menu .main_menu > li.current-category-ancestor:hover > .text:after, #menu .main_menu > li.menu-item-has-children:hover > .text:after, #menu .main_menu > li.menu-item-has-children.current-menu-item > .text:after, #menu .main_menu:hover > li.menu-item-has-children.current-menu-item:hover > .text:after { background-image: url('/svgs/icon/arrow-down,000000.svg'); } #menu .main_menu > li.menu-item-has-children > .sub-menu { display: none; width: 100%; position: absolute; top: 38px; left: 0; right: 0; z-index: 99999; z-index: 9999999; background-color: #e9f5f5; color: #000000; border-bottom: 5px solid #008080; } #menu .main_menu.menu_hovering > li.active_sub_content > .sub-menu { display: table; } /*#menu .main_menu > li.menu-item-has-children:hover > .sub-menu { display: table; }*/ #menu .main_menu > li.menu-item-has-children > .sub-menu > li { display: inline-block; float: left; width: 200px !important; padding: 20px 20px 10px 20px; width: 241px; } #menu .main_menu > li.menu-item-has-children > .sub-menu > li > a, #menu .main_menu > li.menu-item-has-children > .sub-menu > li > .text { cursor: text; display: block; font-size: 18px; line-height: 18px; color: #303030; } #menu .main_menu > li.menu-item-has-children > .sub-menu > li > .sub-menu { list-style: none; margin: 0; padding: 12px 0 0 0; display: block; background-color: transparent; } #menu .main_menu > li.menu-item-has-children > .sub-menu > li:after { background-color: rgba(0,0,0,0.1); content: ""; height: 100%; position: absolute; margin-left: -30px; top: 0px; width: 1px; } #menu .main_menu > li.menu-item-has-children > .sub-menu > li > .sub-menu li { list-style: none; margin: 0 0 8px 0; padding: 0; display: block; } #menu .main_menu > li.menu-item-has-children > .sub-menu > li > .sub-menu li a { display: block; font-size: 14px; line-height: 18px; color: #008080; } #menu .main_menu > li.menu-item-has-children > .sub-menu > li > .sub-menu li a:hover { text-decoration: underline; } #menu .main_menu > li.menu-item-has-children > .sub-menu > li > .sub-menu li .text { display: block; font-size: 14px; line-height: 16px; color: #303030; } /* @20150623 - Child content on Top Menu item hover */ #menu .main_menu > li.menu-item-object-category > a { position: relative; padding-right: 23px; } #menu .main_menu > li.menu-item-object-category > a:after { content: "."; text-indent: -9999px; font-size: 1px; color: transparent; display: block; position: absolute; top: 50%; right: 8px; width: 11px; height: 11px; margin-top: -4px; background: transparent url('/svgs/icon/arrow-down,ffffff.svg') no-repeat left top; background-size: 100% 100%; } #menu .main_menu > li.menu-item-object-category:hover { background-color: #e9f5f5; color: #000000; } #menu .main_menu > li.menu-item-object-category:hover > a:after, #menu .main_menu > li.menu-item-object-category.current-menu-item:hover > a:after, #menu .main_menu:hover > li.menu-item-object-category.current-menu-item:hover > a:after { background-image: url('/svgs/icon/arrow-down,000000.svg'); } #menu .main_menu > li > .show_on_hover { display: none; width: 100%; position: absolute; top: 38px; left: 0; right: 0; z-index: 99999; z-index: 9999999; background-color: #e9f5f5; color: #000000; border-top: 3px solid #e9f5f5; box-shadow: 0 7px 11px rgba(0, 0, 0, 0.3); } /*#menu .main_menu > li:hover > .show_on_hover { display: table; }*/ #menu .main_menu.menu_hovering > li.active_sub_content > .show_on_hover { display: table; } #menu .main_menu > li > .show_on_hover > .nav-hover-section { display: table-cell; vertical-align: top; width: auto; } #menu .main_menu > li > .show_on_hover > .nav-hover-section.aside { background-color: #deeded; width: 300px; padding-top: 3px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section.nav-hover-section-post-list { padding-left: 12px; padding-right: 12px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .child-categories { list-style: none; display: table; width: 300px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .child-categories > li { display: block; width: 150px; float: left; list-style: none; margin: 0; padding: 0; width: 50%; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .child-categories > li > .anchor { display: block; padding: 9px 9px 9px 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Titillium Web', Georgia, sans-serif; font-size: 13px; line-height: 13px; color: #34494f; font-weight: 700; text-decoration: none; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .child-categories > li > a.anchor:hover, #menu .main_menu > li > .show_on_hover > .nav-hover-section .child-categories > li.child-category-active > .anchor { color: #4fa5bc; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .child-categories > li.has_cat_trending_list { display: block; width: 150px; float: left; list-style: none; margin: 0; padding: 9px 9px 9px 18px; width: 50%; width: calc(50% - 27px); line-height: 13px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .child-categories > li.has_cat_trending_list > .anchor { display: inline; padding: 0; line-height: 13px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form { position: relative; display: table; width: 414px !important; height: 35px !important; padding-top: 6px; padding-right: 12px; width: 435px; height: 40px; margin-left: auto; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .query { background-color: #cccccc; display: inline-block; margin: 0; width: 360px !important; border: 0; padding: 0 12px; width: 384px; height: 30px; vertical-align: middle; font-family: 'Titillium Web', sans-serif; font-size: 16px; line-height: 30px; color: #000000; outline: none; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .query::-webkit-input-placeholder { color: #888888; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .query:-moz-placeholder { color: #888888; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .query::-moz-placeholder { color: #888888; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .query:-ms-input-placeholder { color: #888888; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .submit { position: relative; display: inline-block; border: 0; vertical-align: middle; background-color: #25807b; text-indent: -9999px; font-size: 1px; color: transparent; cursor: pointer; width: 30px; height: 30px; padding: 0; box-shadow: 0 0 0 transparent; margin: 0; outline: none; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .submit:before { content: "."; text-indent: -9999px; font-size: 1px; color: transparent; display: block; position: absolute; top: 7px; left: 7px; width: 16px; height: 16px; background: transparent url('images/scroller-sprite-2015.png') -292px -2px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .cnw_autosuggest_list { display: none; position: absolute; top: 42px; left: 0; z-index: 999; border: 0; width: 384px; margin: 0; padding: 0; background-color: #fff; -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), inset -5px -5px 15px -5px #F0F0EF; -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), inset -5px -5px 15px -5px #F0F0EF; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), inset -5px -5px 15px -5px #F0F0EF; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), inset -5px -5px 15px -5px #F0F0EF; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), inset -5px -5px 15px -5px #F0F0EF; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .cnw_autosuggest_list > li { display: block; margin: 0; padding: 0; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .cnw_autosuggest_list > li a { display: block; padding: 3px 5px 3px 5px; color: #008080; font-size: 14px; line-height: 20px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .cnw_autosuggest_list > li b { font-family: inherit; font-weight: bold; color: inherit; display: inline; font-size: inherit; line-height: inherit; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .cnw_autosuggest_list > li a:hover, #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .cnw_autosuggest_list > li.active a { color: #fff; background-color: #116E6C; cursor: pointer; } @media all and (max-width: 1000px) { #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form { width: 294px !important; width: 315px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .query { width: 240px !important; width: 264px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .search-form .cnw_autosuggest_list { width: 264px; } } #menu .main_menu > li > .show_on_hover > .nav-hover-section .post-list { list-style: none; display: table; table-layout: fixed; width: 100%; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .post-list.post-list-hidden { display: none; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .post-list > li { display: table-cell; vertical-align: top; width: auto; list-style: none; margin: 0; padding: 6px 12px 12px 12px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .post-list > li .anchor { display: block; cursor: pointer; font-family: 'Titillium Web', Georgia, sans-serif; font-size: 14px; line-height: 18px; color: #000000; font-weight: 600; text-decoration: none; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .post-list > li .anchor .image { display: block; width: 100%; height: auto; border: 0; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .post-list > li .anchor .title { font-family: inherit; font-size: inherit; line-height: inherit; color: #000000; font-weight: inherit; text-decoration: none; padding: 2px 4px 0 4px; } #menu .main_menu > li > .show_on_hover > .nav-hover-section .post-list > li a.anchor:hover .title { color: #005971; } @media screen and (max-width: 1315px) { #menu .main_menu > li.menu-item-social-network > a { width: 30px; } #menu .main_menu > li.menu-item-social-network > a:before { width: 30px; } #menu .main_menu > li.menu-item-social-network.menu-item-social-facebook.has-count-value > a { text-indent: -9999px; font-size: 1px; color: transparent; width: 30px; padding-left: 0; padding-right: 0; background-position: center 12px; } #menu .main_menu > li.menu-item-social-network.menu-item-social-facebook.has-count-value > a:before { left: 6px; } /*#menu .main_menu > li.menu-icon-list > a { text-indent: -9999px; font-size: 0; color: transparent; width: 30px; padding-left: 0; padding-right: 0; } #menu .main_menu > li.menu-icon-list > a:before { left: 8px !important; } */ #menu .main_menu > li.menu-icon-map > a { text-indent: -9999px; font-size: 0; color: transparent; width: 30px; padding-left: 0; padding-right: 0; } #menu .main_menu > li.menu-icon-map > a:before { left: 6px !important; } } @media screen and (max-width: 1205px) { #menu .main_menu > li > a, #menu .main_menu > li > .text { font-weight: normal; } #menu .main_menu > li.menu-item-has-children > a, #menu .main_menu > li.menu-item-object-category > a { padding-right: 8px; } #menu .main_menu > li.menu-item-has-children > a:after, #menu .main_menu > li.menu-item-object-category > a:after { display: none; } } @media screen and (max-width: 1075px) { #menu .main_menu > li.menu-icon-list > a { text-indent: -9999px; font-size: 0; color: transparent; width: 30px; padding-left: 0; padding-right: 0; } #menu .main_menu > li.menu-icon-list > a:before { left: 8px !important; } } @media screen and (max-width: 910px) { #menu .main_menu > li.menu-item-home > a, #menu .main_menu > li.menu-item-object-category > a, #menu .main_menu > li.menu-item-type-custom > a, #menu .main_menu > li > .text { padding-left: 4px; padding-right: 4px; } #menu .main_menu > li.menu-item-home > a { padding-left: 8px; } #menu .main_menu > li.current-menu-item > a, #menu .main_menu > li.current-category-ancestor > a, #menu .main_menu > li.current-menu-parent > a { padding-left: 8px; padding-right: 8px; } } /* Main App Container */ #cnw { margin: 0; padding: 38px 0 0 0; text-align: center; background-color: #f6f5f2; } /* Wasit band to keep width in check */ #cnw .cnw_waist_band { display: table; width: 100%; min-width: 850px; max-width: 1440px; margin: 0 auto; text-align: left; } /* Advert:728x90 */ #skyline { text-align: center; padding: 8px 0; background-color: #ffffff; } #skyline .cnw_waist_band { text-align: center; } /* #CNW > Branding */ #branding { position: relative; display: table; width: 100%; background-color: #f6f5f3; } /* Header > Logo */ #logo { float: left; width: 508px; height: 100px; } /*#branding #logo .anchor { display: block; width: 260px; height: 100px; background: transparent url('images/sprite-2015.png') no-repeat 16px 19px; text-indent: -9999px; font-size: 1px; color: transparent; border: 0; }*/ #logo .anchor { display: block; width: 508px; height: 100px; background: transparent url('images/sprite-branding.png') no-repeat 12px 19px; text-indent: -9999px; font-size: 1px; color: transparent; border: 0; } /* Header > Search */ #search_box { float: right; display: inline-block; width: 490px !important; padding-top: 22px; padding-right: 12px; width: 502px; } #search_box > .search { position: relative; display: table; width: 100%; } #search_box > .search > .query { background-color: #1f6e6a; display: inline-block; margin: 0; width: 276px !important; border: 0; padding: 0 12px; width: 300px; height: 56px; vertical-align: middle; font-family: 'Titillium Web', sans-serif; font-size: 22px; line-height: 56px; color: #ffffff; outline: none; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); } #search_box > .search > .query::-webkit-input-placeholder { color: #ffffff; color: rgba(255, 255, 255, 0.4); } #search_box > .search > .query:-moz-placeholder { color: #ffffff; color: rgba(255, 255, 255, 0.4); } #search_box > .search > .query::-moz-placeholder { color: #ffffff; color: rgba(255, 255, 255, 0.4); } #search_box > .search > .query:-ms-input-placeholder { color: #ffffff; color: rgba(255, 255, 255, 0.4); } #cnw_header_query_suggestions { position: absolute; z-index: 999999; top: 56px; left: 0; width: 300px; text-align: left; padding: 4px 0; background-color: #e6e6e6; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topright: 0; border-radius: 4px; border-top-right-radius: 0; } #cnw_header_query_suggestions:before { display: block; content: "."; text-indent: -9999px; font-size: 1px; color: transparent; position: absolute; top: 0; left: 18px; margin-top: -6px; width: 11px; height: 6px; background: transparent url('images/sprite-branding.png') no-repeat -70px -105px; } #cnw_header_query_suggestions li { padding: 0 12px; margin: 0; font-size: 16px; line-height: 22px; } #cnw_header_query_suggestions li:hover { background-color: #d0d0d0; cursor: pointer; } #cnw_header_query_suggestions li:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } #cnw_header_query_suggestions li:last-child { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #cnw_header_query_suggestions li > a { display: block; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; text-decoration: none; cursor: pointer; } #search_box > .search > .submit { position: relative; display: inline-block; border: 0; vertical-align: middle; background-color: #25807b; text-indent: -9999px; font-size: 1px; color: transparent; cursor: pointer; width: 53px; height: 56px; padding: 0; box-shadow: 0 0 0 transparent; margin: 0 12px 0 0; outline: none; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); } #search_box > .search > .submit:before { content: "."; text-indent: -9999px; font-size: 1px; color: transparent; display: block; position: absolute; top: 15px; left: 13px; width: 27px; height: 26px; background: transparent url('images/sprite-branding.png') -3px -92px; } #search_box > .search > .random { position: relative; display: inline-block; padding: 0 14px 0 43px; font-family: 'Titillium Web', sans-serif; font-size: 14px; line-height: 54px; vertical-align: middle; color: #ffffff; text-transform: uppercase; background-color: #005971; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); } #search_box > .search > .random:before { content: "."; text-indent: -9999px; font-size: 1px; color: transparent; display: block; position: absolute; top: 17px; left: 15px; width: 19px; height: 19px; background: transparent url('images/sprite-branding.png') -41px -92px; } #search_box > .search > .reset { display: none; position: absolute; z-index: 100; top: 16px; left: 262px; width: 26px; height: 26px; border: 0; box-shadow: 0 0 0 transparent; text-indent: -9999px; font-size: 1px; color: transparent; background: transparent url('/svgs/icon/clear,439893.svg') 0 0; background-size: 100% 100%; cursor: pointer; outline: none; } #search_box > .search.can_reset > .reset { display: block; } @media all and (min-width: 1200px) { #search_box { width: 638px !important; width: 650px; } #search_box > .search > .query { width: 424px !important; width: 448px; } #cnw_header_query_suggestions { width: 448px; } #search_box > .search > .reset { left: 410px; } } @media all and (max-width: 1040px) { #search_box { width: 328px !important; width: 340px; } #search_box > .search > .query { font-size: 18px; width: 182px !important; width: 206px; } #cnw_header_query_suggestions { width: 206px; } #search_box > .search > .random { text-indent: -9999px; font-size: 1px; color: transparent; padding-left: 0; padding-right: 0; width: 49px; } #search_box > .search > .reset { left: 168px; } } /* Main Area */ #main { display: table; width: 100%; table-layout: fixed; background-color: #f6f5f2; border-top: 6px solid #0e6e6c; } /* Main > Content */ #content { display: table-cell; vertical-align: top; width: auto; padding: 24px; } @media screen and (max-width: 1024px) { #content { padding-top: 8px; } } /* pages with no side/left/right padding */ #content.no_padding { padding-left: 0; padding-right: 0; } #content.no_padding .main_padding { padding-left: 24px; padding-right: 24px; } #content.no_padding .main_margin { margin-left: 24px; margin-right: 24px; } #content.no_padding_left { padding-left: 0; } #content.no_padding_left .main_padding { padding-left: 24px; } #content.no_padding_left .main_margin { margin-left: 24px; } #content.no_padding_right { padding-right: 0; } #content.no_padding_right .main_padding { padding-right: 24px; } #content.no_padding_right .main_margin { margin-right: 24px; } #content > .header { font-family: 'Oxygen', Arial, sans-serif; font-weight: normal; font-size: 21px; line-height: 21px; color: #3b3837; margin: 0 0 12px 0; padding: 0; } #content .split_subcontent { position: relative; display: table; width: 100%; table-layout: fixed; } #content .split_subcontent > .half { display: table-cell; width: auto; padding: 12px 12px 0 24px; vertical-align: top; } #content .split_subcontent > .half.aside { background-color: #E6E6E6; } #content .split_subcontent > .half > .header { padding: 6px 12px; margin-bottom: 18px; font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 28px; line-height: 28px; color: #008080; } @media screen and (max-width: 1050px) { #content .split_subcontent > .half.aside { display: none; } } /* archive pages - category, author */ body.archive #content > .header { font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 28px; line-height: 28px; color: #008080; margin-bottom: 3px; } @media screen and (min-width: 1200px) { body.archive #content > .header { font-size: 40px; line-height: 42px; } } @media screen and (max-width: 960px) { #content > .header { font-size: 18px; line-height: 18px; } } #post_content { font-family: 'Titillium Web', sans-serif; font-size: 16px; line-height: 20px; color: #444444; margin-bottom: 12px; } #post_content p { margin-bottom: 10px; } #post_content .post_content_text_block { display: block; margin: 0 0 10px 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-transform: inherit; } #post_content a { font-weight: bold; } #post_content a:hover { text-decoration: underline; } #post_content strong, b { font-weight: bold; } #post_content i, em { font-style: italic; } #post_content u { text-decoration: underline; } #post_content .the_content ul, #post_content .the_content ol { margin-left: 20px; padding-left: 20px; margin-bottom: 10px; } #post_content .the_content li { margin-bottom: 10px; } #post_content .the_content ul li { list-style: disc; } /* @todo - can eventually delete second rules below (eg npcThumb) */ .newPostContent { display: table; width: 100%; padding-bottom: 10px; border-bottom: 1px dashed #c0c0c0; margin-bottom: 10px; } .newPostContent .thumb, .newPostContent .npcThumb { display: table-cell; vertical-align: top; width: 146px !important; width: 166px; padding: 0 10px; text-align: left; } .newPostContent .thumb a, .newPostContent .npcThumb a { display: inline-block; max-width: 140px; } .newPostContent .thumb a img, .newPostContent .npcThumb a img { border: 3px solid #e8e8ea; max-width: 140px; } .newPostContent .details, .newPostContent .npcDetails { display: table-cell; vertical-align: top; text-align: left; } .newPostContent.no_thumb .details, .newPostContent.no_thumb .npcDetails { width: 616px; } .newPostContent .details .title, .newPostContent .npcDetails .npcHeadline { font-family: 'Oxygen', Georgia; font-size: 18px; line-height: 20px; font-weight: normal; color: #008080; margin-bottom: 2px; } .newPostContent .details .title .anchor, .newPostContent .npcDetails .npcHeadline h3 .title { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-decoration: none; color: #008080; } .newPostContent .details .date, .newPostContent .npcDetails .npcDate { font: normal normal 11px Verdana; color: #505050; margin-bottom: 12px; } .newPostContent .details .excerpt, .newPostContent .npcDetails .npcExcerpt { font-family: Georgia; font-size: 14px; line-height: 14px; font-weight: normal; color: #333333; line-height: 19px; } .newPostContent .details .excerpt a, .newPostContent .npcDetails .npcExcerpt a { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: normal; color: #008080; text-decoration: none; } /* @20150522 - Navigation into sub-categories */ #content .taxonomy_ancestory { display: table; width: 100%; margin-bottom: 24px; background-color: #005971; } body.category #content .taxonomy_ancestory { margin-bottom: 0; } #content .taxonomy_ancestory > .taxonomy_ancestory_tree { padding-left: 24px; } #content .taxonomy_ancestory .parent { display: table-cell; width: auto; vertical-align: middle; padding: 7px 0; } #content .taxonomy_ancestory .parent .inside { display: block; padding: 6px 17px 6px 0; border-right: 1px solid #2f8a9f; border-right: 1px solid rgba(255, 255, 255, 0.3); font-family: 'Titillium Web', sans-serif; font-size: 15px; line-height: 15px; font-weight: 600; color: #caf5fe; text-transform: uppercase; } #content .taxonomy_ancestory .parent.has_anchor .inside { padding-left: 17px; background: transparent url('images/ancestory_parent_arrow.png') no-repeat left center; } #content .taxonomy_ancestory .parent a { display: block; white-space: nowrap; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; text-decoration: underline; text-transform: uppercase; } #content .taxonomy_ancestory .family { display: table-cell; width: auto; vertical-align: middle; list-style: none; margin: 0; padding: 0 12px; } #content .taxonomy_ancestory .family > li { display: inline-block; list-style: none; margin: 0; padding: 0; font-family: 'Titillium Web', sans-serif; font-size: 13px; line-height: 34px; font-weight: 600; color: #ffffff; } #content .taxonomy_ancestory .family > li a { display: inline-block; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; text-decoration: none; padding: 0 12px; } #content .taxonomy_ancestory .family > li a:hover, #content .taxonomy_ancestory .family > li.active, #content .taxonomy_ancestory .family > li.active a { background-color: #f6f5f2; color: #7c7a75; padding: 0 12px; } @media screen and (max-width: 1100px) { #content .taxonomy_ancestory .family > li { line-height: 28px; } #content .taxonomy_ancestory .family > li a { padding: 0 6px; } #content .taxonomy_ancestory .family > li a:hover, #content .taxonomy_ancestory .family > li.active, #content .taxonomy_ancestory .family > li.active a { padding: 0 6px; } } #content .sub_sections { list-style: none; display: block; background-color: #005971; padding: 6px 12px; margin: 12px 0 24px 0; } #content .sub_sections li { list-style: none; display: inline-block; margin: 0 12px 0 0; padding: 0; font-family: 'Titillium Web', Georgia; font-weight: 600; font-size: 14px; line-height: 24px; color: #ffffff; } #content .sub_sections li.lead { font-weight: 700; margin-right: 18px; } #content .sub_sections li.lead.return { font-weight: 600; } #content .sub_sections li a { font-family: inherit; font-weight: normal; font-size: inherit; line-height: inherit; text-decoration: none; color: inherit; } #content .sub_sections li a:hover { text-decoration: underline; } #content .sub_sections li.active a { text-decoration: underline; font-weight: 700; } #content .sub_sections li.return a { text-decoration: underline; font-weight: 700; } @media screen and (max-width: 1100px) { #content .sub_sections li { line-height: 18px; } } /* @20150515 - Post item list */ #content .post_items { /*margin: 0 0 24px 0;*/ margin-bottom: 24px; } #content .post_items .post_item { list-style: none; margin: 0 0 24px 0; padding: 0; display: table; width: 100%; } /*#content .post_items .post_item.no_thumb { }*/ #content .post_items .post_item.anchored > .anchor { display: table; width: 100%; } #content .post_items .post_item .thumb { display: table-cell; width: 146px; height: 146px; } #content .post_items .post_item.no_thumb .thumb { background: transparent url('images/pig-post-default.png') no-repeat center center; } #content .post_items .post_item .thumb .anchor { display: block; width: 146px; height: 146px; } #content .post_items .post_item .thumb .image { width: 146px; height: 146px; -webkit-border-radius: 73px; -moz-border-radius: 73px; border-radius: 73px; } #content .post_items .post_item .details { display: table-cell; vertical-align: top; width: auto; padding-top: 6px; padding-left: 24px; font-family: 'Titillium Web', sans-serif; } #content .post_items .post_item .details .title { font-family: inherit; font-weight: normal; font-size: 28px; line-height: 32px; color: #008080; } #content .post_items .post_item .details .title .anchor { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; text-decoration: none; } #content .post_items .post_item .details .title a.anchor:hover { text-decoration: underline; } #content .post_items .post_item.anchored:hover .details .title, #content .post_items .post_item.anchored:hover .details .title .anchor { text-decoration: underline; } #content .post_items .post_item .details .date { font-family: inherit; font-weight: normal; font-size: 13px; line-height: 16px; color: #AEAEAE; margin-bottom: 18px; } #content .post_items .post_item .details .excerpt { margin-bottom: 12px; font-family: inherit; font-weight: normal; font-size: 15px; line-height: 18px; color: #222222; } #content .post_items .post_item .details .more { position: relative; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 16px; font-weight: bold; color: #000; padding-left: 16px; text-decoration: none; } #content .post_items .post_item .details .more:before { content: "."; display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 11px; height: 12px; background: transparent url('images/sprite-2015.png') no-repeat -35px -138px; text-indent: -9999px; font-size: 1px; color: transparent; } #content .post_items .post_item .details a.more:hover { text-decoration: underline; } /* @20150529 - Content shrink */ @media screen and (min-width: 1200px) { body.category #content .post_items, body.page-id-18103 #content .post_items, body.page-id-18100 #content .post_items, body.author #content .post_items { max-width: 730px; margin-left: auto; margin-right: 0; } } /* Main > Sidebar */ #sidebar { display: table-cell; vertical-align: top; width: 348px; padding-top: 24px; } #sidebar .block { margin-left: 24px; margin-right: 24px; margin-bottom: 30px; } #sidebar > .block > .header { text-align: center; font-family: 'Oxygen', Arial, sans-serif; font-weight: normal; font-size: 21px; line-height: 21px; color: #3b3837; text-transform: uppercase; margin: 0 0 20px 0; padding: 0; } #sidebar .block.cnw_ads_300 { text-align: center; margin-bottom: 15px; } #sidebar .block.facebook_like_box { margin-bottom: 24px; } #sidebar .facebook_like_box .fb__not_loaded { display: block; margin: 0; padding: 0; } #sidebar .facebook_like_box .fb__not_loaded.fb__like_page_box > a { display: block; background-color: #3b5998; border-right: 4px solid #8b9dc3; padding: 0 15px; text-align: left; font-family: 'Lucida Grande', Tahoma; font-size: 14px; line-height: 40px; color: #ffffff; font-weight: bold; cursor: pointer; } #sidebar .facebook_like_box .fb__not_loaded.fb__like_page_box > a:hover { text-decoration: underline; } #sidebar .list.over_title { list-style: none; display: block; margin: 0; padding: 0; } #sidebar .list.over_title li { list-style: none; display: block; margin: 0 0 7px 0; } #sidebar .list.over_title li .anchor { position: relative; display: block; width: 300px; height: 170px; overflow: hidden; } #sidebar .list.over_title li .anchor .image { width: 300px; height: 170px; -webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #sidebar .list.over_title li .anchor:hover .image { -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } #sidebar .list.over_title li .anchor .title { position: absolute; bottom: 15px; right: 15px; margin-left: 35px; margin-right: 4px; z-index: 150; text-align: right; } #sidebar .list.over_title li .anchor .title .text { white-space: pre-wrap; display: inline; box-shadow: 4px 0 0 rgba(17, 110, 108, 0.5), -4px 0 0 rgba(17, 110, 108, 0.5) !important; box-shadow: 4px 0 0 #116e6c, -4px 0 0 #116e6c; font-size: 16px; line-height: 25px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); background-color: rgba(17, 110, 108, 0.5) !important; background-color: #116e6c; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #sidebar .list.over_title li .anchor:hover .title .text { box-shadow: 4px 0 0 #116e6c, -4px 0 0 #116e6c !important; background-color: #116e6c !important; } #sidebar .list.aside_image { list-style: none; display: block; margin: 0 0 15px 0; padding: 0; } #sidebar .list.aside_image li { list-style: none; display: block; margin: 0 0 10px 0; padding: 0; } #sidebar .list.aside_image li .anchor { display: block; position: relative; min-height: 70px; padding-left: 137px; text-decoration: none; } #sidebar .list.aside_image li .anchor .image { position: absolute; top: 0; left: 0; width: 120px; height: 70px; } #sidebar .list.aside_image li .anchor .title { display: block; padding-top: 12px; margin-bottom: 7px; font-family: 'Oxygen', Arial, sans-serif; font-size: 16px; line-height: 16px; font-weight: 700; color: #3b3837; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #sidebar .list.aside_image li .anchor:hover .title { } #sidebar .list.aside_image li .anchor .more { font-family: inherit; font-size: 14px; line-height: 14px; font-weight: 700; text-transform: uppercase; color: #008080; } #sidebar .list.aside_image li .anchor:hover .more { text-decoration: underline; } #sidebar .block .squares { display: table; width: 100%; list-style: none; margin: 0; padding: 0; } #sidebar .block .squares > li { list-style: none; float: left; display: block; width: 147px; margin: 0 6px 6px 0; padding: 0; } #sidebar .block .squares > li:nth-child(2n) { margin-right: 0; } #sidebar .block .squares > li .anchor { position: relative; display: block; width: 147px; height: 147px; } #sidebar .block > .squares > li .anchor .image { width: 147px; height: 147px; } #sidebar .block > .squares > li .anchor .title { position: absolute; display: inline-block; left: 10px; bottom: 10px; max-width: calc(100% - 30px); margin-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #3b3837; background-color: rgba(59, 56, 55, 0.8); font-family: 'Oxygen', Arial, sans-serif; color: #ffffff; font-weight: bold; font-size: 12px; line-height: 12px; padding: 3px 5px; } #sidebar .block > .squares > li .anchor:hover .title { background-color: #008080; background-color: rgba(0, 128, 128, 0.8); } #sidebar .sidebar-badges { margin-bottom: 5px; text-align: center; } #sidebar .sidebar-badges .cnwBadge_sidebarAnchor { display: inline-block; text-align: center; margin: 0 10px 10px 10px; } #sidebar .sidebar-badges .cnwBadge_sidebarAnchor:hover { background-color: rgba(109, 167, 136, 0.3); border-radius: 35px; } #sidebar .sidebar-badges #sidebar_badges_expansion { display: none; width: 305px; text-align: center; border-top: 3px solid rgba(109, 167, 136, 0.3); padding-top: 10px; } #sidebar .sidebar-badges #sidebar_badges_expansion .badge_expansion_anchor { display: block; cursor: pointer; width: 305px; text-align: center; } #sidebar .sidebar-badges #sidebar_badges_expansion .badge_expansion_title { text-align: center; font-family: Georgia; font-size: 18px; line-height: 22px; color: #116E6C; margin-bottom: 5px; } #sidebar .sidebar-badges #sidebar_badges_expansion .badge_expansion_image { margin: 0 auto; width: 305px; } #sidebar .sidebar-badges #sidebar_badges_expansion .badge_expansion_description { padding-top: 5px; font-family: Georgia; font-size: 14px; line-height: 17px; color: #333; } /* @20131111 - Hoverable badges for certain pages (/map/) */ #sidebar .sidebar-badges .cnwBadgeHover { display: none; z-index: 9999; position: absolute; width: 305px !important; padding: 5px; width: 315px; text-align: center; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 10px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #dadada; } #sidebar .sidebar-badges .cnwBadgeHover .badge_hover_title { text-align: center; font-family: Georgia; font-size: 18px; line-height: 22px; color: #116E6C; padding-bottom: 5px; } #sidebar .sidebar-badges .cnwBadgeHover .badge_hover_image { margin: 0 auto; width: 305px; } #sidebar .sidebar-badges .cnwBadgeHover .badge_hover_description { text-align: center; padding-top: 5px; font-family: Georgia; font-size: 14px; line-height: 17px; color: #333; } #sidebar > .block > .more { display: block; text-align: center; background-color: #008080; font-family: 'Oxygen', Arial, sans-serif; font-size: 18px; line-height: 42px; font-weight: 700; color: #fff; text-decoration: none; border: 2px solid #008080; margin-bottom: 24px; } #sidebar > .block > .more:hover { background-color: transparent; color: #3b3837; border-color: #3b3837; } @media screen and (max-width: 960px) { #sidebar > .block > .more { font-size: 14px; line-height: 32px; } } @media screen and (max-width: 1024px) { #sidebar { width: 316px; padding-top: 8px; } #sidebar .block { margin-left: 8px; margin-right: 8px; } } /* Footer */ #footer { display: table; width: 100%; background-color: #09252f; padding: 24px 0; } /* Footer > Logo */ #footer .logo { display: inline-block; float: left; margin-left: 32px; text-indent: -9999px; font-size: 1px; color: transparent; width: 226px; height: 55px; background: transparent url('images/sprite-2015.png') no-repeat -312px 0; } /* Footer > Nav + Copyright */ #footer .aside { float: right; display: inline-block; margin-right: 32px; padding-top: 10px; text-align: right; font-family: 'Oxygen', Arial, sans-serif; font-size: 12px; line-height: 14px; font-weight: 700; color: #265262; } #footer .aside .links { display: block; margin: 0 0 3px 0; padding: 0; } #footer .aside .links li { display: inline-block; position: relative; padding-right: 2px; } #footer .aside .links li:after { content: "/"; right: 0; margin-left: 5px; font-family: 'Oxygen', Arial, sans-serif; font-size: 14px; line-height: 14px; font-weight: 700; color: #265262; } #footer .aside .links li:last-child { padding-right: 0; } #footer .aside .links li:last-child:after { display: none; } #footer .aside .links li a { font-family: 'Oxygen', Arial, sans-serif; font-size: 12px; line-height: 12px; font-weight: 700; color: #265262; text-decoration: none; } #footer .aside .links li a:hover { color: #ffffff; } #footer .aside .links p { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0; text-align: right; } /** * SECTION SPECIFIC ELEMENTS */ /* stylized content divider */ .hr { display: block; width: 484px; height: 45px; margin: 5px auto 10px auto; background: transparent url('images/master_sprite.png') no-repeat -88px -233px; } .hr hr { display: none; } /* Pagenavi CSS fix */ .wp-pagenavi { margin-top: 15px; text-align: center; } .wp-pagenavi span, .wp-pagenavi a { padding: 8px 16px 9px 16px; margin: 2px; display: inline-block; border: 1px solid #3b8292 !important; width: auto !important; color: #ffffff !important; text-shadow: 0 1px 1px #24525d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), inset 0 2px 2px -2px #FFFFFF; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), inset 0 2px 2px -2px #FFFFFF; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), inset 0 2px 2px -2px #FFFFFF; /*background: transparent url('images/201202/paginate_bg_2.png') repeat-x 0 0 !important;*/ background: #3c8392; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1OTdhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTY4NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #5597a5 0%, #296879 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5597a5), color-stop(100%,#296879)); background: -webkit-linear-gradient(top, #5597a5 0%,#296879 100%); background: -o-linear-gradient(top, #5597a5 0%,#296879 100%); background: -ms-linear-gradient(top, #5597a5 0%,#296879 100%); background: linear-gradient(to bottom, #5597a5 0%,#296879 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5597a5', endColorstr='#296879',GradientType=0 ); } .wp-pagenavi a:hover { text-decoration: none !important; color: #ffffff !important; /*background: transparent url('images/201202/paginate_bg_2.png') repeat-x 0 -35px !important;*/ background: #3c8392; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5Njg3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDk2YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #296879 0%, #5496a4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#296879), color-stop(100%,#5496a4)); background: -webkit-linear-gradient(top, #296879 0%,#5496a4 100%); background: -o-linear-gradient(top, #296879 0%,#5496a4 100%); background: -ms-linear-gradient(top, #296879 0%,#5496a4 100%); background: linear-gradient(to bottom, #296879 0%,#5496a4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296879', endColorstr='#5496a4',GradientType=0 ); } .wp-pagenavi .pages { display: block; text-align: center; padding-top: 10px; } .wp-pagenavi .current, .wp-pagenavi a:active { /*background: transparent url('images/201202/paginate_bg.png') repeat-x left top !important;*/ background: #2f6875 !important; border-color: #18424b !important; color: #17343a !important; text-decoration: none !important; text-shadow: 0 1px 1px #477985; -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.6); } /* Sidebar stuff */ #sidebar .sidebarAvtBox { width: 160px; height: 600px; z-index: 500; margin: 0 auto 10px auto; text-align: center; } #sidebar .sidebarAvtBox.sidebarAvtBox300, #sidebar .sidebarAvtBox300 { width: 300px !important; height: auto; min-height: 250px !important; } body.sticky_sidebar #sidebar .sidebarAvtBox, #sidebar .sidebarAvtBox.sticky_advert { position: fixed; top: 5px; width: 160px; margin: 0 0 0 70px; } body.sticky_sidebar #sidebar .sidebarAvtBox300, #sidebar .sidebarAvtBox300.sticky_advert { width: 300px !important; margin-left: 24px !important; top: 44px !important; } body.sticky_sidebar.cnw_scroller_active #sidebar .sidebarAvtBox, body.cnw_scroller_active #sidebar .sidebarAvtBox.sticky_advert { top: 94px !important; } body.sticky_sidebar.cnw_scroller_active #sidebar .sidebarAvtBox300, body.cnw_scroller_active #sidebar .sidebarAvtBox300.sticky_advert { top: 94px !important; } /* 20140402 - Must Read Articles accompany box */ /* body.sticky_sidebar #autoscroll_accompany_container { position: fixed; top: 265px; overflow: hidden; width: 300px; margin-bottom: 0 !important; bottom: 5px; } body.cnw_scroller_active.sticky_sidebar #autoscroll_accompany_container { top: 325px; } body.sticky_sidebar #autoscroll_accompany_container:after { content: "."; display: block; position: absolute; z-index: 900; width: 100%; height: 50px; bottom: 0; background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 100%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(255, 255, 255, 0.8))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.8) 100%); } body.sticky_sidebar #autoscroll_accompany_container .post_list li.follower { margin-bottom: 2px; } body.sticky_sidebar.addon__foot_hugger #autoscroll_accompany_container { bottom: 172px !important; } */ /* 20140923 - Sticky Must Read on Single Pages */ /* body.single-post.sticky_sidebar #autoscroll_accompany_container { top: 10px; } body.single-post.cnw_scroller_active.sticky_sidebar #autoscroll_accompany_container { top: 70px; } body.single-post.sticky_sidebar #sidebar_newish .sidebarAvtBox { position: relative !important; top: auto !important; } */ /* 20131015 - Share This on Facebook */ #cnw_share_fb { margin-bottom: 10px; } #cnw_share_fb .cnw_share_fb_anchor { display: inline-block; padding: 10px 10px 10px 28px; background: #365899 url('images/cnw_profile/share-fb.png') no-repeat 12px center; outline: none; font-family: 'Titillium Web', sans-serif; font-size: 14px; line-height: 14px; font-weight: 600; color: #ffffff; cursor: pointer; border-radius: 2px; } #cnw_share_fb .cnw_share_fb_anchor:hover { background-color: #444444; } #cnw_share_fb .cnw_like_us { vertical-align: middle; font-family: 'Open Sans', sans-serif; color: #111111; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: -1px; padding-left: 20px; padding-right: 8px; } #cnw_share_fb .cnw_like_button { vertical-align: middle; display: inline-block; } /* 20131028 - CNW Infinite Scroller */ #cnwScroll_loading { visibility: hidden; height: 140px; background: transparent url('images/pig_loading_sm_2015.gif') no-repeat center center; text-indent: -9999px; font-size: 1px; color: transparent; } #cnwScroll_loading.loading_visible { visibility: visible; } /* @20121010 - Author Bios */ .cnw_author_bio_block { position: relative; background-color: #E4E4E4; padding: 12px; margin: 0 0 12px 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .cnw_author_bio_block:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .cnw_author_bio_block .cnw_abb_avatar { float: left; margin-right: 12px; max-width: 80px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .cnw_author_bio_block .cnw_abb_text { margin: 0; padding: 0; font-family: 'Oxygen', Georgia, arial; font-size: 14px; line-height: 19px; color: #888; } .cnw_author_bio_block .cnw_abb_text .cnw_abb_header { margin-bottom: 2px; font: normal normal normal 18px/18px Georgia; color: #444; } .cnw_author_bio_block .cnw_abb_text .cnw_abb_header a { color: #444 !important; } .cnw_author_bio_block .cnw_abb_text .cnw_abb_header a:hover { color: #777 !important; } .cnw_author_bio_block .cnw_abb_text .cnw_abb_biography { font-family: 'Oxygen', Georgia, arial; font-size: 14px; line-height: 18px; font-weight: normal; color: #888; text-align: justify; } .cnw_abb_more { margin: 10px -10px 0 -10px; border-top: 1px solid #e2e1df; padding: 10px 10px 0 10px; color: #444; } /* @20131007 - Lists Basic Breadcrumbs -- used on all list pages */ .cnw_basic_breadcrumb { display: block; width: 100%; margin-bottom: 0; } .cnw_basic_breadcrumb li { display: inline-block; margin-right: 5px; } /* Relevant List */ .cnw_relevant_header { font-family: 'Oxygen', Georgia, Arial; font-weight: normal; font-style: normal; font-size: 16px; line-height: 21px; color: #303030; margin-bottom: 10px; } .cnw_relevant_articles { list-style: none; margin: 0 0 24px 0; padding: 0; } .cnw_relevant_articles > li { list-style: none; margin: 0 0 10px 0; padding: 0; } /* Sub-Category listings */ #content .child_categories { margin-top: 20px; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); } #content .child_categories_header { padding: 15px 20px 15px 20px; font-family: Georgia; font-size: 18px; line-height: 18px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border: 0; background-color: #2c6b7d; background-image: linear-gradient(bottom, #5194A2 100%, #2C6B7D 0%); background-image: -o-linear-gradient(bottom, #5194A2 100%, #2C6B7D 0%); background-image: -moz-linear-gradient(bottom, #5194A2 100%, #2C6B7D 0%); background-image: -webkit-linear-gradient(bottom, #5194A2 100%, #2C6B7D 0%); background-image: -ms-linear-gradient(bottom, #5194A2 100%, #2C6B7D 0%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #5194A2), color-stop(0, #2C6B7D) ); -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #content .child_categories_header a { font-family: Georgia; font-size: 18px; line-height: 18px; font-weight: normal; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-decoration: underline; } #content .child_categories_header a:hover { color: #eee; text-decoration: none; } #content .child_categories_content { padding: 15px; text-align: center; border: 1px solid #A6C2C8; border-top: 0; font-family: Georgia; font-size: 14px; line-height: 16px; font-weight: normal; color: #333333; padding: 15px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #content .child_categories_content a { margin-left: 5px; margin-right: 5px; font-family: inherit; font-size: inherit; font-weight: normal; line-height: inherit; font-style: inherit; color: #008080; } #content .child_categories_content b { font-weight: bold; } /* @20121128 - CNW FastShare Buttons */ a.cnw_fs { vertical-align: text-top; position: relative; display: inline-block; margin-right: 40px; text-indent: -9999px; color: transparent; font-size: 1px; line-height: 16px; height: 16px !important; width: 18px !important; border: 1px solid #f0f0f0; width: 20px; height: 18px; background: #f0f0f0; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } a.cnw_fs_fb { border-color: #cad6e7; color: #4a68a2 !important; background: #edf1f7 url('images/master_sprite.png') no-repeat -20px -410px; background: url('images/master_sprite.png') no-repeat -20px -410px, -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#edf1f7),color-stop(100%,#dbe3ef)); background: url('images/master_sprite.png') no-repeat -20px -410px, -webkit-linear-gradient(#edf1f7,#dbe3ef); background: url('images/master_sprite.png') no-repeat -20px -410px, -moz-linear-gradient(#edf1f7,#dbe3ef); background: url('images/master_sprite.png') no-repeat -20px -410px, -o-linear-gradient(#edf1f7,#dbe3ef); background: url('images/master_sprite.png') no-repeat -20px -410px, -ms-linear-gradient(#edf1f7,#dbe3ef); background: url('images/master_sprite.png') no-repeat -20px -410px, linear-gradient(#edf1f7,#dbe3ef); } a.cnw_fs_fbs { border-color: #cad6e7; color: #4a68a2 !important; background: #edf1f7 url('images/master_sprite.png') no-repeat -20px -410px; background: url('images/master_sprite.png') no-repeat -20px -410px, -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#edf1f7),color-stop(100%,#dbe3ef)); background: url('images/master_sprite.png') no-repeat -20px -410px, -webkit-linear-gradient(#edf1f7,#dbe3ef); background: url('images/master_sprite.png') no-repeat -20px -410px, -moz-linear-gradient(#edf1f7,#dbe3ef); background: url('images/master_sprite.png') no-repeat -20px -410px, -o-linear-gradient(#edf1f7,#dbe3ef); background: url('images/master_sprite.png') no-repeat -20px -410px, -ms-linear-gradient(#edf1f7,#dbe3ef); background: url('images/master_sprite.png') no-repeat -20px -410px, linear-gradient(#edf1f7,#dbe3ef); } a.cnw_fs_tw { border-color: #c8e2eb; color: #3e8399 !important; text-shadow: white -1px 1px; background: #f6fafd url('images/master_sprite.png') -19px -441px; background: url('images/master_sprite.png') -19px -441px, -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f6fafd),color-stop(100%,#dbecf2)); background: url('images/master_sprite.png') -19px -441px, -webkit-linear-gradient(#f6fafd,#dbecf2); background: url('images/master_sprite.png') -19px -441px, -moz-linear-gradient(#f6fafd,#dbecf2); background: url('images/master_sprite.png') -19px -441px, -o-linear-gradient(#f6fafd,#dbecf2); background: url('images/master_sprite.png') -19px -441px, -ms-linear-gradient(#f6fafd,#dbecf2); background: url('images/master_sprite.png') -19px -441px, linear-gradient(#f6fafd,#dbecf2); } a.cnw_fs_gp { border-color: #cad6e7; color: #4a68a2 !important; width: 32px !important; width: 34px; background: #fafafa url('images/master_sprite.png') no-repeat -13px -472px; background: url('images/master_sprite.png') no-repeat -13px -472px, -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fafafa),color-stop(100%,#e0e0e0)); background: url('images/master_sprite.png') no-repeat -13px -472px, -webkit-linear-gradient(#fafafa,#e0e0e0); background: url('images/master_sprite.png') no-repeat -13px -472px, -moz-linear-gradient(#fafafa,#e0e0e0); background: url('images/master_sprite.png') no-repeat -13px -472px, -o-linear-gradient(#fafafa,#e0e0e0); background: url('images/master_sprite.png') no-repeat -13px -472px, -ms-linear-gradient(#fafafa,#e0e0e0); background: url('images/master_sprite.png') no-repeat -13px -472px, linear-gradient(#fafafa,#e0e0e0); } a.cnw_fs_pn { border-color: #c0c0c0; color: #3e8399 !important; text-shadow: white -1px 1px; background: #fafafa url('images/master_sprite.png') no-repeat -13px -506px; background: url('images/master_sprite.png') no-repeat -13px -506px, -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fafafa),color-stop(100%,#e0e0e0)); background: url('images/master_sprite.png') no-repeat -13px -506px, -webkit-linear-gradient(#fafafa,#e0e0e0); background: url('images/master_sprite.png') no-repeat -13px -506px, -moz-linear-gradient(#fafafa,#e0e0e0); background: url('images/master_sprite.png') no-repeat -13px -506px, -o-linear-gradient(#fafafa,#e0e0e0); background: url('images/master_sprite.png') no-repeat -13px -506px, -ms-linear-gradient(#fafafa,#e0e0e0); background: url('images/master_sprite.png') no-repeat -13px -506px, linear-gradient(#fafafa,#e0e0e0); } a.cnw_fs:before { display: block; content: attr(data-shares); background-color: #f00; position: absolute; margin: -1px 0 0 5px; top: 0; left: 100%; width: 25px !important; padding: 2px 4px 3px 4px; border: 1px solid #c0c0c0; width: 35px; text-align: center; background-color: #fff; width: auto; z-index: 15; text-indent: 0 !important; color: #505050; font-size: 11px; line-height: 11px; font-family: Verdana; text-shadow: 0 0 0 transparent; border-radius: 2px; } a.cnw_fs.cnw_fs_fb_share { text-align: right !important; text-indent: 0 !important; width: 30px !important; height: 15px !important; margin-right: 34px; padding: 5px 5px 0 18px !important; border: 0 !important; width: 53px; height: 20px; color: #fff !important; font-size: 11px !important; line-height: 11px !important; font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important; font-weight: bold; text-shadow: 0 -1px 0 #354C8C !important; background: #4b68b9 url('images/master_sprite.png') no-repeat -18px -529px; background: url('images/master_sprite.png') no-repeat -18px -529px, -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #4b68b9), color-stop(100%, #3b56a1)); background: url('images/master_sprite.png') no-repeat -18px -529px, -webkit-linear-gradient(#4b68b9, #3b56a1); background: url('images/master_sprite.png') no-repeat -18px -529px, -moz-linear-gradient(#4b68b9, #3b56a1); background: url('images/master_sprite.png') no-repeat -18px -529px, -o-linear-gradient(#4b68b9, #3b56a1); background: url('images/master_sprite.png') no-repeat -18px -529px, -ms-linear-gradient(#4b68b9, #3b56a1); background: url('images/master_sprite.png') no-repeat -18px -529px, linear-gradient(#4b68b9, #3b56a1); border-radius: 2px !important; -webkit-font-smoothing: antialiased; } a.cnw_fs.cnw_fs_fb_share:hover { padding: 5px 19px 0 4px !important; background-position: -607px 1px, 0 0; background-position : -607px 1px\9; /* ie8 and below */ } a.cnw_fs.cnw_fs_fb_share:before { top: 0; margin: 0 0 0 40px; left: auto; font-weight: normal !important; color: #6a7180 !important; width: 27px !important; height: 15px !important; border: 1px solid #898f9c !important; text-align: center !important; padding: 3px 0 0 0 !important; width: 29px; height: 20px; } a.cnw_fs.cnw_fs_fb_share:hover:before { margin-left: 54px; } a.cnw_fs.cnw_fs_fb_like_share { margin-right: 78px; text-align: right !important; text-indent: 0 !important; width: 26px !important; height: 15px !important; padding: 5px 5px 0 18px !important; border: 0 !important; width: 49px; height: 20px; color: #fff !important; font-size: 11px !important; line-height: 11px !important; font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important; font-weight: bold; text-shadow: 0 -1px 0 #354C8C !important; background: #4b68b9 url('images/master_sprite.png') no-repeat -18px -529px; background: url('images/master_sprite.png') no-repeat -18px -529px, -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #4b68b9), color-stop(100%, #3b56a1)); background: url('images/master_sprite.png') no-repeat -18px -529px, -webkit-linear-gradient(#4b68b9, #3b56a1); background: url('images/master_sprite.png') no-repeat -18px -529px, -moz-linear-gradient(#4b68b9, #3b56a1); background: url('images/master_sprite.png') no-repeat -18px -529px, -o-linear-gradient(#4b68b9, #3b56a1); background: url('images/master_sprite.png') no-repeat -18px -529px, -ms-linear-gradient(#4b68b9, #3b56a1); background: url('images/master_sprite.png') no-repeat -18px -529px, linear-gradient(#4b68b9, #3b56a1); border-radius: 2px !important; -webkit-font-smoothing: antialiased; } /* Count */ a.cnw_fs.cnw_fs_fb_like_share:before { top: 0; margin: 0 0 0 80px; left: auto; font-weight: normal !important; color: #6a7180 !important; width: 27px !important; height: 15px !important; border: 1px solid #898f9c !important; text-align: center !important; padding: 3px 0 0 0 !important; width: 29px; height: 20px; } /* Share */ a.cnw_fs.cnw_fs_fb_like_share:after { display: block; content: 'Share'; position: absolute; margin: 0 0 0 34px; top: 0; left: auto; width: 33px !important; height: 15px !important; padding: 5px 5px 0 5px !important; width: 43px; height: 20px; text-align: center; width: auto; z-index: 15; text-indent: 0; color: #fff !important; font-size: 11px !important; line-height: 11px !important; font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important; font-weight: bold; text-shadow: 0 -1px 0 #354C8C !important; background: #4b68b9; background: -webkit-gradient(linear,50% 0,50% 100%, color-stop(0%,#4b68b9),color-stop(100%,#3b56a1)); background: -webkit-linear-gradient(#4b68b9,#3b56a1); background: -moz-linear-gradient(#4b68b9,#3b56a1); background: -o-linear-gradient(#4b68b9,#3b56a1); background: -ms-linear-gradient(#4b68b9,#3b56a1); background: linear-gradient(#4b68b9,#3b56a1); border-radius: 2px !important; -webkit-font-smoothing: antialiased; } /* Boxes */ .cnwShare_boxes a.cnw_fs { vertical-align: text-bottom; width: 48px !important; width: 50px; margin: 45px 0 0 0; } .cnwShare_boxes a.cnw_fs:before { right: 100%; bottom: 100%; top: 0; left: 0; margin: -45px 0 0 -1px; width: 48px !important; height: 14px !important; padding: 13px 0 11px 0; width: 50px; height: 40px; font-size: 14px; line-height: 14px; } /*.cnwShare_boxes a.cnw_fs_fb { background-position: -6px -410px, left top; }*/ .cnwShare_boxes a.cnw_fs_fb { border-radius: 2px; content: "Like"; text-indent: 0 !important; color: #FFF !important; font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 20px; text-align: left; width: 31px !important; height: 20px !important; padding: 0 0 0 19px; width: 50px; border: 0; background-color: #4b68b9; background-image: url('images/master_sprite.png'), -webkit-gradient(linear,50% 0,50% 100%, color-stop(0%,#4b68b9),color-stop(100%,#3b56a1)); background-image: url('images/master_sprite.png'), -webkit-linear-gradient(#4b68b9,#3b56a1); background-image: url('images/master_sprite.png'), -moz-linear-gradient(#4b68b9,#3b56a1); background-image: url('images/master_sprite.png'), -o-linear-gradient(#4b68b9,#3b56a1); background-image: url('images/master_sprite.png'), -ms-linear-gradient(#4b68b9,#3b56a1); background-image: url('images/master_sprite.png'), linear-gradient(#4b68b9,#3b56a1); background-position: -18px -529px, left top; } .cnwShare_boxes a.cnw_fs_fb:before { font-weight: normal !important; } .cnwShare_boxes a.cnw_fs_fb:after { position: absolute; z-index: 500; left: 5px; top: -6px; content: "."; text-indent: -9999px; color: transparent; font-size: 1px; width: 8px; height: 5px; background: transparent url('images/master_sprite.png') no-repeat -74px -576px; cursor: pointer; } .cnwShare_boxes a.cnw_fs_fbs { border-radius: 2px; content: "Share"; text-indent: 0 !important; color: #FFF !important; font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; font-weight: bold; line-height: 20px; text-align: left; width: 33px !important; height: 20px !important; padding: 0 0 0 17px; width: 50px; border: 0; background-color: #4b68b9; background-image: url('images/master_sprite.png'), -webkit-gradient(linear,50% 0,50% 100%, color-stop(0%,#4b68b9),color-stop(100%,#3b56a1)); background-image: url('images/master_sprite.png'), -webkit-linear-gradient(#4b68b9,#3b56a1); background-image: url('images/master_sprite.png'), -moz-linear-gradient(#4b68b9,#3b56a1); background-image: url('images/master_sprite.png'), -o-linear-gradient(#4b68b9,#3b56a1); background-image: url('images/master_sprite.png'), -ms-linear-gradient(#4b68b9,#3b56a1); background-image: url('images/master_sprite.png'), linear-gradient(#4b68b9,#3b56a1); background-position: -19px -529px, left top; } .cnwShare_boxes a.cnw_fs_fbs:before { font-weight: normal !important; } .cnwShare_boxes a.cnw_fs_fbs:after { position: absolute; z-index: 500; left: 5px; top: -6px; content: "."; text-indent: -9999px; color: transparent; font-size: 1px; width: 8px; height: 5px; background: transparent url('images/master_sprite.png') no-repeat -74px -576px; cursor: pointer; } .cnwShare_boxes a.cnw_fs_fbs:hover { padding: 0 0 0 3px; width: 47px !important; background-position: -609px 0, left top; } .cnwShare_boxes a.cnw_fs_gp { background-position: -13px -472px, left top; } .cnwShare_boxes a.cnw_fs_tw { background-position: -4px -441px, left top; } .cnwShare_boxes a.cnw_fs_pn { background-position: -4px -506px, left top; } .shareWidget { text-align: center; margin-bottom:10px; } /* Hover Area Button - 20130319 */ .cnwFastShare_badge { margin-bottom: 10px; position: relative; min-height: 36px; } .cnwFastShare_badge .cfs_badge_banner { position: absolute; display: inline-block; opacity: 1; border: 1px solid #949494; padding: 9px 10px 7px 35px; font-size: 13px; font-family: Arial; color: #333; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; letter-spacing: -1px; background: #f2f2f2 url('images/cnwFastShare/cfs_badge_icon.png') no-repeat 6px center; background: url('images/cnwFastShare/cfs_badge_icon.png') no-repeat 6px center, -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); background: url('images/cnwFastShare/cfs_badge_icon.png') no-repeat 6px center, -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); background: url('images/cnwFastShare/cfs_badge_icon.png') no-repeat 6px center, -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); background: url('images/cnwFastShare/cfs_badge_icon.png') no-repeat 6px center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6)); background: url('images/cnwFastShare/cfs_badge_icon.png') no-repeat 6px center, -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%); background: url('images/cnwFastShare/cfs_badge_icon.png') no-repeat 6px center, linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%); box-shadow: 0 2px 4px rgba(200, 200, 200, 0.8); -ms-border-radius: 3px; -os-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; } .cnwFastShare_badge_hover:hover .cfs_badge_banner { opacity: 0; } .cnwFastShare_badge .cfs_badge_banner strong { font-weight: bold; } .cnwFastShare_badge .cfs_badge_buttons { opacity: 0; padding: 8px 0 0 5px; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; } .cnwFastShare_badge_hover:hover .cfs_badge_buttons { opacity: 1; } .cnwFastShare_badge .cfs_badge_buttons .cfs_badge_button { display: inline-block; vertical-align: text-bottom; margin-right: 5px; } .cfs_badge_button_fb { width: 75px; } .cfs_badge_button_tw { width: 85px; } .cfs_badge_button_gp { width: 60px; } .cfs_badge_button_pn { } /* @20150514 - Fix to Facebook Comments not having a fluid on window resize */ .fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; } /* @20150529 - Condense text content to readable width */ @media screen and (min-width: 1200px) { .condense_to_read { max-width: 730px; margin-left: auto; margin-right: 0; } } /* @20150603 - Lazy Posts addon */ body.home.addon__lazy_posts #content, body.archive.addon__lazy_posts #content { padding-bottom: 80px !important; } body.home.addon__lazy_posts #footer, body.archive.addon__lazy_posts #footer { display: none; } /* .window_stick_top.window_stick_top_stuck { position: fixed; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */ /* @20150626 - Welcome message for first time visitor */ #branding .first_message { display: none; position: absolute; top: 52px; right: 0; margin-right: -213px; text-indent: -9999px; font-size: 1px; color: transparent; width: 231px; height: 59px; background: transparent url('images/header_v2/header_v3_sprite.png') no-repeat -290px -176px; -webkit-transform: rotate(-17deg); -moz-transform: rotate(-17deg); -o-transform: rotate(-17deg); transform: rotate(-17deg); }