* { box-sizing: border-box; margin: 0; padding: 0; border: none; text-decoration: none; list-style: none; text-rendering: optimizeLegibility; } .ajaxwait { display: none; } .clear:after, .articleblock .tile .foot:after, .channel:after, #template:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .left { float: left; } .right { float: right; } img { width: 100%; height: auto; display: block; } .boxstyle { letter-spacing: 1px; line-height: 24px; display: block; padding: 0 10px; font-size: 11px; text-transform: uppercase; background: #76cbd4; color: #ffffff; font-family: AvenirHeavy; } .boxstyle.bigger { line-height: 30px; } .boxstyle.active { background-color: #c8eaee; color: #a6c2c6; } a.boxstyle:hover { color: #000000; } .newsblock .boxstyle { background-color: #c8eaee; color: #a6c2c6; } .newsblock .boxstyle:hover, .newsblock .boxstyle.active { background: #76cbd4; color: #ffffff; } .half { width: 50%; } .whitebg { background: #ffffff; } .padded { padding: 35px 50px; } @media screen and (max-width: 640px) { .padded { padding: 0; } .padded.whitebg { padding: 30px 30px; } } .social a { background: #76cbd4; border-radius: 50%; position: relative; border: 1px solid #231f20; display: block; width: 100%; height: 100%; } .social a:hover { background: #85e5ef; } .social a:after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; } .social a.fb:after { background: url(../images/svg/social1.svg) no-repeat center; background-size: 23% auto !important; } .social a.in:after { background: url(../images/svg/social2.svg) no-repeat center; background-size: 50% auto !important; } .social a.sc:after { background: url(../images/svg/social3.svg) no-repeat center; background-size: 70% auto !important; } .social a.tw:after { background: url(../images/svg/social5.svg) no-repeat center; background-size: 55% auto !important; } .social a.sp:after { background: url(../images/svg/social8.png) no-repeat center; background-size: 100% auto !important; } .triangle:after { content: ''; display: inline-block; margin-left: 12px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #000000; } .triangle:hover:after { border-left-color: #76cbd4; } h1 { margin-bottom: 20px; text-align: center; font-size: 16px; } .whitebg h1:not(.breadcrumbs) { text-align: left; font-size: 36px; line-height: 50px; margin-bottom: 20px; } .tile { width: 235px; float: left; height: 350px; margin: 0 0 20px 20px; position: relative; } .tile h2 { font-size: 20px; } @media screen and (min-width: 841px) { .tile.tilecols2 .img, .tile.tilecols3 .img { height: 100%; } .tile.tilecols2 .img span.boxstyle, .tile.tilecols3 .img span.boxstyle { display: none; } .tile.tilecols2 .foot, .tile.tilecols3 .foot { display: none; } .tile.tilecols2 .tilecontent, .tile.tilecols3 .tilecontent { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tile.tilecols2 .tilecontent .whitebg, .tile.tilecols3 .tilecontent .whitebg { z-index: 6; background: none; position: relative; top: 50%; transform: translateY(-50%); height: auto; } .tile.tilecols2 .tilecontent:after, .tile.tilecols3 .tilecontent:after { content: ''; height: auto; width: auto; position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; z-index: 1; background: #76cbd4; opacity: 0; } .tile.tilecols2 .tilecontent:hover a.boxstyle, .tile.tilecols3 .tilecontent:hover a.boxstyle { opacity: 1; display: block; } .tile.tilecols2 .tilecontent:hover:after, .tile.tilecols3 .tilecontent:hover:after { opacity: 0.5; } .tile.tilecols2 .tilecontent h2, .tile.tilecols3 .tilecontent h2 { padding: 10px 30px 0 30px; font-size: 35px; line-height: 38px; color: #ffffff; text-align: center; margin-bottom: 10px; max-height: 86px; } .tile.tilecols2 .tilecontent .time, .tile.tilecols3 .tilecontent .time { display: none; } .tile.tilecols2 .tilecontent p, .tile.tilecols3 .tilecontent p { padding: 10px 30px; font-size: 14px; line-height: 18px; text-align: center; color: #ffffff; } .tile.tilecols2 .tilecontent .hideoverflow, .tile.tilecols3 .tilecontent .hideoverflow { max-height: 250px; overflow: hidden; } .tile.tilecols2 a.boxstyle, .tile.tilecols3 a.boxstyle { display: block; opacity: 0; position: absolute; z-index: 12; background: #ffffff; color: #000000; bottom: 30px; right: 30px; } .tile.tilecols2 a.boxstyle:hover, .tile.tilecols3 a.boxstyle:hover { color: #76cbd4; } .tile.tilecols2 a.boxstyle:last-child, .tile.tilecols3 a.boxstyle:last-child { bottom: auto; right: auto; top: 30px; left: 30px; } } @media screen and (min-width: 1091px) { .tile.tilecols2 { width: 490px; } } @media screen and (min-width: 841px) and (max-width: 1090px) { .tile.tilecols2 { width: 380px; } } @media screen and (max-width: 480px) { .tile.tilecols2 { width: 100%; } } @media screen and (min-width: 841px) and (max-width: 1090px) { .tile.tilecols3 { width: 580px; } } @media screen and (max-width: 480px) { .tile.tilecols3 { width: 100%; } } @media screen and (min-width: 1091px) { .tile.tilecols3 { width: 745px; } } @media screen and (min-width: 641px) and (max-width: 1090px) { .tile { width: 180px; } } @media screen and (min-width: 641px) and (max-width: 1090px) and (min-width: 841px) { .tile { height: 345px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .tile.hide2 { display: none; } } @media screen and (min-width: 641px) and (max-width: 840px) { .tile.hide3 { display: none; } } @media screen and (min-width: 841px) { .tile.hide4 { display: none; } } @media screen and (min-width: 1091px) { .tile { height: 360px; } } @media screen and (max-width: 480px) { .tile { width: auto; float: none; margin-left: 0; height: auto; } .tile:last-child { margin-bottom: 0; } } @media screen and (min-width: 481px) and (max-width: 640px) { .tile { width: 50%; margin-left: 0; padding-left: 0; padding-right: 10px; } .tile:nth-child(2n) { padding-left: 10px; padding-right: 0; } .template_HomePage .tile { padding-left: 0; padding-right: 10px; } .template_HomePage .tile:nth-child(2n + 5) { padding-left: 10px; padding-right: 0; } .relatedside .tile { padding: 0; } .tile:nth-last-child(2), .tile:last-child { margin-bottom: 0; } } @media screen and (min-width: 481px) and (max-width: 640px) { .related_artists .tile:nth-child(2n) { padding-left: 10px; padding-right: 0; } .related_artists .tile:nth-child(2n + 1) { padding-right: 10px; padding-left: 0; } } .sidecolumn .tile { width: 100%; float: none; margin-left: 0; } .tile.subscribe .whitebg { height: 100%; padding: 20px; } .sidecolumn .tile.subscribe { height: auto; } @media screen and (min-width: 481px) and (max-width: 840px) { .sidecolumn .tile.subscribe { padding-right: 0; padding-left: 0; height: 250px; } } .tile.subscribe img { width: auto; height: auto; margin: 5px 0 15px 0; } .tile.subscribe input { border: 1px solid #000000; line-height: 20px; font-size: 14px; padding: 7px 10px; margin: 20px 0 15px; width: 100%; } .tile.subscribe button { line-height: 24px; font-size: 12px; padding-left: 50px; width: 100%; background: none; text-align: left; position: relative; letter-spacing: 1px; } .tile.subscribe button:before { content: ''; position: absolute; z-index: 4; background: #000000; width: 26px; height: 26px; left: 0; top: 5px; } .tile.subscribe button.triangle:after { content: ''; position: absolute; display: block; margin-left: 0; z-index: 5; top: 13px; left: 10px; border-left-color: #ffffff; } .tile.subscribe button:hover:after { border-left-color: #76cbd4; } .tile h3 { text-align: center; font-size: 22px; padding: 15px 0; } .tile.author .tilecontent .whitebg { padding: 25px 12px; } .tile.author .tilecontent .whitebg .toptext { height: 115px; overflow: hidden; } .sidecolumn .tile.social { height: auto; } @media screen and (min-width: 481px) and (max-width: 840px) { .sidecolumn .tile.social { display: none; } } .tile.social .whitebg { height: 100%; } .tile.social a { width: 75px; height: 75px; margin: 10px auto 70px; border: 2px solid #231f20; font-size: 14px; line-height: 18px; font-family: AvenirHeavy; } .tile.social a span { position: absolute; width: 170%; text-align: center; bottom: -75%; left: -30%; } @media screen and (min-width: 841px) { .tile.social a { height: 67px; width: 67px; } } .tile a.img { position: relative; height: 170px; background-size: cover !important; background-position: center; } @media screen and (min-width: 641px) { .tile a.img { height: 165px; } } @media screen and (min-width: 1091px) { .tile a.img { height: 175px; } } @media screen and (max-width: 480px) { .tile a.img { height: auto; padding-bottom: 60%; } } .tile .foot { margin-top: 4px; } .tile .foot a { background: #ffffff; line-height: 26px; font-size: 9px; padding: 0 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; text-transform: uppercase; color: #000000; letter-spacing: 1px; } .tile .foot a:hover { background: #c8eaee; } .tile .tilecontent { font-family: AvenirMedium; font-size: 11px; line-height: 17px; } .tile .tilecontent a.boxstyle { display: none; } @media screen and (max-width: 480px) { .tile .tilecontent { height: auto; } } .tile .tilecontent .whitebg { height: 155px; padding: 25px 12px 30px 12px; position: relative; } @media screen and (max-width: 480px) { .tile .tilecontent .whitebg { height: auto; } } @media screen and (min-width: 481px) and (max-width: 1090px) { .tile .tilecontent .whitebg { height: 150px; padding-top: 20px; } } @media screen and (min-width: 481px) and (max-width: 1090px) and (min-width: 641px) and (max-width: 840px) { .tile .tilecontent .whitebg { height: 155px; } } .tile .tilecontent .whitebg .time { text-transform: uppercase; margin-bottom: 0; position: absolute; bottom: 5px; left: 12px; background: #ffffff; } .tile .tilecontent .hideoverflow { max-height: 102px; overflow: hidden; } @media screen and (max-width: 840px) { .tile .tilecontent .hideoverflow { max-height: 98px; } } @media screen and (max-width: 480px) { .tile .tilecontent .hideoverflow { text-align: justify; } } .tile .tilecontent h2 { font-size: 14px; line-height: 17px; max-height: 34px; margin-bottom: 14px; overflow: hidden; } @media screen and (max-width: 480px) { .tile .tilecontent h2 { margin-bottom: 5px; } } .tile .tilecontent p { margin-bottom: 5px; overflow: hidden; } .tile div.img { position: relative; height: 170px; } .tile div.img a { display: block; background-size: cover; width: 100%; height: 100%; filter: grayscale(0); } .tile div.img a:hover { filter: grayscale(100%); } .tile div.img a.boxstyle { height: auto; width: auto; } @media screen and (min-width: 641px) { .tile div.img { height: 165px; } } @media screen and (min-width: 1091px) { .tile div.img { height: 175px; } } .tile div.img .boxstyle { filter: grayscale(0%); position: absolute; left: 12px; bottom: -12px; background: #76cbd4; color: #ffffff; z-index: 5; } .tile div.img .boxstyle:hover { color: #000000; } .tile.hidden { display: none; } .newsblock { width: 235px; height: 720px; float: right; right: 0; margin-bottom: 20px; font-size: 10px; font-size: 12px; position: relative; } @media screen and (min-width: 841px) and (max-width: 1090px) { .newsblock { height: 710px; } } @media screen and (min-width: 641px) and (max-width: 1090px) { .newsblock { width: 180px; } } @media screen and (min-width: 1090px) { .newsblock { height: 740px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .newsblock { width: 50%; padding-left: 10px; } } @media screen and (max-width: 480px) { .newsblock { width: auto; float: none; height: auto; } .newsblock :nth-child(n + 5) { display: none; } } .sidecolumn .newsblock { width: 100%; float: none; } .newsblock h3 { padding-top: 6px; font-size: 12px; line-height: 15px; max-height: 66px; overflow: hidden; } .newsblock p { max-height: 36px; line-height: 12px; margin-bottom: 3px; overflow: hidden; } .newsblock p.time { margin-bottom: 0; font-size: 12px; position: absolute; bottom: 4px; left: 92px; } .newsblock .whitebg { margin-top: 4px; padding: 4px; position: relative; } .newsblock .whitebg:first-child { margin-top: 0; } .newsblock .tab-container .whitebg:last-child { text-align: center; } .newsblock .boxstyle { float: left; text-align: center; line-height: 26px; width: 50%; } .newsblock .boxstyle:first-child { border-right: 2px solid #ffffff; } .newsblock .boxstyle:last-child { border-right: none; border-left: 2px solid #ffffff; } .newsblock .boxstyle.whitebg { float: none; background: #ffffff; color: #000000; padding: 0 12px; width: 100%; border: none; } .newsblock .boxstyle.whitebg:hover { background: #c8eaee; } .newsblock a.img { width: 80px; height: 80px; background-size: cover; background-position: center; float: left; display: block; margin-right: 8px; } @media screen and (min-width: 1090px) { .newsblock a.img { height: 84px; } } @media screen and (min-width: 640px) and (max-width: 840px) { .newsblock a.img { height: 82px; } } .newsblock .tab-container { opacity: 0; z-index: 1; transition: opacity 300ms; } .newsblock .tab-container.active { top: 0; position: relative; opacity: 1; z-index: 2; } .newsblock .tab-container#popular { position: absolute; left: 0; top: 36px; } .templateContent p { margin-bottom: 10px; } .templateContent .fbvid-container { position: relative; padding-bottom: 61%; } .templateContent .fbvid-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tallbanner { height: auto; width: 100%; background: url(/add.jpg) no-repeat center; background-size: cover; margin-top: 20px; } .tallbanner iframe { min-height: 250px; } .tallbanner:first-child { margin-top: 0; } @media screen and (min-width: 481px) and (max-width: 640px) { .sidecolumn .tallbanner { padding-top: 0; } } .articleblock { padding-top: 20px; } .articleblock .negmarg { margin-left: -20px; } @media screen and (max-width: 640px) { .articleblock .negmarg { margin-left: 0; } } .featuredtop { padding-bottom: 20px; } .loadmore { padding: 20px 0 10px 0; text-align: center; } .loadmore button { border: 1px solid #bbbbbb; padding: 10px 35px; line-height: 20px; font-size: 16px; color: #bbbbbb; background: none; border-radius: 15px; } .loadmore button:hover { color: #000000; border-color: #000000; } .classMenu { padding: 20px; } .classMenu h2 { text-align: center; padding: 10px; font-size: 17px; line-height: 24px; } .classMenu ul { text-align: center; } .classMenu ul li { display: inline; } .classMenu ul li:before { content: '/'; margin: 0 10px; } .classMenu ul li:first-child:before { content: none; } .social-share-button { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; background-color: #76cbd4; text-align: center; } .social-share-button:hover { color: #ffffff; } .social-share-button:hover.facebook { background-color: #3b5998; } .social-share-button:hover.twitter { background-color: #00acee; } .social-share-button:hover.googleplus { background-color: #dd4b39; } .social-share-button span { line-height: 30px; } .skin img { width: 1px; } #PageNumbers { text-align: center; } #PageNumbers .page-numbers { margin: 0 20px; } #PageNumbers .page-numbers a { margin: 0 5px; } #PageNumbers .next, #PageNumbers .prev, #PageNumbers .number { padding: 4px; display: inline-block; color: #76cbd4; } #PageNumbers .next.current, #PageNumbers .prev.current, #PageNumbers .number.current { color: #000000; } @font-face { font-family: 'AvenirHeavy'; src: url("../fonts/avenir-heavy.eot"); src: url("../fonts/avenir-heavy.eot") format("embedded-opentype"), url("../fonts/avenir-heavy.woff2") format("woff2"), url("../fonts/avenir-heavy.woff") format("woff"), url("../fonts/avenir-heavy.ttf") format("truetype"), url("../fonts/avenir-heavy.svg#AvenirRegular") format("svg"); } @font-face { font-family: 'AvenirRegular'; src: url("../fonts/avenirltstd-roman.eot"); src: url("../fonts/avenirltstd-roman.eot") format("embedded-opentype"), url("../fonts/avenirltstd-roman.woff2") format("woff2"), url("../fonts/avenirltstd-roman.woff") format("woff"), url("../fonts/avenirltstd-roman.ttf") format("truetype"), url("../fonts/avenirltstd-roman.svg#AvenirLTStd55Roman") format("svg"); } @font-face { font-family: 'AvenirLight'; src: url("../fonts/avenirltstd-light.eot"); src: url("../fonts/avenirltstd-light.eot") format("embedded-opentype"), url("../fonts/avenirltstd-light.woff2") format("woff2"), url("../fonts/avenirltstd-light.woff") format("woff"), url("../fonts/avenirltstd-light.ttf") format("truetype"), url("../fonts/avenirltstd-light.svg#AvenirLTStd35Light") format("svg"); } @font-face { font-family: 'AvenirMedium'; src: url("../fonts/avenirltstd-medium.eot"); src: url("../fonts/avenirltstd-medium.eot") format("embedded-opentype"), url("../fonts/avenirltstd-medium.woff2") format("woff2"), url("../fonts/avenirltstd-medium.woff") format("woff"), url("../fonts/avenirltstd-medium.ttf") format("truetype"), url("../fonts/avenirltstd-medium.svg#AvenirLTStd65Medium") format("svg"); } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?vxn8vm"); src: url("../fonts/icomoon.eot?#iefixvxn8vm") format("embedded-opentype"), url("../fonts/icomoon.ttf?vxn8vm") format("truetype"), url("../fonts/icomoon.woff?vxn8vm") format("woff"), url("../fonts/icomoon.svg?vxn8vm#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-instagram:before { content: "\e604"; } .icon-google-plus:before { content: "\e600"; } .icon-tumblr:before { content: "\e601"; } .icon-pinterest:before { content: "\e602"; } .icon-facebook:before { content: "\e603"; } .icon-soundcloud:before { content: "\e609"; } .icon-twitter:before { content: "\e60c"; } .icon-search:before { content: "\e60d"; } .icon-play:before { content: "\e60e"; } .icon-pause:before { content: "\e60f"; } .icon-back:before { content: "\e610"; } .icon-forward:before { content: "\e611"; } .icon-menu:before { content: "\e612"; } .icon-volume:before { content: "\e613"; } html { font-family: AvenirRegular; line-height: 24px; font-size: 14px; color: #000000; } a, button { color: #000000; } a:hover, button:hover { color: #666666; } a.green:hover, button.green:hover { color: #c8eaee; } .green { color: #76cbd4; } body { background: #ffffff; position: relative; width: 100%; height: 100%; } body .pagecontainer { position: relative; left: 0; top: 0; max-width: 1090px; margin: 0px auto; } @media screen and (max-width: 640px) { body.menuout .pagecontainer { left: -60%; } } @media screen and (max-width: 480px) { body { max-width: 480px; } } @media screen and (min-width: 481px) and (max-width: 640px) { body { max-width: 640px; } } @media screen and (min-width: 641px) and (max-width: 840px) { body { max-width: 840px; } } @media screen and (min-width: 841px) and (max-width: 1090px) { body { max-width: 1090px; } } .container { background: #f5f5f5; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media screen and (min-width: 641px) and (max-width: 840px) { .container { width: 640px; padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 841px) and (max-width: 1090px) { .container { width: 840px; padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1091px) { .container { width: 1090px; padding-left: 45px; padding-right: 45px; } } h1, h2, h3, h4 { font-family: AvenirHeavy; font-weight: normal; } strong { font-family: AvenirHeavy; font-weight: normal; } .hide { display: none; } #template { margin-bottom: 20px; } .category-template #template { padding-top: 20px; } #template .searchResults { padding-top: 20px; } .content img { margin: 20px 0 10px; } .content p { margin-top: 10px; } .center { text-align: center; } #MemberLoginForm_LoginForm label { width: 100px; } #MemberLoginForm_LoginForm label.right { float: none; } #MemberLoginForm_LoginForm input[type="text"], #MemberLoginForm_LoginForm input[type="password"] { background: #ffffff; border: 1px solid #bbbbbb; } #MemberLoginForm_LoginForm input[type="submit"] { padding: 5px 10px; border-radius: 5px; } #MemberLoginForm_LoginForm a { text-decoration: underline; } .leaderboard { margin: 0 auto; max-width: 100%; border-top: 1px solid #bbbbbb; text-align: center; } @media (min-width: 970px) { .leaderboard { max-width: 970px; max-height: 100px; } } .leaderboard.top { border-top: none; } .leaderboard img { width: auto; max-width: 100%; display: inline-block; } .headercontainer { width: 100%; } .headercontainer.locked { z-index: 90; position: fixed; left: 0; top: 0; } @media screen and (max-width: 640px) { .menuout .headercontainer.locked { left: -60%; } } @media screen and (max-width: 640px) { .headercontainer.locked + .container { margin-top: 58px; } } @media screen and (min-width: 641px) and (max-width: 840px) { .headercontainer.locked + .container { margin-top: 132px; } } @media screen and (min-width: 841px) { .headercontainer.locked + .container { margin-top: 82px; } } #header { padding-top: 20px; position: relative; z-index: 15; } @media screen and (max-width: 640px) { #header { padding-bottom: 20px; } } #header .mobileheader { display: none; text-align: center; position: relative; } @media screen and (max-width: 640px) { #header .mobileheader { display: block; height: 38px; } } #header .mobileheader li.social { display: inline-block; } #header .mobileheader li.social a { border: 1px solid #231f20; width: 100%; height: 100%; } @media screen and (max-width: 640px) { #header .mobileheader li.social { width: 30px; height: 30px; } } @media screen and (max-width: 480px) { #header .mobileheader li.social { display: none; } } #header .mobileheader li.logo { display: block; position: absolute; left: 0; top: 0; } #header .mobileheader li.logo a { height: 40px; width: 50px; background: url(../images/plogo.png) no-repeat left; background-size: auto 40px; display: block; } #header .mobileheader li.menu { display: block; position: absolute; right: 0; top: 0; } #header .mobileheader li.menu a { height: 40px; width: 40px; display: block; font-size: 40px; color: #76cbd4; } @media screen and (max-width: 640px) { #header .nav { position: fixed; left: 100%; z-index: 100; } } #header .nav > ul { padding-bottom: 11px; border-bottom: 1px solid #bbbbbb; } #header .nav > ul li { width: 120px; float: left; } #header .nav > ul li.wider { width: 137px; } #header .nav > ul li.logo { width: 110px; } #header .nav > ul li.logo a { display: block; background: url(../images/plogo.png) no-repeat left; background-size: auto 45px; height: 50px; } @media screen and (min-width: 1091px) { #header .nav > ul li.logo { width: 135px; } } @media screen and (max-width: 640px) { #header .nav > ul li.logo { display: none; } } #header .nav > ul li.pile { float: right; width: 145px; } #header .nav > ul li.pile a { text-decoration: underline; background: transparent url("../images/madeinthepile.png") repeat scroll 0 0/100% auto; height: 60px; overflow: hidden; position: absolute; right: 45px; text-indent: -9999px; top: 16px; width: 60px; } @media screen and (min-width: 641px) and (max-width: 840px) { #header .nav > ul li.pile a { right: 30px; top: 16px; } } @media screen and (min-width: 641px) and (max-width: 840px) { #header .nav > ul li { width: 107px; } #header .nav > ul li.logo { float: none; } #header .nav > ul li:last-child { width: 45px; } #header .nav > ul li.wider { width: 132px; } } @media screen and (min-width: 841px) and (max-width: 1090px) { #header .nav > ul li { width: 107px; } #header .nav > ul li.wider { width: 132px; } #header .nav > ul li.logo { width: 95px; } } #header .nav > ul li.social { float: right; width: 35px; height: 35px; margin-left: 5px; margin-top: 5px; } @media screen and (min-width: 841px) and (max-width: 1090px) { #header .nav > ul li.social { margin-top: 10px; width: 25px; height: 25px; } } @media screen and (min-width: 1090px) { #header .nav > ul li.social { margin-left: 10px; } } #header .nav > ul li.social a { border: 1px solid #231f20; width: 100%; height: 100%; } @media screen and (max-width: 640px) { #header .nav > ul li.social { display: none; } } #header .nav > ul li a { font-family: AvenirHeavy; font-size: 18px; line-height: 30px; padding: 10px 0; display: inline-block; } #header .nav > .subnav { max-height: 0; overflow: hidden; background: #f5f5f5; } #header .nav > .subnav ul { padding-top: 10px; float: left; padding: 10px 0; } @media screen and (max-width: 640px) { #header .nav > .subnav ul { width: 100%; float: none; } } @media screen and (min-width: 641px) and (max-width: 840px) { #header .nav > .subnav ul { width: 107px; padding-right: 10px; box-sizing: border-box; } #header .nav > .subnav ul.wider { width: 140px; } } @media screen and (min-width: 841px) and (max-width: 1090px) { #header .nav > .subnav ul { width: 105px; } #header .nav > .subnav ul.wider { width: 140px; } } @media screen and (min-width: 1091px) { #header .nav > .subnav ul { width: 120px; } #header .nav > .subnav ul.wider { width: 145px; } } #header .nav > .subnav ul li { line-height: 24px; font-size: 12px; } @media screen and (min-width: 641px) and (max-width: 840px) { #header .nav > .subnav ul li { line-height: 16px; padding: 4px 0; } } @media screen and (min-width: 841px) and (max-width: 1090px) { #header .nav > .subnav ul:first-child { margin-left: 95px; } } @media screen and (min-width: 1091px) { #header .nav > .subnav ul:first-child { margin-left: 135px; } } #header .nav > .subnav:after { content: ''; height: 1px; display: block; width: 100%; background: #bbbbbb; visibility: visible; } #header .nav:hover > .subnav { max-height: 200px; } #mobilenav { display: none; position: fixed; height: 100%; width: 100%; background: #a6c2c6; } @media screen and (max-width: 640px) { #mobilenav { display: block; left: 100%; } .menuout #mobilenav { left: 40%; z-index: 5; } } #mobilenav .nav { padding: 20px; height: 100%; } #mobilenav .nav li { line-height: 30px; border-bottom: 1px solid #666666; padding: 10px 0; } #mobilenav .nav li span.expandnav:before { width: 20px; text-align: center; display: inline-block; cursor: pointer; font-size: 25px; margin-right: 10px; font-family: AvenirHeavy; content: '+'; } #mobilenav .nav li.logo a { background: url(../images/plogo.png) no-repeat left; background-size: auto 45px; height: 50px; margin-bottom: 10px; display: block; } #mobilenav .nav li a { font-family: AvenirHeavy; font-size: 18px; display: inline-block; } #mobilenav .nav li ul { max-height: 0; overflow: hidden; } #mobilenav .nav li ul li { padding: 5px 0 5px 30px; line-height: 16px; border-bottom: none; } #mobilenav .nav li ul li a { font-family: AvenirRegular; font-size: 15px; } #mobilenav .nav li.expanded span.expandnav:before { content: '-'; } #mobilenav .nav li.expanded ul { max-height: 150px; } #mobilenav .nav li.pile a { text-decoration: underline; } .trans, a, .slideshow li, .button, .button:after, .triangle:after, .tile a .boxstyle, #mobilenav ul ul, .artists .artist .artistBody { transition: all 0.3s; } .notrans { transition: none !important; } .pagecontainer, .headercontainer, #mobilenav { transition: left 0.3s; } .playback .done { transition: width 0.3s; } .tilecols2 .tilecontent:after, .tilecols3 .tilecontent:after { transition: opacity 0.3s; } body > .skin { width: 100%; height: 100%; position: absolute; cursor: pointer; } /*@mixin mq23{@media screen and (min-width: $size2 + 1) and (max-width: $size3){@content;}} @mixin mq34{@media screen and (min-width: $size3 + 1) and (max-width: $size4){@content;}} @mixin mq_1{@media screen and (max-width: $size1){@content;}} @mixin mq_2{@media screen and (max-width: $size2){@content;}} @mixin mq_3{@media screen and (max-width: $size3){@content;}} @mixin mq_4{@media screen and (max-width: $size4){@content;}} @mixin mq1_{@media screen and (min-width: $size1){@content;}} @mixin mq2_{@media screen and (min-width: $size2){@content;}} @mixin mq3_{@media screen and (min-width: $size3){@content;}} @mixin mq4_{@media screen and (min-width: $size4 + 1){@content;}}*/ .footer { margin-top: 6px; padding-top: 25px; padding-bottom: 20px; font-family: AvenirMedium; } .footer .col { width: 16%; float: left; font-size: 10px; line-height: 18px; } @media screen and (min-width: 641px) and (max-width: 840px) { .footer .col:nth-child(2) { margin-right: 2%; } } @media screen and (min-width: 641px) and (max-width: 840px) { .footer .col:last-child { width: 16%; float: right; } } @media screen and (min-width: 841px) { .footer .col:last-child { width: 20%; } } .footer .col h3 { font-size: 10px; line-height: 18px; } @media screen and (max-width: 480px) { .footer .col { width: 50%; height: 110px; } .footer .col:nth-child(3), .footer .col:nth-child(4) { height: 160px; } .footer .col:nth-child(5), .footer .col:nth-child(6) { height: 90px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .footer .col { width: 33.3%; height: 160px; } .footer .col:nth-child(4), .footer .col:nth-child(5), .footer .col:nth-child(6) { height: 110px; } } .footer form { position: relative; border-bottom: 2px solid #666666; } .footer form button.icon-search { background: transparent; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; } .footer form input { width: 100%; border: none; background: none; height: 18px; line-height: 18px; padding-left: 25px; outline: none; } .likewall { display: none; } .likewall .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 99; } .likewall .box { width: 450px; height: 300px; position: fixed; top: 50%; left: 50%; margin-left: -225px; margin-top: -150px; z-index: 100; background: #ffffff; border: 2px solid #000000; padding: 50px 80px; box-sizing: border-box; } @media screen and (max-width: 480px) { .likewall .box { width: 300px; height: 350px; margin-left: -150px; margin-top: -175px; padding: 50px; } .likewall .box .fb-like > span, .likewall .box .fb-like iframe { width: 200px; } } .likewall .box .close { position: absolute; top: -11px; right: -11px; width: 22px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(../images/close.png); display: block; } .likewall .box .messages { font-size: 18px; text-align: center; } .likewall .box .messages li { display: none; } .likewall .box .messages li p { margin: 30px 0; font-size: 18px; } .likewall .box .messages h3 { font-size: 21px; } .likewall .box .stripe { position: absolute; bottom: 14px; height: 14px; width: 100%; background: #83d1dc; left: 0px; } .icon { font-family: icomoon; } .icon.search:before { content: "\e600"; } button { border: none; cursor: pointer; } .slideshow { position: relative; display: block; height: 365px; overflow: hidden; } .slideshow li { position: absolute; display: block; width: 100%; height: 100%; top: 0; padding: 130px 65px 40px 65px; } .slideshow li h1 { font-size: 48px; line-height: 50px; margin-bottom: 20px; text-align: center; letter-spacing: 2px; } .slideshow li h1 a { color: #ffffff; } .slideshow li p { font-size: 14px; line-height: 18px; color: #ffffff; text-align: center; } .slideshow li a.boxstyle { background: #ffffff; color: #000000; position: absolute; } .slideshow li a.boxstyle:first-child { top: 20px; left: 20px; } .slideshow li a.boxstyle:last-child { bottom: 20px; right: 20px; } .slideshow li a.boxstyle:hover { background: #bbbbbb; } @media screen and (max-width: 640px) { .slideshow li a.boxstyle { display: none; } } @media screen and (max-width: 480px) { .slideshow li { padding: 40px 35px 40px 35px; } .slideshow li h1 { font-size: 25px; line-height: 27px; font-weight: bold; } } @media screen and (min-width: 481px) and (max-width: 640px) { .slideshow li { padding: 60px 35px 40px 35px; } .slideshow li h1 { font-size: 30px; line-height: 32px; font-weight: bold; } } @media screen and (min-width: 641px) and (max-width: 840px) { .slideshow li { padding: 100px 55px 45px 55px; } .slideshow li h1 { font-size: 38px; line-height: 40px; } } .slideshow.hideextras > a { display: none; } .slideshow.hideextras > a:first-child { display: block; } .slideshow .slidenav { position: absolute; width: 300px; left: 50%; bottom: 20px; margin-left: -150px; text-align: center; } .slideshow .slidenav div.navdot { border-radius: 50%; background: #ffffff; display: inline-block; height: 12px; width: 12px; margin: 0 7px; cursor: pointer; } .slideshow .slidenav div.navdot.active, .slideshow .slidenav div.navdot:hover { background: #76cbd4; } @media screen and (max-width: 640px) { .slideshow .slidenav { display: none; } } @media screen and (max-width: 640px) { .slideshow { height: 250px; } } .soundcloud { padding-bottom: 20px; border-bottom: 1px solid #bbbbbb; color: #ffffff; } .soundcloud .inner { height: 45px; background: #76cbd4; margin-top: 20px; padding: 15px 20px; font-family: AvenirHeavy; font-size: 12px; line-height: 15px; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; } .soundcloud .inner .time { float: right; white-space: nowrap; margin-left: 20px; position: relative; z-index: 5; } .soundcloud .inner .time #time_played, .soundcloud .inner .time #time_duration { display: inline-block; width: 35px; text-align: left; } .soundcloud .inner .time .audiobutton { font-family: icomoon; cursor: pointer; } .soundcloud .inner .time .audiobutton#audio_volume { width: 20px; display: inline-block; position: relative; margin-right: 4px; color: #000000; } .soundcloud .inner .time .audiobutton#audio_volume .active:before, .soundcloud .inner .time .audiobutton#audio_volume:after { width: 100%; text-align: left; content: '\e606'; position: absolute; z-index: 5; top: 0; left: 0; } .soundcloud .inner .time .audiobutton#audio_volume .active { color: #ffffff; width: 100%; height: 100%; z-index: 6; overflow: hidden; position: absolute; top: 0; left: 0; } .soundcloud .inner .time .audiobutton#audio_playbutton { margin-right: 15px; } .soundcloud .inner .time .audiobutton#audio_playbutton:before { content: '\e601'; } .soundcloud .inner .time .audiobutton#audio_pausebutton:before { content: '\e602'; } .soundcloud .inner .time .audiobutton#audio_nextbutton:before { content: '\e604'; } .soundcloud .inner .time .audiobutton#audio_prevbutton:before { content: '\e603'; } .soundcloud .inner .time .audiobutton:hover:not(#audio_volume) { color: #000000; } @media screen and (max-width: 480px) { .soundcloud .inner { height: 60px; } } .soundcloud .inner .playback { float: right; width: 40%; height: 15px; margin-left: 20px; position: relative; cursor: pointer; } @media screen and (max-width: 480px) { .soundcloud .inner .playback { width: 100%; float: none; position: absolute; top: 35px; height: 10px; left: 0; margin-left: 0; padding: 0 20px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .soundcloud .inner .playback { width: 20%; } } @media screen and (min-width: 641px) and (max-width: 840px) { .soundcloud .inner .playback { width: 30%; } } .soundcloud .inner .playback:after { content: ''; background: #ffffff; display: block; height: 100%; } .soundcloud .inner .playback .done { width: 0; background: #bae5e9; height: 100%; float: left; } .soundcloud iframe { display: none; } .template_HomePage .socialmail { display: block; padding: 3px 0 2px; background: #ffffff; } .template_HomePage .socialmail:after { clear: both; content: ""; display: block; } .template_HomePage .socialmail .social { float: left; width: 35px; height: 35px; margin-left: 5px; margin-top: 5px; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_HomePage .socialmail .social { margin-top: 10px; width: 25px; height: 25px; } } @media screen and (min-width: 1090px) { .template_HomePage .socialmail .social { margin-left: 10px; } } .template_HomePage .socialmail .social a { border: 1px solid #231f20; width: 100%; height: 100%; } @media screen and (max-width: 840px) { .template_HomePage .socialmail .social { display: inline-block; float: none; } } @media screen and (max-width: 840px) { .template_HomePage .socialmail { text-align: center; } } .template_HomePage .socialmail .mailinglist #mc_embed_signup { float: right; width: 675px; margin: 10px; } .template_HomePage .socialmail .mailinglist #mc_embed_signup span { float: left; font-family: "AvenirHeavy"; font-size: 13px; font-style: italic; letter-spacing: 1px; margin: 3px 20px 0 0; } .template_HomePage .socialmail .mailinglist #mc_embed_signup .subscribe { float: left; width: 40px; height: auto; margin-top: -2px; } .template_HomePage .socialmail .mailinglist #mc_embed_signup .mc-field-group { float: left; width: 195px; margin: 0 11px 0 18px; } .template_HomePage .socialmail .mailinglist #mc_embed_signup .mc-field-group input { border-bottom: 2px solid #000000; line-height: 22px; width: 100%; } .template_HomePage .socialmail .mailinglist #mc_embed_signup #mce-responses { display: none; } .template_HomePage .socialmail .mailinglist #mc_embed_signup .button { background: #000000 none repeat scroll 0 0; height: 26px; display: block; float: right; width: 26px; z-index: 4; position: relative; } .template_HomePage .socialmail .mailinglist #mc_embed_signup .button::after { content: ""; left: 10px; margin-left: 0; position: absolute; top: 8px; z-index: 5; border-bottom: 5px solid transparent; border-left: 8px solid #ffffff; border-top: 5px solid transparent; content: ""; display: inline-block; height: 0; width: 0; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_HomePage .socialmail .mailinglist #mc_embed_signup { width: 630px; } .template_HomePage .socialmail .mailinglist #mc_embed_signup span { font-size: 11px; } } @media screen and (max-width: 840px) { .template_HomePage .socialmail .mailinglist #mc_embed_signup { display: none; } } .template_AuthorPage .left, .template_AuthorPage .right { width: 100%; float: left; margin-top: 20px; overflow: hidden; } .template_AuthorPage .left { height: 180px; } @media (min-width: 480px) { .template_AuthorPage .left { padding-right: 30px; width: 30%; } } .template_AuthorPage .left img { max-width: 100%; margin: 0; } .template_AuthorPage .right { height: auto; background-color: #ffffff; position: relative; } @media (min-width: 480px) { .template_AuthorPage .right { width: 70%; } } @media (min-width: 840px) { .template_AuthorPage .right { height: 180px; } } .template_AuthorPage .right .author-about { padding: 20px; max-height: 100%; } @media (min-width: 480px) { .template_AuthorPage .right .author-about { margin-bottom: 30px; } } @media (min-width: 480px) { .template_AuthorPage .right .author-about p { max-height: 318px; } } .template_AuthorPage .right .socials { position: relative; width: 100%; bottom: 0; } @media (min-width: 480px) { .template_AuthorPage .right .socials { position: absolute; } } .template_AuthorPage .right .socials .social { width: 100%; float: left; height: 30px; line-height: 30px; padding: 0; border: 2px solid #f5f5f5; color: #000000; text-align: center; border-right: 0; border-bottom-width: 2px; } @media (max-width: 480px) { .template_AuthorPage .right .socials .social { border-bottom: 0; border-left: 0; } } .template_AuthorPage .right .socials .social:first-child { border-left: 0; } .template_AuthorPage .right .socials .icon { display: inline-block; margin-right: 5px; } @media (min-width: 480px) { .template_AuthorPage .right .socials.count-1 { float: left; } .template_AuthorPage .right .socials.count-1 .social { width: 100%; } .template_AuthorPage .right .socials.count-2 { float: left; } .template_AuthorPage .right .socials.count-2 .social { width: 50%; } .template_AuthorPage .right .socials.count-3 { float: left; } .template_AuthorPage .right .socials.count-3 .social { width: 33.33333%; } .template_AuthorPage .right .socials.count-4 { float: left; } .template_AuthorPage .right .socials.count-4 .social { width: 25%; } } .template_AuthorPage .author_title { text-align: left; margin-bottom: 10px; } .template_AboutContact.page_contact #template .content p { margin-top: 20px; } .template_TopCategory .categories .category { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #bbbbbb; } .template_TopCategory .categories .category .img { width: 610px; height: 370px; float: left; background-size: cover; background-position: center; } .template_TopCategory .categories .category h2 { font-size: 36px; line-height: 50px; margin: 15px 0; } .template_TopCategory .categories .category:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .template_Article .sticky-wrapper { position: absolute; left: -45px; width: 45px; top: 0; bottom: 0; } .template_Article .sharebuttons { margin: 15px 0; margin-right: 20px; } .template_Article .sharebuttons.mobile { display: block; } .template_Article .sharebuttons.desktop { display: none; margin: 110px 0 0 8px; } .template_Article .sharebuttons.desktop .social-share-button { display: block; margin: 5px 0; } @media (min-width: 1090px) { .template_Article .sharebuttons.mobile { display: none; } .template_Article .sharebuttons.desktop { display: block; } } @media screen and (min-width: 841px) { .template_Article .sharebuttons { margin-right: 50px; } } @media screen and (max-width: 640px) { .template_Article .sharebuttons { float: none; margin-right: 0; } } .template_Article .socialbuttons ul { /*overflow: hidden;*/ margin-bottom: 10px; text-align: center; } .template_Article .socialbuttons ul.left { text-align: left; } .template_Article .socialbuttons ul li { display: inline-block; height: 20px; margin-right: 20px; vertical-align: top; } .template_Article .socialbuttons ul li .fb-like { width: 80px; } .template_Article .socialbuttons ul li .fb-like > span { display: block; } .template_Article .socialbuttons ul li iframe { width: 50px; margin: 0; } .template_Article .socialbuttons ul .li_pi { width: 41px; } .template_Article .socialbuttons ul .li_su iframe { width: 25px; } .template_Article .socialbuttons ul .li_rd { padding-top: 2px; } .template_Article .socialbuttons ul .li_em a { display: block; } .template_Article .socialbuttons ul .li_em a img { width: 26px; margin-bottom: 0; } .template_Article .socialbuttons ul .li_share { position: relative; } .template_Article .socialbuttons ul .li_share .clipboard-btn { border: 1px solid #dddddd; cursor: pointer; font-size: 10px; padding: 4px 5px; text-transform: uppercase; } .template_Article .socialbuttons ul .li_share .clipboard-btn:hover { background: #76cbd4; color: #ffffff; } .template_Article .socialbuttons ul .li_share .tooltip { position: absolute; top: 25px; left: 0px; background: #333333; color: #ffffff; border-radius: 4px; padding: 2px 5px; } .template_Article .templateContent a { color: #76cbd4; border-bottom: 1px solid transparent; } .template_Article .templateContent a:hover { color: #85e5ef; border-bottom-color: #85e5ef; } @media screen and (max-width: 480px) { .template_Article .templateContent { text-align: justify; } } .template_Article .lockboundary { position: relative; } .template_Article h2 { font-size: 16px; line-height: 24px; } @media screen and (min-width: 641px) and (max-width: 840px) { .template_Article h2 { font-size: 14px; line-height: 18px; } } @media screen and (max-width: 640px) { .template_Article h2 { font-size: 12px; line-height: 16px; } } .template_Article #template h3:not(.newsblock) { color: #666666; font-size: 24px; margin-bottom: 10px; line-height: 28px; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_Article #template h3:not(.newsblock) { font-size: 22px; line-height: 26px; } } @media screen and (min-width: 641px) and (max-width: 840px) { .template_Article #template h3:not(.newsblock) { font-size: 20px; line-height: 24px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .template_Article #template h3:not(.newsblock) { font-size: 18px; line-height: 22px; } } @media screen and (max-width: 480px) { .template_Article #template h3:not(.newsblock) { font-size: 16px; line-height: 20px; } } .template_Article #template .newsblock h3 { font-size: 12px; line-height: 15px; max-height: 66px; overflow: hidden; padding-top: 6px; } .template_Article #template .newsblock h3.title { text-transform: uppercase; margin-top: 10px; } .template_Article .maincolumn { position: relative; width: 680px; float: left; } .template_Article .maincolumn > img { max-height: 450px; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_Article .maincolumn { width: 460px; } } @media screen and (max-width: 840px) { .template_Article .maincolumn { width: 100%; float: none; } } .template_Article .maincolumn.fullwidth { width: 100%; } .template_Article .maincolumn.fullwidth > img { max-height: 550px; } .template_Article .maincolumn.fullwidth h1, .template_Article .maincolumn.fullwidth h2 { text-align: center !important; } .template_Article .maincolumn.fullwidth .detailsblock { text-align: center; } .template_Article .maincolumn.fullwidth .detailsblock > ul, .template_Article .maincolumn.fullwidth .detailsblock > a, .template_Article .maincolumn.fullwidth .detailsblock > span { float: none; display: inline-block; vertical-align: middle; } .template_Article .maincolumn .fb-like { display: block; } .template_Article .maincolumn .fb_iframe_widget_fluid { display: block; } .template_Article .maincolumn .fb_iframe_widget_fluid iframe { margin-top: 5px; } .template_Article .maincolumn img { margin-bottom: 20px; } .template_Article .maincolumn .whitebg { padding: 20px; } .template_Article .maincolumn .whitebg h1:not(.breadcrumbs) { text-align: left; line-height: 34px; margin-bottom: 10px; font-size: 30px; } .template_Article .maincolumn .comments { margin-top: 20px; padding: 0px 20px; } .template_Article .maincolumn .videoframeholder { width: 100%; height: auto; } .template_Article .maincolumn iframe { margin: 15px 0; width: 100%; } .template_Article .sidecolumn { position: relative; width: 300px; float: right; } @media screen and (max-width: 840px) { .template_Article .sidecolumn { top: 0 !important; } } .template_Article .sidecolumn .tile { margin-bottom: 0; margin-top: 20px; } .template_Article .sidecolumn .tile h2 { font-size: 14px; } .template_Article .sidecolumn .tile h3 { padding-top: 20px; margin-top: 0; } .template_Article .sidecolumn .related-block { position: relative; margin-top: 10px; } .template_Article .sidecolumn .newsblock { height: auto; padding-left: 0; margin-bottom: 0; } @media screen and (min-width: 481px) and (max-width: 840px) { .template_Article .sidecolumn .newsblock { margin-top: 0; } } @media screen and (min-width: 841px) { .template_Article .sidecolumn.locked { position: absolute; right: 0; top: 0; } .template_Article .sidecolumn.locked .newsblock { margin-top: 0; } } .template_Article .sidecolumn .mobsplit { margin-top: 20px; } .template_Article .sidecolumn .mobsplit.mobile { display: none; } .template_Article .sidecolumn .mobsplit.desktop { display: block; } .template_Article .sidecolumn .mobsplit:first-child, .template_Article .sidecolumn .mobsplit:nth-child(2) { margin-top: 0; } @media screen and (min-width: 481px) and (max-width: 840px) { .template_Article .sidecolumn .mobsplit { width: 50%; float: left; padding-left: 10px; } .template_Article .sidecolumn .mobsplit h3 { display: none; } .template_Article .sidecolumn .mobsplit:first-child { padding-right: 10px; padding-left: 0; } } .template_Article .sidecolumn .mobsplit:first-child { display: none; } @media screen and (max-width: 840px) { .template_Article .sidecolumn .mobsplit:first-child { display: block; } .template_Article .sidecolumn .mobsplit:nth-child(2) { margin-top: 20px; } .template_Article .sidecolumn .mobsplit.desktop { display: none; } .template_Article .sidecolumn .mobsplit.mobile { display: block; } } @media screen and (max-width: 840px) { .template_Article .sidecolumn { margin-top: 20px; width: 100%; float: none; } } .template_Article .detailsblock { margin-bottom: 20px; } .template_Article .detailsblock .green { line-height: 25px; white-space: nowrap; font-size: 12px; margin-right: 30px; margin-left: 0; } .template_Article .detailsblock .green.date { float: none; margin-left: 0; } .template_Article .detailsblock .green.authortext { margin-right: 0; } .template_Article .fb_iframe_widget > span { width: 100% !important; } .template_Article .articleblock { border-top: 1px solid #bbbbbb; margin-top: 20px; padding-top: 20px; } .template_Article .nextprev { text-align: center; font-size: 14px; padding: 15px 10px; margin-top: 20px; background: #ffffff; } .template_Article .nextprev a { background-color: #ffffff; border: 1px solid #dddddd; width: 300px; padding: 10px; } .template_Article .nextprev a img { width: 100px; height: 100px; } .template_Article .nextprev a.prevlink { text-align: left; float: left; padding-left: 59px; position: relative; } .template_Article .nextprev a.prevlink .text { background: #ffffff; height: 100px; overflow: hidden; } .template_Article .nextprev a.prevlink .text:after { clear: both; content: ""; display: block; } .template_Article .nextprev a.prevlink .text span { display: block; padding: 5px 10px 0 10px; margin-left: 110px; } .template_Article .nextprev a.prevlink .text span:nth-child(2) { padding-top: 0px; font-size: 15px; line-height: 20px; font-family: AvenirHeavy; } .template_Article .nextprev a.prevlink .text span:nth-child(3) { font-size: 10px; line-height: 12px; max-height: 41px; } .template_Article .nextprev a.prevlink img { margin-right: 20px; float: left; margin-bottom: 0px; position: absolute; left: 60px; } .template_Article .nextprev a.prevlink:before { content: ''; position: absolute; width: 44px; height: 44px; background: url(../images/arrows.png) no-repeat center top; margin-right: 10px; transform: scaleX(-1); left: 10px; } .template_Article .nextprev a.prevlink:hover:before { background-position: center bottom; } .template_Article .nextprev a.nextlink { text-align: right; float: right; padding-right: 59px; position: relative; } .template_Article .nextprev a.nextlink .text { background: #ffffff; height: 100px; overflow: hidden; } .template_Article .nextprev a.nextlink .text:after { clear: both; content: ""; display: block; } .template_Article .nextprev a.nextlink .text span { display: block; padding: 5px 10px 0 10px; margin-right: 110px; } .template_Article .nextprev a.nextlink .text span:nth-child(2) { padding-top: 0px; font-size: 15px; line-height: 20px; font-family: AvenirHeavy; } .template_Article .nextprev a.nextlink .text span:nth-child(3) { font-size: 10px; line-height: 12px; max-height: 41px; } .template_Article .nextprev a.nextlink img { margin-left: 20px; float: right; margin-bottom: 0px; position: absolute; right: 60px; } .template_Article .nextprev a.nextlink:before { content: ''; float: right; width: 44px; height: 44px; background: url(../images/arrows.png) no-repeat center top; right: 10px; position: absolute; } .template_Article .nextprev a.nextlink:hover:before { background-position: center bottom; } @media screen and (min-width: 641px) and (max-width: 840px) { .template_Article .nextprev a { width: 220px; } .template_Article .nextprev a img { width: 80px; height: 80px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .template_Article .nextprev a { width: 48%; } .template_Article .nextprev a img { width: 75px; height: 75px; } } @media screen and (max-width: 480px) { .template_Article .nextprev a { width: 100%; float: none; } } @media screen and (max-width: 840px) { .template_Article .nextprev { display: none; } } .template_Article .nextprev > span { display: inline-block; padding-top: 40px; font-size: 14px; line-height: 18px; } @media screen and (max-width: 1090px) { .template_Article .nextprev > span { padding-top: 30px; width: 80px; } } .template_Article .relatedarticles h3 { line-height: 25px; text-align: center; margin-bottom: 15px; } @media screen and (max-width: 840px) { .template_Article .relatedarticles:not(.fullwidth) { display: none; } } @media screen and (min-width: 641px) and (max-width: 840px) { .template_Article .relatedarticles .tile:nth-child(4n) { display: none; } } .template_PileTV .channels .channel { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #bbbbbb; } .template_PileTV .channels .channel .rightcontent { width: 310px; float: right; } .template_PileTV .channels .channel .rightcontent .whitebg { height: 325px; overflow: hidden; padding: 10px 50px 10px 30px; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_PileTV .channels .channel .rightcontent { width: 280px; } .template_PileTV .channels .channel .rightcontent .whitebg { padding: 10px 30px 10px 20px; } } @media screen and (max-width: 640px) { .template_PileTV .channels .channel .rightcontent { float: none; width: auto; } .template_PileTV .channels .channel .rightcontent .whitebg { padding: 10px 30px; height: auto; } } @media screen and (max-width: 640px) and (max-width: 480px) { .template_PileTV .channels .channel .rightcontent .whitebg { padding: 10px 20px; } } .template_PileTV .channels .channel .rightcontent > a { background: #ffffff; display: block; margin-top: 5px; line-height: 40px; padding-left: 30px; } .template_PileTV .channels .channel .img { width: 610px; height: 370px; float: left; background-size: cover; background-position: center; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_PileTV .channels .channel .img { width: 480px; } } @media screen and (min-width: 641px) and (max-width: 840px) { .template_PileTV .channels .channel .img { width: 290px; } } @media screen and (max-width: 640px) { .template_PileTV .channels .channel .img { float: none; width: 100%; height: auto; padding-top: 60%; } } .template_PileTV .channels .channel h2 { font-size: 36px; line-height: 50px; margin: 15px 0; } .template_PileTV .channels .channel:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .template_Label #template, .template_Artist #template { padding-bottom: 0; } .template_Label .artists .artist, .template_Artist .artists .artist { margin-bottom: 10px; } .template_Label .artists .artist:last-child, .template_Artist .artists .artist:last-child { margin-bottom: 0; } .template_Label .artist .artistBody, .template_Artist .artist .artistBody { margin-top: 20px; } .template_Label .artist:last-child .related_artists, .template_Artist .artist:last-child .related_artists { padding-bottom: 0; } .template_Label .artist:last-child .related_artists .clear, .template_Artist .artist:last-child .related_artists .clear { border-bottom: none; } .template_Label .artist .titleimg, .template_Artist .artist .titleimg { display: block; background-size: cover; background-position: center; height: 360px; line-height: 360px; text-align: center; font-size: 42px; color: #ffffff; font-family: AvenirHeavy; } .template_Label .artist .titleimg + .artistBody:not(.expanded), .template_Artist .artist .titleimg + .artistBody:not(.expanded) { overflow: hidden; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_Label .artist .titleimg, .template_Artist .artist .titleimg { font-size: 40px; height: 300px; line-height: 300px; } } @media screen and (min-width: 641px) and (max-width: 840px) { .template_Label .artist .titleimg, .template_Artist .artist .titleimg { font-size: 36px; height: 250px; line-height: 250px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .template_Label .artist .titleimg, .template_Artist .artist .titleimg { font-size: 32px; height: 200px; line-height: 200px; } } @media screen and (max-width: 480px) { .template_Label .artist .titleimg, .template_Artist .artist .titleimg { font-size: 28px; height: 170px; line-height: 170px; } } .template_Label .artist .firstCol, .template_Artist .artist .firstCol { width: 580px; float: left; padding: 20px; font-size: 11px; line-height: 25px; } .template_Label .artist .firstCol h2, .template_Artist .artist .firstCol h2 { font-size: 17px; margin-bottom: 15px; } .template_Label .artist .firstCol p, .template_Artist .artist .firstCol p { margin-bottom: 10px; } @media screen and (max-width: 840px) { .template_Label .artist .firstCol, .template_Artist .artist .firstCol { float: none; width: 100%; } } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_Label .artist .firstCol, .template_Artist .artist .firstCol { width: 520px; } } .template_Label .artist .secondCol, .template_Artist .artist .secondCol { width: 340px; float: right; text-align: center; padding: 20px 20px 0 20px; line-height: 25px; } .template_Label .artist .secondCol h2, .template_Artist .artist .secondCol h2 { margin-bottom: 10px; } .template_Label .artist .secondCol p, .template_Artist .artist .secondCol p { margin-bottom: 10px; } .template_Label .artist .secondCol .content, .template_Artist .artist .secondCol .content { margin: 15px 0; } .template_Label .artist .secondCol .instagramfeed, .template_Artist .artist .secondCol .instagramfeed { padding-bottom: 20px; } .template_Label .artist .secondCol .instagramfeed a, .template_Artist .artist .secondCol .instagramfeed a { border: 1px solid #bbbbbb; width: 45%; padding: 5px; margin: 5% 0; background: #ffffff; display: block; float: left; } .template_Label .artist .secondCol .instagramfeed a img, .template_Artist .artist .secondCol .instagramfeed a img { border: 1px solid #bbbbbb; } .template_Label .artist .secondCol .instagramfeed a:nth-child(2n), .template_Artist .artist .secondCol .instagramfeed a:nth-child(2n) { float: right; } @media screen and (min-width: 481px) and (max-width: 840px) { .template_Label .artist .secondCol .instagramfeed, .template_Artist .artist .secondCol .instagramfeed { width: 50%; float: right; padding: 20px 20px 0 20px; } } @media screen and (max-width: 840px) { .template_Label .artist .secondCol, .template_Artist .artist .secondCol { float: none; width: 100%; padding: 20px 0 0 0; } } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_Label .artist .secondCol, .template_Artist .artist .secondCol { width: 240px; } } @media screen and (min-width: 481px) and (max-width: 840px) { .template_Label .artist .secondCol .rightsection, .template_Artist .artist .secondCol .rightsection { width: 50%; float: left; padding: 20px 20px 0 20px; } } .template_Label .artist .related_artists, .template_Artist .artist .related_artists { padding-bottom: 20px; } @media screen and (min-width: 641px) and (max-width: 840px) { .template_Label .artist .related_artists .tile:nth-child(4), .template_Artist .artist .related_artists .tile:nth-child(4) { display: none; } } .template_Label .artist .related_artists .clear, .template_Artist .artist .related_artists .clear { border-bottom: 1px solid #bbbbbb; } .template_SoundsOf #template, .template_SoundsOfUpdateIndex #template, .template_SoundsOfIndex #template { padding-bottom: 0; } .template_SoundsOf #template a, .template_SoundsOfUpdateIndex #template a, .template_SoundsOfIndex #template a { color: #76cbd4; border-bottom: 1px solid transparent; } .template_SoundsOf #template a:hover, .template_SoundsOfUpdateIndex #template a:hover, .template_SoundsOfIndex #template a:hover { color: #85e5ef; border-bottom-color: #85e5ef; } .template_SoundsOf .artists .artist, .template_SoundsOfUpdateIndex .artists .artist, .template_SoundsOfIndex .artists .artist { margin-bottom: 10px; } .template_SoundsOf .artists .artist:last-child, .template_SoundsOfUpdateIndex .artists .artist:last-child, .template_SoundsOfIndex .artists .artist:last-child { margin-bottom: 0; } .template_SoundsOf .artist .artistBody, .template_SoundsOfUpdateIndex .artist .artistBody, .template_SoundsOfIndex .artist .artistBody { margin-top: 20px; } .template_SoundsOf .artist:last-child .related_artists, .template_SoundsOfUpdateIndex .artist:last-child .related_artists, .template_SoundsOfIndex .artist:last-child .related_artists { padding-bottom: 0; } .template_SoundsOf .artist:last-child .related_artists .clear, .template_SoundsOfUpdateIndex .artist:last-child .related_artists .clear, .template_SoundsOfIndex .artist:last-child .related_artists .clear { border-bottom: none; } .template_SoundsOf .artist .titleimg, .template_SoundsOfUpdateIndex .artist .titleimg, .template_SoundsOfIndex .artist .titleimg { display: block; background-size: cover; background-position: left center; height: 360px; line-height: 360px; text-align: center; font-size: 42px; color: #ffffff; font-family: AvenirHeavy; } .template_SoundsOf .artist .titleimg + .artistBody:not(.expanded), .template_SoundsOfUpdateIndex .artist .titleimg + .artistBody:not(.expanded), .template_SoundsOfIndex .artist .titleimg + .artistBody:not(.expanded) { overflow: hidden; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_SoundsOf .artist .titleimg, .template_SoundsOfUpdateIndex .artist .titleimg, .template_SoundsOfIndex .artist .titleimg { font-size: 40px; height: 300px; line-height: 300px; } } @media screen and (min-width: 641px) and (max-width: 840px) { .template_SoundsOf .artist .titleimg, .template_SoundsOfUpdateIndex .artist .titleimg, .template_SoundsOfIndex .artist .titleimg { font-size: 36px; height: 250px; line-height: 250px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .template_SoundsOf .artist .titleimg, .template_SoundsOfUpdateIndex .artist .titleimg, .template_SoundsOfIndex .artist .titleimg { font-size: 32px; height: 200px; line-height: 200px; } } @media screen and (max-width: 480px) { .template_SoundsOf .artist .titleimg, .template_SoundsOfUpdateIndex .artist .titleimg, .template_SoundsOfIndex .artist .titleimg { font-size: 28px; height: 170px; line-height: 170px; } } .template_SoundsOf .artist .firstCol, .template_SoundsOfUpdateIndex .artist .firstCol, .template_SoundsOfIndex .artist .firstCol { width: 660px; float: left; font-size: 11px; line-height: 25px; } .template_SoundsOf .artist .firstCol .whitebg, .template_SoundsOfUpdateIndex .artist .firstCol .whitebg, .template_SoundsOfIndex .artist .firstCol .whitebg { padding: 20px; margin-bottom: 20px; } .template_SoundsOf .artist .firstCol h2, .template_SoundsOfUpdateIndex .artist .firstCol h2, .template_SoundsOfIndex .artist .firstCol h2 { font-size: 17px; margin-bottom: 15px; } .template_SoundsOf .artist .firstCol p, .template_SoundsOfUpdateIndex .artist .firstCol p, .template_SoundsOfIndex .artist .firstCol p { margin-bottom: 10px; } .template_SoundsOf .artist .firstCol th, .template_SoundsOfUpdateIndex .artist .firstCol th, .template_SoundsOfIndex .artist .firstCol th { text-align: left; } @media screen and (max-width: 840px) { .template_SoundsOf .artist .firstCol, .template_SoundsOfUpdateIndex .artist .firstCol, .template_SoundsOfIndex .artist .firstCol { float: none; width: 100%; } } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_SoundsOf .artist .firstCol, .template_SoundsOfUpdateIndex .artist .firstCol, .template_SoundsOfIndex .artist .firstCol { width: 520px; } } .template_SoundsOf .artist .instagramfeed, .template_SoundsOfUpdateIndex .artist .instagramfeed, .template_SoundsOfIndex .artist .instagramfeed { padding-bottom: 20px; } .template_SoundsOf .artist .instagramfeed a, .template_SoundsOfUpdateIndex .artist .instagramfeed a, .template_SoundsOfIndex .artist .instagramfeed a { border: 1px solid #bbbbbb; width: 22%; padding: 5px; margin: 2% 2% 0 0; background: #ffffff; display: block; float: left; } .template_SoundsOf .artist .instagramfeed a img, .template_SoundsOfUpdateIndex .artist .instagramfeed a img, .template_SoundsOfIndex .artist .instagramfeed a img { border: 1px solid #bbbbbb; } .template_SoundsOf .artist .instagramfeed a:nth-child(2n), .template_SoundsOfUpdateIndex .artist .instagramfeed a:nth-child(2n), .template_SoundsOfIndex .artist .instagramfeed a:nth-child(2n) { float: right; } @media screen and (min-width: 481px) and (max-width: 840px) { .template_SoundsOf .artist .instagramfeed, .template_SoundsOfUpdateIndex .artist .instagramfeed, .template_SoundsOfIndex .artist .instagramfeed { width: 50%; float: right; padding: 20px 20px 0 20px; } } .template_SoundsOf .artist .secondCol, .template_SoundsOfUpdateIndex .artist .secondCol, .template_SoundsOfIndex .artist .secondCol { width: 340px; float: right; text-align: center; padding: 0 20px; line-height: 25px; } .template_SoundsOf .artist .secondCol h2, .template_SoundsOfUpdateIndex .artist .secondCol h2, .template_SoundsOfIndex .artist .secondCol h2 { margin-bottom: 10px; } .template_SoundsOf .artist .secondCol p, .template_SoundsOfUpdateIndex .artist .secondCol p, .template_SoundsOfIndex .artist .secondCol p { margin-bottom: 10px; } .template_SoundsOf .artist .secondCol .content, .template_SoundsOfUpdateIndex .artist .secondCol .content, .template_SoundsOfIndex .artist .secondCol .content { margin: 15px 0; } .template_SoundsOf .artist .secondCol .spotify, .template_SoundsOfUpdateIndex .artist .secondCol .spotify, .template_SoundsOfIndex .artist .secondCol .spotify { margin-bottom: 20px; } @media screen and (max-width: 840px) { .template_SoundsOf .artist .secondCol, .template_SoundsOfUpdateIndex .artist .secondCol, .template_SoundsOfIndex .artist .secondCol { float: none; width: 100%; padding: 20px 0 0 0; } } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_SoundsOf .artist .secondCol, .template_SoundsOfUpdateIndex .artist .secondCol, .template_SoundsOfIndex .artist .secondCol { width: 240px; } } @media screen and (min-width: 481px) and (max-width: 840px) { .template_SoundsOf .artist .secondCol .rightsection, .template_SoundsOfUpdateIndex .artist .secondCol .rightsection, .template_SoundsOfIndex .artist .secondCol .rightsection { width: 50%; float: left; padding: 20px 20px 0 20px; } } .template_SoundsOf .artist .related_artists, .template_SoundsOfUpdateIndex .artist .related_artists, .template_SoundsOfIndex .artist .related_artists { padding-bottom: 20px; } @media screen and (min-width: 641px) and (max-width: 840px) { .template_SoundsOf .artist .related_artists .tile:nth-child(4), .template_SoundsOfUpdateIndex .artist .related_artists .tile:nth-child(4), .template_SoundsOfIndex .artist .related_artists .tile:nth-child(4) { display: none; } } .template_SoundsOf .artist .related_artists .clear, .template_SoundsOfUpdateIndex .artist .related_artists .clear, .template_SoundsOfIndex .artist .related_artists .clear { border-bottom: 1px solid #bbbbbb; } .template_SoundsOf .map .titleimg, .template_SoundsOfUpdateIndex .map .titleimg, .template_SoundsOfIndex .map .titleimg { display: block; background-size: cover; background-position: left center; height: auto; text-align: center; font-size: 42px; color: #ffffff; font-family: AvenirHeavy; } .template_SoundsOf .map .titleimg + .artistBody:not(.expanded), .template_SoundsOfUpdateIndex .map .titleimg + .artistBody:not(.expanded), .template_SoundsOfIndex .map .titleimg + .artistBody:not(.expanded) { overflow: hidden; } .template_SoundsOf .map .whitebg, .template_SoundsOfUpdateIndex .map .whitebg, .template_SoundsOfIndex .map .whitebg { margin-bottom: 20px; padding: 20px; } .template_SoundsOf .map .sounds-map, .template_SoundsOfUpdateIndex .map .sounds-map, .template_SoundsOfIndex .map .sounds-map { position: relative; } .template_SoundsOf .map .sounds-map .map-image, .template_SoundsOfUpdateIndex .map .sounds-map .map-image, .template_SoundsOfIndex .map .sounds-map .map-image { width: auto; max-width: 100%; margin: 40px auto 20px; } .template_SoundsOf .map .sounds-map .labels, .template_SoundsOfUpdateIndex .map .sounds-map .labels, .template_SoundsOfIndex .map .sounds-map .labels { position: absolute; top: 50%; margin-top: -80px; width: 100%; left: 50%; margin-left: -165px; width: 330px; } @media screen and (max-width: 480px) { .template_SoundsOf .map .sounds-map .labels, .template_SoundsOfUpdateIndex .map .sounds-map .labels, .template_SoundsOfIndex .map .sounds-map .labels { margin-top: -30px; } } .template_SoundsOf .map .sounds-map .labels span, .template_SoundsOfUpdateIndex .map .sounds-map .labels span, .template_SoundsOfIndex .map .sounds-map .labels span { display: none; width: 100%; text-align: center; display: none; font-size: 60px; font-family: 'akzidenz-extra-bold'; text-transform: uppercase; } .template_SoundsOf .map .sounds-map .labels span.show, .template_SoundsOfUpdateIndex .map .sounds-map .labels span.show, .template_SoundsOfIndex .map .sounds-map .labels span.show { display: block; } .template_SoundsOf .map .sounds-map .labels span.perth, .template_SoundsOfUpdateIndex .map .sounds-map .labels span.perth, .template_SoundsOfIndex .map .sounds-map .labels span.perth { color: #f37339; } .template_SoundsOf .map .sounds-map .labels span.hobart, .template_SoundsOfUpdateIndex .map .sounds-map .labels span.hobart, .template_SoundsOfIndex .map .sounds-map .labels span.hobart { color: #efea3e; } .template_SoundsOf .map .sounds-map .labels span.melbourne, .template_SoundsOfUpdateIndex .map .sounds-map .labels span.melbourne, .template_SoundsOfIndex .map .sounds-map .labels span.melbourne { color: #88c540; } .template_SoundsOf .map .sounds-map .labels span.sydney, .template_SoundsOfUpdateIndex .map .sounds-map .labels span.sydney, .template_SoundsOfIndex .map .sounds-map .labels span.sydney { color: #1ba0cd; } .template_SoundsOf .map .sounds-map .labels span.brisbane, .template_SoundsOfUpdateIndex .map .sounds-map .labels span.brisbane, .template_SoundsOfIndex .map .sounds-map .labels span.brisbane { color: #cd3827; } .template_SoundsOf .map .sounds-map .labels span.adelaide, .template_SoundsOfUpdateIndex .map .sounds-map .labels span.adelaide, .template_SoundsOfIndex .map .sounds-map .labels span.adelaide { color: #98459a; } @media screen and (min-width: 481px) and (max-width: 640px) { .template_SoundsOf .map .sounds-map .labels span, .template_SoundsOfUpdateIndex .map .sounds-map .labels span, .template_SoundsOfIndex .map .sounds-map .labels span { font-size: 32px; } } @media screen and (max-width: 480px) { .template_SoundsOf .map .sounds-map .labels span, .template_SoundsOfUpdateIndex .map .sounds-map .labels span, .template_SoundsOfIndex .map .sounds-map .labels span { font-size: 28px; } } .template_SoundsOf ul.additions li:before, .template_SoundsOfUpdateIndex ul.additions li:before, .template_SoundsOfIndex ul.additions li:before { content: "- "; } @font-face { font-family: 'akzidenz-extra-bold'; src: url("../fonts/akzidenzgroteskbq-xboldalt-webfont.eot"); src: url("../fonts/akzidenzgroteskbq-xboldalt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenzgroteskbq-xboldalt-webfont.woff2") format("woff2"), url("../fonts/akzidenzgroteskbq-xboldalt-webfont.woff") format("woff"), url("../fonts/akzidenzgroteskbq-xboldalt-webfont.ttf") format("truetype"), url("../fonts/akzidenzgroteskbq-xboldalt-webfont.svg#akzidenz-grotesk_bq_extra_aBd") format("svg"); font-weight: normal; font-style: normal; } .template_SoundsOfUpdate .sticky-wrapper { position: absolute; left: -45px; width: 45px; top: 0; bottom: 0; } .template_SoundsOfUpdate .sharebuttons { margin: 15px 0; margin-right: 20px; } .template_SoundsOfUpdate .sharebuttons.mobile { display: block; } .template_SoundsOfUpdate .sharebuttons.desktop { display: none; margin: 110px 0 0 8px; } .template_SoundsOfUpdate .sharebuttons.desktop .social-share-button { display: block; margin: 5px 0; } @media (min-width: 1090px) { .template_SoundsOfUpdate .sharebuttons.mobile { display: none; } .template_SoundsOfUpdate .sharebuttons.desktop { display: block; } } @media screen and (min-width: 841px) { .template_SoundsOfUpdate .sharebuttons { margin-right: 50px; } } @media screen and (max-width: 640px) { .template_SoundsOfUpdate .sharebuttons { float: none; margin-right: 0; } } .template_SoundsOfUpdate .socialbuttons ul { overflow: hidden; margin-bottom: 10px; text-align: center; } .template_SoundsOfUpdate .socialbuttons ul li { display: inline-block; height: 20px; margin-right: 20px; } .template_SoundsOfUpdate .socialbuttons ul li .fb-like { width: 80px; } .template_SoundsOfUpdate .socialbuttons ul li .fb-like > span { display: block; } .template_SoundsOfUpdate .socialbuttons ul li iframe { width: 50px; margin: 0; } .template_SoundsOfUpdate .socialbuttons ul .li_pi { width: 41px; } .template_SoundsOfUpdate .socialbuttons ul .li_su iframe { width: 25px; } .template_SoundsOfUpdate .socialbuttons ul .li_rd { padding-top: 2px; } .template_SoundsOfUpdate .socialbuttons ul .li_em a { display: block; } .template_SoundsOfUpdate .socialbuttons ul .li_em a img { width: 26px; margin-bottom: 0; } .template_SoundsOfUpdate .templateContent { margin-bottom: 20px; } .template_SoundsOfUpdate .templateContent a { color: #76cbd4; border-bottom: 1px solid transparent; } .template_SoundsOfUpdate .templateContent a:hover { color: #85e5ef; border-bottom-color: #85e5ef; } @media screen and (max-width: 480px) { .template_SoundsOfUpdate .templateContent { text-align: justify; } } .template_SoundsOfUpdate .lockboundary { position: relative; } .template_SoundsOfUpdate h2 { font-size: 16px; line-height: 24px; } @media screen and (min-width: 641px) and (max-width: 840px) { .template_SoundsOfUpdate h2 { font-size: 14px; line-height: 18px; } } @media screen and (max-width: 640px) { .template_SoundsOfUpdate h2 { font-size: 12px; line-height: 16px; } } .template_SoundsOfUpdate .maincolumn { position: relative; width: 680px; float: left; } .template_SoundsOfUpdate .maincolumn > img { max-height: 450px; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_SoundsOfUpdate .maincolumn { width: 460px; } } @media screen and (max-width: 840px) { .template_SoundsOfUpdate .maincolumn { width: 100%; float: none; } } .template_SoundsOfUpdate .maincolumn.fullwidth { width: 100%; } .template_SoundsOfUpdate .maincolumn.fullwidth > img { max-height: 550px; } .template_SoundsOfUpdate .maincolumn.fullwidth h1, .template_SoundsOfUpdate .maincolumn.fullwidth h2 { text-align: center !important; } .template_SoundsOfUpdate .maincolumn.fullwidth .detailsblock { text-align: center; } .template_SoundsOfUpdate .maincolumn.fullwidth .detailsblock > ul, .template_SoundsOfUpdate .maincolumn.fullwidth .detailsblock > a, .template_SoundsOfUpdate .maincolumn.fullwidth .detailsblock > span { float: none; display: inline-block; vertical-align: middle; } .template_SoundsOfUpdate .maincolumn .fb-like { display: block; } .template_SoundsOfUpdate .maincolumn .fb_iframe_widget_fluid { margin-bottom: 20px; display: block; } .template_SoundsOfUpdate .maincolumn .fb_iframe_widget_fluid iframe { margin-top: 5px; } .template_SoundsOfUpdate .maincolumn img { margin-bottom: 20px; } .template_SoundsOfUpdate .maincolumn .whitebg { padding: 20px; } .template_SoundsOfUpdate .maincolumn .whitebg h1:not(.breadcrumbs) { text-align: left; line-height: 34px; margin-bottom: 10px; font-size: 30px; } .template_SoundsOfUpdate .maincolumn .videoframeholder { width: 100%; height: auto; } .template_SoundsOfUpdate .maincolumn iframe { margin: 15px 0; width: 100%; } .template_SoundsOfUpdate .sidecolumn { position: relative; width: 300px; float: right; } @media screen and (max-width: 840px) { .template_SoundsOfUpdate .sidecolumn { top: 0 !important; } } .template_SoundsOfUpdate .sidecolumn .tile { margin-bottom: 0; margin-top: 20px; } .template_SoundsOfUpdate .sidecolumn .tile h2 { font-size: 14px; } .template_SoundsOfUpdate .sidecolumn .tile h3 { padding-top: 20px; margin-top: 0; } .template_SoundsOfUpdate .sidecolumn .newsblock { height: auto; padding-left: 0; margin-bottom: 0; } @media screen and (min-width: 481px) and (max-width: 840px) { .template_SoundsOfUpdate .sidecolumn .newsblock { margin-top: 0; } } @media screen and (min-width: 841px) { .template_SoundsOfUpdate .sidecolumn.locked { position: absolute; right: 0; top: 0; } .template_SoundsOfUpdate .sidecolumn.locked .newsblock { margin-top: 0; } } .template_SoundsOfUpdate .sidecolumn .mobsplit { margin-top: 20px; } .template_SoundsOfUpdate .sidecolumn .mobsplit.mobile { display: none; } .template_SoundsOfUpdate .sidecolumn .mobsplit.desktop { display: block; } .template_SoundsOfUpdate .sidecolumn .mobsplit:first-child, .template_SoundsOfUpdate .sidecolumn .mobsplit:nth-child(2) { margin-top: 0; } @media screen and (min-width: 481px) and (max-width: 840px) { .template_SoundsOfUpdate .sidecolumn .mobsplit { width: 50%; float: left; padding-left: 10px; } .template_SoundsOfUpdate .sidecolumn .mobsplit h3 { display: none; } .template_SoundsOfUpdate .sidecolumn .mobsplit:first-child { padding-right: 10px; padding-left: 0; } } .template_SoundsOfUpdate .sidecolumn .mobsplit:first-child { display: none; } @media screen and (max-width: 840px) { .template_SoundsOfUpdate .sidecolumn .mobsplit:first-child { display: block; } .template_SoundsOfUpdate .sidecolumn .mobsplit:nth-child(2) { margin-top: 20px; } .template_SoundsOfUpdate .sidecolumn .mobsplit.desktop { display: none; } .template_SoundsOfUpdate .sidecolumn .mobsplit.mobile { display: block; } } @media screen and (max-width: 840px) { .template_SoundsOfUpdate .sidecolumn { margin-top: 20px; width: 100%; float: none; } } .template_SoundsOfUpdate .detailsblock { margin-bottom: 20px; } .template_SoundsOfUpdate .detailsblock .green { line-height: 25px; white-space: nowrap; font-size: 12px; margin-right: 30px; margin-left: 0; } .template_SoundsOfUpdate .detailsblock .green.date { float: none; margin-left: 0; } .template_SoundsOfUpdate .detailsblock .green.authortext { margin-right: 0; } .template_SoundsOfUpdate .fb_iframe_widget > span { width: 100% !important; } .template_SoundsOfUpdate .nextprev { text-align: center; font-size: 14px; border-top: 1px solid #bbbbbb; padding: 20px 50px; margin-top: 20px; border-bottom: 1px solid #bbbbbb; } .template_SoundsOfUpdate .nextprev a { background-color: #ffffff; width: 300px; } .template_SoundsOfUpdate .nextprev a img { width: 100px; height: 100px; } .template_SoundsOfUpdate .nextprev a.prevlink { text-align: left; float: left; } .template_SoundsOfUpdate .nextprev a.prevlink img { margin-right: 20px; float: left; } .template_SoundsOfUpdate .nextprev a.prevlink:before { content: ''; float: left; width: 44px; height: 44px; background: url(../images/arrows.png) no-repeat center top; margin-left: -50px; transform: scaleX(-1); } .template_SoundsOfUpdate .nextprev a.prevlink:hover:before { background-position: center bottom; } .template_SoundsOfUpdate .nextprev a.nextlink { text-align: right; float: right; } .template_SoundsOfUpdate .nextprev a.nextlink img { margin-left: 20px; float: right; } .template_SoundsOfUpdate .nextprev a.nextlink:before { content: ''; float: right; width: 44px; height: 44px; background: url(../images/arrows.png) no-repeat center top; margin-right: -50px; } .template_SoundsOfUpdate .nextprev a.nextlink:hover:before { background-position: center bottom; } .template_SoundsOfUpdate .nextprev a span { display: block; overflow: hidden; padding: 5px 10px 0 10px; } .template_SoundsOfUpdate .nextprev a span:nth-child(2) { padding-top: 10px; font-size: 15px; line-height: 20px; font-family: AvenirHeavy; max-height: 50px; } .template_SoundsOfUpdate .nextprev a span:nth-child(3) { font-size: 10px; line-height: 12px; max-height: 41px; } @media screen and (min-width: 641px) and (max-width: 840px) { .template_SoundsOfUpdate .nextprev a { width: 220px; } .template_SoundsOfUpdate .nextprev a img { width: 80px; height: 80px; } } @media screen and (min-width: 481px) and (max-width: 640px) { .template_SoundsOfUpdate .nextprev a { width: 48%; } .template_SoundsOfUpdate .nextprev a img { width: 75px; height: 75px; } } @media screen and (max-width: 480px) { .template_SoundsOfUpdate .nextprev a { width: 100%; float: none; } } @media screen and (max-width: 840px) { .template_SoundsOfUpdate .nextprev { display: none; } } .template_SoundsOfUpdate .nextprev > span { display: inline-block; padding-top: 40px; font-size: 14px; line-height: 18px; } @media screen and (max-width: 1090px) { .template_SoundsOfUpdate .nextprev > span { padding-top: 30px; width: 80px; } } .template_SoundsOfUpdate .relatedarticles h3 { line-height: 25px; text-align: center; margin-bottom: 15px; } @media screen and (max-width: 840px) { .template_SoundsOfUpdate .relatedarticles:not(.fullwidth) { display: none; } } @media screen and (min-width: 641px) and (max-width: 840px) { .template_SoundsOfUpdate .relatedarticles .tile:nth-child(4n) { display: none; } } .template_BasicPage .whitebg { padding: 35px 50px; } @media screen and (max-width: 640px) { .template_BasicPage .whitebg { padding: 20px; } } .template_BasicPage h2.big { text-align: center; font-size: 36px; line-height: 36px; margin: 10px 0; } @media screen and (min-width: 841px) and (max-width: 1090px) { .template_BasicPage h2.big { font-size: 32px; line-height: 32px; } } @media screen and (min-width: 641px) and (max-width: 840px) { .template_BasicPage h2.big { font-size: 28px; line-height: 28px; } } @media screen and (max-width: 640px) { .template_BasicPage h2.big { font-size: 24px; line-height: 24px; } } .template_Releases .whitebg { padding: 35px 50px; } @media screen and (max-width: 640px) { .template_Releases .whitebg { padding: 20px; } } .template_Releases .whitebg .release { margin-top: 20px; } .template_Team.page_contact #template .content p { margin-top: 20px; } .template_Team .people, .template_Team .contributors { margin-bottom: 20px; } .template_Team .people .person, .template_Team .people .contributor, .template_Team .contributors .person, .template_Team .contributors .contributor { background-size: 125px 125px; background-position: left top; background-repeat: no-repeat; min-height: 125px; padding-left: 155px; margin-top: 35px; } .template_Team .people .person h3, .template_Team .people .contributor h3, .template_Team .contributors .person h3, .template_Team .contributors .contributor h3 { margin: 0; } .template_Team .people .person p, .template_Team .people .contributor p, .template_Team .contributors .person p, .template_Team .contributors .contributor p { margin-bottom: 5px; } .template_Team .people .person p:last-child, .template_Team .people .contributor p:last-child, .template_Team .contributors .person p:last-child, .template_Team .contributors .contributor p:last-child { margin-bottom: 0; } .template_Team .people .person a, .template_Team .people .contributor a, .template_Team .contributors .person a, .template_Team .contributors .contributor a { text-decoration: underline; } @media screen and (max-width: 480px) { .template_Team .people .person, .template_Team .people .contributor, .template_Team .contributors .person, .template_Team .contributors .contributor { padding-left: 0; padding-top: 100%; background-position: center top; background-size: 100% auto; } }