/* Theme Name: Sfah Theme URI: https://wil.dk Author: Torben Wilhelmsen Author URI: https://wil.dk Description: Portfolio template for flexible card-layout Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: twentysixteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ html, body, div, _span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-style: inherit; vertical-align: baseline; outline: 0; font-weight: inherit; border: 0; padding: 0; font-family: inherit; font-size: 0; margin: 0; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: icons; src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); } body_{ background-image: repeating-linear-gradient(-32deg, #ce8300, var() 2px, #222 4px); /* background-image: repeating-linear-gradient(-45deg, #785700, #553d00 2px, #222 4px); */ } body,div,span,ul,li{ box-sizing: border-box; margin:0; padding:0; /* user-select:none; */ /* -webkit-user-select:none; */ } #outerwrapper{ position: relative; top: 0; left: 0; z-index: 0; margin:0px auto; max-width:auto; width: 100%; /* width: calc(100% - 40px); */ } em { font-style: italic; font-size: inherit; font-weight:inherit; color:inherit; } b, strong, .strong { font-family: inherit; font-size: inherit; font-weight:600; color:inherit; } a { font-size: inherit; text-decoration: none; color:rgb(39, 39, 39); } span{ font-size: inherit; text-decoration: inherit; color:inherit; } sup{ font-size: 0.80em; position: relative; top: -5px; vertical-align: top; font-family: var(--thefont); font-weight: 500; font-style: normal; } .menu a.select { color:var(--backcolor-darkred); font-weight: 800; letter-spacing: 0.03em; } #outerwrapper .logo, #wrapper .logo{ position:relative; width:100%; height:100%; max-width:900px; margin:0px auto; /* overflow:hidden; */ /* background-image: url(/_images/stjernen-back-large.jpg); */ background-size:contain; background-repeat:no-repeat; background-position: -100px 0; } #outerwrapper .logo img{ width:100%; margin-left:-15%; opacity: 0.3; } #border{ /* padding:px; */ /* height: 96%; */ /* overflow: hidden; */ border: 10px solid rgba(255,204,153,0.4); border-radius:var(--borderradius); } #wrapper{ position:relative; width:90%; /* height:calc(100vh - var(--innermarginheight)); */ height:100%; max-width:900px; /* margin:var(--innermargin) auto; */ margin:0; width:100%; border-radius:var(--innerborderradius); /* overflow:hidden; */ background-color:white; /* border: var(--borderwidth) solid red; */ } #topstory, #nextstory{ position:fixed; z-index:2; top:0;left:0;width:100vw;height:100vh; background-color:rgb(69, 86, 115); transition:opacity 500ms; } .backstory{ position:absolute; z-index:0; top:0; left:0;width:100vw; height:100vh; background-color:yellow; background-size:cover; background-position-x: 50%; background-position-y: 50%; background-repeat:no-repeat; background-blend-mode: multiply; -webkit-filter: grayscale(0.7) blur(4px); filter: grayscale(0.7) blur(4px); opacity: 0.4; transform; scale(1); transition:transform 500ms; } .pad{ padding:var(--padding); } .padv{ padding-top:var(--padding); padding-bottom:var(--padding); } .padh{ padding-left:var(--padding); padding-right:var(--padding); } .pad-left{ padding-left:0; padding-right:var(--dpadding); } .pad-right{ padding-left:var(--dpadding); padding-right:0; } @media(max-width:600px){ .pad-right, .pad-left{ padding-left:0; padding-right:0; } } .marb{ margin-bottom:var(--padding); } #nextstory .backstory{ /* transform: scale(1.2); */ /* top:-160px; */ } #topstory .content, #nextstory .content{ position: absolute; z-index:1; max-height: 400px; background-color: rgba(0,0,0,0.2); width: 1100px; left: 50%; margin-left: -550px; margin-top: 20vh; overflow:hidden; transition:transform 500ms; transform: scale(1); border-bottom: var(--padding) solid rgba(0,0,0,0.005);; } #nextstory .content{ transform: scale(1); } #topstory .content .cont, #nextstory .content .cont{ display:inline-block; vertical-align: top; width:40%; max-width:400px; padding:var(--padding); } img, .wp-caption { max-width: 100%; height: auto; } .column.article img, .column.article img.landscape { margin-bottom:var(--hpadding); } .column.article img.gallery.portrait { width: 45%; float: left; margin: 5px var(--dpadding) var(--padding) 0; } .column.article img.gallery.portrait { width: 45%; float: left; margin: 5px var(--dpadding) var(--padding) 0; } .column.article img.alignright.size-medium { width: 40%; float: right; margin: 5px 0 var(--padding) var(--dpadding); } .column.article img.alignleft.size-medium { width: 40%; float: left; margin: 5px var(--dpadding) var(--padding) 0; } #topstory .content .cont img, #nextstory .content .cont img{ width:100%; } #topstory .content .cont.text, #nextstory .content .cont.text{ width:60%; /* max-width:calc(100% - 400px); */ max-width:none; padding-top: 0; } #topstory .content h2, #nextstory .content h2{ color: white; font-size: 74px; line-height: 76px; padding:0 0 var(--hpadding) 0; } .page-banner h2{ color: black; font-size: 36px; line-height: 40px; font-weight: var(--bold); padding:0 0 var(--hpadding) 0; } #topstory .content h2.small, #nextstory .content h2.small{ font-size: 62px; line-height: 64px; padding:var(--hpadding) 0; } #topstory .content p, #nextstory .content p{ color: white; font-weight:400; font-size: 16px; line-height: 24px; padding:var(--hpadding) var(--hpadding) 0; } .hyphen{ -webkit-hyphens: auto; hyphens: auto; } /* @media(max-width:1200px){ #topstory .content, #nextstory .content{ width: 64%; margin-left: -32%; } } @media(max-width:1100px){ #topstory .content, #nextstory .content{ width: 74%; margin-left: -37%; } } */ @media(max-width:1000px){ #topstory .content, #nextstory .content{ width: 90%; margin-left: -45%; } #topstory .content h2, #nextstory .content h2{ font-size: 62px; line-height: 64px; } #topstory .content h2.small, #nextstory .content h2.small{ font-size: 52px; line-height: 54px; } #topstory .content p, #nextstory .content p{ font-size: 15px; line-height: 25px; } } @media(max-width:900px){ #topstory .content, #nextstory .content{ width: 90%; margin-left: -45%; } #topstory .content h2, #nextstory .content h2{ font-size: 48px; line-height: 50px; } #topstory .content h2.small, #nextstory .content h2.small{ font-size: 40px; line-height: 42px; } #topstory .content p, #nextstory .content p{ font-size: 14px; line-height: 22px; } } @media(max-width:600px){ #topstory .content, #nextstory .content{ margin-top: 80px; } #topstory .content p, #nextstory .content p{ font-size: 13px; line-height: 20px; hyphens:auto; -webkit-hyphens:auto; } } #nextstory{ z-index:1; background-color:orange; opacity:0; /* display:none; */ } body.next-level #nextstory{ z-index:3; opacity:1; display:block; } body.next-level #nextstory .backstory{ /* top:0; */ transform: scale(1); } body.next-level #nextstory .content{ transform: scale(1); } #innerwrapper, .innerwrapper{ position:relative; z-index:10; margin-top: 60px; } header{ position:relative; z-index:100; top:0; left:0; right:0; } body.frontpage header.front{ background-color:var(--backcolor-dark); height:80vh; background-size:cover; background-position: center center; } header.mobil{ position:fixed; z-index:100; top:-600px; left:0; right:0; transition: top 400ms; } body.scroll header.mobil{ top:0px; } .header{ background-color:var(--backcolor-dark); height:80px; position:relative; z-index: 2; } body.frontpage .header{ position:absolute; width:100vw; bottom:0; background-color:var(--backcolor-darktrans); } body.frontpage .header-banner{ position:absolute; width:100vw; top:100%; } .header .logos{ margin: var(--padding); height: calc(100% - var(--dpadding)); display: inline-block; } .header .logos.right{ float:right; margin-bottom:0; } .header-banner{ position:relative; background-color:var(--backcolor-darklighttrans); height:60px; margin-top:0px; margin-bottom: 40px; padding-right: var(--padding); } header.mobil .header-banner{ background-color:var(--backcolor-darklight2trans); margin-bottom: 0; } body.frontpage .header-banner{ height:80px; margin-bottom: 0px; } .max-width{ position: relative; margin: 0 auto; width:100%; max-width:var(--maxwidth); } .max-width.top{ padding: var(--dpadding) 0; } .content{ font-family:var(--thefont); -moz-font-feature-settings: 'calt' 0; -webkit-font-feature-settings: 'calt' 0; font-feature-settings: 'calt' 0; text-align: left; } .header .logos.right .content{ font-size:22px; color:white; } header.mobil .header .logos.right .content{ font-size:18px; } .header .max-width{ height:80px; } .header-banner .menu-item{ width:25%; display: inline-block; /* margin-top: var(--padding); */ vertical-align: top; position: relative; margin-top: -80px; opacity: 0; transition: margin-top 400ms ease-in-out, opacity 700ms ease-in-out; /* transition-timing-function: */ } body.loaded .header-banner .menu-item{ margin-top: 0px; opacity: 1; } .header-banner .menu-item .content{ margin-left:var(--hpaddingfixed); margin-right:var(--hpaddingfixed); padding:var(--paddingfixed); background-color:var(--backcolor-xdarklight); } .header-banner .menu-item .content p{ font-size:18px; line-height:20px; margin:4px 0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } header.mobil .header{ background-color: var(--backcolor-dark); } header.mobil .header, header.mobil .header .max-width{ height:60px; position:relative; } header.mobil .header .logos.right{ margin-top: var(--dpadding); } .burger { display:none; } .columns-3{ column-count:4;column-gap:var(--dpadding); } .columns-2{ column-count:2;column-gap:var(--dpadding); } .columns-2 p{ -webkit-column-break-inside: avoid; column-break-inside: avoid; } .column .columns-2{ border-right: 1px solid var(--backcolor-darklighttrans); } #basket-view h4 .openclose{ display:none; } @media(max-width:1040px){ .max-width.top{ } .max-width{ width:calc(100% - var(--dpadding)); margin:0 var(--dpadding); } } @media(max-width:900px){ .header-banner .menu-item .content p{ font-size:16px; line-height:18px; } .max-width{ margin:0 var(--padding); } .columns-3{ column-count:3; } } @media(max-width:760px){ .max-width{ margin:0 var(--padding); } .header-banner .menu-item .content p{ font-size:15px; line-height:17px; } .columns-3{ column-count:2; } .columns-2{ column-count:1; } .column .columns-2{ border-right: 0; } } @media(max-width:600px){ .max-width.top{ width: 94vw; margin-left: auto; margin-right: auto; } .max-width{ width:calc(100% - var(--padding)); margin:0 var(--padding); } .header .logos{ vertical-align: top; margin: 16px; } header.mobil .header .logos.right{ float:none; margin: 16px 0 0 0; } .burger { display:block; position:absolute; top:-40px; height:40px; font-size: 32px; line-height:40px; color:white; right: 0; padding: 0 20px 0 0; z-index:10; } .burger:before{ content:attr(data-open); } body.showmenu .burger:before{ content:attr(data-close); } header{ display:none; } header.mobil{ display: block; top:0px; } header.mobil .header-banner{ padding-right:0; height:6px; } header.mobil .header-banner .max-width{ position: absolute; right: -100vw; transition: right 250ms ease-in-out; } body.showmenu header.mobil .header-banner .max-width{ right: 0vw; width: 100vw; padding: 0; margin:0; min-height: 300px; background-color: var(--backcolor-xdarklight); } header.mobil .header-banner .menu-item{ width:100%; display: block; } .header .logos.right .content{ font-size:14px; } .header-banner{ height:6px; } .header-banner .menu-item .content{ margin-left:0; margin-right:0; padding-left: 144px; } header.mobil .header .logos.right .content{ font-size:16px; } .column .box{ margin-right: var(--padding); margin-left: var(--padding); } .column .box{ margin-right: 0; margin-left: 0; } #innerwrapper .menu li, .innerwrapper .menu li{ display: inline-block; margin-right: 20px; line-height: 20px; } .column .box.basket{ } #basket-view h4{ cursor:pointer; } #basket-view h4 .openclose{ display:inline-block; transform:rotate(0deg); position: relative; font-size: 24px; line-height: 24pt; color:var(--backcolor-darkred); font-family: wiliconbase; transition: transform 200ms;; } #basket-view.collapse h4 .openclose{ transform:rotate(45deg); } /* #basket-view h4:after{ content:'+'; } #basket-view.collapse h4:after{ content:'+'; transform:rotate(90deg); } */ #basket-view.collapse .data{ display:none; } #basket-view .data{ display:block; } } .frontcontent, header{ box-shadow:var(--boxshadow); } .overview{ /* margin-left: calc(0% - var(--dpadding)); */ } .frontcontent{ background-color:var(--backcolor-x2darklight); min-height:160px; margin-top:50vh; padding-right: var(--padding); } .frontcontent.first{ margin-top:54vh; } @media(max-height:1000px){ .frontcontent{ margin-top:58vh; } .frontcontent.first{ margin-top:60vh; } } @media(max-height:900px){ .frontcontent{ margin-top:60vh; } .frontcontent.first{ margin-top:62vh; } } @media(max-height:800px){ .frontcontent{ margin-top:61vh; } .frontcontent.first{ margin-top:63vh; } } @media(max-height:700px){ .frontcontent{ margin-top:63vh; } .frontcontent.first{ margin-top:64vh; } } @media(max-height:600px){ .frontcontent{ margin-top:66vh; } .frontcontent.first{ margin-top:66vh; } } .frontcontent a,.overview a{ color:rgb(62, 39, 39); text-decoration: none; } body.single .article li a, body.single .article p a, .a{ color:var(--backcolor-dark); position: relative; padding:1px 4px; margin:0 1px; background-color:var(--backcolor-lighttrans); border-radius:10px; hyphens: none; -webkit-hyphens: none; } body.single .article li a.clean, body.single .article p a.clean, .a.clean{ color:var(--backcolor-darkred); padding:0; margin:0 0px; background-color:transparent; border-radius:0px; } .a{ margin-top: var(--padding); cursor:pointer; } .a:after, .article a:after, body.single .article a:after{ content:'▸︎'; color:var(--backcolor-darkred); margin-left:3px; } body.single .article li a.clean:after, body.single .article p a.clean:after, .a.clean:after{ content:''; } .frontcontent .col-item,.overview .col-item,.overview-50 .col-item, .column .col-item{ position:relative; padding-left:var(--padding); padding-right:var(--dpadding); padding-bottom:var(--dpadding); width:25%; display: inline-block; margin-top: var(--padding); margin-bottom: var(--dpadding); vertical-align: top; } .frontcontent .col-item.no-image,.overview .col-item.no-image,.overview-50 .col-item.no-image, .column .col-item.no-image{ padding-bottom:var(--padding); } .overview-75 .col-item{ position:relative; padding-left:0; padding-right:var(--padding); padding-bottom:var(--padding); width:33%; display: inline-block; margin-top: var(--padding); margin-bottom: var(--padding); vertical-align: top; } .column .col-item.team-member{ padding-left:0; padding-right:var(--padding); padding-bottom:var(--dpadding); } .column .col-item.col-item-30{ width:33%; } .column .col-item.col-item-50{ width:50%; } .overview-50 .col-item{ padding-left:0; padding-right:0; padding-bottom:0; width:calc(50% - var(--hpadding)); } .overview-50 .col-item:nth-child(2n+1){ margin-right:var(--padding); } .frontcontent .col-item .box.cats,.overview .col-item .box.cats, .frontcontent .col-item .readmore,.overview .col-item .readmore, .column .col-item .readmore, .box.readmore{ font-family:var(--font-narrow); font-weight:200; position:absolute; z-index:10; top:-6px; left:24px; padding:0px 12px 2px 6px; background-color:var(--backcolor-darkred); color:white; letter-spacing: 0.05em; border-bottom-right-radius: 16px; } .overview .col-item.no-image .col-item-cont{ background-color:#f4f4f4; padding:0 4px 6px 4px; } .overview .col-item.no-image .col-item-cont.no-cats{ padding-top:var(--hpadding); } .overview .col-item.no-image .box.cats{ position:relative; display: inline-block; margin-bottom: var(--hpadding); } .frontcontent .col-item .readmore,.overview .col-item .readmore, .column .col-item .readmore, .toppost .readmore{ position:absolute; bottom:2px; right:var(--dpadding); background-color:var(--backcolor-darklighttrans); color:black; font-size:14px; font-weight:400; z-index:10; top:auto; left:auto; padding:0px 6px 2px 12px; border-top-left-radius: 16px; border-bottom-right-radius: 0px; } .column .col-item .readmore, .toppost .readmore{ border-bottom-right-radius: 16px; border-top-left-radius: 0px; } .toppost .book-image{ width:240px; height:300px; margin-right:16px; float:left; position:relative; line-height:0; font-size:0; overflow:hidden; } @media(max-width: 1040px){ .toppost .book-image{ width:45%; height:auto; } } .toppost .readmore{ font-family: var(--thefont); bottom: -8px; border-bottom-right-radius: 16px; border-top-left-radius: 0px; } .overview .col-item.book .readmore{ right:var(--paddingfixed); } .frontcontent .col-item a,.overview .col-item a,.edit-button a{ color:inherit; } .box.readmore{ position: relative; color:black; } .readmores{ position: absolute; top:-6px; /* width:90%; */ left: var(--dpadding); right: var(--dpadding); column-span:all; } .box.cat.readmore{ position: relative; color: white; display: inline-block; font-size: 16px; margin-right:16px; } .box.cat.readmore a{ color: inherit; } .frontcontent .col-item .image,.overview .col-item .image{ position:relative; background-size: cover; background-blend-mode: multiply; -webkit-filter: grayscale(0.5) blur(0); filter: grayscale(0.5) blur(0); /* background-color: var(--backcolor-lightredgray); */ } .overview .col-item .image{ background-blend-mode: multiply; -webkit-filter: grayscale(0.2) blur(0); filter: grayscale(0.2) blur(0); aspect-ratio: 2 / 3; } .overview .col-item .image{ border: 1px solid var(--backcolor-darklighttrans); } .frontcontent .col-item .image img,.overview .col-item .image img{ opacity: 0; } .frontcontent .col-item .content,.overview .col-item .content{ margin-top:var(--hpaddingflex); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-clamp: 6; box-orient: vertical; } .column .col-item.col-item-30 .content p, .column .col-item.col-item-50 .content p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-clamp: 6; box-orient: vertical; } .column .col-item.col-item-30 .content p, .column .col-item.col-item-50 .content p{ margin-bottom:0 !important; } .frontcontent .col-item.no-image .content, .overview .col-item.no-image .content{ margin-top:-2px; padding-bottom: var(--hpadding); } .frontcontent .col-item.no-image.with-cat .content, .overview .col-item.no-image.with-cat .content{ margin-top:30px; } .frontcontent .col-item h3,.overview .col-item h3{ font-family:var(--thefont); font-size:16px; line-height:22px; font-weight:var(--fontnormal); /* -webkit-hyphens: auto; */ /* hyphens: auto; */ font-weight: 600; text-align:left; color:var(--backcolor-darkred); } .frontcontent .col-item h3.big,.overview .col-item h3.big{ font-size:26px; line-height:32px; margin-bottom:4px; } .frontcontent .col-item h3 a,.overview .col-item h3 a, .frontcontent .col-item h3 .hyphen,.overview .col-item h3 .hyphen{ color:inherit; } .frontcontent h3 span.p,.overview h3 span.p{ font-family:var(--thefont); font-size:15px; line-height:22px; color:black; font-weight:var(--fontnormal); text-align:left } /* .frontcontent .col-item h3,.overview .col-item h3{ font-family:var(--thefont); font-size:20px; line-height:26px; font-weight:var(--fontnormal); -webkit-hyphens: auto; hyphens: auto; } */ .frontcontent p,.overview p, .frontcontent .p,.overview .p{ position: relative; font-family:var(--thefont); font-size:16px; line-height:26px; font-weight:var(--fontnormal); -webkit-hyphens: auto; hyphens: auto; } .frontcontent p .box,.overview p .box{ position: relative; padding:6px 24px 6px 16px; background-color:var(--backcolor-darklight); } .frontcontent p .box.readmore,.overview p .box.readmore{ margin-left:0; margin-right:var(--padding); } .image{ width:100%; overflow:hidden; } .image img{ width:100%; height:auto; } @media(max-width:700px){ .header-banner .menu-item .content{ font-size:14px; line-height:24px; } .frontcontent .col-item h3,.overview .col-item h3{ font-size:17px; line-height:23px; } #topstory .content .cont, #nextstory .content .cont{ width:40%; max-width:240px; } #topstory .content .cont.text, #nextstory .content .cont.text{ width:60%; min-width:calc(100% - 240px); } .frontcontent .col-item,.overview .col-item,.overview-50 .col-item, .column .col-item{ padding-left:var(--hpadding); padding-right:var(--padding); } .column .col-item.team-member{ padding-left:0; padding-right:var(--hpadding); } } @media(max-width:640px){ .frontcontent .col-item,.overview .col-item{ width:50%; margin-right:0; } .frontcontent .col-item h3,.overview .col-item h3{ font-size:16px; line-height:21px; } #topstory .content .cont, #nextstory .content .cont{ width:40%; max-width:200px; } #topstory .content .cont.text, #nextstory .content .cont.text{ width:60%; min-width:calc(100% - 200px); } #topstory .content h2.small, #nextstory .content h2.small{ font-size: 28px; line-height: 30px; } #topstory .content p, #nextstory .content p{ padding-left:0; padding-right:0; padding-top:0 } #topstory .content .cont.text, #nextstory .content .cont{ width:40%; max-width:500px; } #topstory .content .cont.text, #nextstory .content .cont.text{ width:60%; min-width:0; padding-left:0; } .readmores{ left: var(--hpaddingflex); right: var(--hpaddingflex); } } @media(max-width:600px){ .frontcontent .col-item h3,.overview .col-item h3{ font-family:var(--thefont); font-size:14px; line-height:20px; font-weight:var(--fontnormal); -webkit-hyphens: auto; hyphens: auto; font-weight: 600; text-align:left; color:var(--backcolor-darkred); } .frontcontent .col-item h3 a,.overview .col-item h3 a, .frontcontent .col-item h3 .hyphen,.overview .col-item h3 .hyphen{ color:inherit; } .frontcontent h3 span.p,.overview h3 span.p{ font-family:var(--thefont); font-size:13px; line-height:20px; color:black; font-weight:var(--fontnormal); text-align:left } #topstory .content .cont, #nextstory .content .cont{ width:40%; max-width:500px; } #topstory .content .cont.text, #nextstory .content .cont.text{ width:60%; min-width:0; } #topstory .content h2.small, #nextstory .content h2.small{ font-size: 24px; line-height: 26px; } } @media(max-width:600px){ #topstory .content .cont.image, #nextstory .content .cont.image{ float:left; } } pre{ font-family: monospace; font-size: 12px; max-width: 100%; overflow: hidden; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa.video-icon{ float: left; vertical-align: baseline; margin-right: 4px; margin-top: 6px; font-size: 0.9em; color: #e0456e; } .video.video-icon { margin-left: 4px; } .video-icon { vertical-align: baseline; margin-right: 4px; margin-top: 6px; } span.fa.video-icon{ float: none; display: inline-block; vertical-align: baseline; margin-right: 4px; margin-top: 6px; } span.video-icon { float: none; display: inline-block; vertical-align: baseline; margin-right: 4px; margin-top: 6px; } .box .fa.video-icon { color: #ffffff; } .video-camera{ } .overview .col-item .image .video-camera-blank, .overview .col-item .video-camera-blank, .col-item.no-image .video-camera-blank, .overview .col-item .image .video-camera, .overview .col-item .video-camera, .toppost .video-camera-blank{ position:absolute; z-index:20; top:6px;left:6px;width:20px;height:20px; font-size:20px; } .overview .col-item .image .video-camera-blank, .overview .col-item .video-camera-blank, .col-item.no-image .video-camera-blank{ top:8px;left:8px; width:30px;height:30px; } .col-item .image .video-camera-blank{ position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); z-index: 100; width: 60px; height: 60px; } .frontcontent .col-item .image .video-camera-blank svg path, .frontcontent .col-item .image .video-camera-blank svg polygon{ fill: red !important; } .toppost .video-camera-blank{ top:calc(50% - 30px); left:calc(50% - 30px); width:60px;height:60px; } .list span.video-camera-blank{ display:inline-block; float:left; width:20px;height:20px; margin-left:-2px; margin-right:4px; } .list span.video-camera-blank.red svg.path, .list span.video-camera-blank.red svg.polygon{ fill:var(--backcolor-darkred); } .overview .col-item h3 .video-camera-blank, .col-item h3 .video-camera-blank, .col-item.no-image .video-camera-blank, .overview .col-item h3 .video-camera{ position: relative; float: left; left: -2px; top: 2px; margin-right: 4px; } .overview .col-item.no-image h3 .video-camera-blank, .overview .col-item.no-image h3 .video-camera{ top: 0px; } .overview .col-item h3 .video-camera-blank{ left: 0px; margin-right: 6px; } .video-camera:before { font: normal normal normal 14px/1 FontAwesome; font-size: 0.9em; color: var(--backcolor-darkred); font-size: inherit; margin-right: 4px; content: "\f03d"; } .overview .col-item .image .video-camera:before, .overview .col-item .video-camera:before{ /* color: var(--backcolor-darkred); */ color:#eeeeee; /* text-shadow: -2px 2px 1px black; */ } .overview .col-item .image .video-camera.dark:before, .overview .col-item .video-camera.dark:before{ color: var(--backcolor-darkred); /* color:#dddddd; */ /* text-shadow: -2px 2px 1px black; */ } .overview .col-item .video-camera:before{ /* color: var(--backcolor-darkred); */ color:rgba(0,0,0,0.3); /* text-shadow: -2px 2px 1px black; */ } .fa-video-camera{ font: normal normal normal 14px/1 FontAwesome; font-size: 0.9em; color: #e0456e; font-size: inherit; } .fa-video-camera:before { content: "\f03d"; } .single #wrapper{ /* padding-top:60px; */ } .single-content{ position:relative; z-index:10; width: calc(75% - 40px); margin-left: 20px; display: inline-block; vertical-align: top; font-family: var(--thefont); text-transform: uppercase; margin-top:20px; margin-bottom:20px; } .single-content .content{ width: 65%; position:relative; display: inline-block; vertical-align: top; } body.artikel .single-content .content{ width: 100%; } .single-content .content-bar{ width: calc(35% - 20px); position: relative; display: inline-block; vertical-align: top; margin-left: 20px; } .single-content .udgivelse-dato{ font-size: 12px; text-transform: none; padding: 4px; border: 1px dotted #909090; } .single-content .udgivelse-dato.photo{ position: absolute; bottom: 23px; right: 0; background-color: rgba(255,255,255,0.7); text-align: right; } .single-content .reference{ border: 1px dotted #909090; margin-bottom: 16px; padding: 6px; } .single-content .reference h3{ font-size: 16px; line-height: 20px; margin-bottom: 4px; margin-top: 6px; } .single-content .reference p{ font-size: 12px; line-height: 18px; margin:8px 0; /* background-color: #dcdcdc; */ } .single-content .reference img{ width:100%; height: auto; } body.scroll .single-content, body.single .single-content{ /* margin-top: 220px; */ } .single-content h1{ font-weight: 600; text-transform: uppercase; font-size: 32px; } .single-content .featured-image{ position: relative; margin-top:4px; margin-bottom:12px; } .single-content p{ font-weight: 400; text-transform: none; font-size: 16px; line-height: 22px; margin: 10px 0; -webkit-hyphens: auto; hyphens: auto; } .single-content div.links{ font-size:14px; font-weight: 500; padding: 6px; margin:10px 0; background-color: #efefef; } .single-content div.links p{ font-size:14px; font-weight: 500; margin:10px 0; } .single-content p.links{ font-size:14px; font-weight: 500; padding: 6px; margin:10px 0; background-color: #efefef; } .single-content p.credit_{ font-size:0.9em; padding: 6px; background-color: #dcdcdc; border-top: 1px dotted #909090; } .single-content a{ font-size: inherit; color:#a36828; } .footer a{ font-size: inherit; color:rgba(255,255,255,0.8); } #wrapper .logo{ position:absolute; z-index:1; top:0; border-radius:var(--innerborderradius); overflow:hidden; /* height: calc(100vh - var(--innermarginheight)); */ } #wrapper .logo img{ width:100%; opacity: 0.3; margin-left:-13% } #head{ position:relative; z-index:2; width:100%; padding:10px auto 10px;; overflow:hidden; background-position-x: 36%; background-position-y: -200px; transition: all 300ms; } #head-scroll { position: fixed; top: -120px; z-index: 100; max-width: 120px; width: 20%; min-width: 80px; left: calc(50% - 50px); opacity: 0; transition: all 255ms; } #head-scroll img{ width:100%; } body.scroll #head-scroll, body.singlex #head-scroll{ top:0; opacity:1; } body.scroll #head, body.single #head{ /* background-image: url(/assets/uploads/star-solo-cut-small.png); */ background-position-y: 0px; background-repeat: no-repeat; background-size: 120px; /* height: 120px; */ /* position: fixed; */ z-index: 90; top: 0; width: 100%; } body.single #head{ /* display:none; */ } #head img{ opacity:1; transition: opacity 300ms; } #head #logo-head{ max-width:240px; width:30%; margin-left:30%; margin-top:4px; transition:* 300 ms; } .single #head #logo-head, .loading #head #logo-head, .playing #head #logo-head{ max-width:240px; width:30%; margin-top:-110px; } #head #logo-head-small{ display:none; max-width:240px; width:70%; margin-left:30%; margin-top:2px; } @media(max-width:600px){ #head #logo-head{ display:none; max-width:240px; width:50%; margin-left:30%; } #head #logo-head-small{ display:block; max-width:240px; width:40%; margin-left:26%; } body.scroll #head, body.single #head{ background-size: 100px; } .selected-buttons .but.play .run{ font-size: 26px; line-height: 28px; } } body.scroll #head img, body.singlex #head img{ opacity:0; } #radion{ display:none; text-align: center; position:relative; z-index:100; top:0; width: 100%; max-width: 940px; transition: all 300ms; } .loading #radion{ border: 10px solid rgba(197,125,30,0.5); border-radius: var(--borderradius); border-top-width: 0; display:block; /* background-color:rgba(255,255,255,0); transition: background-color 300ms; */ } .playing #radion{ border: 10px solid rgba(197,125,30,0.5); border-radius: var(--borderradius); margin: 0 -30px; display:block; border-top-left-radius: 0; border-top-right-radius: 0; /* background-color:rgba(255,255,255,0); transition: background-color 300ms; */ } .loading #radion, .playing #radion{ position:fixed; margin: 0 var(--outermargin); width: calc(100% + var(--outerwidth)); box-shadow: -2px 2px 20px rgba(0,0,0,0.5); /* top:10px; */ top:0px; display:block; } .loading #radion, .loading #radion, .playing #radion{ border-top-left-radius: 0; border-top-right-radius: 0; border-top-width: 0; } #radion .content{ /* background-image: url(_images/star-solo-cut-small.png); */ background-color:rgba(255,255,255,0); background-repeat: no-repeat; background-position: 45% 0; border-radius: var(--innerborderradius); border-top-left-radius: 0; border-top-right-radius: 0; background-size: 100px; transition: backgroundColor 300ms; } .loading #radion .content, .playing #radion .content{ background-image: url(/assets/uploads/radio-stjernen-star-cut-shade-small4.png); background-color: rgba(255,255,255,1); box-shadow: inset -1px 1px 5px rgba(0,0,0,.3); height: 100%; } .selected-buttons { display: block; margin-left: 9vw; margin-right: 9vw; height: 36px; } .selected-buttons.all{ margin-top:16px; } body.no-audio .selected-buttons { display: none; } .selected-buttons .but { font-family: icons; font-size: 30px; line-height: 38px; text-align: center; margin: 0 6px; position: relative; width: 36px; height: 36px; background-color: var(--buttoncolor-gray); border-radius: 20px; display: inline-block; box-sizing: border-box; vertical-align: top; } .selected-buttons .but div{ font-size: 30px; line-height: 38px; text-align: center; } .selected-buttons .but.pause { color: black; } body.collapsed .selected-buttons.all{ margin-top:0; } .selected-buttons #but-player-collapse:before { content: 'C'; } body.collapsed .selected-buttons #but-player-collapse:before { content: 'B'; } body.playing .selected-buttons .but.pause { color: #cc0000; } body.playing .selected-buttons .but.play { color: white; background-color: #4ca933; } .selected-buttons .but.play .run { transform-origin: center; transform: scale(1); position: relative; transition: transform 200ms; } body.loading .selected-buttons .but.play .run { transform: scale(0.8); } .selected-buttons .but.timer{ width: 90px; padding: 0 10px; margin:0; font-family: monospace; font-size: 16px; line-height: 36px; text-align: right; } .selected-buttons .but.timer.large-only{ } .selected-buttons .but.timer.small-only{ display:none; } h3 .but.timer { display:inline-block; padding: 0 10px; font-family: monospace; font-size: 16px; } .selected-buttons .but.timer.duration { color: gray; background-color: white; border: 1px solid gray; } .collapsed #radion{ width: 120px; right: 0; border-bottom-right-radius: 0; } .collapsed #radion .content, .collapsed.loading #radion .content, .collapsed.playing #radion .content{ background-image: none; box-shadow:none; border-bottom-right-radius: 0; } .collapsed #radion .selected-buttons{ margin:0 12px 0px 0 ; height:auto !important; padding-bottom: 20px; } .collapsed #radion .selected-buttons .but.timer{ margin:0; height:auto; width: auto; padding: 0; padding-right: 10px; text-align: center; background-color: transparent; } .collapsed #radion #player-bar, .collapsed #radion #player-head, .collapsed #radion #player-head h5, .collapsed #radion #player-head h3, .collapsed #radion #but-player-time-left, .collapsed #radion #but-player-time-left-2{ display:none; } .collapsed #radion .but, .collapsed #radion #but-player-time-2{ display:block; float:none !important; margin: 0 auto 8px auto; } .collapsed #radion .but{ margin-left: 10px; } @media (max-width:640px) and(orientation: landscape) { .temp-im { margin: 0px auto; } } @media (max-width:520px) and(orientation: portrait) { .temp-im { margin: 10px auto; } .selected-buttons .but.timer { width: 84px; padding: 0 8px; font-size: 13px; line-height: 38px; } } #player-head { z-index: 200; position: relative; display: block; height: auto; margin-bottom: 16px; font-size: 20px; line-height: 26px; padding-top: 14px; } #player-head h5 { font-family: var(--thefont); font-weight:var(--fontlight); font-size: 13px; text-transform: uppercase; font-weight: normal; /* margin: 4px 0 0 0; */ margin:0; letter-spacing: 0.03em; } #player-head h3 { font-weight: normal; font-size: 20px; margin: 4px; /* font-family: var(--imperfegg-extrabold); */ font-family: var(--thefont); font-weight:var(--narrowregular); -moz-font-feature-settings: 'calt' 0; -webkit-font-feature-settings: 'calt' 0; font-feature-settings: 'calt' 0; } #player-bar { z-index: 200; position: relative; display: block; height: 10px; margin-bottom: 20px; /* margin-left: 10px; margin-right: 10px; */ margin-left: 10vw; margin-right: 10vw; } .player-bar-cue{ position: absolute; top: 7px; height: 13px; left: 0; width: 13px; box-sizing: border-box; /* border: 2px solid red; */ border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: var(--buttoncolor-graydark); margin: -7px; } #player-bar-line-back { position: relative; background-color: var(--buttoncolor-gray); height: 4px; width: 100%; top: 4px; } #player-bar-line { position: absolute; background-color: var(--buttoncolor-graydark); height: 4px; width: 0px; top: 4px; z-index: 12; } body.playing #player-bar-line { background-color: var(--buttoncolor); } #player-bar-stop { position: absolute; background-color: var(--buttoncolor-graydark); height: 10px; width: 10px; margin: -5px; top: 6px; z-index: 10; border-radius: 5px; } body.playing #player-bar-stop { background-color: var(--buttoncolor); } #player-bar-stop.right, body.playing #player-bar-stop.right { right: 0; background-color: var(--buttoncolor-gray); } #player-bar-button { width: 20px; height: 20px; margin: -8px -10px; background-color: white; /*var(--buttoncolor-gray);*/ position: absolute; top: 4px; z-index: 20; border-radius: 20px; box-sizing: border-box; border: 4px solid var(--buttoncolor-graydark); } body.playing #player-bar-button { background-color: var(--buttoncolor); border: 2px solid var(--buttoncolor-dark); } #radion .wait{ vertical-align: top; padding-top: 4px; margin-right: 6px; display:none; } body.wait #radion .wait{ display:inline-block; } /* LISTS */ #footer{ background-color: var(--backcolor-dark); position:absolute; bottom:0; text-align:center; z-index:4; width:100%; margin: 0 auto; font-size: 0; opacity:0; } #footer.loose{ background-color: var(--backcolor-dark); position:relative; text-align:center; z-index:4; width:100%; margin: 0 auto; font-size: 0; } .loaded #footer{ opacity:1 } .footer.all-tune-list, .footer.categories, .footer.contact, .footer.login, .footer.address{ width:28%; display:inline-block; padding:20px; text-align: left; vertical-align: top; } .footer.contact{ text-align: right; } .footer .small.cover-logo, .footer .small.sfah-logo{ width:42%; } .footer .small.sfah-logo{ width:110px; margin-left: 0%; } .footer .small.cover-logo{ margin-left: -6%; } .footer.categories .tag{ display:inline-block; display:relative; padding:2px 6px; background-color:var(--backcolor-darkdark); margin-right:6px; margin-bottom: 6px; border-radius:10px; } .all-tune-list{ width:33%; display:inline-block; padding:10px; } .all-tune-list .list-item{ position:relative; } .all-tune-list.footer .list-item{ background-color: var(--backcolor-darkdark); padding: 2px 4px 1px 4px; margin-bottom: 2px; } .single .all-tune-list.footer .list-item{ display:none; } .all-tune-list.single{ position:relative; z-index:10; background-color: transparent; width: 25%; display: inline-block; padding: 10px; vertical-align: top; } .all-tune-list.single p.head{ clear: both; cursor: pointer; font-family: var(--thefont); text-transform: uppercase; font-weight: 600; margin-top: 14px; margin-bottom: 2px; font-size: 13px; } .all-tune-list.single p.head:after{ content: '>'; font-family: icons; margin-left: 6px; color: var(--backcolor-radiored); position: absolute; margin-top: 1px; } .all-tune-list.single .item-time{ /* background-color: var(); */ /* background-color: var(--backcolor-radiored); */ /* color: white; */ background-color: rgba(254,252,250,0.9); color: black; border: 1px solid black; font-family: var(--font-base); font-size: 13px; position: absolute; top:6px; left:2px; z-index:10; width: auto; padding: 0 10px; } .all-tune-list.single span:before{ } .all-tune-list.single .image-link{ position:relative; } .all-tune-list.footer .image-link{ position: absolute; top: 3px; right: 0; } body.single #all-tune-list.footer{ display:none; } .footer p{ font-family: var(--thefont); color:white; text-align:left; font-size:13px; line-height:20px; margin-top: 6px; } .footer p span{ font-family:inherit; color:inherit; font-size:inherit; } .footer.address p span{ font-family:inherit; color:inherit; font-size:inherit; display: block; text-align: left; } .footer.address p span:after{ margin:0 4px; content:'|'; color:var(--backcolor-darkred); } .footer.address{ /* width: 40%; */ padding:var(--padding); } .footer.login{ width: 30%; } @media(max-width:640px){ .footer{ } .footer.container.max-width{ width: 94%; margin: 0 auto; padding: 10px var(--padding); } .footer.categories, .footer.contact, .footer.address{ width: 50%; } .footer.login, .footer.login p{ /* width: calc(100% - var(--dpadding)); */ width:100%; text-align: center; } .footer.categories{ /* border-right:0px solid rgba(255,255,255,0.4); */ } .footer.contact{ /* border-top:1px solid rgba(255,255,255,0.6); */ margin-top:10px; padding-top:10px; } .footer.address, .footer.address p, .footer.address p:first-child{ margin-top:0; text-align:left; } .footer.address p span:after{ content:''; } .single-content{ width:auto; margin-right: 20px; } .all-tune-list.single{ display:none; } } @media(max-width:540px){ /* #footer{ width: 86%; } .footer, .footer.all-tune-list, .footer.categories, .footer.contact{ } .footer.contact, .footer.categories { margin-top:10px; padding-top:10px; } .footer .logos, .footer.contact p{ text-align:center; } .footer .small.cover-logo, .footer .small.sfah-logo{ width:36%; margin-right: 2%; margin-left: 2%; } */ .collapsed #radion{ width:90px; } .single-content .content{ display:block; width:auto; } .single-content .content-bar{ display:block; width:auto; margin-left:0; margin-top:20px; } .single-content .content-bar .reference{ width: calc(50% - 10px); vertical-align:top; display: inline-block; padding:10px; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; } .single-content .content-bar .reference:first-child{ margin-right: 20px; } .single-content p.links{ padding:12px; } .frontcontent .col-item .box.cats, .overview .col-item .box.cats, .frontcontent .col-item .readmore, .overview .col-item .readmore, .box.readmore{ font-size: 12px; line-height: 20px; } .frontcontent .col-item, .overview .col-item { padding-left: var(--hpadding); padding-right: var(--hpadding); } } .footer p.head{ clear: both; cursor: pointer; margin-top: 0px; height: 24px; white-space: nowrap; overflow: hidden; } #new-and-lists{ position:relative; text-align:center; z-index:2; max-width:800px; width:90%; margin: 0 auto; font-size: 0; } #new-and-lists .bar { display: inline-block; width: calc(50% - 8px); vertical-align: top; text-align: left; margin-top: 20px; box-sizing: border-box; padding: 0 8px; border-right: var(--reg-border); border-left: var(--reg-border); } #new-and-lists .bar.left{ border-right: 0; /* width: calc(50% - 8px); */ /* margin-right:10px; border-right: var(--reg-border); */ } /* #new-and-lists .bar .bar-item, */ .item { border-bottom: var(--reg-border); margin-bottom: 26px; padding-bottom: 16px; } #new-and-lists h3 { font-size: 24px; line-height: 24px; /* font-weight: 600; */ word-spacing: -0.05em; margin: 6px 1px; /* font-family: var(--imperfegg-extrabold); */ font-family: var(--thefont); font-weight:var(--bold); -moz-font-feature-settings: 'calt' 0; -webkit-font-feature-settings: 'calt' 0; font-feature-settings: 'calt' 0; text-align: left; width: 95%; } #new-and-lists h3.large-only{ /* display:none; */ } span.small-only{ display:none !important; } div.small-only, br.small-only,p.small-only{ display:none; } div.large-only{ /* display:block; line-height:0; font-size:0; */ } div.large-only img{ margin-top: var(--hpadding); margin-bottom: 0 !important; } .menu .group img.icon{ display:inline-block; width:70px;height:auto; margin-right:12px; vertical-align:top; margin-top: var(--padding); } .menu .group div.content{ display:inline-block;width:calc(95% - 112px);vertical-align:top; } @media(min-width:600px){ .large-only-br{ break-before: allways; } } @media(max-width:900px){ .menu .group img.icon{ display:block; width:50px;height:auto; } .menu .group div.content{ display:block;width:100%; } } @media(max-width:600px){ .menu .group img.icon{ display:none; } .menu .group div.content{ display:block;width:100%; } div.small-only, br.small-only, p.small-only{ display:block; } .no-small{ display: none !important; } span.small-only{ display:inline-block !important; } div.column-25.small-only, div.column-50.small-50, div.column-25.small-50, div.column-50.small-only{ width:50% !important; display:inline-block !important; } div.large-only, span.large-only{ display:none; } .small-only-sep{ } .small-pad{ margin-top: var(--padding); margin-bottom: : var(--padding); } .small-border{ border: 1px solid var(--backcolor-darklighttrans); padding: var(--padding); } .small-only-sep:before{ content:'|'; font-weight:700; color:var(--backcolor-darkred); margin-right:12px; } #indmeldelse-form{ padding-top: 60px; } } #new-and-lists h3.small-only{ display:none; } #new-and-lists h4 { font-size: 16px; line-height: 20px; /* font-weight: normal; */ margin: 10px 2px 6px; font-family: var(--thefont); font-weight:var(--narrowregular); -moz-font-feature-settings: 'calt' 0; -webkit-font-feature-settings: 'calt' 0; font-feature-settings: 'calt' 0; text-align: left; } .tune-item { /* font-family: var(--perfectegg-narrowregular); */ font-family: var(--font-base); font-size: 15px; line-height: 20px; margin: 0px; cursor: pointer; } .tune-item:hover { /* background-color:yellow; */ } .tune-group { font-family: var(--font-base); font-size: 13px; line-height: 20px; vertical-align: top; } .tune-group.news { background-color:var(--backcolor-radiored); color:rgba(255,255,255,1); padding:20px; margin-bottom: 30px; margin-top: 8px; } .tune-group.news.small-only { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; margin: 0 12px 20px 12px; } .tune-group.newshint { border-top:6px solid var(--backcolor-radiored); border-bottom:6px solid var(--backcolor-radiored); /* border-top-left-radius: 25px; border-top-right-radius: 25px; */ color:var(--backcolor-radiored); padding:10px 10px; margin-bottom: 20px; margin-top: 8px; } .tune-group.newshint p{ font-size: 14px; line-height: 22px; } #new-and-lists p.tune-group.news p{ font-size: 14px; line-height: 22px; } .tune-group.news a{ color:rgba(255,255,255,0.8); } .bar-item .item .tune-item-time { /* margin: 0 6px; */ margin: 0 0 0 6px; float: right; width: 29%; } .bar-item .item .tune-item-time { /* margin: 0 6px; */ margin: 0 0 0 0px; float: none; position:relative; /* width: 100px; */ width: 100%; } .featured-image .tune-item-time{ float: none; position: absolute; top: 10px; left: 10px; width:50%; } .tune-item.group, .tune-item.read, .tune-item.podcast, .all-tune-list .item-time { /* font-family: var(--perfectegg-narrowregular); */ display: inline-block; font-family: var(--font-base); font-size: 13px; line-height: 20px; margin: 6px 1%; cursor: pointer; border: var(--light-border); border-radius: 12px; padding: 0 8px; text-align: center; background-color: var(--backcolor-radiored); color: white; width: 49%; } .item-time:empty{ display:none; } .tune-item.group, .tune-item.read{ background-color: var(--backcolor-radiograylight); color: black; } .tune-item.group.playing, .all-tune-list.single .item-time.playing{ background-color: var(--backcolor-radiored); color: white; } .tune-item.group{ margin-left: 0; } .tune-item.read{ margin-right: 0; } .all-tune-list .item-time{ float:right; margin-top:0; } .all-tune-list.footer .item-time{ float:right; width:60px; margin-top:0; border: 0; background-color: var(--backcolor-darklight); color: black; } .all-tune-list.single .item-time:before{ font-size: 1.5em; content: 'H'; margin-right: 4px; font-family: icons; /* color: var(--backcolor-xdarklight); */ /* color: white; */ } .featured-image .tune-item-time .tune-item.group{ background-color: var(--backcolor-dark); color: white; font-size:15px; font-weight: 500; text-transform: none; width:100%; } .featured-image .tune-item-time.no-tune .tune-item.group{ background-color: var(--backcolor-darklight); opacity:0.6 } .featured-image .tune-item-time .tune-item.group .tune-data{ margin: 3px 10px; } .featured.image .item-time.group{ } .tune-item.selected, .tune-item.group.selected { color: #aa0000; } .tune-group p { font-size: 13px; line-height: 20px; display: inline-block; text-decoration: none; } /* .tune-item.group.selected, .tune-group.selected .tune-item-time, .tune-item.selected .tune-item-time { */ .tune.group.selected, .tune.selected .tune-item.group { background-color: #aa0000; color: white; } .tune-data, .readmore { /* font-family: var(--perfectegg-condensedlight); */ font-family: var(--font-base); margin-left: 6px; font-size: inherit; } .tune-item.group .tune-data:before, .all-tune-list.single .item-time:before{ font-family:icons; content:'H'; margin-right: 3px; vertical-align:middle; font-size:24px; } .tune-item.group[data-i="a"] .tune-data:before, .all-tune-list.single .item-time[data-i="a"]:before{ content:'a'; } .tune-item.group[data-i="b"] .tune-data:before, .all-tune-list.single .item-time[data-i="b"]:before{ content:'b'; } .tune-item.group[data-i="c"] .tune-data:before, .all-tune-list.single .item-time[data-i="c"]:before{ content:'c'; } .icon{ font-family:icons; } .tune-data .icon, .readmore .icon{ vertical-align:middle; font-size:24px; } #new-and-lists p { font-size: 13px; line-height: 18px; font-weight: 400; margin: 6px 2px; font-family: var(--font-base); -moz-font-feature-settings: 'calt' 0; -webkit-font-feature-settings: 'calt' 0; font-feature-settings: 'calt' 0; text-align: left; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .bar-item .item p, #new-and-lists .item p { margin: 10px 0px; } @media(max-width:640px){ #new-and-lists{ width:96%; } #new-and-lists .bar { width: calc(100% - 8px); border-left: 0; border-right: 0; } .bar-item .item .tune-item-time{ width:100%; } #new-and-lists .bar.left{ border-right: 0; } #new-and-lists h3{ font-size: 20px; line-height: 20px; width: 95%; } .tune-item.group, .tune-item.read, .tune-item-time .tune-item group, .tune-item-time .tune-item read{ display: inline-block; width:48%; } .tune-item.group{ /* width:88%; */ } .tune-item-time .tune-item read, .tune-item.read{ float:right; } } @media(max-width:640px){ #player-head h3{ font-size:1em; } #new-and-lists h3.large-only{ display:none; } #new-and-lists h3.small-only{ display: block; } #new-and-lists .newshint h3.small-only{ display: block; font-weight: 400; line-height: 20px; font-size: 16px; color:black; } #new-and-lists h3.small-only b{ color:var(--backcolor-radiored); font-weight: 600; } #player-head h5{ font-size:14px; } .selected-buttons{ margin-left: 2vw; margin-right: 2vw; } #player-head .selected-buttons{ display: none; } .selected-buttons .but{ font-size:22px; width: 26px; height: 26px; line-height: 28px; } .selected-buttons .but.timer { font-size:12px; line-height: 27px; width: 78px; } .selected-buttons .but.timer.large-only{ display:none; } .selected-buttons .but.timer.small-only{ display:inline-block; } } @media(max-width:480px){ #player-head{ margin-bottom: 4px; } #player-head h3{ font-size:1em; } #player-head h5{ font-size:14px; } .selected-buttons{ margin-left: 1vw; margin-right: 1vw; } .selected-buttons .but{ font-size:22px; width: 26px; height: 26px; line-height: 28px; margin: 0 2px; } .selected-buttons .but.timer { font-size:12px; line-height: 27px; width: 78px; } body.scroll #head, body.single #head{ background-size: 86px; } } /* vimeo responsive embed */ .js-video { height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-bottom: 10px; position: relative; overflow: hidden; } .js-video.widescreen { padding-bottom: 56.34%; } .js-video.vimeo { padding-top: 0; } .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .searchform{ } .searchform, .searchform input, .searchform input[type="submit"], .searchform label { font-family: var(--thefont); font-size: 14px; line-height: 20px; vertical-align: middle; } .searchform, .searchform input[type="text"]{ width:100%; } .searchform .check-label{ margin:6px 0; } .searchform input[type="checkbox"]{ margin:0 6px 0 0; } .search-call{ position:absolute; top:6px;right:6px;width:24px;height:24px; padding:4px 2px; background-color:rgba(0,0,0,0.4); border-radius:12px; transition:all 200ms; overflow:hidden; } header .searchform, header .searchform input, header .searchform input[type="submit"], header .searchform label { font-size: 18px; line-height: 28px; font-weight: 300; vertical-align: middle; background-color: transparent; border: 0; color: white; outline: 0; } header .searchform input[type="submit"]{ background-color:#1983fabb; padding: 2px 20px; border-radius: 8px; } header .searchform .check-label{ display:inline-block; width: 50%; } header .searchform label.screen-reader-text { display:none; } header .searchform{ display:none; width: 90%; margin:20px 5% 12px 5%; } header .searchform input[type="text"]{ width:100%; border-top:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); padding: 6px 0; } body.open-search .search-call{ background-color:rgba(0,0,0,0.6); right:0px;width:100%; height:auto; overflow:visible; } .search-call div.srch{ width:18px; height: 18px; float: right; } body.open-search header .searchform{ display: block; } .search-call div.srch svg #open-search{ display:block; } .search-call div.srch svg #close-search{ display:none; } body.open-search .search-call div.srch svg #open-search{ display:none; } body.open-search .search-call div.srch svg #close-search{ display:block; } .search-call div.thesrch{ display:block; } .search-result p span.f{ color:red;font-weight:500; } .search-result p span.gray{ color:var(--backcolor-darktrans); } .search-result p span.value{ color:var(--backcolor-darkblue); background-color:white; padding:0 4px; border: 1px solid var(--backcolor-darklight__); margin-right:6px; font-size:0.9em; } @media(max-width:600px){ header .search-call{ top: 12px; right: 18px; width: 28px; height: 28px; border-radius: 20px; } header .search-call div.srch{ width: 22px; height: 22px; } body.open-search .search-call{ right: 3%; width: 94%; border-radius: 12px; } }