@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@import url('layout.css');
@import url('components.css');
@import url('forms.css');
@import url('news.css');
@import url('admin.css');
@import url('events.css');
@import url('event-details.css');

:root {
    --municipal-bg: #1F4D3A;
    --municipal-text: #FFFFFF;
    --primary: #2F4A5C;
    --primary-light: #1b6ec2;
    --success-bg: #d4edda;
    --success-text: #155724;
    --danger-bg: #f8d7da;
    --danger-text: #721c24;
    --border-color: #ddd;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 10px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
}

html,
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

.content {
    padding-top: 1.1rem;
}

.text-left {
    text-align: left !important;
}

.search-box .mud-input-control {
    border-radius: 14px;
}

* {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}