/* Main */

:root
{
    --clr-bg: #fbf1e2;
    --clr-main: #ffa500;
    --clr-accent: #fc8a00;
    --clr-light: #fbf1e2;
}

body
{
    font-family: 'Roboto', sans-serif;
    color: black;
    background-color: var(--clr-bg);
    margin: 0px;
    padding: 0px;
}

#page_wrapper
{
    position: relative;
    min-height: 100vh;
}

/* Header */

body header #logo
{
    width: 250px;
    max-width: 45%;
}

body header
{
    padding-top: 30px;
}

body header nav .navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus 
{
    outline: none;
    border: none;
    box-shadow: none;
}

body header nav .nav-item
{
    margin: 0px 10px 0px 0px;
}

body header .navbar-nav .nav-item-condensed
{
    margin: 0px;
    padding: 0px;
}

body header .navbar-nav .nav-item-condensed .nav-link
{
    padding-left: 4px;
    padding-right: 4px;
}

body header nav .nav-icon
{
    height: 16px;
    margin-top: -4px;
    margin-right: 3px;
    margin-left: 3px;
}

body header nav .material-icons
{
    margin-right: 0px;
}

body header nav a.nav-link
{
    text-transform: uppercase;
}

body header nav .dropdown-menu
{
    min-width: 50px;
}

/* Footer */

body footer
{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 160px;
    text-align: center;
    font-size: 0.6em;
}

body footer hr
{
    width: 96%;
    margin: 0px auto 45px auto;
}

body footer p
{
    margin-bottom: 8px;
}

body footer img.footer-icon
{
    height: 20px;
}

/* Content */

div#page_content
{
    padding: 40px 0px 260px 0px;
    margin: 0px;
}

div#page_content h1
{
    margin: 15px 0px 15px 0px;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
}

div#page_content h2
{
    margin: 15px 0px 5px 0px;
    font-size: 1.3em;
}

div#page_content p
{
    margin: 10px 0px 15px 0px;
    text-align: justify;
    text-justify: auto;
}

div#page_content .img-link
{
    margin-bottom: 40px;
}

div#page_content .img-link a
{
    text-align: right;
    font-size: 1.5em;
    font-weight: 500;
    color: black;
    text-transform: uppercase;
}

div#page_content .img-link a:hover
{
    text-decoration: none;
}

div#page_content .img-link img
{
    width: 800px;
    margin: 0px;
}

div#page_content a
{
    color: var(--clr-main);
    text-decoration: none;
}

div#page_content a:hover
{
    text-decoration: underline;
}

div#page_content img
{
    border: 1px solid black;
    margin: 0px;
}

div#page_content img.img-med
{
    width: 600px;
    margin: 0px;
}

div#page_content p.pre-list
{
    margin-bottom: 0px;
}

div#page_content ul
{
    padding-left: 32px;
}

/* Forms */

div#page_content form
{
    padding-top: 30px;
    padding-bottom: 30px;
}

div#page_content form label.required::after
{
    content: ' *';
}

div#page_content form div.form-group
{
    margin-bottom: 15px;
}

div#page_content form .btn-primary
{
    margin-top: 20px;
    background-color: var(--clr-main);
    border: none;
    color: black;
}

div#page_content form .btn-primary:hover
{
    background-color: var(--clr-accent);
    color: black;
}

/* Tables */

div#page_content table.table tr.strikeout td
{
    text-decoration: line-through;
}

div#page_content table.table td a
{
    color: var(--clr-main);
}

div#page_content table.table td a .material-icons
{
    color: black;
}

/* Icons */

.material-icons
{
    margin-top: -4px;
    margin-right: 4px;
    vertical-align: middle;
}

div#page_content .country-icon
{
    margin-left: 8px;
    margin-top: -4px;
    width: 25px;
    vertical-align: middle;
    border: none;
}

/* Buttons */

div#page_content .btn-primary
{
    background-color: var(--clr-main);
    border: none;
    color: black;
}

div#page_content .btn-primary:hover
{
    background-color: var(--clr-accent);
    text-decoration: none;
}

/* Captcha */

div.g-recaptcha
{
    padding: 0px;
}

/* Helpers */

#page_content .ta-right
{
    text-align: right;
}

#page_content .ta-center
{
    text-align: center;
}

#page_content .error
{
    color: var(--clr-main);
}

#page_content .mb
{
    margin-bottom: 40px;
}

#page_content .lg-mb
{
    margin-bottom: 40px;
}
@media (max-width: 991px)
{
    #page_content .lg-mb
    {
        margin-bottom: 0px;
    }
}

#page_content .bold
{
    font-weight: bold;
}

#page_content .ita
{
    font-style: italic;
}