@font-face {
font-family: 'ActaDisplayW01';
src: url(//www.krop-fysik.dk/wp-content/themes/fortaeller/fonts/ActaDisplayW01-Black.woff2) format('woff2'),
url(//www.krop-fysik.dk/wp-content/themes/fortaeller/fonts/ActaDisplayW01-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ActaDisplayW01';
src: url(//www.krop-fysik.dk/wp-content/themes/fortaeller/fonts/ActaDisplayW01-Bold.woff2) format('woff2'),
url(//www.krop-fysik.dk/wp-content/themes/fortaeller/fonts/ActaDisplayW01-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ActaDisplayW01-Book';
src: url(//www.krop-fysik.dk/wp-content/themes/fortaeller/fonts/ActaDisplayW01-Book.woff2) format('woff2'),
url(//www.krop-fysik.dk/wp-content/themes/fortaeller/fonts/ActaDisplayW01-Book.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
:root {
--text-color: black;
--brand-blue: #37ccf5;
--brand-blue-dark: #0ab5e4;
--brand-yellow: #FFE859;
--font-serif-bold: "ActaDisplayW01";
--grid-items-gap: 20px;
--button-background: black;
--button-color: white;
--button-background-hover: black;
--button-color-hover: white;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html body {
color: var(--text-color);
}
.hero {
display: none;
}
body .mega-green {
background-color: black !important;
}
#mobile_menu_icon {
top: 0 !important;
right: 0 !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
height: 60px; 
line-height: 60px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link::before {
content: "›";
font-size: 1.2em;
margin: 0;
margin-right: 0.3em;
font-family: inherit;
display: inline-block;
vertical-align: middle;
line-height: 1em;
transform: translateY(-0.1em);
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
display: none;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: var(--brand-blue-dark);
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-main-menu {
background-color: var(--brand-blue);
} 
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover {
background: var(--brand-blue-dark);
}
}
#header_top .container {
margin-bottom: 0 !important; 
}
#header_holder {
background-color: #ffe85a;
padding-top: 60px;
}
@media (max-width: 999px) {
#header_holder {
margin-bottom: 20px !important;
}
}
.top_ads_banner {
margin: 0 !important;
}
#header_holder #top_menu li a {
color: var(--text-color) !important;
font-weight: bold;
}
#header_top .social_links a {
background-color: black !important;
color: var(--brand-blue) !important;
height: 36px !important;
width: 36px !important;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
}
#live_search_open {
background-color: white !important;
color: var(--text-color) !important;
font-weight: bold;
font-size: 14px;
height: 36px;
border-radius: 0;
}
#live_search_open svg path {
fill: var(--text-color) !important;
}
#header_holder #top_menu {
padding-top: 1.7em;
}
#header_holder #top_menu li a::before {
content: "›";
font-size: 1.2em;
margin-right: 0.3em;
}
#header_holder a#logo {
width: clamp(150px, calc(102.4752px + 14.8515vw), 300px);
}
#header_holder #header > .container {
display: flex;
flex-wrap: wrap;
}
.header-bottom {
width: 100%;
margin: 0;
}
.header-bottom > * {
padding: 0 !important;
}
#header_holder #header .logo_row {
flex-grow: 0;
flex-shrink: 0;
margin-bottom: 0 !important;
margin-right: 3em !important;
}
#header_holder #header_top {
flex-grow: 1;
flex-shrink: 0;
}
#header_holder #header .logo_row > div {
width: auto !important;
padding: 0 !important;
}
.header-image {
position: absolute;
bottom: 25px;
right: 0;
transform: translateX(-10%);
width: auto;
height: 100%;
max-width: none;
pointer-events: none;
}
@media screen and (max-width: 999px) {
.header-image {
bottom: 0;
}
}
@media screen and (max-width: 600px) {
.header-image {
display: none;
}
}
.header-title h1 {
font-family: var(--font-serif-bold) !important;
font-size: clamp(36px, calc(20.4752px + 4.8515vw), 85px) !important;
line-height: 1em !important;
margin-top: 1.7em !important;
margin-bottom: 1.2em !important;
}
#main_menu_holder {
border-bottom: none;
transform: translateY(50%);
position: relative;
z-index: 1;
}
body #grid_items .ajax_placeholder,
#grid_items {
width: 100%;
margin: 0;
column-gap: 0;
row-gap: var(--grid-items-gap);
justify-content: space-between;
padding: 0px !important;
}
#grid_items .ajax_placeholder::after,
#grid_items .ajax_placeholder::before,
#grid_items::before,
#grid_items::after {
display: none;
}
body a.grid_item,
body #grid_items .ajax_placeholder .single_archive_item {
width: calc(50% - var(--grid-items-gap));
border-bottom: 1px solid #d5d5d7 !important;
padding: 0;
display: flex;
flex-direction: column;
margin-bottom: 10px !important;
}
@media (max-width: 767px) {
body a.grid_item,
body #grid_items .ajax_placeholder .single_archive_item {
width: 100%;
}
}
.grid_item .grid_item_inner,
.single_archive_item .grid_item_inner {
height: 100%;
display: flex;
flex-direction: column;
border-bottom: none;
padding-bottom: 0;
}
.grid_item .grid_item_image_holder,
.single_archive_item .archive_item_image {
width: 100% !important;
height: 0 !important;
border: none !important;
padding-bottom: 70%;
}
body .grid_item.col-sm-12 .grid_item_image_holder {
padding-bottom: 60%;
}
a.grid_item:hover .grid_item_title {
color: var(--brand-blue) !important;
}
body .single_archive_item .archive_item_title,
body .grid_item .grid_item_title {
font-family: var(--font-serif-bold) !important;
font-weight: bold !important;
flex-grow: 1;
font-size: clamp(20px, calc(15.5644px + 1.3861vw), 34px) !important;
line-height: 1.2em;
margin: 0.2em 0 0.7em;
color: var(--text-color);
}
body .archive_item_title:hover {
color: var(--brand-blue) !important;
}
body .grid_item.col-sm-12 .grid_item_title {
font-size: clamp(20px, calc(6.0594px + 4.3564vw), 64px) !important;
}
.grid_item.boxed_grid_item .grid_item_content,
body .single_archive_item .archive_item_content,
.grid_item .grid_item_content {
text-align: center;
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 1em 1em 3em;
}
.grid_item.col-sm-12 .grid_item_content {
text-align: center;
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 1em 4em 3em 4em;
}
@media (max-width: 600px) {
.grid_item.col-sm-12 .grid_item_content {
padding: 1em 2em 3em 2em;
}
}
.single_archive_item .post_views {
display: none;
}
.grid_item_label.sponsored_label {
height: 1.5em !important;
margin-top: -1.5em !important;
}
.single_archive_item .archive_item_date,
#page_content .grid_item_date {
margin: 0 !important;
padding: 0 !important;
margin-top: 2em !important;
margin-bottom: 0 !important;
text-transform: none !important;
}
body #top_story_content .grid_item_excerpt, 
body .grid_item.col-sm-12 .grid_item_excerpt {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.single_archive_item .archive_item_excerpt,
.grid_item .grid_item_excerpt {
color: var(--text-color);
padding: 0 2em;
font-size:16px !important;
line-height: 1.4;
height: calc(1.4em * 4);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.button, .button_mg {
display: inline-block;
vertical-align: bottom;
padding: 0.5em 2em !important;
color: var(--button-color) !important;
background: var(--button-background) !important;
text-align: center;
text-decoration: none;
font-size: 14px;
border: none;
border-radius: 0 !important;
}
.button::before, .button_mg::before {
content: "›";
font-size: 1.2em;
margin: 0;
margin-right: 0.3em;
font-family: inherit;
display: inline-block;
vertical-align: middle;
line-height: 1em;
transform: translateY(-0.1em);
}
.button:hover, .button_mg:hover {
color: var(--button-color-hover) !important;
background: var(--button-background-hover) !important;
}
body #content_holder #page_content,
body .mg-left {
margin-bottom: clamp(50px, calc(34.1584px + 4.9505vw), 100px);
}
@media (max-width: 999px) {
#content_holder #page_content {
margin-top: 0 !important;
}
body .mg-left {
padding-left: 0;
}
.home .spacer.spacer_30 {
display: none;
}
}
.logo__footer,
img.footer_bg {
display: none;
}
#footer_holder {
background-color: var(--brand-yellow);
padding: 0 !important;
}
#footer {
color: var(--text-color) !important;
}
#footer > .container {
position: relative;
padding-top: clamp(60px, calc(37.8218px + 6.9307vw), 130px);
padding-bottom: clamp(60px, calc(37.8218px + 6.9307vw), 130px);
}
#footer > .container > .row::before,
#footer > .container > .row::after{
display: none;
}
#footer > .container > .row {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
gap: 2em;
}
#footer > .container > .row > div {
width: auto;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#footer > .container > .row > div:not(:first-child) {
text-align: right;
}
#footer > .container > .row > div:nth-child(1) {
grid-column: 1;
grid-row: span 3;
}
#footer > .container > .row > div:nth-child(2) {
grid-column: 2;
grid-row: 3;
}
#footer > .container > .row > div:nth-child(3) {
grid-column: 2;
grid-row: 2;
}
#footer > .container > .row > div:nth-child(4) {
grid-column: 2;
grid-row: 1;
}
a.footer-logo {
display: block;
margin-bottom: 2em;
}
a.footer-logo img {
width: clamp(125px, calc(85.396px + 12.3762vw), 250px);
height: auto;
}
.footer-image {
width: clamp(120px, calc(88.3168px + 9.901vw), 220px);
height: auto;
position: absolute;
top: 0;
left: 0;
transform: translate3D(50%, -50%, 0);
}
#footer ul {
list-style: none;
}
.button.button_news_page.transparent_button {
border: none !important;
}
.button.button_news_page.transparent_button .icon.icon_arrow_left {
display: none !important;
}
.single #content_holder #page_content #meta_info,
.single #content_holder #page_content #post_excerpt,
.single #content_holder #page_content #page_text {
padding-left: clamp(0px, calc(-38.0198px + 11.8812vw), 120px);
padding-right: clamp(0px, calc(-38.0198px + 11.8812vw), 120px);
}
@media (max-width: 600px) {
}
.single #post_excerpt {
font-weight: bold;
text-align: center;
margin-bottom: 3em;
}
.single #page_title {
font-size: clamp(20px, calc(6.0594px + 4.3564vw), 64px) !important;
font-family: var(--font-serif-bold) !important;
font-weight: bold !important;
line-height: 1.2em;
margin: 0.2em 1em 0.4em 1em;
color: var(--text-color);
text-align: center;
}
.single #meta_info {
border: none;
margin: 0;
}
.single #meta_info #meta_left {
width: 100%;
display: flex;
justify-content: center;
gap: 1em;
flex-wrap: wrap;
text-align: center;
}
.single #meta_info #meta_right {
display: none;
}
.single #featured_image .grid_item_date {
text-align: center;
width: 100%;
}
.single .single-fb-share {
display: flex;
align-items: center;
}
.single .single-fb-share > * {
margin: 0;
}
.single .single-fb-share svg {
width: 20px;
height: 20px;
display: block;
margin-left: 0.3em;
}
.single #nav_buttons,
.single #page_views {
display: none;
}
body #sidebar #sidebar_inner .sidebar_widget .widget_title.blue_title,
body #sidebar #sidebar_inner .sidebar_widget .widget_title.with_icon {
padding: 0.8em;
text-align: center;
background: black;
}
body #sidebar #sidebar_inner .sidebar_widget .widget_title_icon .widget_title_icon_inner,
body #sidebar #sidebar_inner .sidebar_widget .widget_title_icon,
body #sidebar #sidebar_inner .sidebar_widget .widget_title.blue_title:before,
body #sidebar #sidebar_inner .sidebar_widget .widget_title.blue_title:after {
display: none;
}
body #sidebar #sidebar_inner .most_read_stories_widget {
border: 2px solid var(--brand-blue);
margin-top: 5em;
display: flex;
flex-direction: column;
padding: 0 2.5em;
}
body #sidebar #sidebar_inner .most_read_stories_widget .widget_title.with_icon {
align-self: center;
transform: translateY(calc(-50% - 1px));
padding-left: 2em;
padding-right: 2em;
}
body #sidebar #sidebar_inner .sidebar_widget .top_stories_row .top_stories_row_left {
display: none;
}
body #sidebar #sidebar_inner .sidebar_widget .top_stories_row a::before {
content: "• ";
width: 0px;
display: inline-flex;
transform: translateX(-0.6em);
}
body #sidebar #sidebar_inner .sidebar_widget .top_stories_row {
border: none;
}
body #sidebar #sidebar_inner .sidebar_widget .top_stories_row:last-of-type {
margin-bottom: 4em;
}
body #sidebar #sidebar_inner .sidebar_widget .top_stories_row .top_stories_row_right {
padding: 0.75em 0;
}
body #sidebar #sidebar_inner .sidebar_widget .top_stories_row a:hover {
color: var(--brand-blue);
}
body #pop_out {
background-color: var(--brand-yellow);
color: var(--text-color);
}
body .live_search_button#live_search_close,
body .live_search_button#live_search_close:hover {
background-color: var(--brand-blue-dark);
}