/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1760536889
Updated: 2025-10-15 16:01:29
*/
/* Global baggrund og tekst */
body {
background-color: #FBFBF4;
color: #1F2A30;
font-family: 'Open Sans', sans-serif;
max-width:100% !important;
}
/* === Header === */
#site-header .menu li a, #site-header .show-title a {
text-decoration: none !important;
}
#site-header .menu li {
transition: border-color 0.3s ease, padding-bottom 0.3s ease;
border-bottom: 2px solid transparent;
}
#site-header .menu li:hover {
color: #0D9488;
border-bottom: 2px solid #0D9488;
padding-bottom: 4px;
}
#site-header .menu li.current-menu-item {
color: #0D9488;
border-bottom: 2px solid #0D9488;
padding-bottom: 4px;
}
#site-header .show-title, #site-header .show-logo {
border-bottom: 2px solid #0D9488;
padding-bottom: 4px;
}
#site-header .show-logo img {
max-height: 5em;
max-width: 5em;
margin: auto;
}
/* === FRONT PAGE === */
#front-page-box {
border-radius: 0.5rem;
}
#front-page-gallery img {
border-radius: 0.5rem;
border-width: 1px;
border-color: rgb(229 231 235);
border-style: solid;
}
.image-card-grid h3 {
text-shadow:
0 1px 1px rgba(0,0,0,0.9), /* Sharp edge for definition */
0 4px 8px rgba(0,0,0,0.7); /* Soft blur for lift */
}
.image-cover-columns h3 {
text-shadow:
0 1px 1px rgba(0,0,0,0.9), /* Sharp edge for definition */
0 4px 8px rgba(0,0,0,0.7); /* Soft blur for lift */
}
.image-cover-columns p {
margin-left: 1rem;
margin-right: 1rem;
padding-bottom: 24px;
}
.image-cover-columns .wp-block-cover {
border-radius: 0.8rem 0.8rem 0 0;
}
.image-cover-columns .image-container {
min-height: 430px;
}
/* === PAGE === */
#content {
margin-bottom: 5rem;
}
/* === FOOTER === */
#site-footer {
background-color: var(--e-global-color-1170dae);
padding-block-end: 0;
}
.footer-widgets {
background-color: var(--e-global-color-8d70639);
color: var(--e-global-color-50b2278);
padding: 40px 20px;
}
.footer-widgets-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: var(--container-max-width, 1200px);
margin: 0 auto;
}
.footer-widget {
color: var(--e-global-color-50b2278);
font-size: 0.95rem;
}
.footer-widget .wp-block-heading {
font-size: 1.1rem;
margin-bottom: 10px;
}
.footer-column {
margin-left: 2em;
margin-right: 2em;
}
/* Links inside footer widgets */
.footer-widget a {
color: var(--e-global-color-50b2278);
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.footer-widget a:hover {
color: var(--e-global-color-primary);
}
.footer-widgets ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-widgets ul li {
margin-bottom: 0.4em;
}
.site-footer-bottom .footer-widget {
text-align: center;
font-style: italic;
}
.footer-column ul.wp-block-list {
list-style: none; /* Remove default bullets */
padding: 0; /* Remove default padding */
display: table; /* Shrink the box to fit content so it centers properly */
}
.footer-column ul.wp-block-list li {
display: flex; /* Use Flexbox to align icon and text */
align-items: center; /* Center vertically */
justify-content: flex-start; /* Keep text next to icon */
text-align: left; /* Ensure text doesn't center inside the line */
margin-bottom: 12px; /* Space between list items */
}
.footer-column ul.wp-block-list li::before {
content: '';
display: block;
width: 20px; /* Icon Width */
height: 20px; /* Icon Height */
margin-right: 12px; /* Space between icon and text */
background-repeat: no-repeat;
background-position: center;
background-size: contain;
flex-shrink: 0; /* Prevent icon from squishing on mobile */
background-color: var(--e-global-color-secondary);
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.footer-credit {
text-align: center;
font-size: 0.9rem;
color: var(--e-global-color-50b2278);
background-color: var(--e-global-color-1170dae);
padding-block-end: 1rem;
}
.footer-credit a {
color: var(--e-global-color-primary);
text-decoration: none;
}
.footer-credit a:hover {
text-decoration: underline;
}
.bnav_bottom_nav_wrapper {
max-width: 100vw;
}
.site-footer .footer-inner {
max-width: 90vw !important;
}
/* Pages */
#primary {
margin: auto;
width: 80vw;
display: flex;
gap: 20px;
}
#primary #secondary {
flex: 1;
padding: 15px;
max-width:10vw;
}
#primary #main {
flex: 3;
margin: auto;
}
#secondary.widget-area a {
text-decoration: none !important;
transition: color 0.2s ease-in-out;
margin-bottom: 2em;
padding-bottom: 4px;
display: inline-block; /* Helps with padding/spacing */
color: #354F52;
font-size: 1.2em;
}
#secondary.widget-area a:hover {
border-bottom: 2px solid #0D9488;
padding-bottom: 4px;
}
.border-radius-1rem {
border-radius: 1rem;
}
/* Responsive layout */
@media (max-width: 768px) {
.footer-widgets-inner {
grid-template-columns: 1fr;
}
.site-navigation-toggle-holder {
display:none;
}
.gallery {
margin: 0 !important;
}
.gallery-item {
padding: 0 0 1.5rem 0 !important;
}
#primary {
flex-direction: column; /* Stack sidebar and main content */
width: 95vw; /* Use more of the screen width */
gap: 10px;
}
#primary #secondary {
max-width: 100%; /* Let it take full width */
order: 2; /* Moves sidebar below content (optional) */
}
#primary #main {
margin-left: 0; /* Remove the huge desktop margin */
order: 1; /* Content stays on top */
padding: unset;
}
#secondary.widget-area ul.wp-block-list {
padding-left: 0; /* Reset padding for mobile */
}
main {
padding-inline: 0 !important;
max-width: 95%;
}
}