/* css/high-contrast.css */
body 
{
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: Arial, Verdana, sans-serif !important;
    font-size: 1.1em !important;
    text-transform: uppercase !important;
    line-height: 1.5 !important;
}

* 
{
    background-color: transparent !important;
    color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

h1, h2, h3, h4, h5, h6 
{
    color: #000000 !important;
    margin-bottom: 0.5em !important;
    padding-bottom: 0.2em !important;
    border-bottom: 2px solid #000000 !important;
}
h1 
{ font-size: 2.2em !important; }
h2 
{ font-size: 1.8em !important; }
h3 
{ font-size: 1.4em !important; }


a, a:link, a:visited 
{
    color: #0000AA !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}
a:hover, a:focus 
{
    color: #FFFFFF !important;
    background-color: #0000AA !important;
}


header nav a.button 
{
    background-color: #dddddd !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    text-decoration: none !important;
    padding: 0.5em 1em !important;
}
header nav a.button:hover,
header nav a.button:focus,
header nav a.button.active-link 
{
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}


#style-switcher 
{
    background-image: none !important;
    background-color: #ffffff !important;
    border-bottom: 2px solid #000000 !important;
    padding: 0.5em !important;
}
#style-switcher button 
{
    background-color: #cccccc !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    padding: 0.4em 0.8em !important;
    font-weight: bold !important;
}
#style-switcher button:hover,
#style-switcher button:focus 
{
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Tartalmi */
section, article, figure, details, table 
{
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    padding: 1em !important;
    margin-bottom: 1em !important;
}
details summary 
{
    font-weight: bold !important;
    color: #000000 !important;
    padding: 0.3em !important;
    border-bottom: 1px dashed #000000 !important;
    margin-bottom: 0.5em !important;
}
figcaption 
{
    color: #000000 !important;
    font-style: normal !important;
    font-weight: bold !important;
    margin-top: 0.5em !important;
}

input[type="text"],
textarea,
input[type="submit"],
button 
{
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
    padding: 0.5em !important;
    font-size: 1em !important;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus 
{
    background-color: #000000 !important;
    color: #ffffff !important;
}
label, legend 
{
    color: #000000 !important;
    font-weight: bold !important;
    padding-bottom: 0.3em !important;
    display: inline-block;
}
fieldset 
{
    border: 2px solid #000000 !important;
    padding: 1em !important;
    margin-top: 1em !important;
}
input[type="radio"],
input[type="checkbox"] 
{
    margin-right: 0.5em !important;
    transform: scale(1.5);
    accent-color: #0000AA;
}


/* Videó és kép  */
video, img 
{
    border: 1px solid #000000 !important;
}

/* Táblázat */
table 
{
    border-collapse: collapse !important;
}
th, td 
{
    border: 1px solid #000000 !important;
    padding: 0.5em !important;
    text-align: left !important;
}
thead th, caption 
{
    background-color: #dddddd !important;
    color: #000000 !important;
    font-weight: bold !important;
}
caption 
{
    padding: 0.5em !important;
    border-bottom: 2px solid #000000 !important;
}