:root {
    /* Tetradic Color Scheme with Retro/Eco-Minimalism feel */
    --primary-color: #0A5860; /* Deep Teal - Eco, Calm */
    --primary-color-darker: #073e44;
    --secondary-color: #F4A261; /* Warm Orange - Retro Accent, Energy */
    --secondary-color-darker: #d9823c;
    --tertiary-color: #FDF0D5; /* Light Beige/Cream - Minimalist Background, Neutral */
    --quaternary-color: #6E8B62; /* Muted Olive Green - Eco, Subtle Accent (Adjusted for better contrast) */
    --quaternary-color-darker: #556B4D;

    /* Text Colors */
    --text-color-dark: #212529; /* Dark grey for high contrast on light backgrounds */
    --text-color-medium: #495057; /* Medium grey for less emphasis */
    --text-color-light: #FFFFFF; /* For dark backgrounds */
    --text-color-accent: var(--secondary-color);

    /* Backgrounds */
    --bg-light: #F8F9FA; /* Very light grey for main background */
    --bg-light-alt: var(--tertiary-color); /* Cream for alternate light sections */
    --bg-dark: var(--primary-color);
    --bg-dark-alt: #2c3e50; /* A generic dark blue/grey for variation */

    /* Borders */
    --border-color-light: #dee2e6;
    --border-color-dark: #495057;

    /* Fonts */
    --font-family-headings: 'Inter', sans-serif;
    --font-family-body: 'IBM Plex Sans', sans-serif;

    /* Spacing & Sizing */
    --spacing-unit: 8px;
    --container-max-width: 1140px;
    --header-height: 70px; /* Adjusted header height */

    /* Transitions & Shadows */
    --transition-speed: 0.3s;
    --box-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.08);
    --box-shadow-medium: 0 5px 15px rgba(0, 0, 0, 0.12);
    --text-shadow-subtle: 1px 1px 2px rgba(0,0,0,0.1);
    --text-shadow-strong: 1px 1px 3px rgba(0,0,0,0.4);
}

/* General Styles */
body {
    font-family: var(--font-family-body);
    color: var(--text-color-dark);
    background-color: var(--bg-light);
    line-height: 1.7;
    margin: 0;
    padding: 0;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

.main-container {
    width: 100%;
    overflow: hidden;
    padding-top: var(--header-height); /* Offset for fixed header */
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-headings);
    color: var(--text-color-dark);
    margin-top: 0;
    margin-bottom: calc(var(--spacing-unit) * 2.5); /* 20px */
    font-weight: 700;
    line-height: 1.3;
    text-rendering: optimizeLegibility;
}

h1 { font-size: clamp(2.2em, 5vw, 3.2em); text-shadow: var(--text-shadow-subtle); }
h2 { font-size: clamp(1.8em, 4vw, 2.5em); text-shadow: var(--text-shadow-subtle); }
h3 { font-size: clamp(1.3em, 3vw, 1.8em); }
h4 { font-size: clamp(1.1em, 2.5vw, 1.4em); }

p {
    margin-bottom: calc(var(--spacing-unit) * 2); /* 16px */
    color: var(--text-color-medium);
}

a {
    color: var(--secondary-color);
    text-decoration: none;
    transition: color var(--transition-speed) ease;
}
a:hover, a:focus {
    color: var(--secondary-color-darker);
    text-decoration: underline;
}

img { max-width: 100%; height: auto; display: block; }

.container {
    width: 90%;
    max-width: var(--container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--spacing-unit) * 2);
    padding-right: calc(var(--spacing-unit) * 2);
}

section {
    padding-top: calc(var(--spacing-unit) * 7);    /* 56px */
    padding-bottom: calc(var(--spacing-unit) * 7); /* 56px */
}

.section-title {
    text-align: center;
    margin-bottom: calc(var(--spacing-unit) * 5); /* 40px */
    font-weight: 900;
    color: var(--primary-color);
}

.lead { font-size: 1.15em; font-weight: 400; color: var(--text-color-medium); }
.text-center { text-align: center; }
.text-white { color: var(--text-color-light) !important; }
.text-light { color: #f8f9fa !important; }
.mb-3 { margin-bottom: calc(var(--spacing-unit) * 3); }
.mb-4 { margin-bottom: calc(var(--spacing-unit) * 4); }
.mb-5 { margin-bottom: calc(var(--spacing-unit) * 5); }
.mt-2 { margin-top: calc(var(--spacing-unit) * 2); }
.mt-3 { margin-top: calc(var(--spacing-unit) * 3); }
.mt-4 { margin-top: calc(var(--spacing-unit) * 4); }
.py-5 { padding-top: calc(var(--spacing-unit) * 6); padding-bottom: calc(var(--spacing-unit) * 6); }
.rounded { border-radius: calc(var(--spacing-unit) * 0.75); } /* 6px */
.img-fluid { max-width: 100%; height: auto; }
.border { border: 1px solid var(--border-color-light); }

.row { display: flex; flex-wrap: wrap; margin-left: calc(var(--spacing-unit) * -1.5); margin-right: calc(var(--spacing-unit) * -1.5); }
.col-md-3, .col-md-4, .col-md-6, .col-md-9, .col-lg-8, .col-lg-6 { padding-left: calc(var(--spacing-unit) * 1.5); padding-right: calc(var(--spacing-unit) * 1.5); width: 100%; box-sizing: border-box; }

@media (min-width: 768px) {
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
}
@media (min-width: 992px) {
    .col-lg-8 { flex: 0 0 66.6666%; max-width: 66.6666%; }
    .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
    .mx-auto { margin-left: auto !important; margin-right: auto !important; }
}
.align-items-center { align-items: center; }

/* Header & Navigation */
.site-header {
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: calc(var(--spacing-unit) * 1.5) 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: var(--box-shadow-light);
    transition: background-color var(--transition-speed) ease, padding var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
    height: var(--header-height);
}
.header-container { display: flex; justify-content: space-between; align-items: center; height: 100%; }
.logo { font-family: var(--font-family-headings); font-size: 1.7em; font-weight: 900; color: var(--primary-color); text-decoration: none; }
.logo:hover { color: var(--primary-color-darker); text-decoration: none; }

.main-nav .nav-menu { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; }
.main-nav .nav-menu li { margin-left: calc(var(--spacing-unit) * 2.5); }
.main-nav .nav-menu a {
    font-family: var(--font-family-body);
    font-weight: 500;
    color: var(--text-color-dark);
    text-decoration: none;
    padding: calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 1.25);
    border-radius: 4px;
    transition: color var(--transition-speed) ease, background-color var(--transition-speed) ease;
    position: relative;
}
.main-nav .nav-menu a::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -3px; left: 50%; transform: translateX(-50%); background-color: var(--secondary-color); transition: width var(--transition-speed) ease; }
.main-nav .nav-menu a:hover, .main-nav .nav-menu a:focus, .main-nav .nav-menu a.active { color: var(--secondary-color-darker); }
.main-nav .nav-menu a:hover::after, .main-nav .nav-menu a:focus::after, .main-nav .nav-menu a.active::after { width: 60%; }

.nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 10px; z-index: 1010; }
.hamburger { display: block; width: 25px; height: 3px; background-color: var(--primary-color); position: relative; transition: transform var(--transition-speed) ease, background-color var(--transition-speed) ease; }
.hamburger::before, .hamburger::after { content: ''; position: absolute; left: 0; width: 25px; height: 3px; background-color: var(--primary-color); transition: transform var(--transition-speed) ease, top var(--transition-speed) ease, bottom var(--transition-speed) ease; }
.hamburger::before { top: -8px; }
.hamburger::after { bottom: -8px; }
.nav-toggle.active .hamburger { background-color: transparent; }
.nav-toggle.active .hamburger::before { top: 0; transform: rotate(45deg); }
.nav-toggle.active .hamburger::after { bottom: 0; transform: rotate(-45deg); }

@media (max-width: 768px) {
    .main-nav .nav-menu { display: none; flex-direction: column; position: absolute; top: var(--header-height); left: 0; width: 100%; background-color: white; box-shadow: 0 4px 8px rgba(0,0,0,0.1); padding: var(--spacing-unit) 0; }
    .main-nav .nav-menu.active { display: flex; }
    .main-nav .nav-menu li { margin: 0; width: 100%; text-align: center; }
    .main-nav .nav-menu a { display: block; padding: calc(var(--spacing-unit) * 1.5) var(--spacing-unit); border-bottom: 1px solid var(--border-color-light); }
    .main-nav .nav-menu li:last-child a { border-bottom: none; }
    .main-nav .nav-menu a::after { display: none; }
    .nav-toggle { display: block; }
}

/* Global Button Styles */
.btn, button, input[type="submit"], input[type="button"] { display: inline-block; font-family: var(--font-family-headings); font-weight: 600; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: 2px solid transparent; padding: calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 3); font-size: 0.95em; line-height: 1.5; border-radius: 30px; text-transform: uppercase; letter-spacing: 0.8px; transition: all var(--transition-speed) ease-in-out; box-shadow: 0 2px 4px rgba(0,0,0,0.07); }
.btn:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.btn:active, button:active, input[type="submit"]:active, input[type="button"]:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(0,0,0,0.07); }
.btn-primary { background-color: var(--secondary-color); color: var(--text-color-light); border-color: var(--secondary-color); }
.btn-primary:hover { background-color: var(--secondary-color-darker); border-color: var(--secondary-color-darker); color: var(--text-color-light); }
.btn-secondary { background-color: var(--quaternary-color); color: var(--text-color-light); border-color: var(--quaternary-color); }
.btn-secondary:hover { background-color: var(--quaternary-color-darker); border-color: var(--quaternary-color-darker); color: var(--text-color-light); }
.btn-sm { padding: calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 1.5); font-size: 0.8em; }
.btn-lg { padding: calc(var(--spacing-unit) * 1.75) calc(var(--spacing-unit) * 4); font-size: 1.05em; }

/* Hero Section */
.hero-section { height: calc(88vh - var(--header-height)); display: flex; align-items: center; justify-content: center; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; color: var(--text-color-light); text-align: center; margin-top: calc(-1 * var(--header-height)); } /* Full viewport considering the offset */
.hero-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.7)); z-index: 1; }
.hero-content { position: relative; z-index: 2; padding: calc(var(--spacing-unit) * 2); }
.hero-title { font-size: clamp(2.5em, 6vw, 4em); font-weight: 900; margin-bottom: calc(var(--spacing-unit) * 2); color: var(--text-color-light); text-shadow: var(--text-shadow-strong); }
.hero-subtitle { font-size: clamp(1.1em, 3vw, 1.5em); margin-bottom: calc(var(--spacing-unit) * 3.5); font-weight: 300; max-width: 700px; margin-left: auto; margin-right: auto; color: var(--text-color-light); }

/* Parallax Sections */
.parallax-section { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.overlay-light, .overlay-dark { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.overlay-light { background-color: rgba(253, 240, 213, 0.85); } /* var(--tertiary-color) with alpha */
.overlay-dark { background-color: rgba(10, 88, 96, 0.75); }   /* var(--primary-color) with alpha */
.content-over-parallax { position: relative; z-index: 2; }
.parallax-section[style*="abstract-financial-process-background.jpg"] .section-title,
.parallax-section[style*="abstract-financial-process-background.jpg"] p,
.parallax-section[style*="abstract-financial-process-background.jpg"] h3,
.parallax-section[style*="abstract-financial-process-background.jpg"] .lead,
.parallax-section[style*="community-argentina-networking-event.jpg"] .section-title,
.parallax-section[style*="community-argentina-networking-event.jpg"] p { color: var(--text-color-dark); }

.parallax-section[style*="contact-background-abstract-lines.jpg"] .section-title,
.parallax-section[style*="contact-background-abstract-lines.jpg"] p,
.parallax-section[style*="contact-background-abstract-lines.jpg"] .lead,
.parallax-section[style*="contact-background-abstract-lines.jpg"] .form-label { color: var(--text-color-light); }


/* Card Styles */
.card { background-color: #ffffff; border-radius: 8px; box-shadow: var(--box-shadow-light); transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; }
.card:hover { transform: translateY(-5px); box-shadow: var(--box-shadow-medium); }
.card-image { width: 100%; overflow: hidden; }
.card-image img { width: 100%; object-fit: cover; object-position: center; transition: transform var(--transition-speed) ease; }
.card:hover .card-image img { transform: scale(1.05); }
.card-content { padding: calc(var(--spacing-unit) * 2.5); flex-grow: 1; display: flex; flex-direction: column; width: 100%; }
.card-content p { font-size: 0.95em; color: var(--text-color-medium); flex-grow: 1; }
.card-title { font-size: 1.3em; margin-bottom: var(--spacing-unit); color: var(--primary-color); }
.card-title a { color: inherit; text-decoration: none; }
.card-title a:hover { color: var(--secondary-color); text-decoration: underline; }

.process-card .card-icon { font-size: 2.8em; color: var(--secondary-color); margin-bottom: var(--spacing-unit); }
.icon-placeholder { display: inline-block; }
.project-card .card-image { height: 230px; }
.project-card .card-image img { height: 100%; }
.resource-card { text-align: left; align-items: stretch; } /* Override global card alignment */
.resource-card .card-content, .resource-card .card-title { text-align: left; }
.resource-card .card-title { font-size: 1.15em; }
.resource-card p { font-size: 0.9em; margin-bottom: 0; }

.retro-frame { padding: var(--spacing-unit); background-color: var(--bg-light-alt); border: 3px solid var(--primary-color); box-shadow: 6px 6px 0px var(--quaternary-color); display: inline-block; }
.retro-frame img { border: 2px solid var(--primary-color-darker); }
#about-us .image-container { display: flex; justify-content: center; align-items: center; }
#about-us .image-container img{ border-radius: 8px; }

/* History Section */
#history .image-container { margin-top: calc(var(--spacing-unit) * 3); display: flex; justify-content: center; }
#history img { border: 5px solid var(--bg-light-alt); box-shadow: 0 0 0 3px var(--primary-color), var(--box-shadow-medium); }

/* Events Section */
.event-item { background-color: #fff; transition: box-shadow var(--transition-speed) ease; border-color: var(--border-color-light) !important; }
.event-item:hover { box-shadow: var(--box-shadow-medium); }
.event-item h3 { color: var(--primary-color); font-size: 1.4em; }
.event-item p { font-size: 0.95em; color: var(--text-color-medium); }
.event-meta { font-size: 0.85em; color: var(--text-color-medium); display: inline-block; margin-right: var(--spacing-unit); }
.event-date-badge { background-color: var(--secondary-color); color: var(--text-color-light); padding: var(--spacing-unit); border-radius: 4px; text-align: center; width: fit-content; margin: 0 auto var(--spacing-unit) auto; }
.event-date-badge .month { display: block; font-size: 0.8em; text-transform: uppercase; font-weight: 700; }
.event-date-badge .day { display: block; font-size: 1.8em; font-weight: 900; line-height: 1; }
.event-date-badge .year { display: block; font-size: 0.8em; }
.event-item .image-container img { border-radius: 4px; border: 1px solid var(--border-color-light); }
@media (min-width: 768px) {
    .event-item .row > div:first-child { text-align: center; } /* Center date badge and image on larger screens */
    .event-date-badge { margin-left: auto; margin-right: auto;}
}


/* Community Section */
#community .image-container { display: flex; justify-content: center; }
#community img { border: 4px solid var(--bg-light); box-shadow: var(--box-shadow-medium); }

/* Contact Section & Form */
#contact .form-label { font-weight: 500; margin-bottom: calc(var(--spacing-unit) * 0.75); color: var(--text-color-dark); display: block; text-align: left; }
.contact-form { background-color: rgba(255, 255, 255, 0.92); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-color: rgba(0,0,0,0.05) !important; }
.contact-form.bg-light-transparent { background-color: rgba(253, 240, 213, 0.9); }
.contact-form label.form-check-label { font-weight: 400; color: var(--text-color-medium); text-align: left; }
.contact-form label.form-check-label a { color: var(--primary-color); font-weight: 500; }
.form-control { display: block; width: 100%; padding: calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 1.75); font-size: 1em; font-family: var(--font-family-body); font-weight: 400; line-height: 1.5; color: var(--text-color-dark); background-color: #fff; background-clip: padding-box; border: 1px solid var(--border-color-light); appearance: none; -webkit-appearance: none; border-radius: 6px; transition: border-color var(--transition-speed) ease-in-out, box-shadow var(--transition-speed) ease-in-out; }
.form-control:focus { border-color: var(--secondary-color); outline: 0; box-shadow: 0 0 0 0.2rem rgba(244, 162, 97, 0.3); }
.form-control::placeholder { color: #888; opacity: 1; }
textarea.form-control { min-height: 120px; resize: vertical; }
.form-check { display: flex; align-items: center; text-align: left; } /* Align checkbox and label */
.form-check-input { width: 1.25em; height: 1.25em; margin-top: 0.1em; margin-right: 0.5em; vertical-align: top; background-color: #fff; border: 1px solid rgba(0,0,0,.25); appearance: none; -webkit-appearance: none; border-radius: 0.25em; cursor: pointer; position: relative; flex-shrink: 0; }
.form-check-input:checked { background-color: var(--secondary-color); border-color: var(--secondary-color); }
.form-check-input:checked::before { content: '✓'; position: absolute; color: white; font-size: 0.9em; font-weight: bold; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.form-check-input:focus { border-color: var(--secondary-color); outline: 0; box-shadow: 0 0 0 0.2rem rgba(244, 162, 97, 0.25); }
.form-check-label { cursor: pointer; }

/* Footer */
.site-footer { background-color: var(--primary-color-darker); color: rgba(255, 255, 255, 0.85); padding-top: calc(var(--spacing-unit) * 5); padding-bottom: calc(var(--spacing-unit) * 3); }
.site-footer .footer-nav a { color: var(--bg-light-alt); margin: 0 calc(var(--spacing-unit) * 0.75); font-weight: 500; transition: color var(--transition-speed) ease; font-size: 0.9em; }
.site-footer .footer-nav a:hover { color: var(--secondary-color); text-decoration: underline; }
.site-footer .social-links p { color: rgba(255, 255, 255, 0.9); margin-bottom: calc(var(--spacing-unit) * 0.5); }
.site-footer .social-links a { color: var(--bg-light-alt); margin: 0 calc(var(--spacing-unit) * 0.75); font-size: 0.95em; transition: color var(--transition-speed) ease; }
.site-footer .social-links a:hover { color: var(--secondary-color); text-decoration: underline; }
.site-footer .copyright { font-size: 0.85em; margin-top: calc(var(--spacing-unit) * 2.5); color: rgba(255, 255, 255, 0.75); }
.site-footer p { color: rgba(255, 255, 255, 0.85); font-size: 0.9em; }

/* Theme Switch */
.theme-switch-wrapper { display: flex; align-items: center; justify-content: center; }
.theme-switch { position: relative; display: inline-block; width: 50px; height: 26px; }
.theme-switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #777; transition: .4s; border-radius: 26px; }
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: var(--secondary-color); }
input:checked + .slider:before { transform: translateX(24px); }
.theme-switch-wrapper span { color: rgba(255,255,255,0.8); font-size: 0.9em; }

/* Success Page Styling */
body.success-page { display: flex; flex-direction: column; min-height: 100vh; background-color: var(--bg-light); margin: 0; padding-top: 0; /* Remove main-container offset */ }
body.success-page .main-container { padding-top: 0; } /* Override main-container padding */
body.success-page .site-header { position: relative; /* Make header part of flow or style differently */ }
body.success-page main { flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: calc(var(--spacing-unit) * 2); }
.success-content { background-color: #fff; padding: calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 5); border-radius: 8px; box-shadow: var(--box-shadow-medium); max-width: 600px; }
.success-content h1 { color: var(--quaternary-color); font-size: 2.5em; margin-bottom: var(--spacing-unit); }
.success-content p { font-size: 1.1em; margin-bottom: calc(var(--spacing-unit) * 3); }
.success-icon { font-size: 4em; color: var(--quaternary-color); margin-bottom: calc(var(--spacing-unit) * 2); }

/* Privacy & Terms Page Specific Styling */
body.privacy-page .main-container, body.terms-page .main-container {
    /* padding-top: var(--header-height); Already handled by global main-container */
}
body.privacy-page main, body.terms-page main {
    padding-top: calc(var(--spacing-unit) * 4); /* Content specific padding */
    padding-bottom: calc(var(--spacing-unit) * 4);
}
body.privacy-page .container, body.terms-page .container { background-color: #fff; padding: calc(var(--spacing-unit) * 4); border-radius: 8px; box-shadow: var(--box-shadow-light); }
body.privacy-page h1, body.terms-page h1 { margin-bottom: calc(var(--spacing-unit) * 3); color: var(--primary-color); }
body.privacy-page h2, body.terms-page h2 { margin-top: calc(var(--spacing-unit) * 3); color: var(--primary-color-darker); }
body.privacy-page ul, body.terms-page ul { padding-left: calc(var(--spacing-unit) * 3); }
body.privacy-page li, body.terms-page li { margin-bottom: var(--spacing-unit); }

/* Modal Styles */
.modal { --bs-modal-bg: #fff; } /* Assuming Bootstrap structure is used */
.modal-header { border-bottom: 1px solid var(--border-color-light); padding: calc(var(--spacing-unit) * 2); }
.modal-title { color: var(--primary-color); }
.modal-body { padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2.5); }
.btn-close { background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: .5; }
.btn-close:hover { opacity: .75; }

/* "Read More" Link Style */
.read-more-link { display: inline-block; margin-top: var(--spacing-unit); font-weight: 700; color: var(--secondary-color); text-decoration: none; position: relative; padding-right: 22px; }
.read-more-link::after { content: '→'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: right var(--transition-speed) ease, transform var(--transition-speed) ease; font-size: 1.2em; line-height: 1; }
.read-more-link:hover { color: var(--secondary-color-darker); text-decoration: underline; }
.read-more-link:hover::after { right: -3px; transform: translateY(-50%) scale(1.1); }
.nav-toggle{
    display: none;
}