/* Main CSS For IRUC Website */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono');

/**
 * Padding-top is required if using .navbar-fixed-top. This can be removed.
 * Remove from p,body below if using .navbar-static-top.
 * The height may need to be changed if the height of your navigation changes.
 * If needed, add the following to p,body:
 * padding-top: 0px;
 * margin:0px 10px; /* Add padding without padding... */

p, body { 
       font-family: 'Montserrat', 'Ubuntu', 'Open Sans', helvetica, Arial, sans-serif;
       font-size: 1.3em;
       line-height: 1.8em;
	   font-weight: 400;
	   color: #000000;
}

code, .code, .formtext, .Courier, .courier {
       font-family: 'Ubuntu Mono', Consolas, 'Lucida Console', Monaco, Courier, monospace;
       font-size: 1.7rem !important;
       line-height: 1.8em;
}

p.small { font-size: 1.1em;
}

/**
 * Bootstrap requires a containing element to wrap site contents 
 * and house the grid system. You may choose one of two containers.
 * Use .container for a responsive fixed width container.
 * Use .container-fluid for a full width container.

 * If using container-fluid, you may need to set a maximum width, 
 * so that the container will not spread to the entire viewport.
*/

.container-fluid { max-width: 1200px; }

/**
 * We can add some "helper classes" to add or remove margins to
 * help aspects of the layout. These helper classes should only
 * be used sparingly.
*/

.margin-t-0 { margin-top: 0; }
.margin-t-h { margin-top: .5em; }
.margin-t-1 { margin-top: 1em; }
.margin-t-2 { margin-top: 2em; }
.margin-t-3 { margin-top: 3em; }
.margin-b-0 { margin-bottom: 0; }
.margin-b-h { margin-bottom: .5em; }
.margin-b-1 { margin-bottom: 1em; }
.margin-b-2 { margin-bottom: 2em; }
.margin-b-3 { margin-bottom: 3em; }

.margin-tb-0
{
	margin-top: 0;
	margin-bottom: 0;
}

.margin-tb-h
{
	margin-top: .5em;
	margin-bottom: .5em;
}

.margin-tb-1
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.margin-tb-2
{
	margin-top: 2em;
	margin-bottom: 2em;
}

.margin-tb-3
{
	margin-top: 3em;
	margin-bottom: 3em;
}


/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		padding: 5em 0em;
		text-align: center;
	}
	
	#logo h1
	{
		font-size: 3.8em;
        font-weight: 700;
	}
	
	
	#logo h1 a
	{
		color: #000099; /* WAS: 6C2A6A */
	}

	#logo a
	{
		text-decoration: none;
	}
	
	#logo span
	{
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 1.2em;
		color: #3C3C3C;
	}

	#logo span a
	{
		color: #3C3C3C;
	}
	
	#logo .icon
	{
		display: inline-block;
		margin-bottom: 2em;
		padding: 1em;
		background: #421010; /* WAS: 6C2A6A */
		border-radius: 50%;
		font-size: 1.6em;
		color: #FFF;
	}
	

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
	}
	
	#menu ul
	{
		text-align: center;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu li a, #menu li span
	{
		display: inline-block;
		margin-left: 0.50em;
		padding: 1em 1.5em;
		letter-spacing: 0.20em;
		text-decoration: none;
		font-size: 1.0em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
		color: #3C3C3C;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	#menu .current_page_item a
	{
		border: 1px solid #3C3C3C;
		border-radius: 4px;
	}

    
/*********************************************************************************/
/* Subheads (not on front page; was .doc-header)                                 */
/*********************************************************************************/
   
    #subhead
	{
		padding: 0em 0em;
		text-align: center;
        text-transform: uppercase !important;
	}
	
	#subhead h2
	{
		font-size: 2.3em !important;
        font-weight: 700;
        color: #B20000 !important; /* WAS: 6C2A6A */
        text-transform: uppercase !important;
        letter-spacing: 0.10em;
	}
	
	#subhead h2 a
	{
		color: #B20000 !important; /* WAS: 6C2A6A */
	}

	#subhead a
	{
		text-decoration: none;
	}
	
	#subhead span
	{
		letter-spacing: 0.10em;
		text-transform: uppercase;
		font-size: 1.1em;
        font-weight: bold !important;
		color: #3C3C3C;
	}

	#subhead span a
	{
		color: #3C3C3C;
	}

    
/*********************************************************************************/
/* Additional Custom CSS                                                         */
/*********************************************************************************/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu', 'Open Sans', helvetica, Arial, sans-serif;
    color: #000099;
    line-height: 1.6em;
    }

a:link, a:visited {
    color: #000099;
    }

a:hover, a:active {
    color: red;
    text-decoration: underline;
    }

.a-link {
    color: #0000FF;
    font-weight: bold;
    text-decoration: underline;
    white-space: nowrap;
    }
    
.pad-logos {
    padding: 20px 0px;
    display: block;
    margin: auto;
    }
    
.pad-flag {
    padding: 1px 0px 0px;
    display: block;
    margin: auto;
    }

p.copyright {
    font-size: 0.9em !important;
    color: #3C3C3C;
    text-align: center;
    text-decoration: none;    
    }

.format {
    line-height: 1.6em;
    letter-spacing: 0.15em;
    text-align: center;
}

.form-head {
    letter-spacing: 0.10em;
	text-transform: uppercase !important;
    font-weight: bold !important;
	color: #000080 !important;
}

.panel-title {
    font-size: 1.4em !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.10em;
    color: #FFFFFF !important;
    text-align: center;
}

mark { background-color: #FFFF00; }

/* Format Font Awesome Colors  */
.fa-red { color: red; font-size: 120%; }
.fa-blue { color: blue; font-size: 120%; }
.fa-green { color: green; font-size: 120%; }