/* Theme Name: Elmore 2014 Theme URI: http://panopticartifex.com Description: Built for Elmore Magazine. Author: Christopher Baima & Greg Sweet Author URI: http://panopticartifex.com Version: 1.0 */ /* BROWSER RESET -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, button, input, select, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} article, aside, figure, footer, header, hgroup, nav, section {display: block;} ul {list-style: none;} div, p, a, li, td { -webkit-text-size-adjust: none; } html {overflow-y: scroll;} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img, object, embed {max-width: 100%; height: auto;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {font-size: inherit; font: 100%, border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td, td img {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em, 0; padding: 0;} input, select {vertical-align: middle;} input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;} a, a:link, a:hover, a:active {outline: none;} small {font-size: 85%;} strong, th {font-weight: bold;} .clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} ::-moz-selection{background: #b31217; color: #fff; text-shadow: none;} ::selection {background: #b31217; color: #fff; text-shadow: none;} a:link {-webkit-tap-highlight-color: #b31217;} .clearfix:before, .clearfix:after {display: block; height: 0; overflow: hidden;} .clearfix:after {clear: both;} .clearfix {zoom: 1;} /* FONTS -------------------------------------------------------------------------------*/ /*Google fonts in font-family: 'Source Sans Pro'; (weights: 200,300,400,600,700,900) font-family: 'Open Sans'; (weights: 300,400,600,700,800) font-family: 'Open Sans Condensed'; (weights: 300,700) */ @font-face { font-family: 'Gothic'; src: url('fonts/alt-goth-webfont.eot'); src: url('fonts/alt-goth-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/alt-goth-webfont.woff') format('woff'), url('fonts/alt-goth-webfont.ttf') format('truetype'), url('fonts/alt-goth-webfont.svg#alternategothic2_btregular') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'Chunk Five'; src: url('fonts/chunkfive-webfont-webfont.eot'); src: url('fonts/chunkfive-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/chunkfive-webfont-webfont.woff') format('woff'), url('fonts/chunkfive-webfont-webfont.ttf') format('truetype'), url('fonts/chunkfive-webfont-webfont.svg#chunkfiveregular') format('svg'); font-weight: normal; font-style: normal;} /* GLOBAL -------------------------------------------------------------------------------*/ body { background: #e1e1e3; color: #333; font-family: 'Open Sans', sans-serif; font-weight: normal; font-weight: 400; -webkit-text-size-adjust: none; text-rendering: optimizelegibility; } h1, h2 { color: #000; font-family: 'Open Sans Condensed', sans-serif; font-size: 40px; font-weight: bold; font-weight: 700; margin-bottom: 10px; line-height: 1.1em; } @media screen and (max-width: 640px) { h1, h2 {font-size: 56px;} } h1 {} h2 {} h2.cat-title, h2.flag-title { display: inline-block; background: #e8eaf6; color: #1a2b47; font-family: 'Gothic', sans-serif; font-size: 36px; font-weight: normal; text-transform: uppercase; padding: 6px 13px 0px; border-left: #f8cd4d solid 15px; margin-left: -30px; /*override wrapper padding */ margin-bottom: 30px; line-height: 42px; } @media screen and (max-width: 640px) { h2.cat-title, h2.flag-title { margin-left: -15px; font-size: 52px; padding: 12px 13px 6px; } } h2.cat-title a, h2.flag-title a { color: #1a2b47; } h2.cat-title.title-more { background: #f6f6f8; color: #636797; border: none; margin-left: 0; } h2.cat-title.title-more > span { font-family: arial, sans-serif; font-size: 28px; font-weight: bold; } h3.subtitle { color: #000; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: bold; font-weight: 700; } p.cat-subtitle { color: #888; font-size: 22px; font-weight: bold; font-weight: 700; text-transform: uppercase; } p.cat-subtitle.calendar {text-align: center;} @media screen and (max-width: 640px) { p.cat-subtitle.calendar { text-align: left; float: left; display: inline-block; background: #e0e0e2; margin: 20px 15px 0 0; padding: 3px 10px; } } h3 {} article h3 { font-size: 1.4em; } article h3, h4 { padding-bottom: 20px; } a, a:link, a:active { color: #b31217; text-decoration: none; } .entry p {} .entry a {font-weight: bold;} .entry a:hover { color: #000; text-decoration: underline; } a.more { background: #d11621; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; font-weight: 700; text-transform: uppercase; padding: 3px 8px; } a.more.excerpt {text-align: right;} @media screen and (max-width: 640px) { a.more {font-size: 20px; padding: 5px 10px;} } .wrapper, .wrapper-bag { position: relative; width: 980px; margin: 0 auto; background: #fff; padding: 30px; } .wrapper.post, .wrapper-bag.post {overflow: auto;} @media screen and (max-width: 640px) { .wrapper {width: 480px; padding: 15px;} } .content, .content-bag { position: relative; float: left; width: 660px; padding-right: 15px; } @media screen and (max-width: 640px) { .content {width: 450px; float: none; padding-right: 0px;} } a#scroll-to-top { background: url('images/up.png') !important; width: 40px !important; height: 40px !important; } a#scroll-to-top:hover {background-position: 0 -42px !important} .entry ul, .entry ol { margin: 5px 0 15px 30px; } /* ADVERTISING -------------------------------------------------------------------------------*/ .banner-ad { max-width: 980px; min-width: 480px; margin: 0 auto; padding: 10px 0 15px 0; } .banner-ad img, .banner-ad ins { display: block !important; margin: 0 auto; padding-bottom: 10px; } span.advertisement { display: block; color: #b3b3b5; font-size: 11px; letter-spacing: 3px; text-align: center; text-transform: uppercase; margin-bottom: 7px; } .sidebar-ad { width: 250px; overflow-x: auto; float: left; padding: 5px 0; } @media screen and (max-width: 640px) { .sidebar-ad { width: 225px; padding: 0 5px 5px 0; } } h4.ad-title {display: none;} /* HEADER -------------------------------------------------------------------------------*/ .header{ width: 100%; margin-bottom: 20px; background: #fff; border-bottom: #e9e9f5 solid 4px; box-shadow: #aeaeae 0px 3px 10px; } @media screen and (max-width: 480px) { .header{width: 480px; margin: 0 auto 20px auto;} } .wrapper.head {padding: 20px 10px 0;} .logo {float: left; padding: 0;} @media screen and (max-width: 640px) {.logo {width: 190px;}} .connect {float: right; padding-top: 5px;} @media screen and (max-width: 640px) { .connect {width: 220px;} } .social { position: relative; float: left; width: 131px; height: 30px; } @media screen and (max-width: 640px) { .social {float: right; margin-top: 28px;} } .social ul {position: relative;} .social li { display: inline; text-indent: -9999px; } .social li a { position: absolute; width: 30px; height: 29px; background: url(images/sprite.png) no-repeat; } .social li.fb a { top: 0px; left: 0px; background-position: 0px 0px } .social li.tw a { top: 0px; left: 34px; background-position: -35px 0px } .social li.yt a { top: 0px; left: 68px; background-position: -69px 0px } .social li.ig a { top: 0px; left: 102px; background-position: -103px 0px } .social li.sp a { top: 0px; left: 102px; background-position: -137px 0px } .search {float: right; margin-left: 20px;} @media screen and (max-width: 640px) { .search {margin: 8px 0 0 0;} } .s { color: #888; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 27px; width: 180px; border-radius: 3px 0px 0px 3px; margin-right: -5px; padding: 0 5px; box-shadow: inset 0 0 3px #ccc; } .s:focus {color: #333;} .searchsubmit { border: none; background: url(images/search.png) left no-repeat; width: 29px; height: 29px; } .kickstart { display: inline-block; max-width: 100%; background-color: #fff; border: 2px #b41318 solid; padding: 8px 8px 4px 8px; text-align: center; -moz-border-radius: 5px; border-radius: 5px; position: relative; top: 37px; float: right; } @media screen and (max-width: 640px) { .kickstart { top: -10px; margin-top: 10px; width: 100%; } } /* NAVIGATION -------------------------------------------------------------------------------*/ .header-nav {padding: 20px 10px 10px;} .header-nav {padding-top: 0px;} @media screen and (max-width: 640px) { .header-nav {display: none;} } .header-nav ul { text-align: center; } .header-nav li { display: inline; margin: 0 15px; position: relative; } .header-nav li { display: inline; margin: 0px 25px 0px 0px; position: relative; } .header-nav li a { color: #000; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: normal; font-weight: 400; text-decoration: none; text-transform: uppercase; padding: 12px 0; transition: color 0.15s ease-in-out; } .header-nav li a:hover {color: #dd0000;} .header-nav li.menu-item-has-children { background: url(images/rarr.png) left no-repeat; padding-left: 12px; } .header-nav ul ul { display: none; position: absolute; float: left; top: 34px; left: 0; min-width: 200px; z-index: 99999; background: #4e5d86; text-align: left; padding: 3px 0; } .header-nav ul li:hover > ul {display: block;} .header-nav ul ul li { display: block; margin: 0; } .header-nav ul ul li a { display: block; color: #fff; padding: 5px 5px 5px 15px; border-bottom: #56658c solid 1px; } .header-nav ul ul li a:hover { background: #354569; color: #fff; } .toggle { position: relative; background: url(images/hamburger.png) 0px 2px no-repeat; color: #ce181e; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: bold; font-weight: 700; text-transform: uppercase; padding: 0 0 10px 25px; cursor: pointer; } .toggle { padding: 0px 0px 5px 25px; } .mobile-nav {display: none; margin-top: -10px; padding: 0;} @media screen and (max-width: 640px) { .mobile-nav {display: block;} } .mobile-subnav {display: none;} .mobile-subnav ul {position: relative; width: 230px;} .mobile-subnav ul li:hover > ul { display: block; position: absolute; left: 0; top: 0; padding-top: 0; } .mobile-subnav ul li a { display: block; width: 230px; background: #354569; color: #fff; font-family: 'Open Sans Condensed', 'Gothic', sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; padding: 3px 0 3px 10px; border-bottom: #6d7da1 solid 1px; border-right: #4e5d86 solid 1px; } .mobile-subnav ul li a:hover { background: #4e5d86; } .mobile-subnav ul li.menu-item-has-children > a { background: #354569 url(images/rarr.png) 95% no-repeat; } .mobile-subnav ul li.menu-item-has-children > a:hover { background: #4e5d86 url(images/rarr.png) 95% no-repeat; } .mobile-subnav ul ul {display: none;} .mobile-subnav ul li:hover > ul { display: block; position: absolute; top: 0; left: 230px; } .footer-nav ul { text-align: center; margin-bottom: 10px; } .footer-nav li { display: inline; margin: 0 10px; } .footer-nav li a { color: #333; font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; font-weight: normal; font-weight: 400; text-decoration: none; text-transform: uppercase; transition: color 0.15s ease-in-out; } @media screen and (max-width: 640px) { .footer-nav li {margin: 0 5px;} .footer-nav li a { color: #000; font-family: 'Gothic', sans-serif; font-size: 18px; } } .footer-nav li a:hover {color: #dd0000;} .footer-nav ul ul {display: none;} /* HOME PAGE -------------------------------------------------------------------------------*/ .sliders { position: relative; width: 980px; margin: 0 auto; background: #fff; padding: 30px 0 0 38px; } @media screen and (max-width: 640px) { .sliders { width: 480px; padding: 30px 15px 0 15px; } } #slider-1 { width: 450px; height: 275px; float: left; } #slider-2 { width: 225px; height: 275px; float: left; } #slider-3 { width: 225px; height: 138px; float: left; } #slider-4 { width: 225px; height: 137px; float: left; } .nivo-caption { background: transparent url(images/caption-bg.png) top repeat-x !important; font-family: 'Open Sans Condensed', 'Source Sans Pro', sans-serif !important; font-size: 26px !important; font-weight: bold !important; font-weight: 700 !important; padding-bottom: 5px !important; padding-right: 15px !important; line-height: 115% !important; pointer-events: none !important; /*This allows the caption text to be clickable link ("click through" to the linked image below) */ } #slider-2 .nivo-caption {font-size: 24px !important; line-height: 1em !important;} #slider-3 .nivo-caption {font-size: 22px !important; line-height: 1em !important;} #slider-4 .nivo-caption {font-size: 22px !important; line-height: 1em !important;} .nivo-caption { opacity: 1 !important; text-shadow: 3px 2px 2px rgba(0,0,0,0.8); } .nivo-directionNav a { display: block !important; width: 38px !important; height: 39px !important; background: url(images/slider-arrows.png) no-repeat !important; text-indent:-9999px !important; border: 0 !important; z-index: 11 !important; opacity: 1 !important; } #slider-3 .nivo-directionNav a, #slider-4 .nivo-directionNav a {top: 35% !important;} .nivo-directionNav a:hover {} a.nivo-nextNav { background-position: -40px 0 !important; right: 0px; } a.nivo-prevNav { background-position: 0 0; left: auto; left: 0px; } /*------------------------------------------------------------------*/ .home-news-wrap {position: relative; column-count: 2;} @media screen and (max-width: 640px) { .home-news-wrap {column-count: 1;} } article.home-news { } article.home-news { display: inline-block; width: 318px; float: none; margin: 0; padding: 0 10px 0 0;padding-bottom: 8px; overflow: auto; } @media screen and (max-width: 640px) { article.home-news { width: 450px; float: none; clear: left; padding: 0; } } span.home-news-meta { display: block; color: #666; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height: 14px; margin-bottom: 5px; } @media screen and (max-width: 640px) { span.home-news-meta {font-size: 18px;} } h3.home-news-title, h4.home-news-title { margin: 0; padding: 0; color: #000; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; line-height: 110%; } @media screen and (max-width: 640px) { h3.home-news-title, h4.home-news-title { font-size: 20px; font-weight: 700; line-height: 130%; } } h3.home-news-title a, h4.home-news-title a {color: #000;} article.home-reviews { width: 160px; float: left; margin: 0; padding: 0 10px 0 0; } @media screen and (max-width: 640px) { article.home-reviews { width: 450px; float: none; clear: left; padding: 0; } } h3.home-news-title, h4.home-news-title { font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-size: 18px; } /* PAGE & POST -------------------------------------------------------------------------------*/ .post {} h2.post-title a {color: #000;} span.exclusive { color: #b31217; } p.post-date { color: #000; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: bold; font-weight: 600; } .entry { margin-bottom: 30px; } .entry p {margin-bottom: 15px; line-height: 1.4em;} @media screen and (max-width: 640px) { .entry p {font-size: 28px; color: #444;} } p.post-meta { color: #888; margin-bottom: 15px; } @media screen and (max-width: 640px) { p.post-meta {font-size: 26px;} } p.post-meta-more { color: #666; margin-bottom: 10px; font-size: 14px; } @media screen and (max-width: 640px) { p.post-meta-more {font-size: 22px;} } footer.author-info { color: #666; font-style: italic; border-top: #b31217 dashed 2px; border-bottom: #b31217 dashed 2px; padding: 10px 0; line-height: 1.5em; } div.author-image { display: inline-block; float: left; padding-right:10px; } /*Sharing */ h3.sd-title { display: inline; color: #000; font-family: 'Gothic', sans-serif; font-size: 20px !important; font-weight: normal !important; text-transform: uppercase; } @media screen and (max-width: 640px) { h3.sd-title {font-size: 28px !important;} } .related-posts { float: left; width: 320px; padding-right: 15px; } @media screen and (max-width: 640px) { .related-posts {width: 450px;} } h3.related-stories { color: #888; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: bold; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } @media screen and (max-width: 640px) { h3.related-stories {font-size: 32px;} } h4.related-post-title { line-height: 1.1em; } h4.related-post-title a { margin: 0; padding: 0; color: #000; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; } @media screen and (max-width: 640px) { h4.related-post-title a { font-size: 26px; font-weight: 700; line-height: 115%; } } .related-thumb {float: left; padding: 0 10px 10px 0;} .related-thumb img {width: 80px;} @media screen and (max-width: 640px) { .related-thumb img {width: 120px;} } .related-content {float: right; width: 210px;} @media screen and (max-width: 640px) { .related-content {width: 300px;} } /* CATEGORY TEMPLATE: ALBUM REVIEW INFOBOX -------------------------------------------------------------------------------*/ .infobox { background-color: #e8eaf6; padding: 20px; float: right; margin: 0 0 5px 15px; } .album-info { color: #1a2b47; font-family: open sans condensed; font-size: 15px; line-height: 15px; margin-bottom:20px; display: inline-block; } .album-info p { margin-bottom: 0; font-size: 15px; } .album_cover { text-align:left; } .buy_buttons a { color:#FFFFFF; display: block; font-size: 12px; font-family: open sans; font-weight:normal; padding:10px; text-align: center; text-decoration:none; } .buy_buttons a:hover { color:#999999; text-decoration:none; } .buy_button_digital { display: inline-block; width: 125px; background-color: #4e5d86; margin-right: 14px; margin-top:20px; } .buy_button_digital a:hover { background-color: #354569; } .buy_button_physical { display: inline-block; width: 125px; background-color: #354569; margin-top:20px; } .buy_button_physical a:hover { background-color: #4e5d86; } .score { display: inline-block; float:right; width: 80px; height: 80px; padding: 18px; border-radius: 42px; text-align: center; color: #fff; font-size:33px; font-weight:bold; font-family: open sans; } #scored0, #scored1, #scored2, #scored3, #scored4, #scored5, #scored6, #scored7, #scored8, #scored9, #scored10, #scored11, #scored12, #scored13, #scored14, #scored15, #scored16, #scored17, #scored18, #scored19, #scored20, #scored21, #scored22, #scored23, #scored24, #scored25, #scored26, #scored27, #scored28, #scored29, #scored30, #scored31, #scored32, #scored33, #scored34, #scored35, #scored36, #scored37, #scored38, #scored39, #scored40 { background-color: #f8cd4d; } #scored41, #scored42, #scored43, #scored44, #scored45, #scored46, #scored47, #scored48, #scored49, #scored50, #scored51, #scored52, #scored53, #scored54, #scored55, #scored56, #scored57, #scored58, #scored59, #scored60, #scored61, #scored62, #scored63, #scored64, #scored65, #scored66, #scored67, #scored68, #scored69, #scored70 { background-color: #35751c; } #scored71, #scored72, #scored73, #scored74, #scored75, #scored76, #scored77, #scored78, #scored79, #scored80, #scored81, #scored82, #scored83, #scored84, #scored85, #scored86, #scored87, #scored88, #scored89, #scored90, #scored91, #scored92, #scored93, #scored94, #scored95, #scored96, #scored97, #scored98, #scored99, #scored100 { background-color: #35751c; } /* ARCHIVE PAGES -------------------------------------------------------------------------------*/ .excerpt {} .excerpt-more {font-size: 14px;} span.top-story { display: inline-block; background: #202b47; color: #fff; font-family: 'Chunk Five', Georgia, Times, serif; font-size: 22px; padding: 5px 10px 0 10px; text-transform: uppercase; margin-bottom: 10px; } @media screen and (max-width: 640px) { span.top-story {font-size: 28px;} } .next-posts {float: left; text-align: right; padding-right: 2px;} .prev-posts {float: right; text-align: left; padding-left: 2px;} .archive-top {border-bottom: #ccc dashed 2px; padding-bottom: 15px; margin-bottom: 15px;} .archive-top img {width: 290px;} @media screen and (max-width: 640px) { .archive-top img {width: 450px; height: 275px;} } .archive-top h2 {font-size: 32px;} @media screen and (max-width: 640px) { .archive-top h2 {font-size: 40px;} } .excerpt-top {} h4.more-title { color: #888; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: bold; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .archive-more {} .archive-more h2 { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700; } @media screen and (max-width: 640px) { .archive-more h2 {font-size: 28px; line-height: 105%; margin-bottom: 5px;} } div.archive-top article h3, h4, div.archive-more article h2, h3, h4 { padding-bottom: 0px; clear: none; } div.archive-more { display: block; padding-bottom: 14px; overflow: auto;} .excerpt-more {} @media screen and (max-width: 640px) { .excerpt-more {display: none;} } .excerpt-more p {margin-bottom: 0px;} /*Navigation */ .navigation {padding-top: 15px;} .next-posts, .prev-posts { width: 50%; font-family: 'Open Sans Condensed', sans-serif; font-size: 21px; font-weight: bold; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } @media screen and (max-width: 640px) { .next-posts, .prev-posts { font-family: 'Open Sans', sans-serif; font-size: 32px; } } .next-posts a, .prev-posts a { background: #cf171f; color: #fff; padding: 2px 7px; } @media screen and (max-width: 640px) { .next-posts a, .prev-posts a {padding: 2px 15px;} } h3.search-results { color: #888; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: bold; font-weight: 700; text-transform: uppercase; margin: -20px 0 10px 0; } /* CALENDAR, FEATURES & REVIEW PAGESS -------------------------------------------------------------------------------*/ h4.timezone, h4.review, h4.feature { color: #fff; font-family: 'Chunk Five', Georgia, Times, serif; font-size: 22px; font-weight: normal; padding: 5px 10px 0 10px; text-transform: uppercase; margin: 0 10px 10px 0; } @media screen and (max-width: 640px) { h4.timezone, h4.review, h4.feature { font-size: 30px; margin: 0 0 10px 0; padding: 7px 15px 2px 15px; } } h4.timezone.est, h4.review.albums, h4.feature.influences {background: #202b47;} h4.timezone.cst, h4.review.shows, h4.feature.bag {background: #49844c;} h4.timezone.mst, h4.review.books, h4.feature.columns {background: #a27d53;} h4.timezone.pst, h4.review.films, h4.feature.thingamajigs {background: #edbb34;} h4.feature.parent {background: #4e5d86;} .events, .reviews, .features {margin-bottom: 30px;} @media screen and (max-width: 640px) { .events, .reviews, .features {margin-bottom: 40px;} } .events-top, .reviews-top, .features-top { float: left; width: 50%; margin-bottom: 15px; } @media screen and (max-width: 640px) { .events-top, .reviews-top, .features-top {float: none; width: 100%;} } .events-top h2, .reviews-top h2, .features-top h2 {font-size: 32px; padding-right: 10px;} @media screen and (max-width: 640px) { .events-top h2, .reviews-top h2, .features-top h2 {font-size: 46px; padding-right: 0px;} } .events-top img, .reviews-top img, .features-top img {width: 290px; height: auto;} @media screen and (max-width: 640px) { .events-top img, .reviews-top img, .features-top img {width: 450px; height: auto;} } .events-excerpt, .reviews-excerpt, .features-excerpt {padding-right: 10px;} @media screen and (max-width: 640px) { .events-excerpt, .reviews-excerpt, .features-excerpt {padding-right: 0px;} } .events-more, .reviews-more, .features-more { float: right; width: 50%; margin-bottom: 15px; } @media screen and (max-width: 640px) { .events-more, .reviews-more, .features-more {float: none; width: 100%;} } .events-more h2, .reviews-more h2, .features-more h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 700; } @media screen and (max-width: 640px) { .events-more h2, .reviews-more h2, .features-more h2 {font-size: 28px; line-height: 105%; margin-bottom: 5px;} } .events-more img, .reviews-more img, .features-more img {width: 100px;} @media screen and (max-width: 640px) { .events-more img, .reviews-more img, , .features-more img {width: 120px;} } /* STORE PAGE -------------------------------------------------------------------------------*/ ul.product-list {margin: 0;} .product { float: left; width: 200px; height: 265px; margin: 10px 4px; } @media screen and (max-width: 640px) { .product { height: 285px; margin: 10px 13px 10px 12px; } } .product-name { font-family: 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 700; } @media screen and (max-width: 640px) { .product-name { font-size: 24px; line-height: 110%; } } /* MERCH/ISSUES */ div.buyissue { display: block; float: left; width: 186px; margin: 4px 10px 4px 0px; padding: 0px 4px; overflow: auto; min-height: 320px; padding-left: 14px; } div.buyissue img { clear: both; border: 1px #ccc solid; padding: 0px; margin: 8px 0px; } div.issueyear { display: block; width: 94%; margin: 10px 0px 0px 0px; padding: 0px; overflow: auto; clear: both; } div.issueyear h3 { display: block; width: 98%; font-size: 1.3em; clear: both; padding: 4px; background-color: #e1e1e1; margin: 20px 0px; } div.buyissue p { margin-bottom: 0px; } @media screen and (max-width: 640px) { div.buyissue p { margin-bottom: -8px; } div.buyissue p a strong { font-size: 16px; margin-top: -8px; } div.buyissue img { margin: 8px 0px -5px 0px; } } /* PRODUCT PAGES -------------------------------------------------------------------------------*/ .single-product input[type=submit] { background: #d11621; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; font-weight: 700; text-transform: uppercase; padding: 3px 8px; margin-bottom: 10px; } @media screen and (max-width: 640px) { .single-product input[type=submit] {font-size: 20px; padding: 5px 10px;} } .single-product select { font-family: 'Open Sans', sans-serif; font-size: 16px; text-transform: uppercase; border: #888 solid 1px; border-radius: 3px; padding: 2px 0 2px 5px; } @media screen and (max-width: 640px) { .single-product select {font-size: 20px; padding: 5px 0 5px 8px;} } .single-product form {margin-top: -20px;} .product-info-1, .product-info-2 { float: left; width: 50%; } @media screen and (max-width: 640px) { .product-info-1, .product-info-2 {width: 100%;} } .product-info-1 {padding-right: 10px;} .product-info-2 {} /* LINKS */ #linkspage p { position: relative; padding-left: 160px; display: block; padding-bottom: 20px; margin: 0; margin-bottom: 20px; border-bottom: 1px dashed #CCC; overflow: auto; } #linkspage a { font-weight: bold; word-wrap:break-word; } #linkspage img { z-index: 2; position: absolute; left: -160px; border: 0; } #linkspage h3, #linkspage h4, #linkspage h5 { position: relative; left: 160px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; color: #000; } #linkspage h2 { font-size: 1.8em; color: #999; text-transform: uppercase; margin: 0; margin-bottom: 10px; padding: 0; } @media screen and (max-width: 640px) { #linkspage p { padding-left: 0px; border-bottom: 4px dashed #CCC; } #linkspage img { position: relative; left: 0px; border: 0; width: 50%; } #linkspage h4 {font-size: 160%; left: 0px; } #linkspage h2 { font-size: 2.4em; } } /* PHOTOS PAGE */ div.elmoregallery { width: 310px; padding: 5px; margin-right: 10px; float: left; } div.elmoregallery h4 { text-align: center; } /* NEXT GEN GALLERY */ .ngg-gallery-thumbnail { float: left; margin-right: 4px !important; text-align: center; font-size: 12px; line-height: 1.4em; min-height: 255px; } .ngg-thumbnail { float: left; margin-right: 4px; } .ngg-galleryoverview { overflow: auto; margin-top: 10px; padding-bottom: 10px; width: 100%; clear:both; display:block !important; } .ngg-gallery-thumbnail img:hover { background-color: #C00 !important; border: 1px solid #C00 !important; } /* Images description */ .ngg-gallery-thumbnail span { width: 208px; height: 30px; padding-left:5px; display:block; font-size: 1.5em !important; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; margin: 10px 0px; color: #888; clear:both; } .ngg-gallery-thumbnail img { background-color:#FFFFFF; border:1px solid #ccc !important; display:block; margin:4px 0px 0px 5px; padding:4px; position:relative; } .ngg-gallery-thumbnail img:hover { border:1px solid #ABABAB; background-color:#EEE; } .ngg-navigation { font-size:1em !important; clear:both !important; display:block !important; padding-top:15px; padding-bottom:15px; text-align:center; font-family: Arial, Helvetica; } .slideshowlink { display: none; } /* SHARE WIDGET */ div.sharedaddy h3.sd-title { margin: 0px 0px 10px 0px !important; line-height: 0.8em !important; display: block !important; padding-bottom: 8px; } div.sharedaddy { border-bottom: 1px #ddd solid; margin-bottom: 15px; } /* SIDEBAR -------------------------------------------------------------------------------*/ .sidebar { float: right; width: 260px; padding-left: 10px; border-left: #ccc dotted 2px; } .sidebar.home {border: none;} @media screen and (max-width: 640px) { .sidebar { width: 450px; float: none; clear: left; padding-top: 40px; padding-left: 0px; border: none; } } /*iframe#google_ads_frame1, ins.adsbygoogle[style], #google-ad-sense ins#aswift_0_expand[style], #google-ad-sense ins#aswift_0_anchor[style], #google-ad-sense iframe[style], #google-ad-sense iframe#aswift_0[style], div#google_image_div[style], #google_image_div img.img_ad[style], #google_image_div img.img_ad, #google_image_div img[style] { width: 250px !important; max-width: 250px !important; height: 250px !important; }*/ /* FOOTER -------------------------------------------------------------------------------*/ .footer { clear: both; width: 100%; margin: 20px 0 0 0; padding: 10px 10px 20px; background: #fff; border-top: #e9e9f5 solid 4px; box-shadow: #aeaeae 0px -3px 10px; } @media screen and (max-width: 640px) { .footer { padding: 10px 0 20px; } } @media screen and (max-width: 480px) { .footer {width: 480px; margin: 20px auto 0 auto;} } .footer-logo { width: 159px; height: 51px; margin: 0 auto 20px auto; } p.copyright { color: #888; font-size: 13px; text-align: center; } /* IMAGES -------------------------------------------------------------------------------*/ .aligncenter { display: block; margin: 0 auto; padding: 15px 0; } .alignleft { float: left; margin: 0 15px 5px 0; } @media screen and (max-width: 640px) { .alignleft { float: none; display: block; margin: 0 auto; padding: 15px 0 30px 0; } } .alignleft-home { float: left; margin: 0 15px 5px 0; } @media screen and (max-width: 640px) { .alignleft-home { margin: 0 15px 10px 0; width: 120px; height: 120px; } } .alignright { float: right; margin: 0 0 5px 15px; } @media screen and (max-width: 640px) { .alignright { float: none; display: block; margin: 0 auto; padding: 15px 0 30px 0; } } .wp-caption { max-width: 96% !important; width: auto !important; } .wp-caption-text { color: #000; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2em; } .gallery { margin: 0 auto 15px; clear: left;} .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-item { height: 315px; overflow: hidden; margin-bottom: 15px; } @media screen and (max-width: 640px) { .gallery-item {height: 148px;} } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33325%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery-columns-3 .gallery-item img { border: none; padding: 5px; background: #e1e1e3; width: 200px; } .gallery.gallery-columns-3 .gallery-item img:hover { background: #c00; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #000; font-size: 13px; font-weight: normal; margin: 0; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } .slideshow-window { max-width: 660px !important; border-radius: 0px !important; background: #000 !important; border: #000 solid 20px !important; } @media screen and (max-width: 640px) { .slideshow-window {max-width: 420px !important;} } .slideshow-slide-caption { font-size: `16px !important; font-family: 'Source Sans Pro', sans-serif !important; font-weight: bold; font-weight: 600; color: #fff !important; text-shadow: 2px 2px 2px #000 !important; line-height: 1.2em; height: 50px; position: absolute; bottom: -15px; left: 0px; z-index: 100; width: 100%; text-align: center; background-color: rgba(0,0,0,0.5); } /* FORMS -------------------------------------------------------------------------------*/ input, select, textarea {border: #ccc solid 1px; border-radius: 3px;} /* COMMENTS -------------------------------------------------------------------------------*/ li.pingback { display: none; visibility: hidden; } .comment-reply-title { color: #888; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; font-weight: bold; font-weight: 700; text-transform: uppercase; } @media screen and (max-width: 640px) { .comment-reply-title {font-size: 32px;} } h3.comment-title {padding-top: 15px;} ol.commentlist {list-style: none;} ol.commentlist li {} ol.commentlist li.alt {} ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment {border-bottom: 1px solid #ccc; padding: 10px;} ol.commentlist li.comment div.comment-author {} ol.commentlist li.comment div.vcard {} ol.commentlist li.comment div.vcard cite.fn {font-style: normal;} ol.commentlist li.comment div.vcard cite.fn a.url {} ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;} ol.commentlist li.comment div.vcard img.avatar-32 {} ol.commentlist li.comment div.vcard img.photo {} ol.commentlist li.comment div.vcard span.says {} ol.commentlist li.comment div.commentmetadata {} ol.commentlist li.comment div.comment-meta {font-size: 13px; padding: 5px 0;} ol.commentlist li.comment div.comment-meta a {color: #888;} ol.commentlist li.comment p {} ol.commentlist li.comment ul {} ol.commentlist li.comment div.reply {font-size: 14px; padding-top: 10px;} ol.commentlist li.comment div.reply a {color: #888;} ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;} ol.commentlist li.comment ul.children li {} ol.commentlist li.comment ul.children li.alt {} ol.commentlist li.comment ul.children li.bypostauthor {} ol.commentlist li.comment ul.children li.byuser {} ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.comment-author-admin {} ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-5 {} ol.commentlist li.comment ul.children li.odd {} ol.commentlist li.even {background: #fff;} ol.commentlist li.odd {background: #f6f6f6;} ol.commentlist li.parent {border-left: 5px solid #111;} ol.commentlist li.thread-alt {} ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} /* Print styles! -------------------------------------------------------------------------------*/ @media print {}