/* our own fonts */

@font-face {
    font-family: 'pt_sansregular';
    src: url('PTS55F-webfont.eot');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTS55F-webfont.woff') format('woff'),
         url('PTS55F-webfont.ttf') format('truetype'),
         url('PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* overriding some Foundation styles */

/* headers */

h1, h2, h3, h4, h5, h6 {
    font-family: "open_sanslight", "Open Sans", "Droid Sans", "Helvetica", "Arial", sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #415b30;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #4a6936;
}

h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
    color: #4a6936;
}


/* headers in panels */

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    color: #415b30;
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
    color: #415b30;
}

/* buttons */

.button, button {
    font-family: "open_sansregular", "Open Sans", "Droid Sans", "Helvetica", "Arial", sans-serif;
    background: #415b30;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background: #415b30;
}

button.disabled:hover, button[disabled]:hover, .button.disabled:hover, .button[disabled]:hover {
    background: #415b30;
}

button.disabled:focus, button[disabled]:focus, .button.disabled:focus, .button[disabled]:focus {
    background: #415b30;
}

.button:hover, button:hover, .button:focus, button:focus {
    background: #4a6936;
}

/* fonts */

body {
    font-family: "pt_sansregular", "Open Sans", "Droid Sans", "Helvetica", "Arial", sans-serif;
    /* background: #f4f4f4; */
}

/* top bar styles */

.top-bar {
    background: #fff;
    font-family: "open_sansregular", "Open Sans", "Droid Sans", "Helvetica", "Arial", sans-serif;
    margin-bottom: 10px;
}

.top-bar .name h1 {
    font-size: 1.5rem;
}

.top-bar-section .has-form {
    background: #fff;
}

.top-bar-section .has-button {
    background: #fff;
}

.top-bar-section ul li > a.button, .top-bar-section ul li > button {
    background: #415b30;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > button:hover {
    background: #4a6936;
}

footer {
    color: #808080;
}

footer ul {
    line-height: 1.3;
}

footer li {
    font-size: 85%;
}

.footer-link-list {
    margin-left: inherit;
}

/* top bar small screen */

.top-bar .toggle-topbar.menu-icon a {
    color: #222;
}

.top-bar .toggle-topbar.menu-icon a:after {
    box-shadow: 0px 10px 0px 1px #222, 0px 16px 0px 1px #222, 0px 22px 0px 1px #222;
}

/* small screen menu opened */

.expanded {
    color: #222;
    background: #fff;
}



/* links in alert boxes */

.alert-box a {
    color: #ddd;
}

.alert-box a:hover {
    color: inherit;
}


/* side-nav styles */

.side-nav {
    font-family: "open_sansregular", "Open Sans", "Droid Sans", "Helvetica", "Arial", sans-serif;
}

#hatweb-navbar {
    background: #f5f5f5;
}

.side-nav .heading {
    font-variant: small-caps;
    color: #415b30;
}

.side-nav li a {
    padding-left: 0.5em;
}

/* .side-nav a:hover { */
/*     background: #222222; */
/*     color: #fff; */
/* } */

.side-nav li.divider {
    border-top: 1px solid #f5f5f5;
}


/* bread-crumbs styles */

.breadcrumbs > .current {
    color: #222;
}

.breadcrumbs {
    margin-bottom: 10px;
}

/* table styles */

td.download-link {
    text-align: center;
}


/* some image styles */

img.institute-logo-small {
    width: 70px;
}

img.institute-logo-medium {
    width: 100px;
}

img.institute-logo-large {
    width: 120px;
}

/* front page styles */

.frontpage-para {
    padding-top: 10px;
}

/* link colors */
a {
    color: #0054b5;
}

a:hover, a:focus {
    color: #060485;
}

.side-nav li a {
    color: #0054b5;
}

/* line-heights */

p {
    line-height: 1.4;
}
