@import "bootstrap.glyphicons.css";

body {
    font-family: 'Arial';
    color: #4E4D50;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4E4D50;
    font-family: 'Lato';
    font-weight: bold;
}

a:hover,
a:focus {
    text-decoration: none;
}

.koeppen-nav {
    box-shadow: 0 0 10px rgba(25, 25, 25, .33);
    background-color: #EDEAEA !important;
}

.koeppen-nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 100, 175, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    transition: background-image .25s;
}

.koeppen-nav .navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 100, 175, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    cursor: pointer;
}

.koeppen-nav .navbar-brand>img {
    height: 116px;
}

.koeppen-nav .navbar-collapse {
    padding-bottom: 20px;
}

.koeppen-nav .navbar-nav .nav-link {
    color: #4E4D50;
    padding-right: 25px;
    padding-left: 25px;
}

.koeppen-nav .navbar-nav li.dropdown > .dropdown-menu {
    border: none;
    background: #EDEAEA;
    text-align: left;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 5px rgba(25,25,25,.33);
    min-width: 150px;
    top: calc(100% + 25px);
}

.koeppen-nav .navbar-nav li.dropdown > .dropdown-menu > li > a {
    border-bottom: 2px solid #333;
    font-size: 1rem;
}

.koeppen-nav .navbar-nav li.dropdown > .dropdown-menu > li:last-child > a {
    border-bottom: none;
}

.koeppen-nav .navbar-nav > .nav-item {
    border-bottom: 2px solid transparent;
}

.koeppen-nav .navbar-nav > .nav-item.active {
    border-bottom: 2px solid #0076BD;
    color: #0076BD;
}

.koeppen-nav .navbar-nav > .nav-item.active > .nav-link {
    color: #0076BD;
}

.koeppen-nav .navbar-nav > .nav-item.active .nav-item.active .nav-link {
    color: #0076BD;
}

.koeppen-nav .nav-lang {
    margin-left: 15px;
}

.navbar-nav .nav-lang .nav-link {
    border: 1px solid #0064af;
    border-radius: 0;
    padding: 5px 10px;
    font-weight: bold;
}

.navbar-nav .dropdown-toggle::after {
    display: none;
}

.navbar-nav .search-li a.dropdown-toggle {
    color: #4E4D50 !important;
}

.koeppen-nav .mod-languages ul {
    list-style: none;
    display: flex;
    margin-bottom: 0;
    padding: 0;
    border: 1px #4E4D50 solid;
}

.koeppen-nav .mod-languages a {
    color: #4E4D50 !important;
    display: block;
    padding: 3px 5px;
}

.main-container {
    margin-top: 140px;
    overflow: hidden;
}

.main-container .top-slider {
    /*margin-top: -30px;
    margin-bottom: 30px;*/
    overflow: hidden;
}

.main-container>.container-fluid {
    padding: 0;
}

footer {
    background-color: #3D3C3F;
    color: #fff;
    overflow: hidden;
    font-size: 0.8rem
}

footer>.container {
    margin-top: 50px;
    margin-bottom: 50px;
}

footer .copyright {
    margin-top: 25px;
    color: #888;
}

footer ul.footer-nav .nav-link {
    padding: .2rem 1rem;
    color: #fff;
}

footer ul.footer-nav .nav-link.active {
    text-decoration: underline;
}

/*Diverses*/
.readmore {
    font-weight: bold;
}

.readmore.btn {
    padding: 8px 0;
}

.btn-success {
    background-color: #0064af;
    border-color: #fff;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0064af;
    border-radius: 0px;
}

.chronoforms6_credits {
    display: none;
}

.ui.green.button,
.ui.green.buttons .button {
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 0px;
    background-color: #0064af !important;
}

/*footer*/
.footer-02>p {
    margin-bottom: 34px;

}

.footer-02 p:last-child {
    margin-top: -16px;
}

.footer-03>p {
    margin-bottom: 35px;
}

.footer-04>p {
    margin-bottom: 28px;
}

/*dropdown-menu*/
.dropdown-menu {
    border-radius: 0px;
    min-width: 15rem;
    font-size: 13px;
    text-align: right;
}


@media (max-width: 1199px) {
    .koeppen-nav .navbar-nav .nav-link {
        font-size: 0.85rem;
    }

    .dropdown-menu {
        text-align: left;
        border: 0px;
    }
}

@media (max-width: 991px) {
    .koeppen-nav .nav-lang {
        margin-left: 0;
        margin-top: 15px;
    }

    footer .footer-menu>.row {
        margin: 30px -30px 0;
    }

    footer .footer-menu ul.nav .nav-link {
        padding: .5rem 1rem;
    }

    .align-self-end {
        padding-left: 30px;
    }

    @media (max-width: 767px) {
        .koeppen-nav .navbar-brand>img {
            height: 43px;
        }

        .main-container {
            margin-top: 100px;
        }

        .align-self-end {
            padding-left: -30px;
        }

        .dropdown-menu {
            text-align: left;
            border: 0px;
        }
    }

    @media (max-width: 575px) {
        .dropdown-menu {
            text-align: left;
            border: 0px;
        }

        footer .footer-menu>.row {
            margin: 15px -15px 0;
            width: auto;
        }

        footer .footer-menu ul.nav {
            margin: 10px 0;
        }

        footer .footer-menu ul.nav>a {
            background-color: #ddd;
            margin-bottom: 2px;
        }

        footer .footer-menu ul.nav>a:hover {
            background-color: #ccc;
        }

        .align-self-end {
            padding-left: 15px;
        }

        /*footer*/
        .footer-01 p:last-child {
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #0064af;
        }

        .footer-02 p:last-child {
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #0064af;
        }

        .footer-03 p:last-child {
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #0064af;
        }

        .footer-04 p:last-child {
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #0064af;
        }

        .footer-02 p:last-child {
            margin-top: 0px;
        }

        .footer-03>p {
            margin-bottom: 0px;
        }

        .footer-04>p {
            margin-bottom: 0px;
        }
    }