/*
Theme Name: Themify Ultra Child
Theme URI: https://themify.me/themes/ultra/
Template: themify-ultra
Author: Themify
Author URI: https://www.themify.me
Description: Use Ultra theme to create professional sites quickly and easily (landing pages, portfolio, blog, corporate, ecommerce, and more). It includes a bunch of header/footer layout options and pre-built demos that you can import to your site. Read Ultra documentation for more information.
Tags: themify,featured-images,translation-ready,custom-menu,sidebar
Version: 8.1.4.1775244371
Updated: 2026-04-03 19:26:11

*/

De style.css die je uploadde:
css/*
Theme Name: Themify Ultra Child - The Viking Automation
Description: A child theme of Themify Ultra for The Viking Automation
Template: themify-ultra
Author: The Viking Webdesign (info@thevikingwebdesign.com)
Version: 1.0.0
*/

/* =========================================
   FONTS – NORSE (SELF-HOSTED, iOS SAFE)
   ========================================= */

@font-face {
    font-family: 'Norse';
    src: url('/wp-content/themes/themify-ultra-child-automation/fonts/Norse.woff2') format('woff2'),
         url('/wp-content/themes/themify-ultra-child-automation/fonts/Norse.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Norse-bold';
    src: url('/wp-content/themes/themify-ultra-child-automation/fonts/Norse-Bold.woff2') format('woff2'),
         url('/wp-content/themes/themify-ultra-child-automation/fonts/Norse-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* =========================================
   CSS VARIABLES
   ========================================= */

:root {
    --va-bg:          #0F1A19;
    --va-card:        #1A3D3D;
    --va-dark:        #2A5A54;
    --va-primary:     #4A8080;
    --va-accent:      #5A9999;
    --va-white:       #FFFFFF;
    --va-grey:        #CCCCCC;
    --va-border:      rgba(90, 153, 153, 0.25);
    --va-shadow:      0 4px 24px rgba(0, 0, 0, 0.4);
    --va-radius:      8px;
}

/* =========================================
   BODY & GLOBAL
   ========================================= */

body,
#body,
.page-wrap,
#pagewrap {
    background: var(--va-bg) !important;
    color: var(--va-grey) !important;
    font-family: 'Inter', 'Open Sans', sans-serif !important;
}

#body a {
    color: var(--va-accent);
    transition: color 0.2s ease;
}

#body a:hover {
    color: var(--va-white);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--va-white) !important;
}

p, li {
    color: var(--va-grey);
}

/* =========================================
   HEADER
   ========================================= */

#headerwrap {
    background: var(--va-bg) !important;
    border-bottom: 1px solid var(--va-border) !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5) !important;
}

#header {
    padding: 12px 20px;
}

/* =========================================
   NAVIGATION
   ========================================= */

#main-nav a,
#nav > li > a {
    color: var(--va-grey) !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.2s ease, background 0.2s ease;
    border-radius: var(--va-radius);
}

#main-nav a:hover,
#nav > li > a:hover,
#main-nav .current-menu-item a,
#nav > li.current-menu-item > a,
#nav > li.current_page_item > a {
    color: var(--va-white) !important;
    background: rgba(74, 128, 128, 0.15) !important;
}

/* Dropdown */
#nav .dropdown,
.main-nav .sub-menu {
    background: var(--va-card) !important;
    border: 1px solid var(--va-border) !important;
    border-radius: var(--va-radius) !important;
    box-shadow: var(--va-shadow) !important;
}

#nav .dropdown li a,
.main-nav .sub-menu li a {
    color: var(--va-grey) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

#nav .dropdown li a:hover,
.main-nav .sub-menu li a:hover {
    color: var(--va-white) !important;
    background: var(--va-dark) !important;
}

/* Mobile nav */
.mobile-menu-icon span,
#mobile-menu-icon span {
    background: var(--va-white) !important;
}

/* =========================================
   BUTTONS
   ========================================= */

.button,
.btn,
input[type="submit"],
.themify_button,
a.themify_button,
.module-buttons a,
.tf-button {
    background: var(--va-primary) !important;
    color: var(--va-white) !important;
    border: 2px solid var(--va-primary) !important;
    border-radius: var(--va-radius) !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.1s ease !important;
}

.button:hover,
.btn:hover,
input[type="submit"]:hover,
.themify_button:hover,
a.themify_button:hover,
.module-buttons a:hover {
    background: var(--va-dark) !important;
    border-color: var(--va-accent) !important;
    color: var(--va-white) !important;
    transform: translateY(-1px) !important;
}

/* Builder green button → primary teal */
.ui.builder_button.green,
.ui.builder_button.orange {
    background: var(--va-primary) !important;
    color: var(--va-white) !important;
    border: 2px solid var(--va-primary) !important;
    border-radius: var(--va-radius) !important;
}

.ui.builder_button.green:hover,
.ui.builder_button.orange:hover {
    background: var(--va-dark) !important;
    border-color: var(--va-accent) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(74, 128, 128, 0.4);
}

/* Default white button */
.ui.builder_button.tb_default_color {
    color: var(--va-white) !important;
    background: transparent !important;
    border: 2px solid var(--va-primary) !important;
    border-radius: var(--va-radius) !important;
}

.ui.builder_button.tb_default_color:hover {
    background: var(--va-primary) !important;
    color: var(--va-white) !important;
    transform: translateY(-2px);
}

/* =========================================
   THEMIFY BUILDER ROWS — FULL WIDTH
   ========================================= */

.themify_builder_row,
.module-row {
    width: 100% !important;
    max-width: 100% !important;
}

.container,
.themify_builder .module-row > .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* =========================================
   FOOTER HIDE OLD / SHOW CUSTOM
   ========================================= */

.footer-text {
    display: none !important;
}

.back-top,
.back-top-float {
    display: none !important;
}

/* =========================================
   FOOTER WIDGETS
   ========================================= */

#footer {
    background: var(--va-bg) !important;
    border-top: 1px solid var(--va-border) !important;
    color: var(--va-grey);
    padding: 40px 20px 20px;
}

#footer h3,
#footer .widgettitle {
    font-family: 'Norse-bold', 'Norse', system-ui, sans-serif;
    color: var(--va-accent) !important;
    font-size: 18px;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#footer .widgettitle::after {
    content: '';
    display: block;
    width: 36px;
    height: 2px;
    background: var(--va-primary);
    margin-top: 8px;
}

#footer p,
#footer li {
    color: var(--va-grey) !important;
    line-height: 1.8;
}

#footer a {
    color: var(--va-accent) !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

#footer a:hover {
    color: var(--va-white) !important;
}

/* Footer nav */
.footer-nav li a,
#footer-nav li a {
    color: var(--va-grey) !important;
    font-size: 13px;
    transition: color 0.2s ease;
}

.footer-nav li a:hover,
#footer-nav li a:hover {
    color: var(--va-accent) !important;
}

/* =========================================
   CUSTOM COPYRIGHT BAR
   ========================================= */

.custom-copyright {
    display: block;
    text-align: center;
    padding: 20px;
    background: #080F0E;
    color: var(--va-grey);
    font-size: 13px;
    border-top: 1px solid var(--va-border);
    width: 100%;
    box-sizing: border-box;
}

.custom-copyright a {
    color: var(--va-accent);
    text-decoration: none;
    margin: 0 5px;
    transition: color 0.2s ease;
    font-weight: 600;
}

.custom-copyright a:hover {
    color: var(--va-white);
}

/* =========================================
   WIDGETS
   ========================================= */

.sidebar .widget,
.widget {
    background: var(--va-card) !important;
    border: 1px solid var(--va-border) !important;
    border-radius: var(--va-radius) !important;
    padding: 20px !important;
    margin-bottom: 24px !important;
}

/* =========================================
   FORMS & INPUTS
   ========================================= */

input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
    background: var(--va-card) !important;
    border: 1px solid var(--va-border) !important;
    border-radius: var(--va-radius) !important;
    color: var(--va-white) !important;
    padding: 10px 14px !important;
}

input:focus,
textarea:focus {
    border-color: var(--va-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(74, 128, 128, 0.2) !important;
}

/* =========================================
   SCROLLBAR
   ========================================= */

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--va-bg); }
::-webkit-scrollbar-thumb { background: var(--va-primary); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--va-accent); }

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 768px) {
    h1 { font-size: 2em !important; }
    h2 { font-size: 1.6em !important; }
    #header { padding: 0 16px !important; }
}

@media (max-width: 600px) {
    .module-text .tb_text_wrap > div[style*="max-width"] {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}