@charset "UTF-8";


html {
    scroll-behavior: smooth;
}

body {
    background: #f5f5f5;
    color: #3c3c3c;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.3em;
}

a {
    transition: all 0.3s ease;
}

/* Content */

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

.align-left {
    float: left;
    margin-right: 1rem;
}

.align-right {
    float: right;
    margin-left: 1rem;
}

.align-center {
    margin-right: auto;
    margin-left: auto;
}

.divider {
    background: rgb(174 185 196 / 35%);
    height: 2px;
    margin: .5rem 0;
}


/* Header */

.site-header {
    background: #e9ecef;
    border-top: .325rem solid #e6591d;
    box-shadow: 0 0 .5rem #aaa;
    margin-bottom: 2rem;
}

.site-header .navbar {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
}

.site-header .navbar > .container {
    padding: 0;
}

.site-header .navbar-nav {
    gap: .25rem;
}

.site-header .navbar-nav .nav-link {
    color: #222;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 3rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.site-header .navbar-nav .nav-link:focus,
.site-header .navbar-nav .nav-link:hover {
    color: #e6591d;
}

.site-header .navbar-nav .nav-home i {
    font-size: .925rem;
}

.site-header .navbar-nav .nav-home em {
    display: none;
}


/* Home Slider */

.home-slider {
    margin-bottom: 2rem;
}

.home-slider .carousel.slide button {
    background: transparent;
    border: 0;
    cursor: pointer;
    width: 3rem;
}

.home-slider .carousel-indicators li {
    cursor: pointer;
    height: 6px
}

.home-slider .owl-theme .owl-nav.disabled+.owl-dots {
    bottom: .5rem;
    left: 0;
    line-height: 1;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.home-slider .owl-theme .owl-dots .owl-dot span,
.home-slider .owl-theme .owl-dots .owl-dot.active span,
.home-slider .owl-theme .owl-dots .owl-dot:hover span {
    margin: 2px 4px;
    transition: all 0.3s ease;
}

.home-slider .owl-theme .owl-dots .owl-dot.active span,
.home-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #e6591d;
}


/* Content area */

.content-area {
    background: #e9ecef;
    border: .125rem solid #aeb9c4;
    border-radius: .325rem;
    margin-bottom: 1.125rem;
    padding: 1rem;
}

.cities-list a:after {
    content: '·';
    display: inline-block;
    margin: 0 0 0 .45rem;
}
.cities-list a:last-child:after {
    display: none;
}

.content-area ol,
.content-area ul {
    margin-left: 0;
    padding-left: 1rem;;
}

.content-area ol {
    padding-left: 1.125rem;
}

.content-area li {
    line-height: 1.65rem;
    line-height: initial;
    margin-bottom: .425rem;
}

.content-area .page-title {
    border-bottom: 1px dashed #aaa;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.5em;
}

.content-area p {
    line-height: 1.325rem;
    text-align: justify;
}

.content-area p:last-child {
    margin-bottom: 0;
}

.content-area a i {
    margin-left: .5rem;
}

.image-of-president {
    float: right;
    margin-bottom: 1rem;
    margin-left: 1rem;
    max-width: 45%;
}


/* Widget area / sidebar */

.widget {
    background: #e9ecef;
    border: .125rem solid #aeb9c4;
    border-radius: .325rem;
    margin-bottom: 1.125rem;
}


.widget .widget-title,
.widget .widget-content {
    padding: 1rem;
}

.widget .widget-title {
    background: #aeb9c4;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.525rem;
    font-weight: 600;
    letter-spacing: .0325rem;
    line-height: 1.5rem;
    margin-bottom: 0;
    padding: .6rem 1rem .8rem;
    text-shadow: 0 .125rem .125rem #738699;
}

.widget .widget-content {
}

.widget .widget-content ul {
    list-style: disc;
    padding-left: 1rem;
}

.widget .widget-content li {
    color: #465360;
    margin-bottom: 1.2em;
}

.widget .widget-content a {
    color: #e6591d;
}

.widget .widget-content li a {
    color: #465360;
}

.widget .widget-content li:last-child {
    margin-bottom: 0;
}

.widget-content p:last-child {
    margin-bottom: 0;
}

.widget-announcements {
}

.widget-sponsor .munich-ecns-img {
    margin-bottom: .725rem;
}

.widget-sponsor .munich-ecns-text {
    display: block;
    line-height: 1.125rem;
}


/**
 * Contact Form
 */

.sec-title{
    margin-bottom: 1rem;
}

.sec-title h2 {
    font-size: 22px;
    line-height: 1.2em;
}


.contact-form .form-group{
    position: relative;
    margin-bottom: 1rem;
}

.contact-form .form-group:last-child{
    margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select{
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 14px;
    color: #777777;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 20px;
    background-color: #ffffff;
    border: 1px solid #dadada;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
    border-color:#2c598e;
}

.contact-form .form-group textarea {
    height: 240px;
    resize: none;
    margin-bottom: 1rem;
}

.contact-form label.error{
    display: block;
    font-weight: 500;
    font-size: 1rem;
    text-transform: capitalize;
    line-height: 1.25rem;
    color: #ff0000;
    padding-top: .625rem;
}


/**
 * Footer
 */

.site-footer .row {
    background: #465360;
    border-radius: .325rem;
    color: #fff;
    font-weight: 300;
    margin-bottom: 2rem;
    padding: 2rem;
}

.site-footer a {
    color: #fff;
    font-style: italic;
    text-decoration: none;
}


/**
 * Media queries for different screen sizes.
 */

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 768px) {

    .row {
        margin: 0 auto;
        max-width: 100%;
    }

    .site-header {
        margin-bottom: 1rem;
    }

    .site-header .site-branding {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .site-header .site-branding img {
        max-width: 75%;
    }

    .site-header .main-navigation {
        display: none;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .show-menu .site-header .main-navigation {
        background: #000;
        bottom: 0;
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 5.5rem;
        z-index: 99999;
    }

    .site-header .main-navigation a,
    .site-header .navbar-nav .nav-link {
        color: #fff;
    }

    .site-header .navbar-nav .nav-item {
        border-bottom: 1px solid;
    }

    .site-header .dropdown-menu {
        background: #000;
        margin: 0 0 1rem;
        padding: 0;
        text-align: center;
    }

    .site-header nav.navbar {
        padding-top: .75rem;
    }

    .site-header button.navbar-toggler {
        font-size: 2rem;
        position: absolute;
        right: 1rem;
        top: 1.5rem;
        z-index: 99999;
    }

    .site-header .navbar-nav .nav-link {
        display: block;
        line-height: 1;
        padding: 1rem 0 1.5rem;
    }

    .site-header .navbar-nav .nav-item.dropdown.show {
        line-height: 1rem !important;
        padding-bottom: 1rem;
    }

    .site-header .navbar {
        padding: 0;
        text-align: center;
    }

    .site-header .navbar-nav .nav-home i {
        display: none;
    }

    .site-header .navbar-nav .nav-home em {
        display: block;
    }


    .col-md-8:has(.content-area),
    .widget-area {
        padding-right: 0;
        padding-left: 0;
    }

    .content-area p {
        text-align: left;
    }

    .home-slider {
        margin-bottom: 1rem;
    }

    .home-slider .carousel-indicators {
        bottom: .4rem;
        margin-bottom: 0;
    }

}