/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

.body {
    margin: 0 auto;
    font-family: 'PT Sans', sans-serif;
    margin-bottom: 20px;
}

.header-logo {
    margin-bottom: 20px;
}

.responsive {
    max-width: 100%;
    height: auto;
}

.homepage-img {
    padding: 0;
    margin: 0;
    z-index: 9999;
    margin-top: 10px;
}

header {
    padding: 30px 0px 30px 0px;
    font-family: 'PT Sans', sans-serif;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
}
.register-btn {background-color: #8872b3; color: #ffffff; font-size: 17px; text-transform: uppercase; padding: 15px 15px; color: #ffffff; margin-left: 10px;}
.register-btn:hover {color: #ffffff; background-color: #532f91; text-decoration: none;}
.login-btn {background-color: #532f91; color: #ffffff; font-size: 17px; text-transform: uppercase; padding: 15px 15px; margin-left: 10px; color: #ffffff;}
.login-btn:hover{color: #ffffff; background-color: #8872b3; text-decoration: none;}
.login-btn i.fa, .register-btn i.fa {margin-right: 30px;}

#logout {list-style-type: none; padding-left: 0px;}
#logout a {color: #532f91;}
#logout li a {font-weight: bold;/*background-color: #8872b3; font-size: 17px; text-transform: uppercase; padding: 15px 15px;  color: #ffffff;*/}

.navbar {background-color: #532f91;}
.navbar ul {list-style-type: none; text-transform: uppercase; font-family: 'PT Sans', sans-serif; font-size: 16px;}
/* TOP LEVEL */
.navbar ul.navbar-nav {position: relative; z-index: 1;}
.navbar ul.navbar-nav li {background-color: #532f91;}
.navbar ul.navbar-nav li a {            
    color: #ffffff;
    border-bottom: 1px solid #FFF;
    border-radius: 0;
    display: block;
    margin-bottom: 0;
    padding: 9px 15px 9px 10px;
}
/* 2nd LEVEL */   
.navbar ul.navbar-nav li ul {padding: 0; z-index: 1;}
.navbar ul.navbar-nav li ul li {background-color: #8872b3;}
.navbar ul.navbar-nav li ul li a {color: #ffffff; padding: 9px 15px 9px 25px;}
/* 3rd LEVEL */
.navbar ul.navbar-nav li ul li ul {padding: 0; z-index: 1;}
.navbar ul.navbar-nav li ul li ul li {background-color: #e1d8f1;}
.navbar ul.navbar-nav li ul li ul li a {color: #532f91; padding: 9px 15px 9px 40px;}


#search {background-color: #532f91;}
#search form {padding: 10px; margin-top: 0px; z-index: 1;}
#search form .search {text-align: center;}
#search form .search .inputbox {width: 75%; border: none; padding-left: 5px; color: #532f91;}
#search form .search .button {width: 25%; background-color: #8872b3; border: none; color: #ffffff;}

button.btn-primary {background-color: #532f91; border: none;}
button.btn-primary:hover {background-color: #8872b3;}

.nivo-slider-wrapper {margin-bottom: 25px!important; z-index: 2;}

#position-breadcrumb {}
#position-breadcrumb ul.breadcrumb {background-color: #e9e7f2;}
#position-breadcrumb ul.breadcrumb a {color: #532f91;}
#position-breadcrumb .divider {margin-right: 5px; margin-left: 5px;}

.alert {position: inherit!important;}

#content {margin-top: 20px;}
#content a {color: #532f91;}
.pagination {width: 360px; text-align: center; margin: 50px auto 0 auto;}
.pagination ul li {list-style-type: none; float: left; padding: 0px 10px;}

ul.nav.nav-tabs.nav-stacked {margin-top: 20px; margin-bottom: 20px;}
ul.nav.nav-tabs.nav-stacked li {margin-right: 20px;}

.home-boxes {margin-top: -70px; z-index: 1; font-family: 'PT Sans', sans-serif; float: left;}
.home-boxes h3 {color: #532f91; text-transform: uppercase; text-align: center; margin-bottom: 30px;}
.top-row {background-color: #e9e7f2; /*width: 100%;*/ height: 400px; border-bottom: 5px solid #532f91; margin-bottom: 20px; padding: 30px 30px;}
.top-row img {display: block; margin-left: auto; margin-right: auto;}
.bottom-row {background-color: #ffffff; /*width: 100%;*/ height: 400px; border-bottom: 5px solid #532f91; margin-bottom: 20px; padding: 5px 5px;}
.bottom-row img {display: block; margin-left: auto; margin-right: auto;}

.latest-news {list-style-type: none;}
.latest-news li {}
.latest-news li:last-child {}
.latest-news a {color: #000000!important; font-size: 17px; font-weight: bold; float: right; width: 75%; text-align: left; padding: 0px 10px 10px 20px; margin-bottom: 15px;}
.mod-articles-category-date {color: #532f91; float: left; background-color: #d1c8e3; width: 25%; padding: 20px 10px; text-align: center; font-size: 18px; font-weight: bold;}

.latest-news-btn {
    height: 54px;
    width: 160px;    
    margin-top: 250px;
}

.page-header {margin-bottom: 40px;}

fieldset legend {padding: 10px 0px;}
fieldset .control-group {background-color: #f9f9f9; padding: 10px 20px 10px 20px;}
.control-group .controls .btn {margin-top: 20px;}

/* Inside pages - right hand menu */
#right-menu {list-style-type: none; padding-left: 0; margin-top: 10px; margin-bottom: 50px;}
#right-menu li {border-bottom: 1px solid #532f91; padding: 10px;}
#right-menu li:hover {background-color: #e9e7f2;}
#right-menu li a {}
#right-menu li a:hover {text-decoration: none;}
#right-menu #current.selected {background-color: #e9e7f2;}


div.jwts_toggleControlContainer a.jwts_toggleControl {background-image: none; background-color: #e9e7f2; border: 1px solid #d1c8e3;}
div.jwts_content {border: 1px solid #d1c8e3; border-top: none;}

/* JEevents event title in table */
table.eventlist .eventlist_col a.ev_link_row:link {font-size: 16px!important;}


footer {
    background-color: #532f91;
    color: #ffffff;
    font-family: 'PT Sans', sans-serif;
}

footer .container-fluid {
    margin: 0 auto;
}

.footer-left {margin-top: 20px;}
.footer-right {text-align: left; float: left;}

footer a {color: #ffffff;}
footer a:hover {color: #ffffff; text-decoration: underline;}

footer ul {list-style-type: none;}
footer ul li {
    display: inline;
    padding: 0 10px 0 10px;
    border-right: 2px solid #ffffff;
}
footer ul li:last-child {border-right: none; padding: 0 0 0 10px;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .latest-news a {padding: 20px;}
    .mod-articles-category-date {padding: 20px;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .homepage-img {}
    
    .top-row {/*width: 100%;*/ height: 450px; margin-bottom: 50px;}
    .bottom-row {height: 450px; margin-bottom: 50px;}
    /*.middle-box {margin: 0 10px;}*/

    #search form .search .inputbox {width: 85%;}
    #search form .search .button {width: 15%;}

    .bottom-row {padding: 0px 5px 0px 0px;}

    .latest-news li {}
    .latest-news li:last-child {margin-top: 20px;}
    .latest-news a {color: #000000; font-size: 15px; font-weight: bold; float: left; width: auto; text-align: left; padding: 0px; margin-bottom: 5px;}
    .mod-articles-category-date {color: #532f91; float: left; background-color: #d1c8e3; width: auto; padding: 5px; text-align: center; font-size: 17px; font-weight: bold; margin-bottom: 20px;}

    .latest-news-btn {margin-top: 287px;}

    .item-page {padding: 0 20px;}

    .pagination {width: 640px;}

    .footer-left {width: 50%;}
    .footer-right {width: 50%; text-align: right;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .navbar {border-bottom: 5px solid #ffffff; margin-top: 25px; padding: 0; margin-bottom: 0px;}
    .navbar ul {font-size: 18px;}
    /* TOP LEVEL */
    .navbar ul.navbar-nav {position: relative;}
    .navbar ul.navbar-nav li {background-color: #532f91; padding: 20px 30px;}
    .navbar ul.navbar-nav li a {text-decoration: none; display: inline; padding: 0px; border-bottom: none;}
    .navbar ul.navbar-nav li:hover {background-color: #8872b3;}
    .navbar ul.navbar-nav li#current {background-color: #8872b3;}
    .navbar ul.navbar-nav li#current a {color: #ffffff;}
    /* 2nd LEVEL */   
    .navbar ul.navbar-nav li ul {background-color: #8872b3; display: none; margin-left: -30px; margin-top: 20px;}
    .navbar ul.navbar-nav li:hover > ul {display: block; position: absolute;}
    .navbar ul.navbar-nav li ul li {/*min-height: 94px;*/}
    .navbar ul.navbar-nav li ul li a {color: #ffffff; padding: 0px;}
    .navbar ul.navbar-nav li ul li:hover {background-color: #532f91;}
    .navbar ul.navbar-nav li ul li#current {background-color: #532f91;}
    .navbar ul.navbar-nav li ul li#current a {color: #ffffff;}
    /* 3rd LEVEL */
    .navbar ul.navbar-nav li ul li ul {background-color: #532f91; display: none; right: -325px; width: 325px; margin-top: -47px;}
    .navbar ul.navbar-nav li ul li:hover > ul {display: block; position: absolute;}
    .navbar ul.navbar-nav li ul li ul li {background-color: #532f91; /*min-height: 94px;*/}
    .navbar ul.navbar-nav li ul li ul li a {color: #ffffff; padding: 0px;}
    .navbar ul.navbar-nav li ul li ul li:hover {background-color: #8872b3;}
    .navbar ul.navbar-nav li ul li ul li#current {background-color: #8872b3;}
    .navbar ul.navbar-nav li ul li ul li#current a {color: #ffffff;}

    .search-button {margin-right: 20px;}
    #search form {padding: 20px;}
    #search form .search .inputbox {width: 90%; height: 50px; padding-left: 20px; font-size: 20px;}
    #search form .search .button {width: 10%; height: 50px;}

    .homepage-img {
        margin-top: -105px;
    }

    .home-slider {
        margin: 0 auto;
        float: left;
        width: 100%;
        margin-top: -540px;
    }

    #content {min-height: 381px;}
    #jevents {padding: 0 20px;}
    .blog-news {padding: 0 20px;}
    .registration, .login, .reset, .remind {padding: 0 20px;}

    .top-row {height: 400px; padding: 30px 30px;}
    .bottom-row {height: 400px; padding: 15px 5px;}
    .middle-box {}

    .latest-news {list-style-type: none;}
    .latest-news li {}
    .latest-news li:last-child {}
    .latest-news a {color: #000000; font-size: 16px; font-weight: bold; float: right; width: 75%; padding: 0px 10px 10px 20px; margin-bottom: 15px;}
    .mod-articles-category-date {float: left; width: 25%; padding: 10px; text-align: center; font-size: 18px; font-weight: bold;}

    .latest-news-btn {margin-top: 260px;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .header-logo {margin-bottom: 0px;}
    .container {min-width: 65%;}

    .search-button {margin-right: 50px;}
    #search form .search .inputbox {width: 93%;}
    #search form .search .button {width: 7%;}

    .home-boxes h3 {margin-bottom: 40px;}
    .bottom-row {height: 400px; padding: 30px 30px;}

    .latest-news a {color: #000000; font-size: 16px; font-weight: bold; float: right; width: 75%; text-align: left; padding: 0px 10px 10px 25px; margin-bottom: 20px;}
    .mod-articles-category-date {color: #532f91; float: left; background-color: #d1c8e3; width: 25%; padding: 20px 10px; text-align: center; font-size: 18px; font-weight: bold;}

}

/*HUGE devices (2000px and up) */
@media (min-width: 2000px) {
    .container {min-width: 1800px;}

    .homepage-img {
    width: 100%;
}

}