/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18-Mar-2014, 22:48:15
    Author     : pe7er
*/

/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
    url('../fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/source-sans-pro-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
    url('../fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/source-sans-pro-v13-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
    url('../fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/source-sans-pro-v13-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-regular - latin */
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    src: local('Merriweather Regular'), local('Merriweather-Regular'),
    url('../fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/merriweather-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* merriweather-700 - latin */
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    src: local('Merriweather Bold'), local('Merriweather-Bold'),
    url('../fonts/merriweather-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/merriweather-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body{
    background:#eaedf1 url("../images/ESPRit_header.png") repeat-x left top;
    height:23px;
    font-family: 'Merriweather', serif;
    font-size: 15px;
}

h1, h2, h3{
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: 700;
    color:#23a9da;
}
h1{
    font-size:20px;
}
h2{
    font-size:17px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}
h3{
    font-size:15px;
}

p{
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: 400;
    font-size:15px;
    color:#000;
    line-height: 30px;
}

a {
    color: #23a9da;
    text-decoration: none;
}
a:hover {
    color: #c93727;
    text-decoration: none;
}

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


/* Header */
#first{
    margin-top:23px;
    background-color: #fff;
    /*max-height: 215px;*/
}

header{
    background-color:#fff;
    height:216px;
}

.logo{
    margin-left:25px;
    margin-top:33px;
}

/* Navigation */
nav{
    margin-top:87px;
}
@media (max-width: 767px) {
    nav{
    margin-top:20px;
}
}
.nav-pills > li {
    text-align:center;
}
.nav-pills > li + li {
    margin-left: 0px;
}
.nav-child > li{
    text-align:left;
    /*padding:5px 0 10px 20px;    */
    padding: 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #23a9da;
}
.nav-pills > li > a:focus {
    background-color: #fff;
}
.nav-pills > li.active > a:hover{
    background-color: #23a9da;
}
.nav.menu.nav-pills{
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    letter-spacing:1px;
    float: right;
}
.nav.menu.nav-pills > li{
    width:138px;
    border-radius: 0px;
    position: relative;
    padding-bottom: 40px;
}

.nav > li > a {
    padding: 14px 15px 10px 15px;
    color:#000;
}
.nav > li > a:hover, .nav-pills > li:hover > a {
    background: #23a9da;
    color:#fff;
}
/*@media (max-width: 991px) {
    .nav.menu.nav-pills > li {
        width: 135px;
    }
}*/
select.mobile-menu {
    width: 100%;
    color: #555;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding: 4px 6px;
    margin-bottom: 20px;
}
.parent{
    /*margin-bottom:15px;*/
}
.nav-child.unstyled.small{
    background-color:#f4f9fd;
    padding:0 5px 0px 5px;
    position: absolute;
    left:0;
    right:0;
    top:70px;
    z-index: 999;
display: none;
}
.nav-child.unstyled.small > ul{
    list-style-type: none;
    list-style: none;
}
.nav-child.unstyled.small > li > a{
    display: block;
    padding: 5px 5px 10px 20px;
    color:#000;
    list-style-type:none;
    list-style-image: none;
    padding-bottom: 26px;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:14px;
    line-height: 21px;
    letter-spacing:0px;
}
.nav-child.unstyled.small > li > a:hover, .nav-child.unstyled.small > li > a:active, .nav-child.unstyled.small > li.active > a {
    color: #23a9da;
    text-decoration: none;
}
ul.nav-child.unstyled.small > li {
    list-style-type: none;
}
.nav-pills > li > a {
    border-radius: 0px;
}
.nav-pills > li:hover .nav-child.unstyled.small {
    display: block;
}
.nav-child.unstyled.small > li > a:hover a:active{}

.dia{
    line-height: 0%;
    width: 0px;
    height: 23px;
}
.nav-pills > li:hover {
    background-color: #f4f9fd;
}
.nav-pills > li.active.parent .dia, .nav-pills > li:hover .dia {
    background-color:#23a9da;
    border-top: 23px solid transparent;
    border-right: 138px solid #f4f9fd;
}
.nav-pills > li.active.parent .dia {
    border-right-color:#fff;
}
.nav-pills > li.active.parent:hover .dia {
    border-right-color: #f4f9fd;
}
.nav-pills > li.active.parent .dia.even, .nav-pills > li:hover .dia.even {
    background-color:#23a9da;
    border-top: 23px solid transparent;
    border-left: 138px solid #f4f9fd;
    border-right: none;
}
.nav-pills > li.active.parent .dia.even {
    border-left-color:#fff;
}
.nav-pills > li.active.parent:hover .dia.even {
    border-left-color: #f4f9fd;
}
/* Content */
.breadcrumb {
    background-color:#eaedf1;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color:#959799;
    padding-left: 0px;
    border-bottom: 1px solid #9ca0a5;
    border-radius:0px;
    padding: 0px 15px 8px 0px;
    margin: 20px 0;

}
.breadcrumb > .active {
    content: "";
}
.breadcrumb > li + li:before{
    content: "";
    padding: 0px 5px 0px 0px;
}
.breadcrumb > li.no-padding + li:before{
    content: "";
    padding: 0px;
}
#content a{
    color:#000;
    text-decoration: none;
    font-weight: bold;
}
#content a:hover{
    color:#c93727;
    text-decoration: none;
    font-weight: bold;
}

/* events module*/
.moduletable-events{
    width: 261px;
    background-color:#fff;
}
.moduletable-events h3{
    background-color:#fff;
    height:58px;
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    padding: 25px 0px 0px 30px;
    color:#c93727;
}
.diagonal-events{
    background-color:#fff;
    line-height: 0%;
    width: 0px;
    border-top: 39px solid transparent;
    border-left: 261px solid #c93727;
}
.custom-events{
    background-color:#c93727;
    padding-bottom: 20px;
}
.moduletable-events p{
    padding:5px 20px 5px 30px;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height:20px;
    color:#fff;
}
.moduletable-events a{
    color:#fff;
    font-style: italic;
}
.moduletable-events a:hover{
    color:#000;
    font-style: italic;
}

/* twitter module*/
.moduletable-twitter{
    width: 261px;
    background-color:#23a9da;
    margin-bottom: 30px;
}
.moduletable-twitter h3{
    background-color:#23a9da;
    height:58px;
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    padding: 25px 0px 0px 30px;
    color:#fff;
}
.diagonal-twitter{
    background-color:#23a9da;
    line-height: 0%;
    width: 0px;
    border-top: 39px solid transparent;
    border-right: 261px solid #fff;
}
.custom-twitter{
    background-color:#fff;

}
.moduletable-twitter p{
    padding:5px 20px 5px 50px;
    color:#23a9da;
}
.TDB-tweet{
    background-color:#fff;
    padding:10px 30px 20px 30px;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height:20px;
}

/* Footer */
#footer{
    background:#eaedf1 url("../images/ESPRit_footer.png") repeat-x left top;
    height:114px;
    margin-top: 60px;
}
footer p{
    margin-top:15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size:12px;
    color:#fff;
    line-height: 17px;
}
footer a{
    color:#fff;
}
footer a:hover{
    color:#000;
}

.form-horizontal .control-label {
    text-align: left;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
background-color: #e0e4ec;
}

.well {
min-height: 0px;
padding: 19px;
margin-bottom: 0px;
background-color: transparent;
border: 0px solid #e3e3e3;
border-radius: 0px;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .00);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .00);
}

table, label, .chzn-container {
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: 400;
    font-size:15px;
    color:#000;
    line-height: 30px;
}

.pagination-toolbar {
    font-family: 'Merriweather', serif;
    font-style: normal;
    font-weight: 400;
    font-size:15px;
    color:#000;
    line-height: 30px;
}

.thumbnail {
display: block;
padding: 4px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
width: 50px;
margin-bottom: 0px;
}

#map {
    width: auto;
    height: 450px;
    border: solid 1pt #b2b2b2;
}

/* Optional responsive image override */
img { max-width: none; }

.office:before{
    content: "\e600";
}
.phone:before{
    content: "\e601";
}
.earth:before{
    content: "\e602";
}
.mail:before{
    content: "\e603";
}
.googleplus:before{
    content: "\e604";
}
.facebook:before{
    content: "\e605";
}
.twitter:before{
    content: "\e606";
}
.linkedin:before{
    content: "\e607";
}

.btn {
    //padding: 6px 12px 6px 0px;
}

legend{
    font-size: 15px;
}

input, button, select, textarea {
line-height: normal;
}

legend{
    //border:1px solid #cccccc;
}

#Kunena fieldset {
    padding: 0px;
}
#Kunena fieldset legend {
    margin: 0px;
}

#Kunena label.searchlabel {
    margin-left: 15px;
}

#Kunena input#keywords, #Kunena input#username {
    margin-left: 10px;
}

#Kunena select, #Kunena #jumpto .inputbox {
margin-left: 15px;
margin-bottom: 15px;
}

#Kunena input {
margin-left: 15px;
}

#Kunena div.kmsg-header h2 {
    background-color: #8394a5;
}

#Kunena fieldset legend {
    font-size: 1.082em;
}

#content .joinbutton a {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
}
#content a:hover
{
    background-color: #fff;
    color: #23a9da !important;
    border: 1px solid #23a9da;
}
.joinbutton {
    background-color: #23a9da;
    color: #fff !important;
    border: 1px solid #23a9da;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}