/* thewalrus.ca Designed by Matthew McKinnon Engineered by Justin Girard and John Piasetzki */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Basic ~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { color: #333; font: normal 1em/1.5em "ff-tisa-web-pro", serif; text-rendering: optimizeLegibility; } address, dl dd, ol li, p, ul li { line-height: 1.625em; margin: 0; padding: 0 0 1.25em; } blockquote { border: none; padding: 0 2.5em 1.25em; margin: 0; } blockquote p { line-height: 1.625em; } blockquote dl dd:last-of-type, blockquote ol li:last-of-type, blockquote p:last-of-type, blockquote ul li:last-of-type { padding-bottom: 0.25em; } [class^="icon-"], [class*="icon-"], i { background-image: none; } label { color: dimgrey; display: block; font: normal 87.5%/1.625em "ff-basic-gothic-web-pro", sans-serif; margin: 0; padding: 0; } sup { font-size: x-small; top: -0.375em; } /*~~~~~ Links ~~~~~*/ a { color: crimson; -webkit-transition: 0.325s ease-out; -moz-transition: 0.325s ease-out; transition: 0.325s ease-out; } a:focus { outline: 0; } a:hover, a:active { color: black; text-decoration: none; } a[href^="mailto"] { font-style: italic; } /*~~~~~ Headings ~~~~~*/ h1, h2, h3, h4, h5, h6 { color: #333; margin: 0; padding: 0; } h1 { font: normal 300%/1em "abril-display", serif; } h1 i { color: lightsteelblue; font-size: 50%; font-weight: normal; position: relative; top: -0.125em; left: 0.375em; } h2 { font: normal 187.5%/1.125em "abril-display", serif; } h2 i { color: lightsteelblue; font-size: 50%; position: relative; top: -0.125em; left: 0; } h3 { font: normal 125%/1.375em "ff-tisa-web-pro", serif; } h4 { font: normal 112.5%/1.5em "ff-tisa-web-pro", serif; } h5 { font: normal 112.5% "ff-basic-gothic-web-pro", sans-serif; text-transform: uppercase; } h6 { font: normal 87.5% "ff-basic-gothic-web-pro", sans-serif; text-transform: uppercase; } h6.mute { color: dimgrey; letter-spacing: 0.0375em; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Typekit ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .wf-loading .ad-100-1:after, .wf-loading .ad-100-2:after, .wf-loading .ad-100-3:after, .wf-loading .ad-hp:after, .wf-loading .ad-leaderboard:after, .wf-loading .ad-mr-1:after, .wf-loading .ad-mr-2:after, .wf-loading dl, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading label, .wf-loading ol, .wf-loading p, .wf-loading ul { visibility: hidden !important; } .wf-active .ad-100-1:after, .wf-active .ad-100-2:after, .wf-active .ad-100-3:after, .wf-active .ad-hp:after, .wf-active .ad-leaderboard:after, .wf-active .ad-mr-1:after, .wf-active .ad-mr-2:after, .wf-active dl, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active label, .wf-active ol, .wf-active p, .wf-active ul { visibility: visible !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Roots ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #wrap.container { padding-bottom: 3em; } #main.span8 { min-height: 3000px; } .entry-content { margin: 0 auto; max-width: 640px; width: auto; } /*~~~~~ Buttons ~~~~~*/ .btn a { color: white; font: normal 137.5%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; text-transform: uppercase; } .btn a:focus, .btn a:hover, .btn a:active { color: black; } .btn:focus { outline: none; outline-offset: 0; } /*~~~~~ Carousel ~~~~~*/ .carousel { line-height: 1em; margin: 0; padding: 0; } .carousel .item { text-align: center; -webkit-transition: opacity 0.375s; -moz-transition: opacity 0.375s; transition: opacity 0.375s; } .carousel-inner hgroup { height: 9.25em; } .carousel-inner h1 { font-size: 275%; } .carousel-inner a:hover > h1, .carousel-inner a:active > h1 { color: crimson; } .carousel-inner h3 { font-family: "abril-display", serif; font-style: italic; padding: 0.125em 2em 0.375em; } .carousel-inner h3 em { font-style: normal; } .carousel-inner h6 { display: inline; } .carousel-inner h6:last-child:before { content: ' · '; } .carousel-inner img { padding-bottom: 1.5em; width: 100%; } .carousel-control { background: transparent; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 0.25em; margin: 0; opacity: 1; filter: alpha(opacity=100); float: left; padding: 0; top: 8em; left: 0; width: 0.25em; } .carousel-control.right { float: right; left: auto; right: 0; } a.carousel-control i, .carousel i.icon-chevron-right, .carousel i.icon-chevron-left { font-size: 37.5%; height: inherit; color: black; opacity: 1; filter: alpha(opacity=100); } a.carousel-control i:hover, .carousel i.icon-chevron-right:hover, .carousel i.icon-chevron-left:hover { color: crimson; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Navigation ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #banner { background: white; min-height: 2.75em; height: auto; } .navbar { background: transparent; border-bottom: 3px double black; border-top: 1px solid black; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; min-height: 2.75em; height: auto; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { background-color: #ebe8c8; background-image: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: black; font-family: "ff-basic-gothic-web-pro", sans-serif; min-height: 2.75em; padding: 0; z-index: 10000; } body.top-navbar { padding-top: 4.75em; } body.admin-bar .navbar-fixed-top { top: 28px; } /*~~~~~ Wordmark ~~~~~*/ .navbar .brand { height: 31px; margin: 0; padding: 0; position: relative; top: 0.425em; text-shadow: none; width: 179px; } .navbar .brand h1 { line-height: 1em; } .navbar .brand .ir { background: transparent url('http://thewalrus.ca/assets/img/thewalrus.svg') no-repeat; border: 0; direction: ltr; display: block; margin: 0; text-indent: -999em; overflow: hidden; position: relative; text-align: left; text-indent: -999em; top: 0; z-index: 10000; } .lt-ie9 .navbar .brand .ir { background: transparent url('http://thewalrus.ca/assets/img/thewalrus2.png') no-repeat; } /*~~~~~ Primary Navigation ~~~~~*/ .navbar .nav { margin: 0; top: 1.075em; } .navbar ul { margin: 0; padding: 0; } .navbar .nav > li { margin: 0; padding: 0 0 0 2.375em; } .navbar .nav > li > a { color: black; font: bold 87.5%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.075em; margin: 0; padding: 0; text-shadow: none; text-transform: uppercase; } .navbar .nav > li > a:hover, .navbar .nav > li > a:active { color: crimson; } .navbar .nav > li.red > a { color: crimson; } .navbar .nav > li.red > a:hover, .navbar .nav > li.red > a:active { color: black; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover { background-color: inherit; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: inherit; text-decoration: none; } /*~~~~~ Dropdown Menus ~~~~~*/ .navbar .nav li.dropdown.active > .dropdown-toggle:hover { color: black; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: inherit; color: black; } li.dropdown:hover ul.dropdown-menu { display: inline-block; padding-top: 1em; padding-bottom: 0em; } b.caret, li.dropdown ul.dropdown-menu:before, li.dropdown ul.dropdown-menu:after { display: none; visibility: hidden; } li.dropdown ul.dropdown-menu { background: inherit; border: none; border-bottom: 3px double black; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 7.5em; top: 0.675em; text-align: center; width: auto; z-index: 1000; } .dropdown-menu a { background: #ebe8c8; padding-left: 1em; padding-right: 1em; } .dropdown-menu li { font-size: 75%; padding-bottom: 0; text-transform: uppercase; } .dropdown-menu li:last-child { background: #ebe8c8; padding-bottom: 0.5em; } .dropdown-menu li > a { color: black; -webkit-transition: 0s ease-out; -moz-transition: 0s ease-out; transition: 0s ease-out; } .dropdown-menu .active > a { background: #ebe8c8; color: black; } .dropdown-menu li > a:hover, .dropdown-menu .active > a:hover { background: crimson; color: white; -webkit-transition: 0s ease-out; -moz-transition: 0s ease-out; transition: 0s ease-out; } .navbar .dropdown-menu:after, .navbar .dropdown-menu:before { display: none; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Search ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #hsearch { position: relative; top: 0.5em; width: 80%; } #hsearch .textbox { display: none; background: #111; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: ghostwhite; font: normal 125% "ff-basic-gothic-web-pro", sans-serif; height: 24px; margin: 0; text-align: left; width: 92.5%; } #searchtoggle { position: relative; top: 0.625em; } .btn-enter { display: none; position: relative; left: 1.25em; } .btn-enter, .btn-search { background: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: auto; margin: 0; padding: 0; text-shadow: none; width: 1.375em; } .btn-enter:focus, .btn-search:focus { outline: none; } .btn-search:active { color: crimson; } .btn-enter:hover, .btn-search:hover { color: crimson; -webkit-transition: 0.325s ease-out; -moz-transition: 0.325s ease-out; transition: 0.325s ease-out; } .btn-enter i, .btn-search i { color: black; } .btn-enter i:hover, .btn-search i:hover { color: crimson; } /*~~~~~ Results ~~~~~*/ .search-results header.single h1 { text-transform: capitalize; } .search-results header.single h3:last-of-type { display: none; } .search-results article header h2 a span { display: inline-block; clear: left; } .search-results article header h2 i { color: lightsteelblue; font-size: 80%; left: 0.25em; position: relative; top: 0.25em; } .search-results article header h2:nth-of-type(2) { font: normal 110%/1.375em "ff-tisa-web-pro", serif !important; margin: 0 auto; max-width: 67.5%; padding: 0; } .search-results article header h2:nth-of-type(2) p { margin: 0; } .search-results article header h3 { display: inline-block; font: italic 100%/1.375em "ff-tisa-web-pro", serif; padding-left: 0.05em; } .search-results article header time, .search-results article .entry-content, .search-results article footer { display: none; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Misc. ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ blockquote.attrib { font-style: italic; padding-bottom: 2.5em; } blockquote.attrib em { font-style: normal; } p + blockquote.attrib { margin-top: -0.625em; } .breakline { border-top: 1px solid grey; clear: both; height: 0.075em; width: 100%; } .centre { display: block; margin: 0 auto; text-align: center; } .dropcap, .droppng, .droptwo { display: inline; float: left; font: normal 325%/1em "abril-display",serif; margin: 0; padding: 0 0.075em 0 0; position: relative; top: 0.125em; } .fancy, .bigfancy { display: inline-block; float: left; height: 112px; padding: 0 0.25em 0 0; position: relative; text-indent: -9000px; top: -0.15em; } .fancy { height: 60px; } .no-transform { text-transform: none; } .pad-bottom { padding-bottom: 1em !important; } .padder-bottom { padding-bottom: 1.5em !important; } .pad-top { padding-top: 1em !important; } .padder-top { padding-top: 1.5em !important; } .run-in { display: inline; font: bold smaller "ff-basic-gothic-web-pro", sans-serif; text-transform: uppercase; } .smallcaps { font-size: 87.5%; text-transform: uppercase; } .strikethrough { text-decoration: line-through; } .twitter-tweet { margin: 0 0 2.5em !important; } .unpad-bottom { padding-bottom: 0 !important; } .unpad-top { padding-top: 0 !important; } /*~~~~~ Neighbourhood Style ~~~~~*/ body.postid-60934 #main.span8 { width: 97.5%; } body.postid-60934 #sidebar.span4 { display: none; } body.postid-60934 .art { max-width: 100%; margin: 0 auto; } body.postid-60934 .art_l { max-width: 37.5%; margin-left: 0; } body.postid-60934 .art_r { max-width: 37.5%; margin-right: 0; } body.postid-60934 .art.shrink { max-width: 62.5%; } body.postid-60934 .aside { border-top: 0; border-bottom: 0; padding: 0 1em; } body.postid-60934 .aside blockquote + blockquote { padding-top: 2em; } body.postid-60934 .entry-content { max-width: 100%; } body.postid-60934 .appeal, body.postid-60934 .biographies, body.postid-60934 .house .breakline, body.postid-60934 .house label, body.postid-60934 .house p, body.postid-60934 .throws { max-width: 640px; margin-left: auto; margin-right: auto; } body.postid-60934 #disqus_thread { max-width: 640px; margin: 0 auto; padding-left: 1em; padding-right: 1em; } .easy-footnote-to-top { margin-left: 0.25em !important; } .easy-footnote-to-top:after { content: "\f0de" !important; font-family: 'FontAwesome' !important; } ol.easy-footnotes-wrapper { max-width: 596px; margin: 0 auto !important; padding: 1.5em 0 0 !important; } ol.easy-footnotes-wrapper li { padding-left: 0 !important; margin-left: 0 !important; color: dimgrey; font: normal 75%/1.5em "ff-basic-gothic-web-pro", sans-serif !important; } span.easy-footnote sup { font-size: small !important; font-weight: bold; } .qtip { font: normal 75%/1.5em "ff-basic-gothic-web-pro", sans-serif; } .gtip-content { padding: 1em; } .qtip-jtools { background: paleyellow; border: 1px solid lightgrey; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow:0 0 1em lightgrey; -moz-box-shadow:0 0 1em lightgrey; box-shadow:0 0 1em lightgrey; } /*~~~~~ Bands ~~~~~*/ .home section.band { height: 24px; padding-top: 0.125em; } .home .band ul { list-style: none; margin: 0; padding: 0; } .home .band ul li { display: inline-table; padding: 0 1em; } .band, .home #online section h3, #sidebar h3 { background: #ebe8c8; border-bottom: 3px double black; border-top: 1px solid black; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding: 0.375em 0; text-align: center; text-transform: uppercase; } .band p:empty { display: none; } h3.band, .home #online section h3, #sidebar h3 { font: bold 112.5%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; text-transform: uppercase; } #sidebar h3:empty { display: none; } h3.band a { color: black; } h3.band a:hover, h3.band a:active { color: crimson; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Advertising ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .ad-100, .ad-hp, .ad-leaderboard, .ad-mr-1, .ad-mr-2 { display: block; height: 250px; margin: 0 auto; text-align: center; } .ad-100 { height: 100px; } .ad-hp { height: 600px; } .ad-leaderboard { height: 90px; padding-bottom: 2.25em; } .ad-hp:after, .ad-leaderboard:after, .ad-mr-1:after, .ad-mr-2:after { color: grey; content: "Advertisement"; display: block; font: normal 62.5%/1em "ff-basic-gothic-web-pro", sans-serif; height: 1em; letter-spacing: 0.075em; position: relative; top: 0.75em; text-align: center; text-transform: uppercase; } .ad-100 iframe, .ad-hp iframe, .ad-leaderboard iframe, .ad-mr-1 iframe, .ad-mr-2 iframe { background: ghostwhite !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 250px; width: 300px; } .ad-100 iframe { height: 100px; } .ad-hp iframe { height: 600px } .ad-leaderboard iframe { height: 90px; width: 728px; } #adsense_widget-2, #adsense_widget-3 { height: 255px !important; } #adsense_widget-5 { height: 105px !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Home Page ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .home a { color: black; } .home a:hover, .home a:active { color: crimson; } .home .page-header { display: none; } /* Mainline */ #mainline { height: auto; padding: 1.5em 0 0; text-align: center; } #mainline img { max-width: 100%; padding: 0 0 1em; width: auto; } #mainline .item-info h2 { -webkit-hyphens: manual; -moz-hyphens: manual; hyphens: manual; } #mainline .item-info h4 { padding-bottom: 0.375em; } #mainline .item-info h5 { font-size: 87.5%; padding: 0.5em 0 0; } #mainline .item-info h6:last-of-type { padding-left: 0.25em; } #mainline label { padding-top: 0.375em; } #mainline .span3 { margin: 0; width: 30.75%; } #mainline .span3:nth-child(2) { margin: 0 3.875%; } /* Current Magazine */ #current, #online { float: left; margin-left: 0; padding-top: 1.5em; text-align: center; } #current .upfront { padding: 1.125em 0 0; } #current .upfront h5 { color: #333; padding-bottom: 0.5em; } #current .upfront h5:nth-of-type(2) { padding-bottom: 0; } #current img, #online img { padding: 1.5em 0 1.25em; max-width: 100%; width: auto; } #current .widget-first img { padding: 0.5em 0 1.25em; } #current h5 { color: grey; } #current .widget-2 h5, #current .widget-last + .breakline { display: none; } #current section + .breakline, #online section + .breakline { margin: 1.5em 0; } /* Summer Reading Bandaid */ #widget_walrus_left-7 article.item-info:nth-of-type(-n+3) h4 { display: none; } /* Extended Content */ #online { float: right; } #online section { padding: 0 0 1.5em; } #online section.video-container { padding: 0 0 54.5% !important; } /* Upcoming Events */ .events-widget-list h5 { padding-bottom: 0.125em; } .events-widget-list .item-info-pad { padding: 1em 0 0; } .events-widget-list .item-info-pad:first-of-type { padding-top: 1.125em; } /* Upcoming */ .upcoming ul { list-style: none; margin: 0; padding: 0; } .upcoming ul li { font: normal 112.5%/1.5em "ff-tisa-web-pro", serif; } #online section#text-14 { padding: 0; } #online .house ul li:before { content: none; } .widget_walrus_podcast .item-info h4 span { display: none; } .widget_walrus_podcast .item-info h6:last-of-type:before { content: 'Hosted '; } #text-11 .item-info h6:last-of-type:before { content: none; } #text-13 .item-info { padding: 1.5em 0 0; } #text-10 .house ul li { color: dimgrey; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Sidebar ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #sidebar.span4 { float: right; } #sidebar section { padding: 0 0 1.75em; } #sidebar .affix { background: white; position: fixed; top: 3.75em; bottom: auto; width: 300px; } #sidebar .affix-bottom { position: fixed; top: auto; bottom: inherit; } #sidebar .widget_widget_tptn_pop.affix { top: 12em; } /*~~~~~ Newsstand ~~~~~*/ .newsstand { text-align: center; } .newsstand h5 { font-size: 200%; padding-top: 0.375em; } .newsstand h6 { padding: 0.125em 0 0.75em; } .newsstand img { display: block; margin: 0 auto; width: 84.25%; } .newsstand label a { color: crimson; font-weight: bold; } .newsstand label a:hover, .newsstand label a:active { color: black; } /*~~~~~ Disqus Sidebar Widget ~~~~~*/ #dsq-combo-widget { font-family: "ff-basic-gothic-web-pro", sans-serif; } #dsq-combo-widget #dsq-combo-content ul:first-of-type { padding-top: 1em; } #dsq-combo-widget #dsq-combo-content .dsq-combo-box li { border-bottom: 1px solid lightgrey !important; color: dimgrey; font: normal 87.5%/1.5em "ff-basic-gothic-web-pro", sans-serif !important; margin-bottom: 1em !important; padding-bottom: 1em !important; } #dsq-combo-widget #dsq-combo-content .dsq-combo-box ul li:last-of-type { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } #dsq-combo-widget #dsq-combo-tabs li { background: #ebe8c8 !important; border: 1px solid black; border-bottom: none; -webkit-border-radius: 0.125em 0.125em 0 0; -moz-border-radius: 0.125em 0.125em 0 0; border-radius: 0.125em 0.125em 0 0; } #dsq-combo-widget #dsq-combo-tabs li a, #dsq-combo-widget #dsq-combo-people li a, p.dsq-widget-meta a { color: black !important; font-size: 100% !important; text-transform: uppercase; } #dsq-combo-widget #dsq-combo-people li a { font-size: 100% !important; font-weight: normal; } #dsq-combo-widget a.dsq-widget-user { text-transform: uppercase; } #dsq-combo-widget #dsq-combo-content a { font-style: normal; } #dsq-combo-widget #dsq-combo-tabs li a { font-size: 75% !important; letter-spacing: 0.075em; } #dsq-combo-widget #dsq-combo-tabs li a:hover, #dsq-combo-widget #dsq-combo-people li a:hover, p.dsq-widget-meta a:hover { color: crimson !important; } #dsq-combo-widget #dsq-combo-tabs li.dsq-active { background: crimson !important; color: white !important; } #dsq-combo-widget #dsq-combo-tabs li.dsq-active a { color: white !important; } #dsq-combo-widget #dsq-combo-tabs li.dsq-active a:hover { color: #ebe8c8 !important; } #dsq-combo-widget #dsq-combo-content .dsq-combo-box { background: white !important; margin: 0 !important; padding: 0 !important; } #dsq-combo-widget #dsq-combo-content h3 { background: #ebe8c8 !important; border-bottom: 3px double black !important; border-top: 1px solid black !important; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font: bold 112.5%/1em "ff-basic-gothic-web-pro", sans-serif !important; letter-spacing: 0.075em; margin: 0 auto !important; padding: 0.375em 0 !important; } .dsq-combo-avatar { display: none; } a.dsq-widget-user { color: black; display: inline; font-style: normal; text-transform: uppercase; } a.dsq-widget-user:hover, a.dsq-widget-user:active { color: crimson; } span.dsq-widget-comment p { display: inline; } span.dsq-widget-comment p:before { content: " · "; } p.dsq-widget-meta { font: normal 112.5% "ff-basic-gothic-web-pro", sans-serif; margin: 0 !important; padding-top: 0.125em !important; } span.dsq-widget-clout { background-color: crimson !important; position: relative; top: 0.375em; } #dsq-combo-widget #dsq-combo-content p { font: normal 100%/1.5em "ff-basic-gothic-web-pro", sans-serif; } #dsq-combo-logo { margin-top: -1em; } /*~~~~~ Sidebar Podcast Widget ~~~~~*/ .widget_walrus_podcast_sidebar { margin-bottom: 0.5em; padding: 0; } .widget_walrus_podcast_sidebar audio { padding: 1.25em 0 0; width: 100%; } .widget_walrus_podcast_sidebar img { height: auto; max-width: 100%; padding: 0 0 1.25em; width: auto; } .widget_walrus_podcast_sidebar label { margin: 0; padding: 0; text-align: left; } .widget_walrus_podcast_sidebar label a { font-weight: bold; letter-spacing: 0.0375em; text-transform: uppercase; } /*~~~~~ Most Popular Widget ~~~~~*/ .widget_widget_tptn_pop ul, .widget_tptn_pop ul { list-style: decimal; margin: 0 0 0 1em; padding: 1em 0 0 0.5em; } .widget_widget_tptn_pop ul li, .widget_tptn_pop ul li { border-bottom: 1px solid lightgrey; color: dimgrey; font: normal 87.5%/1.5em "ff-basic-gothic-web-pro", sans-serif; padding: 0.75em 0; } .widget_widget_tptn_pop ul li:first-of-type { padding-top: 0; } .widget_widget_tptn_pop ul li:last-of-type { border-bottom: none; padding-bottom: 0; } .widget_widget_tptn_pop a, .widget_tptn_pop a { color: dimgrey; } .widget_widget_tptn_pop a.tptn_link, .widget_tptn_pop a.tptn_link { color: black; text-transform: uppercase; } .widget_widget_tptn_pop a:hover, .widget_widget_tptn_pop a:active, .widget_tptn_pop a:hover, .widget_tptn_pop a:active { color: crimson !important; } .widget_widget_tptn_pop a[href*="podcast-"]:before { font: normal 100% FontAwesome; content: "\f001"; padding-right: 0.375em; } .widget_widget_tptn_pop a[href*="tv-"]:before { font: normal 100% FontAwesome; content: "\f008"; padding-right: 0.375em; } .tptn_excerpt { display: block; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Footer ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ footer#content-info { background: #ebe8c8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-top: 3px double black; padding: 1.5em 0; text-align: center; width: 100% !important; z-index: 3000; position: relative; } footer a { color: black; } footer a:hover, footer a:active { color: inherit; } footer label { color: #333; } footer ul { list-style: none; margin: 0; padding: 0 0 1em; } footer ul li { display: inline-table; margin: 0; padding: 0 0.75em; } ul#menu-footer li a { color: red; } ul#menu-footer li a:hover, ul#menu-footer li a:active { color: black; } /*~~~~~ Mailchimp Newsletter Widget ~~~~~*/ #mailchimpsf_widget-3 { border: 1px solid grey; margin: 0.5em auto 1.5em; padding: 1.625em 0 0; width: 728px; } #mailchimpsf_widget-3 h3 { display: none; } #mc_subheader { font: normal 87.5%/1.5em "ff-basic-gothic-web-pro", sans-serif !important; margin-bottom: 1em !important; } #mc_subheader strong { letter-spacing: 0.0375em; padding-right: 0.5em; text-transform: uppercase; } #mc_signup_form .mc_var_label { color: transparent; font-size: 1px; letter-spacing: -1px; display: inline-block; } #mc_signup_form .mc_input { background: ghostwhite; border-color: grey; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #333; display: inline-block; font: normal 100% "ff-basic-gothic-web-pro", sans-serif; height: 2em; margin-right: 1em; padding-left: 0.5em; padding-right: 0.5em; width: 11.5em; } #mc_signup_form .mc_input:focus { background: #111; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: ghostwhite; } .mc_merge_var { display: inline; margin-bottom: 0 !important; } .mc_merge_var ::-webkit-input-placeholder { text-transform: lowercase; } .mc_merge_var :-moz-placeholder { text-transform: lowercase; } .mc_merge_var ::-moz-placeholder { text-transform: lowercase; } .mc_merge_var :-ms-input-placeholder { text-transform: lowercase; } .mc_merge_var ::-webkit-input-placeholder::first-letter { text-transform: capitalize; } .mc_merge_var :-moz-placeholder::first-letter { text-transform: capitalize; } .mc_merge_var ::-moz-placeholder::first-letter { text-transform: capitalize; } .mc_merge_var ::-ms-input-placeholder::first-letter { text-transform: capitalize; } .mc_interests_header { display: none; } .mc_interest { display: inline; position: relative; top: -0.125em; } .mc_interest br { display: none; } .mc_interest input { font-size: 125%; margin: 0 0.125em 0 0 !important; padding-right: 0.25em; } .mc_interest label { color: #333; margin-bottom: 0.5em; } .mc_interest label:first-of-type { padding: 0 1em 0 0; } .mc_signup_submit { display: inline; margin-left: 1em; width: auto; } #mc_signup_submit { font: normal 100% "ff-basic-gothic-web-pro", sans-serif; height: 2em; letter-spacing: 0.0375em; margin-top: 0 !important; position: relative; top: -0.25em; text-transform: uppercase; width: 6em !important; } #mailchimpsf_widget-3 .updated strong { font-weight: normal !important; } .mc_success_msg, .mc_error_msg { color: #333 !important; display: block; font: normal 100%/1.5em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; margin-bottom: 0 !important; min-height: 2.5em; text-transform: uppercase; } .mc_error_msg::first-letter { display: none; } /*~~~~~ Fine Print ~~~~~*/ #text-2 h3 { display: none; } #text-2 label { margin: 0 auto 1.5em; max-width: 62.5%; width: auto; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ House Style ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .house { padding: 0 0 3.75em; } .house .breakline { margin: 1.25em auto 2.5em; } .house h2 { font: normal 275%/1.25em "abril-display", serif; padding: 0 0 0.25em; } .house h3 { font: normal 225%/1.25em "abril-display", serif; padding: 0 0 0.25em; } .house h4 { font: normal 175%/1.25em "abril-display", serif; padding: 0 0 0.25em; } .house h5 { font: normal 150% "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; padding: 0 0 0.25em; text-transform: uppercase; } .house h6 { font: normal 125% "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; padding: 0 0 0.25em; text-transform: uppercase; } .house h2 > small, .house h3 > small, .house h4 > small, .house h5 > small, .house h6 > small { color: dimgrey; display: block; font: normal 14px/1.625em "ff-basic-gothic-web-pro", sans-serif; } .house blockquote dl, .house blockquote ol, .house blockquote ul { padding-bottom: 0; } .house blockquote dl dt, .house blockquote dl dd, .house blockquote ol li, .house blockquote ul li { font-size: 87.5%; } .house blockquote p { font-size: 112.5%; } .house blockquote small:before { content: none; } .house blockquote + h3, .house label + h3, .house dl + h3, .house ol + h3, .house p + h3, .house ul + h3, .house blockquote + h4, .house label + h4, .house dl + h4, .house ol + h4, .house p + h4, .house ul + h4, .house blockquote + h5, .house label + h5, .house dl + h5, .house ol + h5, .house p + h5, .house ul + h5, .house label + h6, .house dl + h6, .house ol + h6, .house p + h6, .house ul + h6 { padding-top: 0.5em; } .house dl, .house ol, .house p, .house ul { font-size: 125%; padding: 0 0 1.25em; } .house dl dt { font-family: "ff-basic-gothic-web-pro", sans-serif; font-weight: normal; padding: 0 0 0.5em; text-transform: uppercase; } .house dl dd { padding: 0 0 0.25em; } .house dl, .house ul { margin-left: 0.625em; } .house ol { margin-left: 1.5em; } .house dl, .house ul { list-style-type: none; } .house dl, .house ol, .house ul { margin-bottom: 0; } .house ul li:before { content: '\f105'; font: normal 75% FontAwesome; position: relative; top: -0.125em; left: -0.75em; text-decoration: inherit; } .house dl.inline > dt, .house dl.inline > dd, .house ul.inline > li { display: inline; padding: 0; } .house dl.unstyled > li:before, .house ul.unstyled > li:before { content: none !important; } .house dl.unstyled, .house ul.unstyled { list-style: none; margin-left: 0 !important; } .house dl.unstyled > li:before, .house ul.unstyled > li:before { content: none !important; } .house label { padding: 0 0 1.5em; } .house ul.inline.dots { margin-left: 0; } .house ul.inline.dots li { padding-left: 0.875em; } .house ul.inline.dots li:first-of-type { padding-left: 0; } .house ul.inline.dots > li:before { content: '\00b7'; } .house ul.inline.dots > li:first-of-type:before { content: none; } .house dl dd, .house dl dt, .house ol li, .house ul li { padding: 0 0 0.75em; } .house dl dd:last-of-type, .house ol li:last-of-type, .house ul li:last-of-type { padding-bottom: 0; } .house p:empty { display: none; } .house p > span[id*="more"] { display: block; margin-top: -1.25em; } .house p span { display: inline; } .house p + .art { padding-top: 1.25em; } .single-post .house { border-bottom: 1px solid grey; padding: 0 0 2.5em; } /*~~~~~ Item Info ~~~~~*/ .item-info { line-height: 1em; text-align: center; } .item-info h2 { color: dimgrey; } .item-info a { color: black; } .item-info a:hover, .item-info a:active { color: crimson; } .item-info a > h2 { color: black; } .item-info a:hover > h2, .item-info a:active > h2 { color: crimson; } .item-info h3, .item-info h4 { padding: 0 0 0.25em; } .item-info h6 { display: inline; } .item-info h6:last-of-type:before { content: ' · '; } .item-info + .item-info { padding: 2em 0 0; } .item-info .keywords { padding-top: 0.25em; } .item-info time { display: none; } .author .item-info > h6:first-of-type a:nth-of-type(2):before { content: '('; } .author .item-info > h6:first-of-type a:nth-of-type(2):after { content: ')'; } #text-15 .item-info { padding: 1.5em 0 0; } #text-15 .item-info + .item-info { padding: 0 0 2em; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Social Sharing ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .socials { height: 2em; margin: 0 auto; padding: 0; text-align: center; } .socials.outline { border-top: 1px solid grey; border-bottom: 1px solid grey; } .socials .addthis_sharing_toolbox { position: relative; top: 0.375em; } /*~~~~~ AddThis Share ~~~~~*/ a.at-share-btn { padding: 0 0.5em; } /*~~~~~ Follow Menu ~~~~~*/ footer ul#menu-social-4 { padding-top: 0.5em; } ul#menu-social-4 li, ul#menu-social-3 li { font: bold 87.5%/1.5em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.075em; text-transform: uppercase; } ul#menu-social-4 li > a:before, ul#menu-social-3 li > a:before { font: normal 19px FontAwesome; padding-right: 0.375em; position: relative; top: 0.125em; } li.menu-facebook > a:before { content: '\f09a'; } li.menu-facebook > a:hover, li.menu-facebook > a:active { color: rgba(59, 89, 152, 1); } li.menu-google > a:before { content: '\f0d5'; } li.menu-google > a:hover, li.menu-google > a:active { color: rgba(222, 75, 56, 1); } li.menu-itunes > a:before { content: '\f001'; } li.menu-itunes > a:hover, li.menu-itunes > a:active { color: grey; } li.menu-rss > a:before { content: '\f09e'; } li.menu-rss > a:hover, li.menu-rss > a:active { color: rgba(255, 102, 0, 1); } li.menu-instagram > a:before { content: '\f16d'; } li.menu-instagram > a:hover, li.menu-instagram > a:active { color: rgba(72, 117, 180, 1); } li.menu-twitter > a:before { content: '\f099'; } li.menu-twitter > a:hover, li.menu-twitter > a:active { color: rgba(51, 204, 255, 1); } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Single Pages/Posts ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ header.single { color: #333; text-align: center; padding: 0 0 2.5em; } header.single a { color: black; } header.single a:hover, header.single a:active { color: crimson; } header.single h1 { font-size: 350%; line-height: 1.125em; } header.single h1 + .socials, header.single h3 + .socials { margin-top: 1.5em; } header.single h1 + h3 { padding-top: 0.25em; } header.single h3 { font-family: "abril-display", serif; font-style: italic; line-height: 1.5em; padding: 0 2.5em; } header.single h3 em { font-style: normal; } header.single h3 + h6 { padding-top: 1em; } header.single h6.date { padding: 1em 0 1.5em; } header.single h6.slug { padding: 1.25em 0; } header.single h6 + time { display: none; } header.single h6.comments a:before, header.single h6.printer a:before { font: normal 100% FontAwesome; padding-right: 0.5em; } header.single h6.comments a:first-child:before { content: '\f0e5'; } header.single h6.printer a:last-child:before { content: '\f02f'; } header.single img { padding: 0 0 1.5em; } header.single img.ornament { display: block; max-width: 37.5%; margin: 0 auto; padding: 1em 0 0; width: auto; } header.single .tools { padding: 1em 0 0; } header.single .tools h6 { display: inline-table; padding: 0 0.75em; } /*~~~~~ Keywords (Tags) ~~~~~*/ .keywords { margin: 0 auto; padding: 0; text-align: center; } .keywords.outline { border: 1px solid grey; border-left: none; border-right: none; padding: 0.25em 0; } .keywords ul { line-height: 1em; list-style-type: none; margin: 0; padding: 0 1.5em; } .keywords ul li { display: inline-block; font: normal 75%/1.625em "ff-basic-gothic-web-pro", sans-serif; margin: 0; padding: 0; } .keywords ul li a { color: dimgrey; } .keywords ul li a:hover, .keywords ul li a:active { color: crimson; } .keywords ul li:after { color: grey; content: '·'; padding: 0 0.25em; } .keywords ul li:last-of-type:after { content: none; } /*~~~~~ Asides ~~~~~*/ .aside { border-top: 1px solid grey; border-bottom: 1px solid grey; float: right; margin: 0 0 1em 1.5em; padding: 1.5em 1em 0.5em; position: relative; top: 0.35em; width: 37.5%; } .aside .breakline { margin: 1em 0; } .aside h3 { color: dimgrey; font: normal 162.5%/1.125em "ff-basic-gothic-web-pro", sans-serif; padding: 0 0 0.125em; text-align: center; text-transform: uppercase; } .aside h4 { color: dimgrey; font: italic 100%/1.5em "ff-basic-gothic-web-pro", sans-serif; padding: 0 0 0.5em; text-align: center; } .aside h5 { max-width: 87.5%; margin: 1em auto 0.375em; padding: 0 6.25%; width: auto; } .aside h6 { color: grey; font: normal 62.5%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; margin: 0 0 1.25em; max-width: 87.5%; padding: 0 6.25%; text-align: right; text-transform: uppercase; width: auto; } .aside dl, .aside ol, .aside p, .aside ul { color: dimgrey; font: normal 100%/1.5em "ff-basic-gothic-web-pro", sans-serif; } .aside dl, .aside ol, .aside p, .aside ul { padding: 0 0 1.25em; } .aside h3 + dl, .aside h3 + ol, .aside h3 + p, .aside h3 + ul, .aside h4 + p, .aside h4 + ol, .aside h4 + ul, .aside h5 + p, .aside h5 + ol, .aside h5 + ul, .aside h6 + p, .aside h6 + ol, .aside h6 + ul { padding-top: 1em; } /*~~~~~ Biographies ~~~~~*/ .biographies { padding: 2.5em 0 0; } .biographies:empty { border-top: none; padding: 0; } .biographies label { color: #333; padding: 0 0 1.25em; } .biographies label:last-child { padding: 0; } .biographies label em { font-style: italic; } p.bio { font: normal 87.5%/1.5em "ff-basic-gothic-web-pro", sans-serif; padding: 0 0 1.25em; } .biographies label:empty, p.bio:empty { display: none; padding: 0; } /*~~~~~ Appeal ~~~~~*/ .appeal { text-align: center; margin: 0 auto; padding: 1.25em 0; } .appeal img { display: inline; height: auto; max-width: 6em; width: auto; } .appeal img:first-of-type { margin-right: 0.625em; } .appeal img:last-of-type { margin-left: 0.625em; } /*~~~~~ Related Links ~~~~~*/ .throws { margin: 0; padding: 1.25em 0 0; } .throws h5 { color: #333; padding: 0 0 1.25em; } .throws a { color: crimson; text-transform: uppercase; } .throws a:hover, .throws a:active { color: black; } .throws label.category { padding-bottom: 1.5em; } .throws label.category a { color: black; } .throws label.category a:hover, .throws label.category a:active { color: crimson; } .throws a[href*="podcast-"]:before { font: normal 100% FontAwesome; content: "\f001"; padding-right: 0.375em; } .throws a[href*="tv-"]:before { font: normal 100% FontAwesome; content: "\f008"; padding-right: 0.375em; } .throws label { color: #333; } .throws label br:empty { display: none; } .throws label.pad-bottom { padding-bottom: 1.25em !important; } /*~~~~~ Comments (Disqus) ~~~~~*/ footer#conversation { border-top: none; margin: 0 2em; padding: 1.25em 0 0; margin-left: 18%; } #disqus_thread { padding-left: 2em; padding-right: 2em; } /*~~~~~ Pagination ~~~~~*/ nav.turner { font: bold 100%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; text-align: center; } nav.turner a { color: black; } nav.turner a:hover, nav.turner a:active { color: crimson; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Magazine Issues ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Archives */ .category-issues header.single h3 { display: none; } .collection { margin: 0 auto; text-align: center; } .collection h2 { padding: 0.75em 0 0.25em; } .collection h2 a { color: black; } .collection h2 a:hover, .collection h2 a:active { color: crimson; } .collection img { border: 1px solid #ebe8c8; max-width: 100%; width: auto; } .collection .row-fluid { margin: 0 auto 1.5em; } .collection .row-fluid:last-of-type { margin-bottom: 0; } .collection .row-fluid .span3 { margin: 0 1.375%; padding: 0; width: 22.875%; } .collection .row-fluid .span3:first-child { margin-left: 0; } .collection .row-fluid .span3:last-child { margin-right: 0; } /* Single Issue Index */ header.single.issue .cover { height: 332px; margin: 0 auto; padding: 0 0 1.5em; position: relative; width: 240px; } header.single.issue .cover img { position: absolute; left: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } header.single.issue .cover img.newsstand:hover { opacity: 0; } header.single.issue label { display: none; } header.single.issue label em, header.single.issue label p { display: inline; } header.single.issue h1 { padding: 0 0 0.125em; } header.single.issue h6 a:before { font: normal 100% FontAwesome; padding-right: 0.5em; } header.single.issue h6.lined a:before { content: "\f02d"; } header.single.issue h6.nude a:before { content: "\f03e"; } header.single.issue h6 { display: inline-table; padding: 0 0 1.5em; } header.single.issue h6.nude { padding-left: 1em; } .lineup .item-info { padding-left: 2em; padding-right: 2em; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Category/Custom Mods ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~ Blog ~~~~~*/ .category-blog h2.logo { background: transparent url('http://thewalrus.ca/assets/img/thewalrusblog1.png') no-repeat; background-size: 350px 76px; border: 0; direction: ltr; height: 76px; margin: 1em auto 0.5em; overflow: hidden; text-align: center; text-indent: -999em; width: 350px; } .category-blog .band { clear: both; margin: 0 0 2.5em; min-height: 0.25em; } .category-blog .breakline { margin: 1em 0 2em; padding: 0; } .category-blog .house a { color: crimson !important; } .category-blog .house a:hover, .category-blog .house a:active { color: black !important; } .category-blog .house { padding-bottom: 2.5em; } .category-blog .house strong { font-family: "ff-basic-gothic-web-pro", sans-serif; } .category-blog .more-link { display: block; margin: 0 auto; padding: 0.5em 0 0; text-align: center; } .category-blog .more-link .btn { font-size: 75%; } /*~~~~~ Contact ~~~~~*/ dl.phonebook { margin-left: 0; } dl.phonebook dt { display: inline; font-family: "ff-tisa-web-pro", serif; text-transform: none; } dl.phonebook dd { display: inline; padding-left: 0.875em; } /*~~~~~ Ebooks ~~~~~*/ .ebooks h3 { position: relative; top: 0.25em; padding-bottom: 0.625em; } .ebooks h3 a { color: black; } .ebooks h3 a:hover { color: crimson; } .ebooks h3 span { display: block; font-size: 87.5%; text-transform: uppercase; } .ebooks dl dt { margin-left: -0.625em; padding-bottom: 0.5em; } .ebooks dl dd { padding-bottom: 0; } .ebooks dl dd.ibooks span { background: transparent url('http://thewalrus.ca/assets/img/Download_on_iBooks_Badge_US-UK_110x40_090913.svg') no-repeat; background-size: 110px 40px; border: 0; direction: ltr; display: inline-table; height: 40px; margin: 0; overflow: hidden; text-align: left; text-indent: -999em; width: 110px; } .lt-ie9 .ebooks dl dd.ibooks span { background: transparent url('http://thewalrus.ca/assets/img/downloadonibooks.jpg') no-repeat; } .ebooks dl dd:before { content: '\f105'; font: normal 75% FontAwesome; position: relative; top: -0.125em; left: -0.75em; text-decoration: inherit; } /*~~~~~ Foundation Menu ~~~~~*/ .anchor-menu { border-bottom: 1px solid black; margin: -0.25em 0 1.5em; padding: 0 0 1.5em; } .anchor-menu ul { display: block; list-style: none; margin: 0; padding: 0; text-transform: uppercase; } .anchor-menu ul:nth-of-type(2) { display: inline; } .anchor-menu ul li { display: inline; font: normal 87.5%/1.5em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; } .anchor-menu ul li a { color: black; } .anchor-menu ul li a:hover { color: crimson; } .anchor-menu ul li.red a { color: crimson; } .anchor-menu ul li.red a:hover { color: black; } .anchor-menu ul li i { color: grey; font-size: 75%; position: relative; top: 0.075em; padding: 0 0.5em 0 0.25em; } .foundation-linkset { border-bottom: 1px solid grey; padding-bottom: 1.5em; margin-bottom: 3em; } .foundation-linkset dl { color: dimgrey; font: normal 100%/1.625em "ff-basic-gothic-web-pro", sans-serif; padding: 0; } .foundation-linkset dl a { color: black; } .foundation-linkset dl a:hover, .foundation-linkset dl a:active { color: crimson; } .foundation-linkset dl dt, .foundation-linkset dl dd { display: inline; padding: 0; } .foundation-linkset dl dd { padding-left: 1em; } .foundation-linkset dl dd:before { content: '\f105'; font: normal 75% FontAwesome; position: relative; top: -0.125em; left: -0.75em; text-decoration: inherit; } /*~~~~ GGLA ~~~~~*/ #gg { margin: 0; text-align: center; } #gg .anchor-menu { text-align: left; } #gg .row-fluid .span3 { padding-bottom: 3em; } #gg .row-fluid .span3 h1 { padding-top: 1em; } #gg .row-fluid .span3 h3 { font: bold 130%/120% "abril-display", serif; margin: 0; padding: 1em 0 0.5em; text-transform: uppercase; } #gg .row-fluid .span3 h4 { color: grey; font: italic 105%/150% "abril-display", serif; margin: 0; padding: 0 0 0.5em; } #gg .row-fluid .span3 h4 em { font-style: normal; } #gg .row-fluid .span3 h5 { color: grey; font: normal 70%/170% "ff-basic-gothic-web-pro", sans-serif; margin: 0; padding: 0 0 1em; text-transform: none; } #gg .row-fluid .span3 p { font: normal 85%/150% "ff-tisa-web-pro", sans-serif; margin: 0; padding: 0; } #gg .row-fluid .span3 .topper a { color: grey !important; } /*~~~~~ Board of Directors ~~~~~*/ .council, .directors { float: right; padding-bottom: 1.5em; text-align: center; width: 50%; } .directors { float: left; } .council dl, .directors dl { margin-left: 0; } .council dl dd, .directors dl dd { padding-bottom: 0.125em; } .council dl dd:before, .directors dl dd:before { content: none; } .council dl dt, .directors dl dt { padding-bottom: 0.25em; } .directors dl dt + dt { padding-top: 0.25em; } /*~~~~~ Educational Review Committee ~~~~~*/ .educational dl { margin: 0 auto; text-align: center; } .educational dl dd { padding-bottom: 0.125em; } .educational dl dd:before { content: none; } .educational dl dt { padding-bottom: 0.25em; } /*~~~~~ Masthead ~~~~~*/ .masthead-foundation, .masthead-magazine { float: left; margin: 0; padding: 0 0 2em; width: 47.5%; text-align: center; } .masthead-foundation { float: right; } .masthead-foundation img, .masthead-magazine img { height: auto; margin: 0 auto; padding: 0 0 2em; width: 62.5%; } .masthead-magazine img { padding: 0.5em 0 2.5em; } .masthead dl { border-bottom: 1px solid black; margin-bottom: 1em; } .masthead .masthead-foundation dl:last-of-type, .masthead .masthead-magazine dl:last-of-type { border-bottom: none; margin-bottom: 0; } .masthead dl dd { line-height: 1.5em; margin-left: 0; padding: 0 0 0.25em; } .masthead dl dd strong { font: italic 75% "ff-basic-gothic-web-pro", sans-serif; padding-top: 1em; text-transform: uppercase; } .masthead dl dt { font: bold 75% "ff-basic-gothic-web-pro", sans-serif; padding: 1em 0 0.25em; text-transform: uppercase; } .masthead dl dt:first-of-type { padding-top: 0; } .mast-found p em, .mast-mag p em { color: grey; font: italic 75% "ff-basic-gothic-web-pro", sans-serif; } .mast-found small, .mast-mag small { display: inline-block; font: normal 75%/170% "ff-basic-gothic-web-pro", sans-serif; margin: 0; padding: 0; } .entry-content ul.mast, .entry-content ul.vanilla { list-style: none; } .entry-content ul.mast small, .entry-content ul.vanilla small { display: block; } .entry-content ul.mast li { padding-top: 0; } /*~~~~~ Media ~~~~~*/ body[class*="in-the-media"] .breakline.year { margin: -3em 0 2.5em; } body[class*="in-the-media"] .breakline.year:last-of-type { display: none; } body[class*="in-the-media"] .house audio { margin: 0.5em 0 -0.75em; } body[class*="in-the-media"] .house audio.podplayer { width: 100%; } body[class*="in-the-media"] .house h5 { font-size: 175%; padding-bottom: 0.375em; } body[class*="in-the-media"] .house ul li { padding-bottom: 0.125em; } body[class*="in-the-media"] .house li + iframe { padding-top: 0.5em; } body[class*="in-the-media"] .house li + .video-container { margin-top: 0.75em; } body[class*="in-the-media"] .house .video-container + .video-container { margin-top: 1.5em; } body[class*="in-the-media"] .house iframe + li, body[class*="in-the-media"] .house .video-container + li { padding-top: 1em; } body[class*="in-the-media"] .single img { height: 64px; width: auto; } /*~~~~~ News Releases ~~~~~*/ header.release { border-bottom: 1px solid grey; margin-bottom: 1.5em; padding-bottom: 1.5em; } header.release a { color: black; } header.release a:hover, header.release a:active { color: crimson; } header.release h2 { font: normal 237.5%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375; text-transform: uppercase; } header.release h3 { font: italic 137.5%/1.125em "abril-display", serif; padding: 0.5em 0 0.25em; } header.release h6 { display: inline; } header.release h6:before { content: 'Published '; } header.release time { display: inline; font: normal 87.5%/1em "ff-basic-gothic-web-pro", sans-serif; text-transform: uppercase; } header.release time:before { content: ' on '; } .category-news-releases .single h3 { padding: 0 0 1em; } .category-news-releases .single img.logo { height: 64px; padding: 1em 0 0.75em; width: auto; } .category-news-releases .single h6.byline { display: none; } .category-news-releases .single h6.slug { padding-bottom: 1.75em; } .category-news-releases .band { margin-bottom: 3em; } /*~~~~~ Optimism ~~~~~*/ .optimism .house button { display: block; margin: 0 auto; } .optimism dl.optimal { display: none; } .optimism .video-container { padding-bottom: 60%; } /*~~~~~ Poetry Prize ~~~~~*/ #readerschoice .frm_primary_label, #readerschoice .frm_message { font: normal 150%/120% "abril-display", serif; } #readerschoice .frm_radio label { display: inline-block; margin-left: 0.5em; position: relative; top: 0.25em; } #readerschoice p.submit { padding-top: 1em; } #readerschoice .shunt, #readerschoice .frm_message { padding-top: 2.75em; } /*~~~~~ RBC CPC ~~~~~*/ #painter .ebook { margin: 1.5em 0; } #painter .ebook .art_r { margin-bottom: 2em; } #painter .ebook h3 span.smallcaps { display: inline; } #painter .ebook h5 { padding: 0.25em 0; } #painter .ebook h5 a { font-style: italic; } /*~~~~~ Shooting Gallery ~~~~~*/ .art .caption.shooting { color: #333; padding-left: 1em; padding-right: 1em; } h3.shooting { font-size: 200%; margin: 0; padding: 0 0 0.25em; text-align: left; text-transform: uppercase; } h4.shooting { font: normal 80% "ff-tisa-web-pro", serif; margin: 0; padding: 0 0 2em; text-align: left; } h5.shooting { color: #333; font: normal 110% "abril-display", serif; margin: 0; padding: 1.5em 0 0.5em; text-align: left; text-transform: uppercase; } ul.shooting li a { color: black; } ul.shooting li a:hover { color: crimson; } /*~~~~~ Staff Biographies ~~~~~*/ .staffer { padding: 0 0 2.5em; } .staffer .art_slim { max-width: 27.5%; } .staffer i { color: dimgrey; font-size: 100%; margin-right: 0.125em; } .staffer p { padding: 0; } .staffer p.twit { padding-bottom: 0.25em; } .staffer p.twit a { font-style: italic; } /*~~~~~ Thank You ~~~~~*/ #thankyou h3 { padding: 0 1em 0.25em; } #thankyou h4 { padding: 1.5em 1em 0.5em; } #thankyou h4:nth-of-type(1), .pgbody #thankyou h4:nth-of-type(7) { padding: 0.25em 1em 0.5em; } #thankyou h4:nth-of-type(6) { padding: 0 1em 0.5em; } #thankyou h4 small { font-family: "abril-display", serif; font-size: 60% } #thankyou p { font: normal 85%/150% "ff-basic-gothic-web-pro", sans-serif; } #thankyou ul.inline { font: normal 85%/150% "ff-basic-gothic-web-pro", sans-serif; text-align: center; } #thankyou ul.inline li { display: inline; list-style: none; margin: 0; padding: 0 0.1em; } #thankyou ul.inline li:after { content: ' · '; } #thankyou ul.inline li:last-of-type:after { content: none; } #thankyou ul li { padding: 0; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Events ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~ Event Index ~~~~~*/ .category-events h1.logo { background: transparent url('http://thewalrus.ca/assets/img/nationalevents.png') no-repeat; background-size: 350px 78px; border: 0; direction: ltr; height: 78px; margin: 0.375em auto 0.125em; overflow: hidden; text-align: center; text-indent: -999em; width: 350px; } .category-events h2.logo { background: transparent url('http://thewalrus.ca/assets/img/nationalevents.png') no-repeat; background-size: 297px 66px; border: 0; direction: ltr; height: 66px; margin: 0 auto 0.75em; overflow: hidden; text-align: center; text-indent: -999em; width: 297px; } .archive.category-events .single h3 { padding: 0.5em 0 1em; } .category-events .socials { margin-bottom: 1em; } .category-events br:empty { display: none; } .category-events h5.tout { color: crimson; font-size: 162.5%; text-align: center; } .category-events .item-info { padding: 1.5em 0 0; text-align: center; } .category-events .item-info:last-of-type { padding-bottom: 4em; } .category-events .item-info a { color: black; } .category-events .item-info a:hover, .category-events .item-info a:hover { color: crimson; } .category-events .item-info h5 { font-size: 137.5%; padding-bottom: 0.25em; } .category-events .item-info h6 { font: italic 100%/1.375em "abril-display", serif; text-transform: none; } .category-events img.foundation { display: block; margin: 0 auto; max-width: 150px; width: auto; } .category-events .band { margin: -1.5em 0 3em; min-height: 0.25em; } .category-events .band:last-of-type { display: none; } .category-events .breakline { margin: 0.5em 0 2em; padding: 0; } .category-events .breakline + p { margin-top: -0.5em; } .category-events .events-sponsor img { margin: 0 auto; max-width: 150px; padding: 0 0 0.25em; width: auto; max-height: 80px; height: auto; } .category-events header.single h6.byline { display: none; } .category-events header.single h6.where { padding: 1em 0 0.25em; } .category-events header.single h6.when { padding: 0 0 1.75em; } .category-events .more-link { display: block; margin: 0 auto; padding: 0.5em 0 0; text-align: center; } .category-events .more-link .btn { font-size: 100%; } .logos { padding: 1em 0; text-align: center; } .logos img { display: inline; height: auto; max-height: 6em; padding: 0 1.25em; width: auto; } .logos.three img { max-width: 26.25%; } .logos.four img { max-width: 18.75%; } .upcoming-list .item-info:nth-of-type(1) h5 > a:before { content: 'Labatt presents '; } .upcoming-list .item-info:nth-of-type(2) h5 > a:before { content: 'RBC Foundation presents '; } /*~~~~~ Event Listing ~~~~~*/ .category-events aside h3 { margin-bottom: 1em; } .category-events .headshot { max-width: 25%; width: auto; } .category-events .entry-content ul li { padding-bottom: 0.25em; } .category-events .entry-content p a.unstyle { font-size: inherit; font-weight: normal; text-transform: none; } .category-events .entry-content .boilerplate p { font: normal 87.5%/1.5em "ff-basic-gothic-web-pro", sans-serif !important; } .category-events .entry-content .boilerplate p a { font-size: inherit; font-weight: normal; text-transform: none; } .single-post article.category-events .house { border-bottom: none; padding: 0; } .category-events #sidebar section { } .events-hashtag, .events-pricetag { font: normal 112.5%/1.375em "ff-basic-gothic-web-pro", sans-serif; text-align: center; text-transform: uppercase; } .events-hashtag a { text-transform: none; } .events-hashtag i { color: dimgrey; font-size: 100%; padding-right: 0.125em; } .events-highlights, .events-tv { font-family: "ff-basic-gothic-web-pro", sans-serif; font-size: 90%; text-align: left; } .events-highlights p:last-of-type { padding-bottom: 0; } .events-map small { font-family: "ff-basic-gothic-web-pro", sans-serif; text-transform: uppercase; } input.buy-tickets { font: bold 225%/1em "ff-basic-gothic-web-pro", sans-serif; text-transform: uppercase; width: 100%; } input.tv-throw { font: normal 87.5%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; margin: 0 12.5% 1em; text-transform: uppercase; width: 75%; } .event-info-inline { display: none; } .event-info-sidebar { } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Podcast ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .category-podcast h2.logo { background: transparent url('http://thewalrus.ca/assets/img/podcast-logo.png') no-repeat; background-size: 200px 34px; border: 0; direction: ltr; height: 34px; margin: 0.625em auto 1em; overflow: hidden; text-align: center; text-indent: -999em; width: 200px; } .category-podcast .single h6.byline:before { content: 'Hosted '; } .category-podcast .band { margin: 0 0 4em; } .mp3, .ogg, .itunes { display: inline-block; font: normal 87.5%/1.625em "ff-basic-gothic-web-pro", sans-serif; min-width: 5em; position: relative; text-transform: uppercase; top: -0.75em; width: auto; } .mp3 a, .ogg a, .itunes a { color: black; } .mp3 a:hover, .mp3 a:active, .ogg a:hover, .ogg a:active, .itunes a:hover, .itunes a:active { color: crimson; } .mp3 i, .ogg i, .itunes i { display: inline-block; font-size: 150%; margin: 0 0.25em 0 0.75em; } .podplayer { display: inline-block; padding: 0 0 1.25em; } .podplayer small { font-size: 87.5%; position: relative; top: -0.75em; } #podcasts .story { text-align: center; margin: 0; padding: 0; } #podcasts .story audio { width: 250px; } #podcasts .story h2 { font: bold 165%/120% "abril-display", serif; margin: 0; padding: 0 0 0.25em; } #podcasts .story h2 a { color: crimson; } #podcasts .story h2 a:hover { color: black; } #podcasts .story h3 { font: normal 90%/140% "ff-tisa-web-pro", serif; margin: 0; padding: 0 0 0.5em; } #podcasts .story h4 { display: inline-block; font: bold 75% "ff-basic-gothic-web-pro", sans-serif; margin: 0; padding: 0 0 1.5em; text-transform: uppercase; } #podcasts .story h4:first-of-type { display: block; } #podcasts .story h5 { color: #333; display: inline-block; font: italic 85% "ff-tisa-web-pro", serif; margin: 0 0 0 0.1em; padding: 0 0 1.5em; text-transform: none; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Artwork ~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .art { height: auto; margin: 0 auto; max-width: 100%; padding: 0 0 2.5em; text-align: center; width: auto; } .art > .wp-caption.alignnone { margin: 0 auto; } .art_l { float: left; height: auto; max-width: 47.75%; padding: 0 1.5em 1.25em 0; position: relative; text-align: center; top: 0.45em; width: auto; } .art_r { float: right; height: auto; max-width: 47.75%; padding: 0 0 1.25em 1.5em; position: relative; text-align: center; top: 0.45em; width: auto; } .art_slim { float: right; height: auto; max-width: 25%; padding: 0 0 1.25em 1.5em; position: relative; text-align: center; top: 0.45em; width: auto; } .art_third { float: right; height: auto; max-width: 33%; padding: 0 0 1.25em 1.5em; position: relative; text-align: center; top: 0.45em; width: auto; } .art.shrink { margin: 0 auto; max-width: 75%; } .art .caption, .art_l .caption, .art_r .caption, .art_slim .caption, .art_third .caption { color: dimgrey; display: block; font: normal 16px/1.5em "ff-basic-gothic-web-pro", sans-serif; margin: 0; padding: 1.25em 0 0; text-align: left; width: 100%; } .art .credit, .art_l .credit, .art_r .credit, .art_slim .credit, .art_third .credit { color: dimgrey; display: block; font: normal 62.5%/1.375em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; margin: 0.375em 0; padding: 0; text-align: right; text-transform: uppercase; } /*------------------------------------------ ---------- WP-Generated Classes ---------- ------------------------------------------*/ .alignnone, a img.alignnone { margin: 0; } .aligncenter, div.aligncenter, a img.aligncenter { display: block; margin: 0 auto; } .alignleft, a img.alignleft { float: left; margin: 0; } .alignright, a img.alignright { float: right; margin: 0 0 1em 1em; max-width: 50%; width: auto; } .wp-caption { background: inherit; border: 0 none; max-width: 100%; padding: 0; text-align: left; width: auto; } .wp-caption.alignnone { margin: 0; } .wp-caption.alignleft { margin: 0; } .wp-caption.alignright { margin: 0; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text, .thumbnail .caption { color: dimgrey; display: block; font: normal 100%/1.5em "ff-basic-gothic-web-pro", sans-serif; margin: 0; padding: 1.25em 0 0; width: 100%; } .thumbnail { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block; line-height: inherit; padding: 0; } .thumbnail .caption span.credit { display: block; font: normal 62.5%/1.375em "ff-basic-gothic-web-pro", sans-serif; margin: 0; padding: 0; position: relative; top: -1.5em; text-align: right; text-transform: uppercase; } .thumbnail .caption span.credit em { font-style: normal; } .thumbnail .caption strong { font-size: 90%; text-transform: uppercase; } figure.thumbnail { padding: 0; } /*------------------------------- ---------- Walrus TV ---------- -------------------------------*/ /* Brightcove Embed */ #BCLcontainingBlock { background: ghostwhite; margin: 0; width: 100%; } .BCLvideoWrapper { position: relative; padding: 0 0 54.5%; height: 0; } * html .BCLvideoWrapper { margin-bottom: 45px; margin-bottom: 0; } .BCLvideoWrapper div, .BCLvideoWrapper embed, .BCLvideoWrapper object { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container { position: relative; margin: 0 0 0 3.8%; padding: 0 0 51.25%; height: 0; overflow: hidden; width: 92.4%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container + p, .video-container + .throws { margin-top: 1.5em; } .viewscreen { display: block; margin: 0 auto; padding: 0 6.25%; text-align: center; width: 87.5%; } /* Category Header */ body[class*="tv-"], body.category-debate, body.category-misc-video, body.category-original-documentaries, body.category-poems, body.category-privacy-in-the-digital-age, body.category-rbc-canadian-painting-competition, body.category-rbc-conversation-series, body.category-the-walrus-talks, body.category-tv { background: ghostwhite; } header.single.tv { padding: 0 0 0.75em; } header.single.tv h1 { background: transparent url('http://thewalrus.ca/assets/img/walrustelevision.png') no-repeat; background-size: 260px 50px; border: 0; direction: ltr; display: inline-block; height: 50px; margin: 0 auto; overflow: hidden; text-align: center; text-indent: -999em; width: 260px; } header.single.tv h1.smithsonian { background: transparent url('http://thewalrus.ca/assets/img/smithsonianchannel.png') no-repeat; background-size: 204px 42px; height: 42px; width: 204px; } header.single.tv label { padding: 1em 1em 0.75em; } header.single.tv label.seen { display: inline-block; padding: 0 1.25em; position: relative; top: -1.25em; } header.single.tv a + h2 { font-size: 250%; padding-top: 0.5em; } header.single.tv h2 + label { padding: 0.75em 5em; } header.single.tv h2 + .socials { margin-top: 0.675em; } /* Video Player */ section.player { padding: 0; } section.player i { color: black; } section.player i:hover, section.player i:active { color: crimson; } section.player i.previous, section.player i.next { float: left; font-size: 200%; position: relative; } section.player i.next { float: right; } section.player .item-info { padding: 0 2em 2em; } section.player .item-info a { color: black; } section.player .item-info a:hover, section.player .item-info a:active { color: crimson; } section.player .item-info h3 { color: dimgrey; font: normal 100%/1.625em "ff-basic-gothic-web-pro", sans-serif; padding: 0.25em 0; } section.player .item-info h5 { font-size: 200%; line-height: 1.125em; } section.player .item-info h6.vcard { padding: 0 0 1em; } section.player .item-info h6:before { content: none; padding: 0; } section.player .item-info label:first-of-type { padding: 0.5em 0 0.25em; } section.player .house { border-bottom: none; margin: 0 auto; padding: 0 0 1.25em; max-width: 700px; width: auto; } section.player .house p { font-family: "ff-basic-gothic-web-pro", sans-serif; } section.player footer#conversation { margin: 0 auto; max-width: 780px; padding: 0 0 2em; width: auto; } /* TV Guide */ .tv-guide h2 { border-bottom: 1px solid grey; font: normal 175%/1em "ff-basic-gothic-web-pro", sans-serif; padding: 1.25em 0 0.25em; text-align: center; text-transform: uppercase; } .tv-guide h2 a { color: crimson; } .tv-guide h2:before { color: dimgrey; content: "\f008"; display: block; font: normal 50%/2em FontAwesome; } .tv-guide h2 a:hover, .tv-guide h2 a:active { color: black; } .tv-guide button { display: block; margin: 0 auto; } .tv-guide button a { color: white; font: normal 87.5%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; text-transform: uppercase; } .tv-guide button a:hover, .tv-guide button a:active { color: lightgrey; } .tv-guide .item-info { margin: 0; padding: 1.5em 0 0.25em; } .tv-guide .item-info label { padding: 0.25em 0; } .tv-guide .item-info h5 { font-size: 125%; } .tv-guide .item-info h6:before { content: none; padding: 0; } .tv-guide .item-info h6.vcard { display: block; padding-top: 0.25em; } .tv-guide .span4:first-child { margin-left: 0; } /* Subcategory Index */ .tv-guide.sub button { display: none; } .tv-guide.sub .span12 { margin: 0 12.5%; padding-top: 1em; width: 75%; } .tv-guide.sub .span3 { margin: 0; width: 25%; } .tv-guide.sub .span9 { float: right; margin: 0; text-align: left; width: 72.5%; } /* Darkness */ .tv-guide .darken { display: block; position: relative; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .tv-guide .darken:hover { opacity: 0.375; } .hoverImg { display: inline-block; margin-top: -67.5%; } .hoverImgLarge { display: inline-block; margin-top: -30%; } .tv-guide img.hoverImg { border: none; } /* Live Feed */ .live-feed-text { margin: 0 auto; max-width: 706px; padding: 2.5em 0 1em; width: auto; } .live-feed-text img + h6 { padding-top: 0.75em; } .live-feed-text h2 { font: normal 287.5%/1.125em "abril-display", serif; } .live-feed-text h4 { font: italic 137.5%/1.5em "abril-display", serif; } .live-feed-text h6 + h2 { padding-top: 0.25em; } body.live #disqus_thread { margin: 0 auto; max-width: 706px; padding: 0; width: auto; } /*------------------------- ---------- 404 ---------- -------------------------*/ .error404 .ad-leaderboard { display: none; } .error404 form.form-search, .error404 header.single { display: none; } .error404 #wrap.container { position: relative; top: -0.75em; } .error404 .art { max-width: 87.5%; margin: -1em auto 0; } .error404 .art .credit { font-size: 62.5%; } .error404 .alert { background-color: #ebe8c8; border: 1px solid black; -webkit-border-radius: 0.375em; -moz-border-radius: 0.375em; border-radius: 0.375em; color: #333; margin: 0; padding: 0.875em 1em 1em; text-shadow: none; } .error404 .alert .close { color: black; font-size: 150%; font-weight: normal; line-height: 1em; opacity: 1; filter: alpha(opacity=100); position: relative; top: 0.125em; right: 0; text-shadow: none; } .error404 .alert a { color: black; font-size: 150%; padding-left: 0.5em; position: relative; top: 0.25em; } .error404 .alert a:hover, .error404 .alert a:active { color: crimson; } .error404 .alert form { margin: 0; padding: 0; } .error404 .alert input[type="text"] { height: 21px; padding: 0.25em 0 0.175em 0.625em; border: 1px solid black; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; border-radius: 0.25em; font: normal 87.5% "ff-basic-gothic-web-pro", sans-serif; margin: 0; max-width: 12em; text-transform: capitalize; width: auto; } .error404 .alert input[type="submit"] { background-color: black; border: 1px solid black; -webkit-border-radius: 0 0.25em 0.25em 0; -moz-border-radius: 0 0.25em 0.25em 0; border-radius: 0 0.25em 0.25em 0; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); color: white; font: normal 100%/1em "ff-basic-gothic-web-pro", sans-serif; height: 28px; letter-spacing: 0.0375em; position: relative; left: -0.5em; text-shadow: none; text-transform: uppercase; -webkit-transition: 0.325s ease-out; -moz-transition: 0.325s ease-out; transition: 0.325s ease-out; } .error404 .alert input[type="submit"]:hover { background-color: crimson; color: black; } .error404 .alert label { display: none; } .error404 .alert ul { list-style-type: none; margin: 0; padding: 0; } .error404 .alert ul li { display: inline-block; margin: 0; padding: 0; } /*--------------------------------------- ---------- Store/Woocommerce ---------- ---------------------------------------*/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; clear: none; margin: 0; } .cats a h3.cart { bottom: 0; font-size: 0.875em !important; font-weight: bold; line-height: 1; height: 35px; padding-top: 5px !important; } .cats a div { height: 100%; background: rgba(235,232,200,0.6); display: block; position: absolute; top: 0; width: 135px; } .cats a { display: block; position: relative; } .cats a h3 { position: absolute; bottom: 0; left: 0; margin: auto !important; height: 40px; right: 0; text-align: center; line-height: 40px; background: rgba(235,232,200,0.8); color: #000; font-size: 0.8em !important; } .cats a h3 mark { display: none; } .product .socials.outline { clear: both; margin-bottom: 20px; } .products .featimg { position: relative; } .products .featprice { position: absolute; bottom: 0; right: 0; padding: 0 10px; background: rgba(235,232,200,0.7); box-shadow: 0px 0px 1px rgb(235,232,200); display: block; } @media only screen and (min-width: 600px) { .product .socials.outline .addthis_sharing_toolbox #atstbx::before { content: "Share this item:"; display: inline; } .products { margin-top: 20px; } .products span.price.second { display: none !important; } .products h3, .products a { text-align: center; } .feata { position: absolute; bottom: 100px; } .products h3 { position: absolute; padding: 0 !important; left: 0; right: 0; } .catsfeat { margin-top: 30px; } } @media only screen and (max-width: 600px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 55%; clear: both; margin: 20px auto; height: auto; position: relative; float: none; text-align: center; float: none; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: none; } .cats { height: 500px !important; font-size: 12px; } .catsfeat { margin-top: 30px !important; } .cats .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product { width: 40%; float: left; } .cats .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: right; } .woocommerce .related ul li.product, .woocommerce .related ul.products li.product { width: 55%; } .woocommerce .related ul.products li.product:nth-child(2n), .woocommerce-page .related ul.products li.product:nth-child(2n) { float: none; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { padding: 2px; font-size: 10px; } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: none; } } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~ Media Queries ~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~ Widescreen ~~~~~*/ @media (min-width: 1200px) { #current.span4, #online.span4 { width: 405px; } #main.span8 { width: 840px; } #sidebar.span4 { width: 300px; } /** Navigation **/ li.menu-magazine.dropdown ul.dropdown-menu { left: -0.2em; } li.menu-events.dropdown ul.dropdown-menu { left: -6.875em; } li.menu-foundation.dropdown ul.dropdown-menu { left: -1.5em; } li.menu-about.dropdown ul.dropdown-menu { left: -0.3em; } li.menu-subscribe.dropdown ul.dropdown-menu { left: 0.625em; } li.menu-support.dropdown ul.dropdown-menu { left: -0.75em; } /** Sidebar **/ .newsstand img { width: 100%; } #text-14 .podplayer { width: 100%; } label.geo span { display: inline; } /** Home Page **/ .home .carousel-inner hgroup { height: 9.25em; } /** Art **/ .art { margin: 0 -100px auto; max-width: 900px; width: auto; } .art.shrink { max-width: 87.5%; } .art_r { margin-right: -100px; max-width: 62.5%; } /** Walrus TV **/ header.single.tv label { padding: 1em 13em 0.75em; } section.player { padding: 0 3em; } section.player i.previous { top: 19.3em; left: 0; } section.player i.next { top: 0; right: 0; } .tv-guide .span4 { float: left; width: 270px; } .tv-guide .span4 h3.band { font-size: 87.5%; letter-spacing: 0.05em; height: 1em; } .tv-guide .span4:nth-of-type(5) { clear: left; margin-left: 0; } .tv-guide .span4:nth-of-type(n+5) { padding-top: 3em; } /********** End > 1200 **********/ } @media (min-width: 980px) and (max-width: 1199px) { /********** Begin 980 to 1199 **********/ /** Navigation **/ .navbar .nav { top: 1.125em; } .navbar .nav > li { padding: 0 0 0 1.5em; } .navbar .nav > li > a { font-size: 75%; } ul.nav li.dropdown:hover ul.dropdown-menu { padding-top: 0.95em; } li.menu-magazine.dropdown ul.dropdown-menu { left: -1.375em; } li.menu-events.dropdown ul.dropdown-menu { left: -7.5em; } li.menu-foundation.dropdown ul.dropdown-menu { left: -3em; } li.menu-about.dropdown ul.dropdown-menu { left: -1.25em; } li.menu-subscribe.dropdown ul.dropdown-menu { left: -0.625em; } li.menu-support.dropdown ul.dropdown-menu { left: -1.875em; } /** Search Input **/ #hsearch { width: 75%; } #hsearch .textbox { width: 90%; } /** Home Page **/ .home .item-info h4 { font-size: 100%; } .home .house ul li { font-size: 80%; } /* Carousel */ .home .carousel-inner hgroup { height: 9.25em; } .home .carousel-control { top: 6em; } /* Share Band */ .home .band ul { font: bold 87.5%/1em "ff-basic-gothic-web-pro", sans-serif; } .home .band ul li { padding: 0.25em 0.75em 0; } .home .band ul li:first-of-type { padding-left: 0; } .home .band ul li:last-of-type { padding-right: 0; } /* Current Magazine */ #current img, #online img { max-width: 100%; } #current section + .breakline, #online section + .breakline { margin: 2em 0 1.5em; } #online .video-container { margin: 0; padding: 0 0 55%; width: 100%; } /** Sidebar **/ /* Newsstand */ /* Newsletter */ /* .mc_input { width: 12.5em !important; } .mc_signup_submit { top: -2.5em; } #mc_signup_submit { width: 10.875em !important; } */ /** Content **/ #disqus_thread { padding-left: 0; padding-right: 0.5em; } .entry-content { margin: 0; } .entry-content p { margin-right: 0.5em; } header.single h3 { padding: 0 1.5em; } /** Magazine Archives **/ .collection h2 { font-size: 162.5%; } /** Magazine Issue **/ header.single.issue .cover { height: 276px; width: 200px; } /** Events **/ input.buy-tickets { font-size: 200%; } /** Footer **/ #text-2 label { max-width: 79%; } /** Walrus TV **/ header.single.tv label { padding: 1em 5em 0.75em; } section.player i.previous { top: 17em; left: 0; } section.player i.next { top: 0; right: 0; } .tv-guide .span4 { float: left; margin-left: 3%; width: 31.33%; } .tv-guide .span4:nth-of-type(4), .tv-guide .span4:nth-of-type(7) { clear: left; margin-left: 0; } .tv-guide .span4:nth-of-type(n+4) { padding-top: 3em; } .tv-guide .span4:nth-of-type(7) h3.band { height: 1.375em; padding-top: 0.875em; } .tv-guide.sub .span12 { margin: 0 6.25%; width: 87.5% } .tv-guide.sub .span3 { width: 25%; } .tv-guide.sub .span9 { width: 71.5%; } /********** End 980 to 1199 **********/ } @media (min-width: 768px) and (max-width: 979px) { /********** Begin 768 to 979 **********/ .container { max-width: 979px; width: auto; } #content.row { margin: 0; } #main.span8, #main.span12, #sidebar.span4 { margin: 0 1.875%; width: 96.25%; } #main.span8 { min-height: inherit; } /** Carousel **/ .carousel-control { bottom: 2.75em; } .carousel-inner .item hgroup { min-height: 11em; } /** Mainline **/ #mainline { display: block; margin: 0 auto; padding-left: 0; padding-right: 0; } #mainline .span2 { margin: 0; padding: 0; width: 167px; } #mainline .span2:nth-of-type(2) { padding: 0 0.75em 0 1.5em; } #mainline .span2:nth-of-type(3) { padding: 0 1.5em 0 0.75em; } /** Span4 **/ .span4 { width: 48.625%; } #online { float: right; } /** Advertisements **/ .ad-mr-1, .ad-mr-2 { float: right; margin: -2.125em auto 0; padding: 0 0 4.5em; width: 48.625%; } .ad-hp, .affix, .affix-bottom { display: none; } /** Sidebar **/ #sidebar.span4 { border-top: 1px solid black; clear: both; margin-top: 3em; padding-top: 3em; max-width: 100%; width: auto; } /** Newsstand **/ #sidebar .newsstand { clear: left; float: left; width: 48.75%; } #sidebar .newsstand p span { display: none; } #sidebar .newsstand .cover { padding: 0 0 2.5em; } /** Subscribe **/ #sidebar section#text-18 { padding-bottom: 0.5em; } #text-18 #more a { font-size: 80%; text-transform: none; } #text-18 input[type="submit"] { font-size: 80%; padding: 0; } #newslettersignupwidget-2 .nsu-text-before-form { font-size: 95%; } /** Donate **/ #sidebar section#text-17 { padding-bottom: 1em; } #Donate h4 { font-size: 110%; } #Donate p { font-size: 92.5%; } #Donate .input-small { display: block; } /** Popular **/ #sidebar .widget-3 { clear: left; float: left; margin: 0 0 2em; width: 48.625%; } #sidebar .widget-3 a { font-size: 100%; } /** Disqus **/ #text-7 { clear: left; float: left; width: 48.625%; } /** Footer **/ #bottom label { font-style: normal; margin: 0 auto; max-width: 87.5%; padding: 0 0 0.75em; width: auto; } /** Entry Content **/ .entry-content { margin-left: 1.25em; margin-right: 1.25em; padding-left: 2em; padding-right: 2em; } #disqus_thread { padding-left: 2em; padding-right: 2em; } #disqus_thread body { font-family: "ff-basic-gothic-web-pro", sans-serif; } #expandall-button { font: bold 75% "ff-basic-gothic-web-pro", sans-serif; min-height: 1.6em; margin-left: 32%; margin-right: 32%; margin-bottom: 2em; text-transform: uppercase; width: 36%; } .staffbios .art .credit { padding-right: 32%; } #readerschoice .art_r { max-width: 40%; width: auto; } /** Archive **/ .collection .row-fluid { margin: 0; } .collection .row-fluid .span3 { display: inline-block; margin: 0; padding: 0 0 2.5em; width: 47.5%; } .collection .row-fluid .span3:nth-child(even) { clear: right; float: right; } .collection .row-fluid .span3:nth-child(odd) { clear: left; float: left; } /** GG **/ #gg div.row-fluid div.span3 { width: 45%; } #gg div.row-fluid div.span3:nth-child(4n+3) { clear: left; } .diamond-city { padding: 2em 1em; } /** Other **/ .icon-print { display: none; } .printfriendly { display: none !important; } /********** End 768 to 979 **********/ } @media (max-width: 979px) { /********** Begin < 979 ***********/ /** Navigation **/ body.top-navbar { padding-top: 0; } .navbar .brand { margin: 0 0 0 0.375em; padding: 0; } .navbar .brand h1 { line-height: 0.5em; } .navbar .btn-navbar { background: black; position: relative; top: 0.125em; left: -0.125em; } .navbar .btn-navbar:hover { background: crimson; } .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner { padding: 0; } .nav-collapse .nav { margin: 0 0 1.5em 1.5em; } ul.nav li.dropdown:hover ul.dropdown-menu { padding-top: 0; } ul.nav li.dropdown ul.dropdown-menu { border-bottom: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 0; left: 0; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-weight: bold; line-height: 2em; margin: 0; padding: 0; } .nav-collapse .dropdown-menu a { font-weight: normal; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 0; } .nav-collapse .nav >li > a:hover, .nav-collapse .dropdown-menu a:hover { background-color: inherit; color: crimson; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover { background-color: inherit; } /** Walrus TV **/ header.single.tv label { padding: 1em 5em 0.75em; } .video-container { position: relative; margin: 0; padding: 0 0 56.625%; height: 0; overflow: hidden; width: 100%; } section.player i.previous { top: 14.7em; left: 0.5em; } section.player i.next { top: 0.825em; left: -0.5em; } section.player .item-info { padding-top: 1.5em; } .tv-guide .span4 { float: left; margin-left: 4%; width: 48%; } .tv-guide .span4:nth-of-type(3), .tv-guide .span4:nth-of-type(5), .tv-guide .span4:nth-of-type(7) { clear: left; margin-left: 0; } .tv-guide .span4:nth-of-type(n+3) { padding-top: 3em; } .tv-guide .span4:nth-of-type(7) h3.band { font-size: 87.5%; height: 1.25em; padding-top: 0.625em; } .tv-guide.sub .span12 { margin: 0; } .tv-guide.sub .span3 { margin: 0; width: 25%; } .tv-guide.sub .span9 { margin: 0; width: 72.5%; } /** 404 **/ .error404 .art { max-width: 100%; } /* Footer */ #mailchimpsf_widget-3 { width: 95%; } #text-2 p { max-width: 87.5%; } .mc_interest { clear: left; display: inline-block; padding-bottom: 1em; } /********** End < 979 ***********/ #searchtoggle { display: none; } #hsearch { top:0.6em;left:14em; position:absolute; width:63% } #hsearch .textbox { width:90% } } @media (max-width: 767px) { /********** Begin < 767 **********/ #main.span8, #main.span12, #sidebar.span4 { margin: 0 1.875%; width: 96.25%; } #main.span8 { min-height: inherit; } /* Carousel */ .carousel-control { top: 65%; } .carousel-inner .item hgroup { min-height: 10.5em; } /* Social */ /* Mainline */ #mainline .span2 { float: left; margin-right: 0.75em; width: 23.25%; } #mainline .span2:last-of-type { margin-right: 0; } /* Span4 */ .span4 { width: 49%; } #online { float: right; } /* Sidebar */ #sidebar .widget-1 { clear: both; display: block; margin: 6em auto 4em; max-width: 100%; width: auto; } #sidebar .widget_adsense_widget { clear: both; margin: 1em auto 0; } #magazine h4 { padding: 0 0 1.5em; } #magazine h5 { font-size: 200%; } #magazine h6 { padding-bottom: 2em; } #magazine img.appstore, #magazine img.playstore { max-width: 25%; } /* Subscribe form */ #text-18 h3 { font-size: 140%; } #text-18 #more { text-align: center; } #text-18 #more a { font-size: 100%; margin: 0 1.5em; } #text-18 input[type="submit"] { font-size: 110%; } /* Donate form */ #Donate .controls-row { display: inline-block; position: relative; top: 0.45em; } #Donate input[type="submit"] { display: inline-block; margin-left: 0.5em; } /* Affix */ .affix, .affix-bottom { display: none; } /* Entry Content */ .entry-content { margin-left: 1.5em; margin-right: 1.5em; } .span8 { min-height: inherit; } .post header .band, .page-header .band { padding-left: 0.25em; padding-right: 0.25em; } /* Advertising */ .ad-hp, .ad-mr-1, .ad-mr-2 { margin-bottom: 1.5em; } .ad-100-1:after, .ad-100-2:after, .ad-100-3:after, .ad-hp:after, .ad-mr-1:after, .ad-mr-2:after { left: -24em; top: 2em; } .icon-print { display: none; } .printfriendly { display: none !important; } /********** End < 767 **********/ #searchtoggle { display:none; } #hsearch { top:0.6em;left:14em; position:absolute; width:50% } #hsearch .textbox { width:65% } .ad-leaderboard { display: none; } .event-info-inline { display:block; } .event-info-sidebar { display:none; } } @media (max-width: 480px) { /********** Begin < 480 **********/ #main.span8 { min-height: inherit; } header.single { padding: 0; } header.single h3 { padding: 0; } header.single h3 + h6 { padding-bottom: 1em; } .mp3 { margin-left: 0; padding-left: 0; } .podplayer { display: block; } #wrap { padding-top: 0; } span.easy-footnote { position: relative; right: 0; } /* Carousel */ .carousel-inner { height: 23em; } .carousel-inner .item h2 { font: bold 212.5%/1em "abril-display", serif; padding: 0.5em 0.75em 0.125em; } .carousel-inner .item h2 i { margin-left: 0.125em; } .carousel-inner .item h3 { font: normal 112.5%/1.375em "ff-tisa-web-pro", serif; padding: 0 0.125em 0.25em; } .carousel-control { font-size: 400%; top: 82.5%; } .post header .keywords { font-size: 0; min-height: 2em; line-height: 1.375em; margin: 1.25em auto 0; padding: 0.5em; text-align: center; width: 87.5%; } /* Mainline */ #mainline { display: none; } /* Current Magazine */ #current, #online { width: 100%; } #current .breakline, #online .breakline { display: none; } #current h1.band:nth-of-type(1) { background: none; border: none; clear: both; color: grey; margin: 0 auto; padding: 0.375em 0 0.125em; text-align: center; text-transform: uppercase; } #current h6.fob { font: italic 90%/1.4em "ff-basic-gothic-web-pro", sans-serif; text-transform: none; } #current h6.fob:nth-of-type(1) { font-style: normal; font-weight: bold; margin: 0 auto; padding: 1em 0 0; text-transform: uppercase; } #current h6.fob span:nth-child(2):after, #current h6.fob span:nth-child(3):after { content: none; } #current h6.fob span:nth-child(3) { display: block; } #current img, #online img { max-width: 75%; width: auto; } /* Editor Recommends, Digital Edition, etc. */ #widget_walrus_editor_recommends-2, #text-10, #text-11, #text-12, #text-22 { display: none; } #online.span4 { } /* Story */ .story h2 { font: bold 175%/1.1em "abril-display", serif; } .story h2 a span { clear: none; display: inline; } /* Sidebar */ #sidebar { clear: both; } /* Advertisements */ .ad-100-1, .ad-100-2, .ad-100-3 { display: none; } .ad-hp { display: none; } /* Bottom */ #bottom { clear: both; padding: 0.5em 0 0; min-height: 15em; height: auto; margin-bottom: 3em; } #bottom ul li span, #execphp-12, #execphp-14 { display: none; } .entry-content { margin: 1em 0 2em; } a.to-comment { float: left; } #ryecast { height: 234px; } .diamond-city { padding: 2em 0em; } .aside { float: none; margin: 1.5em auto; padding: 0; position: relative; width: 100%; left: -1.25em; } .icon-print { display: none; } .printfriendly { display: none !important; } .page-header img { max-width: 35%; width: auto; } .page-header h1 img { max-width: 65%; width: auto; } .page-header h1, .post header h1 { font: normal 250%/1.1em "abril-display", serif; padding: 0 0 0.125em; } .page-header h1 { padding-top: 0.75em; } .page-header h2, .post header h2 { font: normal 130%/1.2em "ff-tisa-web-pro", serif; margin: 0; padding: 0 1em 0.25em; } .page-header h2 { padding-bottom: 1em; } .post header h6:first-of-type { padding: 1em 0 1.5em; } .post header h6:last-of-type { padding: 0 0 1.5em; } header.single h6.date { padding: 0 0 1.5em; } .art, .art_l, .art_r { float: none; margin: 0 auto; max-width: 100%; padding: 0 0 2em; text-align: center; top: 0; width: auto; } .art_slim { float: right; max-width: 50%; padding: 0 0 1em 1.5em; position: relative; text-align: center; top: 0.45em; width: auto; } .art_third { float: right; max-width: 50%; padding: 0 0 1em 1.5em; position: relative; text-align: center; top: 0.45em; width: auto; } body.postid-60934 .art { max-width: 100%; margin: 0 auto; } body.postid-60934 .art_l, body.postid-60934 .art_r { max-width: 100%; } body.postid-60934 .art.shrink { max-width: 87.5%; } .qtip { display: none; } #disqus_thread { padding-left: 0.5em; padding-right: 0.5em; } blockquote { padding: 0 1.5em 1.25em 1.5em; } blockquote, blockquote p { font-size: 95%; } #archive { margin: 3em auto 1em; } .collection .row-fluid .span3 { width: 100%; } /** Walrus TV **/ header.single.tv h1 { background-size: 182px 35px; height: 35px; width: 182px; } header.single.tv label { padding-left: 0.25em; padding-right: 0.25em; } header.single.tv label span { display: none; } section.player i.previous { top: 9.625em; left: 0.5em; } section.player i.next { top: 0.825em; left: -0.5em; } .tv-guide .span4 { float: left; margin-left: 0; width: 100%; } .tv-guide .span4:nth-of-type(n+2) { padding-top: 3em; } .tv-guide .span4:nth-of-type(7) h3.band { font-size: 100%; } .tv-guide .span4 img { display: none; } .tv-guide.sub .span12 { margin: 0; } .tv-guide.sub .span3 { margin: 0; width: 25%; } .tv-guide.sub .span9 { margin: 0; width: 72.5%; } /** 404 **/ .error404 .alert input[type="text"] { max-width: 8.25em; } .error404 .alert input[type="submit"] { background-color: black; border: 1px solid black; -webkit-border-radius: 0 0.25em 0.25em 0; -moz-border-radius: 0 0.25em 0.25em 0; border-radius: 0 0.25em 0.25em 0; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); color: white; font: normal 75%/1em "ff-basic-gothic-web-pro", sans-serif; height: 28px; letter-spacing: 0.0375em; position: relative; left: -0.5em; text-shadow: none; text-transform: uppercase; -webkit-transition: 0.325s ease-out; -moz-transition: 0.325s ease-out; transition: 0.325s ease-out; } .error404 .alert input[type="submit"]:hover { background-color: lightsteelblue; color: black; } .error404 .alert label { display: none; } .error404 .alert ul { list-style-type: none; margin: 0; padding: 0; } .error404 .alert ul li { display: inline-block; margin: 0; padding: 0; } /********** End < 480 **********/ #searchtoggle { display:none; } #hsearch { text-align:right; top:3.6em; left:auto; right:0.625em; position:absolute; width:53% } #hsearch .textbox { width:55%; } ul#menu-social-3 li { font: 0/0 a; display: inline-block; width: 12.5%; text-align: center; } } @media (max-width: 320px) { /********** Begin < 320 **********/ /** AddThis */ .addthis_default_style .at300b { padding: 0 0.375em; } .carousel-inner { height: 22.25em; } .carousel-control { font-size: 125%; top: 41.5%; } /** Current Magazine **/ #current img, #online img { max-width: 90%; width: auto; } /** Walrus TV **/ header.single.tv { padding: 0; } header.single.tv a + h2 { font-size: 250%; padding-top: 0.5em; } header.single.tv h2 + label { padding: 0.75em 5em; } header.single.tv h2 + .socials { margin-top: 0.675em; } /* Video Player */ section.player { padding: 0; } section.player i { color: crimson; } section.player i:hover, section.player i:active { color: black; } section.player i.previous, section.player i.next { float: left; font-size: 200%; position: relative; } section.player i.next { float: right; } section.player .item-info { padding: 0 2em 2em; } section.player .item-info a { color: black; } section.player .item-info a:hover, section.player .item-info a:active { color: crimson; } section.player .item-info h3 { color: dimgrey; font: normal 87.5%/1.625em "ff-basic-gothic-web-pro", sans-serif; padding: 0.25em 0; } section.player .item-info h5 { font-size: 200%; line-height: 1.125em; } section.player .item-info h6.vcard { padding: 0 0 0.5em; } section.player .item-info h6:before { content: none; padding: 0; } /* TV Guide */ .tv-guide button { display: block; margin: 0 auto; } .tv-guide button a { color: dimgrey; font: bold 87.5%/1em "ff-basic-gothic-web-pro", sans-serif; letter-spacing: 0.0375em; text-transform: uppercase; } .tv-guide button a:hover, .tv-guide button a:active { color: black; } .tv-guide img { border: 1px solid #ebe8c8; } .tv-guide .item-info { margin: 0; padding: 1.5em 0 0.25em; } .tv-guide .item-info label { padding: 0.25em 0; } .tv-guide .item-info h5 { font-size: 125%; } .tv-guide .item-info h6:before { content: none; padding: 0; } .tv-guide .item-info h6.vcard { display: block; padding-top: 0.25em; } .tv-guide .span4:first-child { margin-left: 0; } .tv-guide .span4:nth-of-type(7) h3.band { font-size: 75%; height: 1.125em; padding-top: 0.5em; } /* Subcategory Index */ .tv-guide.sub button { display: none; } .tv-guide.sub .span12 { margin: 0 12.5%; padding-top: 1em; width: 75%; } .tv-guide.sub .span3 { margin: 0; width: 25%; } .tv-guide.sub .span9 { float: right; margin: 0; text-align: left; width: 72.5%; } /* Darkness */ .tv-guide .darken { display: block; position: relative; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .tv-guide .darken:hover { opacity: 0.375; } .hoverImg { display: inline-block; margin-top: -67.5%; } .tv-guide img.hoverImg { border: none; } /********** End < 320 **********/ }