From 7c66e1f690346f5333d296e0d20d2cbcd86f0093 Mon Sep 17 00:00:00 2001 From: Andre Bulatov Date: Thu, 25 Feb 2016 22:28:25 -0500 Subject: [PATCH] transferred all main default.css style css to style.css --- wp-content/themes/mag-wp/style.css | 3394 +++++++++++++++++++++++++++- 1 file changed, 3356 insertions(+), 38 deletions(-) diff --git a/wp-content/themes/mag-wp/style.css b/wp-content/themes/mag-wp/style.css index cf2768f..d4f07b8 100644 --- a/wp-content/themes/mag-wp/style.css +++ b/wp-content/themes/mag-wp/style.css @@ -729,46 +729,3364 @@ ul.minus-gold-list { margin:20px 40px; list-style-type: none;} ul.minus-black-list li { padding:3px 0 3px 17px; background: url(images/li_minus_black.png) no-repeat 0px center; font-weight: 600; } ul.minus-black-list { margin:20px 40px; list-style-type: none;} -/*---------EARMILK CUSTOM-----------*/ -h6.post-question { - font-size: 15px; - color: #b5b5b5; - margin-top: 15px; - margin-bottom: -14px; - background: #313131; - padding: 10px; - text-decoration: none !important; -} -h6.post-question strong { + + + +/* from defulat.css */ +/* from defulat.css */ +/* from defulat.css */ +/* Style MAG ( default color ) ------------------------------------------- +-----------------------------------------------------------------------------*/ +h1,h2,h3,h4,h5,h6 { color: #DDD;} +code, pre { border: none; background-color: #FFF; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1); box-shadow: 0 1px 10px rgba(0,0,0,0.1);} + + +/*----------------------------------------------------------------------------- +----------------------------- 1 - Layout -------------------------------------- +-----------------------------------------------------------------------------*/ +a:link, a:visited { /* color: #DDD; */ + text-decoration: none; + -webkit-transition: all 137ms; + -o-transition: all 137ms; + transition: all 137ms; +} +a:hover { color: #cd2026; /* - Red color */ } +::-moz-selection { background:#000; color: #fff; text-shadow: none; } +::selection { background:#000; color: #fff; text-shadow: none; } +/* -- Header -- */ +html body { color: #7d7d7d; background-color: #000;} +/* from defulat.css */ +/* from defulat.css */ +/* from defulat.css */ + + + + +/*----------------------------------------------------------------------------- +----------------------------- EARMILK CUSTOM ---------------------------------- +-----------------------------------------------------------------------------*/ + +/*----------------------------------------------------------------------------- +----------------------------- Andre's edits ----------------------------------- +-----------------------------------------------------------------------------*/ + +/* Site wide */ +.admin-bar div#fixed-header { + margin-top: 32px; +} +html body { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font: 300 14px/22px Helvetica, Arial, sans-serif; + color: #333; +} +body#boxed-style { + background: #fff; +} +a { + color: #000; + -webkit-transition: all 137ms; + -o-transition: all 137ms; + transition: all 137ms; +} +h1, h2, h3, h4, h5, h6 { + color: #555; +} +blockquote { + margin: 0 7% 7%; + border-left: 4px solid #e34848; + background: none; +} +blockquote p { + background: none; + color: #777; +} +.single-content .p-first-letter blockquote p { + background: none; + color: #777; +} + +/* Gray bars */ +.section-top-title h3, +.sidebar .widget h3.title, +footer .widget h3.title { + background-color: transparent; + display: block; + font-size: 23px; + text-transform: uppercase; + padding: 0 0 3px 12px; + margin-bottom: 28px; + border-bottom: 4px solid #E34848; + color: #E34848 !important; + color: #000 !important; + font-style: italic; + font-weight: 300; +} + + + +/* Header */ +body > #header-filler { + display: block; + width: 100%; + height: 85px; +} +#fixed-header { + position: fixed; + width: 100%; + left: 0; + top: 0; + z-index: 9999 !important; + border: 0; + height: 85px; + background: #fff; + padding: 0; + margin: 0 auto; +} +#fixed-header #inner-header { + max-width: 1280px; + margin: 0 auto; + height: 85px; + max-height: 85px; + position: relative; +} +#fixed-header #inner-header #logo-cont { + display: inline-block; + float: left; +} +#fixed-header #inner-header #nav-cont { + margin: 0 auto; + display: block; + width: auto; + text-align: center; +} +#fixed-header #inner-header #search-cont { + display: inline-block; + float: right; + width: 17%; +} +#fixed-header #inner-header #logo-header { + display: inline-block; + width: auto; + max-height: 85px; + margin: 22px 0% 0px 1%; +} +/* Header Logo */ +#fixed-header #inner-header #logo-header #earmilk-logo { + display: inline-block; + width: 59%; + height: auto; + display: block; + position: relative; + margin: 0 auto; +} +#fixed-header #inner-header #logo-header #earmilk-logo #earmilk-logo-img { + transition: all 370ms; + -webkit-filter: invert(1); + -ms-filter: invert(1); + filter: invert(1); + margin: 0; + height: auto; + width: 100%; + float: none; + display: block; +} +/* Header Nav */ +#fixed-header #inner-header #myjquerymenu { + float: none; + display: inline-block; + margin: 13px auto 0; +} +#fixed-header #inner-header #myjquerymenu ul { + display: block; +} +#fixed-header #inner-header #myjquerymenu ul li a { + color: #000; + font-size: 14px; + height: auto; + position: relative; + padding: 4px 8px 0px 8px !important; +} +#fixed-header #inner-header #myjquerymenu ul li.current-menu-item a { + color: #e34848 !important; +} +#fixed-header #inner-header #myjquerymenu ul li.menu-item-has-children > a:after { + display: block; + content: ""; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid; + position: absolute; + right: -3px; + top: 50%; +} +#fixed-header #inner-header #myjquerymenu ul li ul.sub-menu { + background: #fff; + -moz-box-shadow: 0 5px 3px rgba(0,0,0,0.2); + -webkit-box-shadow: 0 5px 3px rgba(0,0,0,0.2); + box-shadow: 0 5px 3px rgba(0,0,0,0.2); + z-index: 10001; +} +#fixed-header #inner-header #myjquerymenu ul li ul.sub-menu li { + background-color: #fff !important; + -webkit-transition: background 137ms; + -moz-transition: background 137ms; + transition: background 137ms; + background: #fff; +} +#fixed-header #inner-header #myjquerymenu ul li ul.sub-menu li a { + color: #000 !important; + font-size: 13px; + text-align: left; +} +#fixed-header #inner-header #myjquerymenu ul li ul.sub-menu li.current_page_item > a, +#fixed-header #inner-header #myjquerymenu ul li ul.sub-menu li.current-menu-ancestor > a, +#fixed-header #inner-header #myjquerymenu ul li ul.sub-menu li.current-menu-item > a, +#fixed-header #inner-header #myjquerymenu ul li ul.sub-menu li.current-menu-parent > a { + background: #ededed !important; +} +#fixed-header #inner-header #myjquerymenu ul li a:hover { + color: #e34848; +} +#fixed-header #inner-header #myjquerymenu ul li ul li:hover { + background-color: #e34848 !important; +} +#fixed-header #inner-header #myjquerymenu ul li ul li a { + padding: 8px 0 8px 18px !important; +} +#fixed-header #inner-header #myjquerymenu ul li ul li:hover a { + color: #fff !important; +} +/* Header Search */ +form#searchform { + background-color: #fff; + position: relative; + display: inline-block; + margin: 20px 3% 0 0; +} +#searchform .inputLabel, +#searchform #s { + font-size: 13px; +} +#searchform .inputLabel { + z-index: 1; + color: #ccc; + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-transition: all .3s cubic-bezier(0.4,0,0.2,1); + transition: all .3s cubic-bezier(0.4,0,0.2,1); + -webkit-transition-property: all; + transition-property: all; + -webkit-transform: scaleX(1); + transform: scaleX(1); + font-family: futura, Tahoma, Geneva, sans-serif; + font-weight: 100; + pointer-events: none; + position: absolute; + top: 8px; +} +#searchform #s { + border: 0; + font-family: futura, Tahoma, Geneva, sans-serif; + width: 76%; + color: #000 !important; + background-color: transparent; + /* margin: 0 40px 0 0; */ + padding: 0; + font-weight: lighter; + line-height: 1; + position: relative; + top: 5px; +} +#searchform #s:focus { +/* width: inherit; */ +} +#searchform .buttonicon { + background-color: #eee; + border: 0; + float: none; + width: 30px; + height: 30px; + -webkit-transition: all 137ms; + -moz-transition: all 137ms; + transition: all 137ms; +} +#searchform .buttonicon i { + color: #E34848; + -webkit-transition: all 137ms; + -moz-transition: all 137ms; + transition: all 137ms; +} +#searchform .buttonicon:hover { + cursor: pointer; + opacity: .85; + background-color: #E34848; +} +#searchform .buttonicon:hover i { + color: #fff; +} +#searchform #s::-webkit-input-placeholder, +#searchform #s:-moz-placeholder, +#searchform #s::-moz-placeholder, +#searchform #s:-ms-input-placeholder { + display: none !important; +} +#searchform .inputUnderline, +#searchform .animatedUnderline { + position: absolute; + width: 76%; + bottom: 0; + left: 0; + margin: 0; + padding: 0; +} +#searchform .inputUnderline { + height: 1px; + background-color: #eee; +} +#searchform .animatedUnderline { + background-color: #E34848; + -webkit-transform: scaleX(0); + transform: scaleX(0); + height: 2px; + -webkit-animation: quantumWizPaperInputRemoveUnderline .3s cubic-bezier(0.4,0,0.2,1); + animation: quantumWizPaperInputRemoveUnderline .3s cubic-bezier(0.4,0,0.2,1); + transform-origin: 52px 50% 0px; +} +#searchform.hasValue .inputLabel { + -webkit-transform: scale(0.57); + transform: scale(0.57); + top: -2px; + color: rgba(0,0,0,0.54); +} +#searchform.isFocused .inputLabel { + -webkit-transform: scale(0.57); + transform: scale(0.57); + color: #E34848; + top: -5px; +} +#searchform.isFocused .animatedUnderline { + -webkit-animation: quantumWizPaperInputAddUnderline .3s cubic-bezier(0.4,0,0.2,1); + animation: quantumWizPaperInputAddUnderline .3s cubic-bezier(0.4,0,0.2,1); + -webkit-transform: scaleX(1); + transform: scaleX(1) +} +@keyframes quantumWizPaperInputRemoveUnderline { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1 + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 0 + } +} +@-webkit-keyframes quantumWizPaperInputRemoveUnderline { + 0% { + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 1 + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1); + opacity: 0 + } +} +@keyframes quantumWizPaperInputAddUnderline { + 0% { + -webkit-transform: scaleX(0); + transform: scaleX(0) + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} +@-webkit-keyframes quantumWizPaperInputAddUnderline { + 0% { + -webkit-transform: scaleX(0); + transform: scaleX(0) + } + to { + -webkit-transform: scaleX(1); + transform: scaleX(1) + } +} +ul.dwls_search_results { + left: auto !important; + right: 20px !important; +/* top: 580px !important; */ +} +ul.dwls_search_results.search_results li { + -webkit-transition: all 137ms; + -o-transition: all 137ms; + transition: all 137ms; + background-color: #fff !important; + border: 1px solid #eaeaea; +} +ul.dwls_search_results.search_results li:hover { + background-color: #f2f2f2 !important; + cursor: pointer; +} +ul.dwls_search_results.search_results li:hover a, +body > ul.dwls_search_results li a:hover { + color: #000 !important; +} +body > ul.dwls_search_results li a { + color: #777 !important; +} +body > ul.dwls_search_results li a:hover { + color: #000 !important; +} +ul.dwls_search_results .clearfix.search_footer { + background-color: #fff; +} +div#placeholder { color: #fff; - text-decoration: none !important; } -p.post-answer { - font-size: 15px; - color: #b5b5b5; - margin-top: 15px; - margin-bottom: 18px; - background: #000; - padding: 10px; - text-decoration: none !important; +::-webkit-input-placeholder { + color: #eaeaea; } -h6.post-answer { - font-size: 15px; - color: #b5b5b5; - margin-top: 15px; - margin-bottom: 18px; - background: #000; - padding: 10px; - text-decoration: none !important; -} -p.post-answer strong { - font-weight: bold; - text-decoration: none !important; +/* Type Anywhere Search */ +#ta-search-container { + position: fixed; + z-index: 9999; + top: 0; } -h6.post-answer strong { - font-weight: bold; - text-decoration: none !important; +#ta-search { + display: none; + position: fixed; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.5); + width: 100%; + height: 100%; +} +#ta-searchform { + width: 50%; + margin: 10% auto 0; + font-size: 3em; +} +#ta-label { + color: white; + display: block; + line-height: 1em; +} +#ta-searchtext { + margin: 0 auto; + width: 100%; + background: transparent; + border: none; + color: #FFF; + font-family: inherit; + font-size: 2em; +} +#ta-searchtext:focus { + outline: none; +} +#ta-search #esc-to-exit { + position: absolute; + top: 10%; + left: 40%; + color: #fff; + font-size: 25px; +} +kbd { + vertical-align: middle; + display: inline-block; + color: #777; + font: bold 10pt arial; + text-decoration: none; + text-align: center; + width: 44px; + height: 41px; + line-height: 40px; + margin: 5px; + background: #eff0f2; + -moz-border-radius: 4px; + border-radius: 4px; + border-top: 1px solid #f5f5f5; + -webkit-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333; + -moz-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333; + box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333; + text-shadow: 0px 1px 0px #f5f5f5; +} +kbd.active { + color: #888; + background: #ebeced; + margin: 7px 5px 3px; + -webkit-box-shadow: + inset 0 0 25px #ddd, + 0 0 3px #333; + -moz-box-shadow: + inset 0 0 25px #ddd, + 0 0 3px #333; + box-shadow: + inset 0 0 25px #ddd, + 0 0 3px #333; + border-top: 1px solid #eee; +} +#ta-search-container #ta-loader { + position: absolute; + top: 50%; + left: 37%; + color: #fff; + font-size: 30px; + font-style: italic; +} +#ta-search-container #ta-loader i { + font-size: 40px; + vertical-align: middle; + margin: 0 7px 0; +} + + + +/* Main Stage */ +/* Main Stage header line */ +.line-box { + margin: 7px auto 37px; + z-index: 10; + position: relative; +} +.line-box .header_line { + height: 7px; + text-align: center; + text-transform: uppercase; + color: rgb(23, 23, 23); + border-bottom: 4px solid #e34848; + border-color: #6c6c6c; + border-color: #373737; +} +.line-box .header_line .top { + display: inline-block; + color: #fff !important; + font-family: futura, "Ruda", Helvetica, Arial, sans-serif; + width: auto; + min-height: 30px; + font-size: 17px; + margin-top: -10px; + background-color: #6c6c6c; +} +.line-box .header_line .top a { + -webkit-transition: all 137ms; + -moz-transition: all 137ms; + transition: all 137ms; + color: #fff; + height: 30px; + padding: 4px 16px; + display: block; + line-height: 29px; +} +.line-box .header_line .top a:hover { + background-color: #e34848; + color: #fff !important; +} +/* Main Stage Split */ +#featured-boxes { + background: #fff; + margin: 0 auto; + padding: 30px 0; +} +#featured-boxes .wrap-center { +} +#featured-boxes .wrap-center #main-stage-split { +} +#main-stage-split .main-stage-left, +#main-stage-split .big-thing-box { + display: inline-block; + vertical-align: top; +} +/* Main Stage Left -- SCOOPS news and VOICES opinion posts */ +#main-stage-split .main-stage-left { + width: 47%; + margin: 0 2% 0 0; +} +#main-stage-split .main-stage-left .main-stage-latest { + margin: 0 0 33px; +} +#main-stage-split .main-stage-left .main-stage-latest ul { + width: 90%; + margin: 0 auto; +} +#main-stage-split .main-stage-left .main-stage-latest ul li { + margin: 0 0 13px; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-thumbnail, +#main-stage-split .main-stage-left .main-stage-latest li .entry-title, +#main-stage-split .main-stage-left .main-stage-latest li .entry-author-meta { + display: inline-block; + vertical-align: middle; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-thumbnail { + width: 23%; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-thumbnail a { + display: block; + line-height: 0; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-thumbnail a { + display: block; + line-height: 0; + width: 100%; + height: 100%; + display: block; + position: relative; + overflow: hidden; + max-height: 50px; + min-height: 50px; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-thumbnail a img { + display: block; + width: 120%; + height: auto; + margin: auto; + position: absolute; + left: -200%; + right: -200%; + top: -200%; + bottom: -200%; + max-width: 120%; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-title { + margin: 0 auto 0 3%; + position: relative; + width: 71%; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-title h3 { +/* text-align: center; */ + font-weight: normal; + font-size: 17px; + line-height: 19px; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-author-meta { + width: 10%; + display: none; +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-author-meta .time.date { +} +#main-stage-split .main-stage-left .main-stage-latest li .entry-author-meta .author-meta-byline { +} + +#main-stage-split .main-stage-left .main-stage-latest.latest-voices li .entry-title { +/* width: 87%; */ +} +#main-stage-split .main-stage-left .main-stage-latest.latest-voices li .entry-author-meta { + display: inline; + float: right; + width: auto; + position: absolute; + bottom: 0; + right: 0; +} +#main-stage-split .main-stage-left li .entry-author-meta, +#main-stage-split .main-stage-left .main-stage-latest.latest-voices li .entry-author-meta { + display: none; +} +/* Main Stage Right - Main Stage Carousle slider */ +#main-stage-split .big-thing-box { + width: 49%; + margin: 0 auto; + float: none; + min-height: 480px; + position: relative; +} +#main-stage-split #main-stage-loader { + position: absolute; + left: -100%; + right: -100%; + top: -100%; + bottom: -100%; + margin: auto; + -webkit-transition: all 370ms; + transition: all 370ms; + opacity: 1; +} +#main-stage-split #main-stage-loader.main-stage-loaded { + opacity: 0; +} +ul.big-thing.owl-carousel { + -webkit-transition: all 735ms; + -moz-transition: all 735ms; + transition: all 735ms; + margin: 0 auto; + width: 100%; + font-family: futura, "Ruda", Helvetica, Arial, sans-serif; + opacity: 0 !important +} +ul.big-thing.owl-carousel.carousel-visible { + display: block !important; + opacity: 1 !important; +} +ul.big-thing div.owl-item li { + height: auto; + vertical-align: top; + background: rgba(245, 245, 245, 0.42); +} +ul.big-thing div.owl-item li .entry-thumb-cont { + position: relative; +} +ul.big-thing div.owl-item li .entry-thumbnail { + display: block; + position: relative; + overflow: hidden; + max-height: 286px; + min-height: 286px; +} +ul.big-thing div.owl-item li .entry-thumbnail img { + display: block; + width: 100%; + height: auto; + margin: auto; + position: absolute; + left: -100%; + right: -100%; + top: -100%; + bottom: -100%; +} +ul.big-thing div.owl-item li .article-category { + background: none !important; + padding: 0; + font-size: 0; + margin: 0 0 0 37px; + -webkit-transform: skewX(-10deg); + -o-transform: skewX(-7deg); + -ms-transform: skewX(-7deg); + transform: skewX(-10deg); + bottom: 0; + display: inline-flex; + position: absolute; + color: #fff !important; +} +ul.big-thing div.owl-item li .article-category .post-date, +ul.big-thing div.owl-item li .article-category .tiptipBlog { + padding: 7px 13px; + font-size: 17px; + display: inline-block; + text-transform: none; + color: #fff !important; +} +ul.big-thing div.owl-item li .article-category .author a { + padding: 7px 13px; + font-size: 17px; + display: block; + text-transform: none; + color: #fff !important; + color: #fff !important; +} +ul.big-thing div.owl-item li .article-category .post-date { + color: #FFF; + float: none; + width: auto; + height: auto; + text-align: center; + position: relative; + z-index: 101; + margin: 0 !important; + background-color: #373737; + display: inline-block; +} +ul.big-thing div.owl-item li .article-category .post-date span.month { + font-size: inherit; + text-transform: initial; + display: initial; + position: relative; + top: inherit; +} +ul.big-thing div.owl-item li .article-category .post-date span.day { + font-size: inherit; + font-weight: inherit; + position: relative; + top: inherit; +} +ul.big-thing div.owl-item li .article-category .author { + background-color: #4b4b4b; +} +ul.big-thing div.owl-item li .article-category .entry-author-last { + display: none; +} +ul.big-thing div.owl-item li .article-category .tiptipBlog { + background-color: #e34848; +} +ul.big-thing div.owl-item li .an-widget-title { + min-height: 86px; + height: 86px; + width: 87%; + display: table; + bottom: 0; + position: relative; + margin: 0 auto; +} +ul.big-thing div.owl-item li h3.article-title.entry-title { + display: table-cell; + vertical-align: middle; + text-align: center; + padding: 4px 20px; + font-weight: normal; +} + +ul.big-thing div.owl-item li h2.article-title.entry-title { + height: 66px; + display: table; + vertical-align: middle; + margin: 5px 0 0 0; +} +ul.big-thing div.owl-item li h2.article-title.entry-title a { + line-height: 16px; + display: table-cell; + vertical-align: middle; +} + +/* +* Owl Carousel Owl Demo Theme +* v1.3.3 +*/ +.owl-theme .owl-controls{ + margin-top: 10px; + text-align: center; +} +/* Styling Next and Prev buttons */ +.owl-theme .owl-controls .owl-buttons .owl-prev, +.owl-theme .owl-controls .owl-buttons .owl-next { + display: inline-block; + position: absolute; + top: 68%; + zoom: 1; + margin: 0; + padding: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + background: #FBFBFB; +} +.owl-theme .owl-controls .owl-buttons .owl-prev{ + background: linear-gradient(to right,#FBFBFB 53%,rgba(255,255,255,0)); + padding: 8px 10px 8px 7px; + left: 0; +} +.owl-theme .owl-controls .owl-buttons .owl-next{ + background: linear-gradient(to left,#FBFBFB 53%,rgba(255,255,255,0)); + padding: 8px 7px 8px 10px; + right: 0; +} +.owl-theme .owl-controls .owl-buttons i { + -webkit-transition: all 137ms; + -moz-transition: all 137ms; + -o-transition: all 137ms; + transition: all 137ms; + line-height: 68px; + font-size: 50px; + color: #ddd; +} +.owl-theme .owl-controls.clickable .owl-buttons div:hover i{ + color: #e34848; +} +/* Clickable class fix problem with hover on touch devices */ +/* Use it for non-touch hover action */ +.owl-theme .owl-controls.clickable .owl-buttons div:hover{ + filter: Alpha(Opacity=100);/*IE7 fix*/ + opacity: 1; + text-decoration: none; +} +/* Styling Pagination*/ +.owl-theme .owl-controls .owl-page{ + display: inline-block; + zoom: 1; + *display: inline;/*IE7 life-saver */ +} +.owl-theme .owl-controls .owl-page span{ + display: block; + width: 12px; + height: 12px; + margin: 5px 7px; + filter: Alpha(Opacity=50);/*IE7 fix*/ + opacity: 0.5; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + background: #869791; +} +.owl-theme .owl-controls { + margin: 0; +} +.owl-theme .owl-controls .owl-page span { + display: none; +} +.owl-theme .owl-controls .owl-page.active span, +.owl-theme .owl-controls.clickable .owl-page:hover span{ + filter: Alpha(Opacity=100); + opacity: 1; +} +.owl-controls .owl-pagination { + display: flex; + flex-direction: row; +} +.owl-controls .owl-pagination .owl-page { + display: flex; + flex-grow: 1; +} +.owl-controls .owl-pagination .owl-page .item-link { + display: block; + width: 30px; + height: 30px; + margin: 5px 7px; + opacity: 0.5; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background: #869791; + width: 66.9px; + height: 66.9px; + margin: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + width: 100%; + height: auto; + min-height: 50px; +} +.owl-controls .owl-pagination .owl-page.active .item-link, +.owl-controls .owl-pagination .owl-page .item-link:hover { + opacity: 1; + -webkit-filter: grayscale(0%); + filter: grayscale(0%); +} +/* If PaginationNumbers is true */ +.owl-theme .owl-controls .owl-page span.owl-numbers{ + height: auto; + width: auto; + color: #FFF; + padding: 2px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; +} +/* preloading images */ +.owl-item.loading{ + min-height: 150px; + background: url(AjaxLoader.gif) no-repeat center center +} + + + + + + + +/* Archive Pages */ +.archive-header { + background-color: #fff; +} +.archive-header h3 { + color: #555; + margin: 10px 0 20px; +} + + + + +/* Genre Headers */ +.archive-header .line-box { + width: 57%; +} +.archive-header .line-box .header_line .top { + font-size: 27px; + margin-top: -17px; +} +.archive-header .line-box .header_line .top a { + padding: 11px 23px; +} +.archive-header .genre-playlists { + display: inline-block; + margin: 0 auto; +} +.archive-header .genre-playlists .genre-spotify-playlist { + display: inline-block; + margin: 0 30px; +} +.archive-header .genre-playlists .playlist-tabs .ui-tabs-nav li { + margin: 0 auto; + display: inline-block; + width: 48%; +} +.archive-header .genre-playlists .playlist-tabs .ui-tabs-nav li a h3 { + font-size: 20px; +} +.archive-header .genre-playlists .playlist-tabs .ui-tabs-nav li.ui-state-hover a h3 { + /* font-weight: bold; */ + color: #000; +} +.archive-header .genre-playlists .playlist-tabs .ui-tabs-nav li.ui-state-active a h3 { + color: #e34848; + font-weight: bold; +} + + + + +/* Voices */ +.archive-header img.earmilk-voices { + background: #f5f5f5; + padding: 10px; + border-radius: 13px; +} + + + + + + + + +/* Body */ +.wrap-fullwidth { + background: #fff; +} +.section-top-title h3 { +} +.home-content { + background: #fff; +} +.entry-btn { + background-color: #cd2026; + color: #FFF; +} +.single-content h3.title { + color: #FFF !important; + background-color: #171717; +} +.arrow-down-related { + border-top: 10px solid #171717; +} + + + +/* Post listing grid */ +.home-content ul.classic-blog li, +ul#masonry_list li { + height: auto; + display: inline-block; + float: none; + vertical-align: top; + margin: 0 0 50px 22px; + background: rgba(245, 245, 245, 0.42); +} +.home-content ul.classic-blog li .entry-thumb-cont, +ul#masonry_list li .entry-thumb-cont { + position: relative; +} +.home-content ul.classic-blog li .entry-thumbnail { + display: block; + position: relative; + width: 100%; +} +ul#masonry_list li a.entry-thumbnail { +/* width: 266px; */ + height: 266px; + display: block; + overflow: hidden; + position: relative; + margin: 0 auto; +} +.home-content ul.classic-blog li .entry-thumbnail img { + display: block; + width: 100%; +} +ul#masonry_list li a.entry-thumbnail img { + height: auto !important; + width: 100%; + position: absolute; + top: -100%; + bottom: -100%; + left: -100%; + right: -100%; + margin: auto; +} +.home-content ul.classic-blog li .article-category, +ul#masonry_list li .article-category { + background: none !important; + padding: 0; + font-size: 0; + margin: 0 0 0 10px; + -webkit-transform: skewX(-10deg); + -o-transform: skewX(-7deg); + -ms-transform: skewX(-7deg); + transform: skewX(-10deg); + bottom: 0; + display: inline-flex; +} +.home-content ul.classic-blog li .article-category:hover, +ul#masonry_list li .article-category:hover { + opacity: 1; +} +.home-content ul.classic-blog li .article-category .post-date, +.home-content ul.classic-blog li .article-category .tiptipBlog, +ul#masonry_list li .article-category .post-date, +ul#masonry_list li .article-category .tiptipBlog { + padding: 1px 11px; + font-size: 10px; + display: inline-block; + text-transform: none; +} +.home-content ul.classic-blog li .article-category .post-date, +ul#masonry_list li .article-category .post-date { + color: #FFF; + float: none; + width: auto; + height: auto; + text-align: center; + position: relative; + z-index: 101; + margin: 0 !important; + background-color: #373737; + display: inline-block; +} +.home-content ul.classic-blog li .article-category .post-date span.month, +ul#masonry_list li .article-category .post-date span.month { + font-size: inherit; + text-transform: initial; + display: initial; + position: relative; + top: inherit; +} +.home-content ul.classic-blog li .article-category .post-date span.day, +ul#masonry_list li .article-category .post-date span.day { + font-size: inherit; + font-weight: inherit; + position: relative; + top: inherit; +} +.home-content ul.classic-blog li .article-category .author, +ul#masonry_list li .article-category .author { + background-color: #4b4b4b; +} +.home-content ul.classic-blog li .article-category .author a { + padding: 1px 11px; + font-size: 10px; + text-transform: none; + display: block; +} +.home-content ul.classic-blog li .article-category .entry-author-last, +ul#masonry_list li .article-category .entry-author-last { + display: none; +} +.home-content ul.classic-blog li .article-category .tiptipBlog, +ul#masonry_list li .article-category .tiptipBlog { + background-color: #e34848; +} +.home-content ul.classic-blog li h2.article-title.entry-title, +.home-content ul.classic-blog li .article-summary, +ul#masonry_list li h2.article-title.entry-title, +ul#masonry_list li .article-summary { + padding: 0 10px; +} +.home-content ul.classic-blog li .an-content, +ul#masonry_list li .an-content { + padding: 0; +} +.home-content ul.classic-blog li h2.article-title.entry-title, +ul#masonry_list li h2.article-title.entry-title { + height: 66px; + display: table; + vertical-align: middle; + margin: 5px 0 0 0; + height: 63px; + display: table; + vertical-align: top; + margin: 10px 0 0 0; +} +.home-content ul.classic-blog li h2.article-title.entry-title a, +ul#masonry_list li h2.article-title.entry-title a { + line-height: 16px; + display: table-cell; + vertical-align: top; +} + +.home-content ul.classic-blog li .article-summary, +ul#masonry_list li .article-summary { + line-height: 15px; + min-height: 60px; + vertical-align: middle; + margin-bottom: 17px; +} +.home-content ul.classic-blog li .entry-footer, +ul#masonry_list li .entry-footer { + background: #fff; + width: 100%; + white-space: nowrap; + overflow: hidden; +} +.home-content ul.classic-blog li .entry-read-more, +.home-content ul.classic-blog li .entry-comment-count, +.home-content ul.classic-blog li .entry-empty-box, +ul#masonry_list li .entry-read-more, +ul#masonry_list li .entry-comment-count, +ul#masonry_list li .entry-empty-box { + background: #f2f2f2; + padding: 2px 7%; + display: inline-block; + margin: 2px 0 0; +} +.home-content ul.classic-blog li .entry-comment-count, +ul#masonry_list li .entry-comment-count { + padding: 2px 17px; +} +.home-content ul.classic-blog li .entry-comment-count a, +ul#masonry_list li .entry-comment-count a, +.home-content ul.classic-blog li .entry-read-more a, +ul#masonry_list li .entry-read-more a { + color: #94979c !important; + font-size: 14px; +} +.home-content ul.classic-blog li .entry-empty-box, +ul#masonry_list li .entry-empty-box { + width: 100%; + background: rgba(245, 245, 245, 0.75); +} +.home-content ul.classic-blog li .entry-comment-count div.facebook-comment-count { + display: inline-block; + height: 16px; +} +.home-content ul.classic-blog li .entry-comment-count .facebook-comment-count span.fb_comments_count { + font-size: 14px; +} +.wp-pagenavi a, .wp-pagenavi span { + color: #777 !important; + background-color: #eee; +} +/* Post grid types */ +.single-content .review .review_info h2 { + color: #e34848; +} +.single-content .review .review_info h3 { + color: #555; +} +/* Album reviews */ +ul#masonry_list li.album_review a.entry-thumbnail { +/* width: 266px; */ + height: 266px !important; +} +/* Gear */ +ul#masonry_list li.gear_post a.entry-thumbnail { +/* width: 266px; */ + height: 215px !important; +} +/* Voices -- opinion post */ +ul#masonry_list li.opinion_post a.entry-thumbnail { +/* width: 266px; */ + height: 122px !important; +} +/* News grid */ +ul#masonry_list li.news a.entry-thumbnail { +/* width: 266px; */ + height: 127px; +} + + + + + + + +/* Comments Evolved comments plugin */ +/* Facebook comments */ +.entry p.comments-count { + display: none; +} +.pluginSkinDark a, .pluginSkinDark .uiHeader h3 { + color: #4c67a1; +} +span._5mdd { + color: #555; +} +.pluginSkinDark ._2vq9 a { + color: #777; +} +/* WordPress comments */ +#wordpress-tab ul.comment li { + background-color: #fff; + border: 1px solid #c5c5c5; + padding: 20px; +} + + + + + + +/* Sidebar ? */ +.sidebar .widget { + background: #fff; + border: 0; +} +.sidebar .widget h3.title { +} +.sidebar .widget #custom-social-like-btns { + margin: -20px auto 0; + width: 100%; + display: block; +} +.sidebar .widget #facebook-like-btn { + margin: 0 13px 0 5px; + width: 58%; + display: inline-block; + height: 22px; +} +.sidebar .widget #googleplus-like-btn { + width: 33%; + height: 24px; + display: inline-block; + vertical-align: middle; +} +.sidebar .widget #googleplus-like-btn > div { + float: right !important; + width: 80px !important; +} +div#twitter-like-btn iframe { + margin: 7px auto 0; + display: block; +} +.widget.widget_ultimate_posts { + background: #fff; +} +.widget.youtubechannelgallery.ytccf { + background: #fff; +} +.widget.widget_socialcountplus { + background: #fff; +} +.newsletter::-webkit-input-placeholder { + color: #555; +} +#ytc-wrapper a { + word-break: break-word; + line-height: 1.37; + display: inherit; +} +.fb-page.fb_iframe_widget { + height: 214px; + min-height: 214px; + display: block; +} +/* Album review - Sidebar widget */ +.upw-posts .album_review { + width: 47%; + display: inline-block; + vertical-align: top; +} +.upw-posts .album_review:nth-child(odd) { + margin-right: 11px; +} +.upw-posts .album_review .entry-title a { + font-size: 12px; + line-height: 14px; + display: inline-flex; +} +.upw-posts .album_review .entry-meta { + font-size: 10px; +} +.sidebar .widget .wpp-date { +} + + + +/* Add This Widget */ +.addthis-smartlayers .at4-recommended .at4-recommended-container .at4-recommended-item { + border: 0; +} +.addthis-smartlayers .at4-recommended .at4-recommended-container .at4-recommended-item .at4-recommended-item-caption { + background: #f6f7f8; +} +.addthis-smartlayers .at4-recommended .at4-recommended-item .at4-recommended-item-caption a.at-recommendedTitle, +.addthis-smartlayers .at4-recommended .at4-recommended-item .at4-recommended-item-caption small, +.addthis-smartlayers .at4-recommended .at4-recommended-item:hover .at4-recommended-item-caption .at-h4 { + color: #555 !important; + text-decoration: none; +} +.addthis-smartlayers .at4-recommended .at4-recommended-item:hover .at4-recommended-item-caption a.at-recommendedTitle { + color: inherit !important; + text-decoration: none; +} +.addthis-smartlayers .at4-recommended .at4-recommended-item .at4-recommended-item-caption a.at-recommendedTitle:hover { + color: #e34848 !important; + text-decoration: none; +} +.addthis-smartlayers .at4-recommended .at-logo, +.addthis-smartlayers .at4-recommended .at4-recommended-horizontal-logo { + display: none; +} +/* Bottom of post sharing buttons of Add This */ +.at4-jumboshare a .at-label { + color: #fff; +} + + + + + + + +/* Single Post */ +.single-content .entry-top { + padding: 0 0 30px; + width: 100%; +} +.single-content .entry-top h1.article-title { + color: #555; + padding: 0; + line-height: 1.25; + text-align: center; + font-size: 45px; + width: 80%; + margin: 0 auto; +} +.single-content .entry-top .entry-author-meta { + float: none; + vertical-align: middle; + margin: 13px auto 0; + width: auto; + text-align: center; +} +.single-content .entry-top .entry-author-meta span.author-meta-byline span { + font-size: 17px; + margin: 0px 3px 0px 0px; +} +.single-content .entry-top .entry-author-meta span.time.date, +.single-content .entry-top .entry-author-meta span.author-meta-byline, +.single-content .entry-top .entry-author-meta a.author-photo, +.single-content .entry-top .entry-author-meta ul.author-social-inline { + display: inline-block; + vertical-align: middle; + font-size: 17px; +} +.single-content .entry-top .entry-author-meta a.author-photo { + line-height: initial; + display: inline-flex; + margin: 0 4px; +} +.single-content .entry-top .entry-author-meta a.author-photo img { + border-radius: 50%; + width: 50px; + height: 50px; +} +div#single-share { + background: #fff; + display: none; +} +.single-content { + background-color: #fff; +} +.single-content .media-single-content { + background-color: #fff; +} +.entry h1, +.entry h2, +.entry h3, +.entry h4, +.entry h5, +.entry h6 { + text-decoration: none; + color: initial; +} +.entry .p-first-letter, +.entry .entry-content, +.single-content .p-first-letter, +.single-content .p-first-letter p { + text-align: initial; +} +.single-content .p-first-letter p a { + background-color: transparent; + color: #e34848 !important; + font-size: inherit; +} +.single-content .p-first-letter p a:hover { + text-decoration: none; + background-color: transparent; + color: #000 !important; +} +.entry strong, +.single-content .p-first-letter .entry strong { + color: #555; + font-variant: normal; + font-size: inherit; +} +ul.ts-fab-list li a { + background-color: #bbb !important; + border-color: #aaa; +} +ul.ts-fab-list li.active a { + background-color: #ededed !important; + border-color: #eaeaea; +} +div.ts-fab-tab { + background-color: #ededed; + border: 2px solid #eaeaea; +} +div.ts-fab-tab .ts-fab-text .ts-fab-header h4 { + color: #777; +} +div.ts-fab-tab .ts-fab-text .ts-fab-latest li span { + color: #999; +} +.ts-fab-content { + color: #777; +} +.single-content .entry-bottom { + margin: 0 auto; +} +.single-content .entry-bottom .wb-ad-grid .wb-ad-grid-header { + text-align: center !important; +} +.single-content .entry-bottom .wb-ad-grid .wb-ad-grid-header .wb-ad-grid-header-icon { + -webkit-filter: invert(1); + -moz-filter: invert(1); + filter: invert(1); +} +.single-content .entry-bottom .wb-ad-grid .wb-ad-grid-header .wb-ad-grid-header-title { + color: #555 !important; +} +.single-content .entry-bottom .wb-ad-grid .wb-ad-unit a:link { + color: #777 !important; +} +.single-content .entry-bottom .wb-ad-grid .wb-ad-unit a:visited { + color: #999 !important; +} +.single-content .entry-bottom .wb-ad-grid .wb-ad-unit a:link:hover { + color: #cd2026 !important; +} +.single-content .comments { + min-height: 270px; + width: 100%; +} +.single-content .comments h3.title { + color: #000 !important; + background-color: #fff; + text-align: left; + margin: 20px 0; + font-weight: bold; + font-size: 19px; + padding-left: 0; + text-transform: none; +} +body.logged-in .single-content .comments { + display: initial; +} +/* YouTube video Embeds */ +.entry .vvqbox.vvqyoutube { + min-width: 100%; + display: block; + width: 100% !important; + height: auto !important; +} +.entry .vvqbox.vvqyoutube span { + min-width: 100%; + display: block; + width: 100% !important; + height: auto !important; +} +.entry .vvqyoutube span img { + height: auto; +} +/* Centering other, naked iFrame embeds such as Instagram and Vimeo */ +.entry blockquote.instagram-media, +.entry blockquote.instagram-media-registered, +.entry iframe.instagram-media, +.entry iframe { + width: 100%; + margin: 1px auto !important; +} + + + +/* Interview style */ +h6.post-question, +h6.post-answer { +} +h6.post-question { + border-top-left-radius: 5px; + border-top-right-radius: 5px; + background: #555; + color: #fff; + font-weight: normal; +} +h6.post-answer { + margin-top: 16px; + margin-bottom: 17px; + background: #f5f5f5; + font-weight: lighter; + border-radius: 5px; +} +h6.post-question + h6.post-answer { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +h6.post-question strong, +h6.post-answer strong { + color: #000; +} +h6.post-question .interviewee, +h6.post-answer .interviewee { + font-weight: bold; +} + + +/* Author Writer Page */ +.author-meta, +.author-meta img.avatar, +.author-meta a.author-nrposts, +.author-meta ul.author-social-top, +.author-meta ul.author-social-top li, +.author-meta .author-info a.author-link, +.author-meta .author-info { + float: none; + margin: 0; + padding: 0; + display: inline-block; +} +.archive-header { + padding: 45px 0; + margin: 0; +} +.archive-header h1 { + text-transform: uppercase; + font-size: 37px; + margin: 0 0 30px; + line-height: 37px; + font-style: italic; + font-weight: 300; +} +.author-meta { + background-color: #fff; +} +.author-meta .entry { + max-width: 730px; +} +.author-meta .entry .author-photo-cont { + display: block; + width: 300px; + height: 300px; + margin: 0 auto 20px; + position: relative; +} +.author-meta .entry a.author-photo-cont { + display: block; +} +.author-meta .entry .author-photo-cont a.author-nrposts { + position: absolute; + bottom: 0; + right: 0; + border-top-left-radius: 3px; + border-bottom-right-radius: 3px; + width: auto; + padding: 0 3px; + min-width: 17px; +} +.author-meta .entry .author-photo-cont a.author-photo-anchor { + display: block; + max-width: 100%; + max-height: 100%; +} +.author-meta .entry .author-photo-cont img { + height: 100%; + width: 100%; + border-radius: 3px; +} +.author-meta .entry .author-info ul.author-social-top { + margin: 0 10px 0 0; +} +.author-meta .entry .author-info ul.author-social-top li a { + border-radius: 50%; +} +.author-meta .entry .author-info ul.author-social-top li a i { + padding: 0; +} +.author-meta .entry .author-info a.author-link { + text-decoration: none; +} +.author-meta .entry .author-info p { + color: #777; +} +/* All authors page -- administrator, author, eidtor, contirbutor, VOICE contributor */ +.authorbox.main { + margin: 0 0 30px; +} +.authorbox.main .authbox_left, .authbox_right { + display: inline-block; + vertical-align: middle; +} +.authorbox.main .authbox_left { + width: 10%; + width: 200px; + height: 200px; +} +.authorbox.main .authbox_left a { + display: block; + width: 100%; + height: 100%; +} +.authorbox.main .authbox_left a img { + -webkit-transition: all 357ms; + -moz-transition: all 357ms; + -o-transition: all 357ms; + transition: all 357ms; + display: block; + width: 100%; + height: 100%; + border-radius: 50%; + border: 17px solid #eee; + box-sizing: border-box; +} +.authorbox.main:hover .authbox_left a img { + border: 7px solid #eee; +} +.authorbox.main .authbox_right { + width: 50%; + margin: 0 0 0 30px; + width: calc( 100% - 237px ); +} +.authorbox.main .authbox_right .author-info { + width: auto; + height: auto; + margin: 0; +} +.authorbox.main .authbox_right .author-info a.author-link { + text-decoration: none; + padding: 0; + font-size: 13px; +} +.authorbox.main .authbox_right .author-info ul.author-social-top li { + text-align: center; +} +.authorbox.main .authbox_right .author-info ul.author-social-top li a { + border-radius: 50%; +} +.authorbox.main .authbox_right .author-info ul.author-social-top li a i { + padding: 0; +} + + +/* Album Review post style */ +.album_review .album-review-box { + width: 80%; + margin: 0 auto; + font-size: 0; +} +.album_review .album-review-box .media-single-content, +.album_review .album-review-box .earmilk-album-review { + width: 50%; + display: inline-block; +} +.album_review .album-review-box .media-single-content { + padding: 20px; + box-sizing: border-box; + background: #fff; +} +.album_review .album-review-box .earmilk-album-review { + vertical-align: top; + margin: 10px 0 0; +} +.album_review .media-single-content { + width: 720px; + max-width: 80%; + margin: 0 auto; + font-size: 17px; +} +.earmilk-album-review table.table { + border-spacing: 0; + background-color: transparent; + width: 100%; + max-width: 100%; + margin-bottom: 20px; + table-layout: fixed; +} +.album_review .album-review-box .earmilk-album-review table.table * { + vertical-align: middle; + font-size: 14px; +} +.earmilk-album-review caption { + padding-top: 8px; + padding-bottom: 8px; + color: #777; + text-align: left; +} +.album_review .album-review-box .earmilk-album-review table.table thead tr th, +.album_review .album-review-box .earmilk-album-review table.table .earmilk-review-rating-row th, +.album_review .album-review-box .earmilk-album-review table.table .earmilk-review-rating-row td i { + font-size: 17px; +} +.earmilk-album-review .table thead th { + text-align: center; +} +.earmilk-album-review .table th { + text-align: right; +} +.earmilk-album-review .table > thead > tr > th, +.earmilk-album-review .table > tbody > tr > th, +.earmilk-album-review .table > tfoot > tr > th, +.earmilk-album-review .table > thead > tr > td, +.earmilk-album-review .table > tbody > tr > td, +.earmilk-album-review .table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #ddd; +} +.earmilk-album-review .table > caption + thead > tr:first-child > th, +.earmilk-album-review .table > colgroup + thead > tr:first-child > th, +.earmilk-album-review .table > thead:first-child > tr:first-child > th, +.earmilk-album-review .table > caption + thead > tr:first-child > td, +.earmilk-album-review .table > colgroup + thead > tr:first-child > td, +.earmilk-album-review .table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.earmilk-album-review .table > thead > tr > th { + border-bottom: 3px solid #ddd; +} +.earmilk-album-review .table > tfoot > tr > th, +.earmilk-album-review .table > tfoot > tr > td { + border-top: 3px solid #ddd; +} +.earmilk-album-review .table > tbody + tbody { + border-top: 2px solid #ddd; +} +.earmilk-album-review .table td img { + -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.1); + -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.1); + box-shadow: 0 0px 3px rgba(0,0,0,0.1); + border: 1px solid #eee; + margin: 0 0 0 3px; +} +.earmilk-album-review .table .table { + background-color: #fff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-hover > thead > tr:hover, +.table-hover > tbody > tr:hover, +.table-hover > tfoot > tr:hover { + background-color: #f5f5f5; +} +.album-review-number { + display: inline-block; + font-size: 13px; + line-height: 17px; + height: 17px; + white-space: nowrap; + font-weight: bold; + background: rgba(57, 181, 74, 0.75); + border: 2px solid #39B54A; + border-radius: 4px; + color: #fff; + padding: 0px 4px; + margin: 0 7px 0 0; +} +.fa-star { + color: #DFE0E0; + vertical-align: middle; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + margin: 0 1px 0 0; +} +.earmilk-review-rating-row:hover .fa-star { + margin-left: 2px; +} +.fa-star.filled-star { + color: #ffd200; +} +.fa-star.quarter-star, +.fa-star.half-star, +.fa-star.three-quarters-star { + position:relative; + display:inline-block; + color: transparent; + overflow:hidden; + white-space: pre; +} +.fa-star.quarter-star:before, +.fa-star.half-star:before, +.fa-star.three-quarters-star:before { + display: block; + z-index: 1; + top: 0; + overflow: hidden; + pointer-events: none; + color: #ffd200; +} +.fa-star.quarter-star:after, +.fa-star.half-star:after, +.fa-star.three-quarters-star:after { + display: block; + direction: rtl; + position: absolute; + z-index: 2; + top: 0; + left: 4px; + width: 70%; + content: "\f005"; + overflow: hidden; + pointer-events: none; + color: #DFE0E0; +} +.fa-star.quarter-star:before { + width: 30%; +} +.fa-star.quarter-star:after { + left: 4px; + width: 70%; +} +.fa-star.half-star:before { + width: 50%; +} +.fa-star.half-star:after { + left:50%; + width: 50%; +} +.fa-star.three-quarters-star:before { + width: 75%; +} +.fa-star.three-quarters-star:after { + left: 10px; + width: 30%; +} + + + +/* Single Page */ +.single-content .page .entry h1.page-title { + position: relative; + font-size: 47px; + line-height: 47px; + font-weight: 100; + margin: 30px auto 73px; + padding: 10px 0; +} +.single-content .page .entry h1.page-title:after { + content: ""; + height: 4px; + width: 50px; + background: #e34848; + display: block; + margin: 27px 0 0 -25px; + position: absolute; + left: 50%; +} + + +/* About Us page */ +span.light { + color: #555 !important; +} +.p-first-letter .about-page-content p { + font-size: 19px; + line-height: 33px; +} +.about-page-content .earmilk-team { + font-size: 0; + margin: 30px auto 0; +} +.about-page-content .earmilk-team h2, +.about-page-content .earmilk-team h3 { + text-align: center; + text-transform: inherit; + font-weight: 300; + margin: 0; +} +.about-page-content .earmilk-team h2 { + font-size: 50px; + line-height: 50px; + padding: 37px 0; +} +.about-page-content .earmilk-team h3 { + font-size: 33px; + line-height: 33px; + padding: 20px 0 30px; +} +.about-page-content .earmilk-team > div.section { + margin: 0 auto 37px; +} +.about-page-content .earmilk-team > div { + -webkit-columns: 3 200px; + -moz-columns: 3 200px; + columns: 3 200px; + -webkit-column-gap: 0; + -moz-column-gap: 0; + column-gap: 0; +} +.about-page-content .earmilk-team > div.one-column { + -webkit-columns: 1 200px; + -moz-columns: 1 200px; + columns: 1 200px; +} +.about-page-content .earmilk-team > div.two-columns { + -webkit-columns: 2 200px; + -moz-columns: 2 200px; + columns: 2 200px; +} +.about-page-content .earmilk-team > div > div { + margin: 0 0 30px; + min-height: 213px; +} +.about-page-content .earmilk-team > div > div > a { + text-align: center; + display: block; + width: auto; + margin: 0 auto; +} +.about-page-content .earmilk-team > div > div p, +.about-page-content .earmilk-team > div > div > a br { + display: none; +} +.about-page-content .earmilk-team > div > div span { + display: table; + text-align: center; + text-transform: uppercase; + margin: 0 auto; +} +.about-page-content .earmilk-team > div > div img { + border-radius: 50%; + width: auto; + height: 150px; +} +.about-page-content .earmilk-team > div > div span:first-of-type { + color: #e34848; + font-weight: 900; + font-size: 14px; + padding-bottom: 3px; +} +.about-page-content .earmilk-team > div > div span:nth-of-type(2) { + font-family: sans-serif; + font-size: 10px; + line-height: 10px; +} +@media screen and (max-width: 768px) { + .about-page-content .earmilk-team > div { + font-size: 12px; + -webkit-columns: 1; + -moz-columns: 1; + columns: 1; + -moz-column-fill: auto; + column-fill: auto; + } +} + + + +/* Contact Us page -- useless code as contact widget is an iFrame -- eek! */ +div#customer_widget_main { + background: #ededed; +} +.input .form_label { + color: #777; +} + + + + +/* Jobs Page */ +.post-248999 h3 { + color: #e34848; +} +.post-249009 .entry h1.page-title { + color: #e34848; +} + + + + +/* Footer */ +footer { + background-color: #fff; +} +.wrap-footer { + background: #fff; +} +.footer-section { + background-color: #fff !important; +} +footer .widget { + color: #777 !important; + background-color: #fff; +} +footer .widget h3.title { +} +ul.footer-social li a { + color: #fff !important; + -webkit-transition: all 137ms; + -o-transition: all 137ms; + transition: all 137ms; +} +ul.footer-social li a:hover { + text-shadow: 0px 0px 13px #eaeaea; + opacity: 1; +} +footer .widget a { + color: #777 !important; +} +.widget.widget_anthemes_subscribe { + background: #fff; + color: #777 !important; +} +.widget.widget_FacebookLikeBox { + background: #fff; +} +.popular-words a:hover { + color: #e34848 !important; +} +div#flags { + width: 250px; + margin: 0 auto; +} +div#flags ul { + padding: 10px; +} +div#flags li { + margin-bottom: 10px !important; +} +div#flags li + li { + margin-left: 33px; +} +div#flags li a { + position: relative; +} +div#flags li a.notranslate.flag:after { + content: attr(title); + display: block; + color: #000; + position: absolute; + top: 10px; + font-size: 10px; + left: -9px; +} +.copyright { + background-color: #fff !important; +} +.copyright > div { + display: inline-block; +} +.copyright img#earmilky { + width: 43px; + vertical-align: middle; +} +/* Footer - left Trending latest post widget */ +footer .wpp-list li { + margin: 0 0 10px; + position: relative; +} +footer .wpp-list li a.wpp-post-title { + line-height: 15px; + display: block; + font-size: 13px; + font-style: italic; + font-family: sans-serif; +} +footer .wpp-list li span.wpp-date { + font-size: 0.73em; + position: absolute; + right: 0; + bottom: 0; + font-family: sans-serif; +} +img#wpstats { + display: none; +} + + + + + + + + +/* Google ad -- also disabled in index.html line 139 */ +.ad-slot { + margin: 0 auto; + display: none; +} +.ad-slot > div { + margin: 0 auto; +} +#atf-970x90-ad-slot { + margin: 20px auto; +} +#atf-970x90-ad-slot > div { + min-width: 728px; + max-width: 732px; +} + + + +/* Mobile */ +div#click-menu { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + -ms-box-sizing: content-box; + -o-box-sizing: content-box; + box-sizing: content-box; + background: #E34848; + height: 35px; + left: 0; + right: initial; + top: 0; + z-index: 999999; +} +div#click-menu div.threeLines { + width: 33px !important; + margin: 3px auto 0 !important; +} +div#click-menu div.threeLines .line { + height: 3px !important; + width: 70% !important; + margin: 0 auto 2px !important; +} +div#click-menu div#click-menu-label { + font-size: 8px; + position: relative; + top: -8px; +} +body #responsive-menu #responsive-menu-title { + text-align: right !important; + width: 76% !important; + white-space: normal !important; + padding: 16px 7% 16px 17% !important; + line-height: 1; + font-size: 1em !important; +} + +@media only screen and (max-width: 1230px) and (min-width: 1001px) { + #fixed-header { + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); + } + #fixed-header #inner-header #logo-header { + width: 180px; + margin: 23px 0% 0px 1%; + } + header .main-header .jquerycssmenu-right { + font-size: 15px; + margin: 22px 0 0; + } + form#searchform { + width: 170px; + margin-left: 2%; + } + #searchform .inputLabel { + top: 8px; + } + #searchform .inputLabel, + #searchform #s { + font-size: 13px; + } + #searchform.hasValue .inputLabel { + top: 1px; + } + #searchform.isFocused .inputLabel { + top: -2px; + } + #fixed-header #inner-header #myjquerymenu ul li a { + font-size: 11px; + } + div.big-thing-box { + height: 505px; + } + ul.big-thing div.owl-item li .entry-thumbnail { + max-height: 228px; + min-height: 228px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next { + top: 61.5%; + } + .wrap-fullwidth .home-content { + float: none; + width: 100%; + margin: 0 auto; + padding: 0; + } + .home-content ul.classic-blog { + float: none; + width: 100%; + margin: 0 auto; + } +} +@media only screen and (max-width: 1000px) and (min-width: 760px) { + #fixed-header { + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); + } + #fixed-header, + #fixed-header #inner-header { + height: 45px; + max-height: 45px; + } + #fixed-header #inner-header #logo-cont, + #fixed-header #inner-header #search-cont { + max-height: 45px; + width: 50%; + height: 45px; + } + #fixed-header #inner-header #nav-cont { + display: none; + } + #fixed-header #inner-header #logo-header { + margin: 0; + padding: 0 0 0 43px; + } + /* Header Logo */ + #fixed-header #inner-header #logo-header #earmilk-logo { + width: 119px; + height: 45px; + margin-left: 7px; + } + #fixed-header #inner-header #logo-header #earmilk-logo #earmilk-logo-img { + width: 80%; + top: -100%; + bottom: -100%; + left: -100%; + right: -100%; + position: absolute; + margin: auto; + } + /* Header Search */ + #fixed-header #inner-header #searchform { + margin: 10px 30px 0 0; + width: auto; + float: right; + } + #searchform .inputLabel { + top: 4px; + font-size: 13px; + line-height: 17px; + } + #searchform.hasValue .inputLabel { + top: -2px; + } + #searchform.isFocused .inputLabel { + top: -5px; + } + #searchform #s { + font-size: 13px; + top: 2px; + width: 118px; + } + #searchform .buttonicon { + height: 20px; + width: 20px; + font-size: 8px; + } + #searchform .inputUnderline, #searchform .animatedUnderline { + width: 120px; + } + div#featured-boxes { + padding: 30px 0; + } + #featured-boxes .wrap-center { + width: 100%; + } + #featured-boxes div.big-thing-box { + width: 100%; + height: 527px; + } + #main-stage-split .main-stage-left { + display: none; + } + #featured-boxes .header_line h4.top { + padding: 10px 23px; + font-size: 17px; + padding: 5px 20px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev, + .owl-theme .owl-controls .owl-buttons .owl-next { + top: 21%; + font-size: 40px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev { + left: -50px; + } + .owl-theme .owl-controls .owl-buttons .owl-next { + right: -50px; + } + ul.big-thing div.owl-item li .entry-thumbnail { + max-height: 365px; + min-height: 365px; + } + ul.big-thing div.owl-item li h3.article-title.entry-title { + font-size: 17px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev, + .owl-theme .owl-controls .owl-buttons .owl-next { + top: 78%; + font-size: 40px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev { + left: -7px; + } + .owl-theme .owl-controls .owl-buttons .owl-next { + right: -7px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category { + margin: 0 0 0 17px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category .post-date, + #featured-boxes ul.big-thing div.owl-item li .article-category .tiptipBlog { + font-size: 13px; + padding: 4px 7px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category .author a { + font-size: 13px; + padding: 4px 7px; + } + body div.wrap-fullwidth { + width: 100%; + } + body div.wrap-fullwidth .home-content { + float: none; + margin: 0 auto; + padding: 0; + } + body div.wrap-fullwidth aside.sidebar { + float: none; + margin: 30px auto 0; + width: 660px; + } + body div.wrap-fullwidth aside.sidebar .widget { + margin: 0 15px; + } + ul#masonry_list li.news a.entry-thumbnail { + width: 100%; + height: 125px; + } + footer { + padding-bottom: 64px; + } + .album_review .album-review-box .media-single-content, + .album_review .album-review-box .earmilk-album-review { + width: 100%; + display: block; + } +} +@media only screen and (max-width: 760px) and (min-width: 580px) { + #fixed-header { + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); + } + #fixed-header, + #fixed-header #inner-header { + height: 45px; + max-height: 45px; + } + #fixed-header #inner-header #logo-cont, + #fixed-header #inner-header #search-cont { + max-height: 45px; + width: 50%; + height: 45px; + } + #fixed-header #inner-header #nav-cont { + display: none; + } + #fixed-header #inner-header #logo-header { + margin: 0; + padding: 0 0 0 43px; + } + /* Header Logo */ + #fixed-header #inner-header #logo-header #earmilk-logo { + width: 119px; + height: 45px; + margin-left: 7px; + } + #fixed-header #inner-header #logo-header #earmilk-logo #earmilk-logo-img { + width: 80%; + top: -100%; + bottom: -100%; + left: -100%; + right: -100%; + position: absolute; + margin: auto; + } + /* Header Search */ + #fixed-header #inner-header #searchform { + margin: 10px 30px 0 0; + width: auto; + float: right; + } + #searchform .inputLabel { + top: 4px; + font-size: 13px; + line-height: 17px; + } + #searchform.hasValue .inputLabel { + top: -2px; + } + #searchform.isFocused .inputLabel { + top: -5px; + } + #searchform #s { + font-size: 13px; + top: 2px; + width: 118px; + } + #searchform .buttonicon { + height: 20px; + width: 20px; + font-size: 8px; + } + #searchform .inputUnderline, #searchform .animatedUnderline { + width: 120px; + } + #featured-boxes .wrap-center { + width: 100%; + } + #featured-boxes div.big-thing-box { + width: 100%; + height: 473px; + } + #main-stage-split .main-stage-left { + display: none; + } + #featured-boxes .header_line h4.top { + padding: 10px 23px; + font-size: 17px; + padding: 5px 20px; + } + ul.big-thing div.owl-item li .entry-thumbnail { + max-height: 285px; + min-height: 285px; + } + ul.big-thing div.owl-item li h3.article-title.entry-title { + font-size: 17px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev, + .owl-theme .owl-controls .owl-buttons .owl-next { + top: 73%; + font-size: 40px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev { + left: -7px; + } + .owl-theme .owl-controls .owl-buttons .owl-next { + right: -7px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category { + margin: 0 0 0 17px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category .post-date, + #featured-boxes ul.big-thing div.owl-item li .article-category .tiptipBlog { + font-size: 13px; + padding: 4px 7px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category .author a { + font-size: 13px; + padding: 4px 7px; + } + footer { + padding-bottom: 64px; + } + .album_review .album-review-box .media-single-content, + .album_review .album-review-box .earmilk-album-review { + width: 100%; + display: block; + } +} +@media only screen and (max-width: 580px) and (min-width: 480px) { + #fixed-header { + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); + } + #fixed-header, + #fixed-header #inner-header { + height: 45px; + max-height: 45px; + } + #fixed-header #inner-header #logo-cont, + #fixed-header #inner-header #search-cont { + max-height: 45px; + width: 50%; + height: 45px; + } + #fixed-header #inner-header #nav-cont { + display: none; + } + #fixed-header #inner-header #logo-header { + margin: 0; + padding: 0 0 0 43px; + } + /* Header Logo */ + #fixed-header #inner-header #logo-header #earmilk-logo { + width: 119px; + height: 45px; + margin-left: 7px; + } + #fixed-header #inner-header #logo-header #earmilk-logo #earmilk-logo-img { + width: 80%; + top: -100%; + bottom: -100%; + left: -100%; + right: -100%; + position: absolute; + margin: auto; + } + /* Header Search */ + #fixed-header #inner-header #searchform { + margin: 10px 30px 0 0; + width: auto; + float: right; + } + #searchform .inputLabel { + top: 4px; + font-size: 13px; + line-height: 17px; + } + #searchform.hasValue .inputLabel { + top: -2px; + } + #searchform.isFocused .inputLabel { + top: -5px; + } + #searchform #s { + font-size: 13px; + top: 2px; + width: 98px; + } + #searchform .buttonicon { + height: 20px; + width: 20px; + font-size: 8px; + } + #searchform .inputUnderline, #searchform .animatedUnderline { + width: 50%; + } + #featured-boxes .wrap-center { + width: 100%; + } + #featured-boxes div.big-thing-box { + width: 100%; + height: inherit; + } + #featured-boxes .header_line h4.top span.gray { + padding: 10px 23px; + font-size: 17px; + padding: 5px 20px; + } + #featured-boxes ul.big-thing.owl-carousel { +/* width: 77%; */ + } + ul.big-thing div.owl-item li .entry-thumbnail { + max-height: 196px; + min-height: 196px; + } + ul.big-thing div.owl-item li h3.article-title.entry-title { + font-size: 17px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev, + .owl-theme .owl-controls .owl-buttons .owl-next { + top: 67%; + font-size: 40px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev { + left: -7px; + } + .owl-theme .owl-controls .owl-buttons .owl-next { + right: -7px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category { + margin: 0 0 0 17px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category .post-date, + #featured-boxes ul.big-thing div.owl-item li .article-category .tiptipBlog { + font-size: 13px; + padding: 4px 7px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category .author a { + font-size: 13px; + padding: 4px 7px; + } + ul#masonry_list li.gear_post a.entry-thumbnail { + width: 100%; + } + footer { + padding-bottom: 64px; + } + .album_review .album-review-box .media-single-content, + .album_review .album-review-box .earmilk-album-review { + width: 100%; + display: block; + } +} +@media only screen and (max-width: 479px) { + body #header-filler { + height: 45px; + } + #fixed-header { + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); + } + #fixed-header, + #fixed-header #inner-header { + height: 45px; + max-height: 45px; + } + #fixed-header #inner-header #logo-cont, + #fixed-header #inner-header #search-cont { + max-height: 45px; + width: 50%; + height: 45px; + } + #fixed-header #inner-header #nav-cont { + display: none; + } + #fixed-header #inner-header #logo-header { + margin: 0; + padding: 0 0 0 43px; + } + /* Header Logo */ + #fixed-header #inner-header #logo-header #earmilk-logo { + width: 119px; + height: 45px; + margin-left: 7px; + } + #fixed-header #inner-header #logo-header #earmilk-logo #earmilk-logo-img { + width: 80%; + top: -100%; + bottom: -100%; + left: -100%; + right: -100%; + position: absolute; + margin: auto; + } + /* Header Search */ + #fixed-header #inner-header #searchform { + margin: 10px 30px 0 0; + width: auto; + float: right; + } + #searchform .inputLabel { + top: 4px; + font-size: 13px; + line-height: 17px; + } + #searchform.hasValue .inputLabel { + top: -2px; + } + #searchform.isFocused .inputLabel { + top: -5px; + } + #searchform #s { + font-size: 13px; + top: 2px; + width: 98px; + } + #searchform .buttonicon { + height: 20px; + width: 20px; + font-size: 8px; + } + #searchform .inputUnderline, #searchform .animatedUnderline { + width: 100px; + } + #featured-boxes .wrap-center { + width: 100%; + } + #featured-boxes .header_line h4.top { + padding: 10px 23px; + font-size: 17px; + padding: 0; + line-height: 30px; + } + #main-stage-split { + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -moz-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + #main-stage-split .main-stage-left { + width: 100%; + -webkit-box-ordinal-group: 2; + -moz-box-ordinal-group: 2; + -ms-flex-order: 2; + -webkit-order: 2; + order: 2; + } + #main-stage-split .big-thing-box { + width: 100%; + height: 400px; + min-height: 400px; + margin: 0 0 50px; + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -ms-flex-order: 1; + -webkit-order: 1; + order: 1; + } + #main-stage-split .main-stage-left .main-stage-latest { + margin: 0 0 50px; + } + #main-stage-split .main-stage-left .main-stage-latest ul { + width: 90%; + margin: 0 auto; + } + #main-stage-split .main-stage-left .main-stage-latest li .entry-thumbnail, + #main-stage-split .main-stage-left .main-stage-latest li .entry-title, + #main-stage-split .main-stage-left .main-stage-latest li .entry-author-meta { + vertical-align: top; + width: 60%; + } + #main-stage-split .main-stage-left .main-stage-latest li .entry-thumbnail { + width: 33%; + } + ul.big-thing div.owl-item li .entry-thumbnail { + max-height: 175px; + min-height: 175px; + } + ul.big-thing div.owl-item li h3.article-title.entry-title { + font-size: 17px; + margin: 0; + } + .owl-theme .owl-controls .owl-buttons .owl-prev, + .owl-theme .owl-controls .owl-buttons .owl-next { + top: 57%; + font-size: 40px; + } + .owl-theme .owl-controls .owl-buttons .owl-prev { + left: -7px; + } + .owl-theme .owl-controls .owl-buttons .owl-next { + right: -7px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category { + margin: 0 0 0 17px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category .post-date, + #featured-boxes ul.big-thing div.owl-item li .article-category .tiptipBlog { + font-size: 13px; + padding: 4px 7px; + } + #featured-boxes ul.big-thing div.owl-item li .article-category .author a { + font-size: 13px; + padding: 4px 7px; + } + div.wrap-fullwidth { + width: 100%; + float: none; + } + .section-top-title h3 { + margin: 0; + } + div.wrap-fullwidth div.home-content { + width: 100%; + float: none; + padding: 0; + margin: 0 auto; + } + div.wrap-fullwidth div.home-content .section-top-title { + text-align: center; + } + div.wrap-fullwidth div.home-content .section-top-title h3 { + font-size: 17px; + padding: 10px; + } + div.wrap-fullwidth div.home-content ul.classic-blog { + float: none; + margin: 0 auto; + width: 90%; + padding: 0 5%; + } + div.wrap-fullwidth div.home-content ul.classic-blog li { + margin: 0 auto 30px; + width: 100%; + } + div.wrap-fullwidth div.home-content ul.classic-blog li img { + width: 100%; + height: auto; + } + ul#masonry_list li { + margin: 0 auto 50px !important; + position: relative !important; + left: 0 !important; + top: 0 !important; + } + ul#masonry_list li.album_review a.entry-thumbnail { + width: 323px; + height: 323px; + } + ul#masonry_list li.opinion_post a.entry-thumbnail { +/* width: 323px; */ + height: 148px; + } + ul#masonry_list li.gear_post a.entry-thumbnail { + width: 100%; + } + ul#masonry_list li.news a.entry-thumbnail { + width: 100%; + height: 120px; + } + .archive-header img.earmilk-voices { + width: 87%; + } + div.wrap-fullwidth aside.sidebar { + float: none; + margin: 30px auto 0; + } + div.wrap-fullwidth .single-content { + width: 100%; + } + div.wrap-fullwidth .single-content .entry-top h1.article-title { + /* line-height: 1; */ + font-size: 33px; + } + div.wrap-fullwidth .single-content .entry-content .entry { + width: 80%; + } + div.wrap-fullwidth .single-content .entry-content .entry .p-first-letter p { + font-size: 17px; + } + footer { + padding-bottom: 64px; + } + .album_review .album-review-box .media-single-content, + .album_review .album-review-box .earmilk-album-review { + width: 100%; + display: block; + } +} + + + +/* +#fixed-header #inner-header #logo-header { + margin: 12px 1% 0 10%; +} +form#searchform { + margin: 18px 3% 0 7%; +} +#fixed-header #inner-header #myjquerymenu { + margin: 7px auto 0; +} +*/ +/* Genre Bar */ +.genrebar { + border-bottom: 3px solid #e5e5e5; + -webkit-transition: all .5s ease; + -moz-transition: all .5s ease; + -ms-transition: all .5s ease; + -o-transition: all .5s ease; + transition: all .5s ease; + position: absolute; + min-height: 17px; + background: #fff; + width: 100%; + bottom: 0; + margin: 0; + z-index: 10000; + text-transform: uppercase; +} +.genrebar ul { + display: table; + width: 100%; + table-layout: fixed; + max-width: 1280px; + margin: 0 auto; +} +.genrebar .mainmenu { + position: relative; + height: auto; + bottom: -3px; +} +.genrebar .mainmenu li.options { + position: absolute; + top: 0; + right: 0; + background: #090909; + padding: 0 4px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + cursor: pointer; + -webkit-transition: all .5s ease; + -moz-transition: all .5s ease; + -ms-transition: all .5s ease; + -o-transition: all .5s ease; + transition: all .5s ease; +} +.genrebar .mainmenu li.options .this-popover { + display: none; +} +.genrebar .mainmenu li.options .icon-gears { + width: 20px; + height: auto; + opacity: .2; + margin: 4px; + -webkit-transition: all .5s ease; + -moz-transition: all .5s ease; + -ms-transition: all .5s ease; + -o-transition: all .5s ease; + transition: all .5s ease; +} +.genrebar .mainmenu li.options:hover,.genrebar .mainmenu li.options .is_hover { + background: #232323; +} +.genrebar .mainmenu li.options:hover .icon-gears,.genrebar .mainmenu li.options .is_hover .icon-gears { + opacity: .5; +} +@media(max-width: 768px) { + .genrebar { + display: none; + } +} +@media(max-width: 1024px) and (orientation: landscape) { + .genrebar { + display: none; + } +} +.genrebar ul li { + display: table-cell; + opacity: 0.573; +} +.genrebar:hover ul li { + opacity: 1; +} +.genrebar ul li:hover { + opacity: 1; +} +.genrebar .mainmenu .current-category-ancestor, +.genrebar .mainmenu .current-menu-ancestor, +.genrebar .mainmenu .current-menu-parent, +.genrebar .mainmenu .current-category-parent { + opacity: 1; +} +.genrebar .mainmenu .current-menu-item { + opacity: 1; +} +.genrebar ul li a { + font-size: 12px; + margin: 0 2px 0 0; + padding: 0; + cursor: pointer; + padding: 0; + text-align: center; + font-weight: bolder; + border-bottom: 3px solid #a3a3a3; + height: 15px; + line-height: 16px; + display: inline-block; + width: 100%; + color: #aaa; + color: #848484; +} +.genrebar ul li a:hover, +.genrebar ul li a.active { + color: #000 !important; + text-decoration: none; +} +.genrebar ul li .sub-menu a:hover { + color: #fff !important; +} +.genrebar .sub-menu { + display: none; + position: absolute; + left: 0; + overflow: hidden; + z-index: 999; + padding-bottom: 0; + background: #fff; +} +.genrebar ul.sub-menu { +} +.genrebar ul.sub-menu li { + font-size: 12px; + color: #313131; + margin: 0 2px 0 0; + padding: 0; +} +.genrebar ul.sub-menu li a { + font-size: 11px; + border: 0; + height: 30px; + line-height: 30px; + color: #fff; +} +.genrebar li.active .sub-menu { + display: block!important; +} +.default .genrebar .sub-menu { + display: block!important; +} +.genrebar ul li.active a { + color: #000; +} +.genrebar ul li.default a { +/* color: #fff; */ +/* background-color: #a3a3a3; */ +} +.genrebar ul li.feature a { + border-bottom-color: #2e2e2e +} +.genrebar ul li.feature .sub-menu a { + background-color: #000 +} +.genrebar ul li.feature .sub-menu a:hover { + color: #848484; + background-color: #2e2e2e +} +.genrebar ul li.feature .selected a { + color: #848484 +} +.genrebar ul li.dance a { + border-bottom-color: #e2d059 +} +.genrebar ul li.dance .sub-menu a { + background-color: #8a7b18 +} +.genrebar ul li.dance .sub-menu a:hover { + color: #848484; + background-color: #e2d059 +} +.genrebar ul li.dance .selected a { + color: #848484 +} +.genrebar ul li.hip-hop a { + border-bottom-color: #e99b37 +} +.genrebar ul li.hip-hop .sub-menu a { + background-color: #7a4a0d +} +.genrebar ul li.hip-hop .sub-menu a:hover { + color: #848484; + background-color: #e99b37 +} +.genrebar ul li.hip-hop .selected a { + color: #848484 +} +.genrebar ul li.hiphop a { + border-bottom-color: #e99b37 +} +.genrebar ul li.hiphop .sub-menu a { + background-color: #7a4a0d +} +.genrebar ul li.hiphop .sub-menu a:hover { + color: #848484; + background-color: #e99b37 +} +.genrebar ul li.hiphop .selected a { + color: #848484 +} +.genrebar ul li.electronic a { + border-bottom-color: #48b9e3 +} +.genrebar ul li.electronic .sub-menu a { + background-color: #13627f +} +.genrebar ul li.electronic .sub-menu a:hover { + color: #848484; + background-color: #48b9e3 +} +.genrebar ul li.electronic .selected a { + color: #848484 +} +.genrebar ul li.experimental a { + border-bottom-color: #754aab +} +.genrebar ul li.experimental .sub-menu a { + background-color: #2c1c40 +} +.genrebar ul li.experimental .sub-menu a:hover { + color: #848484; + background-color: #754aab +} +.genrebar ul li.experimental .selected a { + color: #848484 +} +.genrebar ul li.pop a { + border-bottom-color: #469e6c +} +.genrebar ul li.pop .sub-menu a { + background-color: #173424 +} +.genrebar ul li.pop .sub-menu a:hover { + color: #848484; + background-color: #469e6c +} +.genrebar ul li.pop .selected a { + color: #848484 +} +.genrebar ul li.mash-up a { + border-bottom-color: #469e6c +} +.genrebar ul li.mash-up .sub-menu a { + background-color: #173424 +} +.genrebar ul li.mash-up .sub-menu a:hover { + color: #848484; + background-color: #469e6c +} +.genrebar ul li.mash-up .selected a { + color: #848484 +} +.genrebar ul li.rap a { + border-bottom-color: #e99b37 +} +.genrebar ul li.rap .sub-menu a { + background-color: #7a4a0d +} +.genrebar ul li.rap .sub-menu a:hover { + color: #848484; + background-color: #e99b37 +} +.genrebar ul li.rap .selected a { + color: #848484 +} +.genrebar ul li.indie a { + border-bottom-color: #e34848 +} +.genrebar ul li.indie .sub-menu a { + background-color: #7f1313 +} +.genrebar ul li.indie .sub-menu a:hover { + color: #848484; + background-color: #e34848 +} +.genrebar ul li.indie .selected a { + color: #848484 +} +.genrebar ul li.alternative a { + border-bottom-color: #e34848 +} +.genrebar ul li.alternative .sub-menu a { + background-color: #7f1313 +} +.genrebar ul li.alternative .sub-menu a:hover { + color: #848484; + background-color: #e34848 +} +.genrebar ul li.alternative .selected a { + color: #848484 +} +.genrebar ul li.blues a { + border-bottom-color: #754aab +} +.genrebar ul li.blues .sub-menu a { + background-color: #2c1c40 +} +.genrebar ul li.blues .sub-menu a:hover { + color: #848484; + background-color: #754aab +} +.genrebar ul li.blues .selected a { + color: #848484 +} +.genrebar ul li.rock a { + border-bottom-color: #754aab +} +.genrebar ul li.rock .sub-menu a { + background-color: #2c1c40 +} +.genrebar ul li.rock .sub-menu a:hover { + color: #848484; + background-color: #754aab +} +.genrebar ul li.rock .selected a { + color: #848484 +} +.genrebar ul li.downtempo a { + border-bottom-color: #754aab +} +.genrebar ul li.downtempo .sub-menu a { + background-color: #2c1c40 +} +.genrebar ul li.downtempo .sub-menu a:hover { + color: #848484; + background-color: #754aab +} +.genrebar ul li.downtempo .selected a { + color: #848484 +} +.genrebar ul li.dubstep a { + border-bottom-color: #0a6b8f +} +.genrebar ul li.dubstep .sub-menu a { + background-color: #000 +} +.genrebar ul li.dubstep .sub-menu a:hover { + color: #848484; + background-color: #0a6b8f +} +.genrebar ul li.dubstep .selected a { + color: #848484 +} +.genrebar ul li.news a { + border-bottom-color: #015ca9 +} +.genrebar ul li.news .sub-menu a { + background-color: #000911 +} +.genrebar ul li.news .sub-menu a:hover { + color: #848484; + background-color: #015ca9 +} +.genrebar ul li.news .selected a { + color: #848484 +} +.genrebar ul li.reviews a { + border-bottom-color: #7d1701 +} +.genrebar ul li.reviews .sub-menu a { + background-color: #000 +} +.genrebar ul li.reviews .sub-menu a:hover { + color: #848484; + background-color: #7d1701 +} +.genrebar ul li.reviews .selected a { + color: #848484 +} +.genrebar ul li.album-review a { + border-bottom-color: #7d1701 +} +.genrebar ul li.album-review .sub-menu a { + background-color: #000 +} +.genrebar ul li.album-review .sub-menu a:hover { + color: #848484; + background-color: #7d1701 +} +.genrebar ul li.album-review .selected a { + color: #848484 +} +.genre-all,.bg-all { + background-color: #d5d5d5!important +} +.dark.genre-all { + background-color: #7c7c7c!important +} +.light.genre-all { + background-color: #fff!important } -#wpadminbar * { - color: #FFF !important; -} \ No newline at end of file