/* Scss Document */

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="styleshe
et" type="text/css" /> */

// @import "compass/reset";
@import 'modular-scale';

// Typography
$font-family-sans: "franklin-gothic-urw", sans-serif;
$font-family-serif: "freight-text-pro", serif;

$font-weight-bold: 700;
$font-weight-normal: 500;
$font-weight-book: 400;

// Scales
$scale-major: $augmented-fourth;
$scale-minor: $major-third;

$base-font-size: 1rem;
$base-font-size-large: $scale-minor * $base-font-size;
$base-font-size-extralarge: $scale-minor * $base-font-size-large;
$base-font-size-small: $base-font-size;


$line-height: $scale-major * $base-font-size;
$line-height-close: $scale-major * $base-font-size;

$padding-normal: $scale-minor * $base-font-size;

// Colors
$color-white: rgba(255, 255, 255, 0);
$color-red: 	rgba(252, 140, 111,1 );
$link-color: 	rgba(0, 114, 176, 1);
$color-dark: 	rgba(0, 0, 0, 0);

// Mixins 
@mixin mixin-reset-bootstrap {
	background-color: $color-white;
	border-radius: 0px;
	border: 1px solid transparent;
	padding: $padding-normal;
}

html {
	font-size: $base-font-size;
}

body {
        font-family: $font-family-serif;
	font-weight: $font-weight-book;
	line-height: $line-height;
}

header {
	font-family: $font-family-sans;
}

h1, h2, h3, h4, h5 {
        font-family: $font-family-sans;
}

h1 { 
}

h1, h2 { 
	font-weight: $font-weight-bold; 
}
h2, h3 {
	font-size: $base-font-size-large;
}
h4, h5 { 
        font-size: $base-font-size;
	font-weight: $font-weight-normal; 
}
h4 {

}
h5 { 
	text-transform: uppercase; 
}
table {
	width: 92%; // Hack
	align: left;
}
td, .niua-smartnet-kbs, .niua-smartnet-translated {
	font-size: $base-font-size-small;
}
td {
	vertical-align: top;
	text-align: left;
}
a, a:href, a:visited { color: $link-color;}

.jumbotron,
.row, .well,
.panel, .panel-header, .panel-body, .panel-footer {
	@include mixin-reset-bootstrap;
}

.niua-smartnet-section .jumbotron {
	min-height: $scale-major * 40%;
	min-height: $scale-major * 40vh;
}

.niua-smartnet-main-content {
	.niua-smartnet-main-content-last {
        	font-family: $font-family-sans;
	}
}

.jumbotron {
	background-color: $color-red;
}

.niua-smartnet-page .jumbotron {
	background-color: $color-white;;
}

figcaption,
.niua-smartnet-smalltext,
.niua-smartnet-annotation {
	font-size: $base-font-size-small;
}

figcaption,
.niua-smartnet-annotation {        
        font-family: $font-family-sans;
	text-transform: smallcaps;
}
// Smartnet
.niua-smartnet-kbs {
	text-transform: uppercase;
}
.niua-smartnet-kbs h3 {
	text-transform: uppercase;
}

.niua-smartnet-translated {
	font-style: italic;
}
.niua-smartnet-grid, .niua-smartnet-deadline, .niua-smartnet-issuedby, .niua-smartnet-smalltext {
	font-size: $base-font-size-small;
	line-height: $line-height-close;
}

.niua-smartnet-annotation {
	color: #777 !important;
	font-size: 12px;
	text-transform: uppercase;
}
.niua-smartnet-grid {
	text-align: center;
	text-transform: uppercase;
	color: #666;
}
.niua-smartnet-emphasis {
	font-weight: 700;
}
.niua-smartnet-bibliographic-entity .niua-smartnet-smalltext {
	font-style: italic;
}
.niua-smartnet-annotation a, .niua-smartnet-annotation a:link, .niua-smartnet-annotation a:visited {
	color: #000 !important;
}
.no-href a, .no-href a:link, .no-href a:visited {
	pointer-events: none;
	cursor: default;
	color: #000 !important;
}
/* Logo etc */

#niua-smartnet-logo-and-search, .niua-smartnet-logo-and-search {
	padding-top: 12px;
	padding-bottom: 12px;
}
#niua-smartnet-nav-and-trending, .niua-smartnet-nav-and-trending, #niua-logo-and-nav, .niua-logo-and-nav {
	padding-top: 6px;
	padding-top: 6px;
}
#niua-logo-and-nav {
	// background-color: #d3d3d3;
}
#secondary_content {
	// background-color: silver;
}
// Hacks
img{max-width: 100%; height: auto;}

.media a { float: left }
.media img {min-width: 100px; height: auto; }
.nav.nav-pills.nav-justified a {
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.nav > li > a{
padding:10px;
min-width:100px;
}