/*
=======================================
Screen size: 481 - 767px
=======================================
*/


/* Hide/Show elements */
.mobile-only {
    display: block !important;
}

.hide-from-mobile {
    display: none !important;
}


/*
---------------------------
Header
---------------------------
*/

/*
Logo & Toggle buttons
-----------------------
*/
#toggle-region .btn.toggle {
   display: block;
}

#toggle-region {
   margin: 0;
   padding: 0;
   position: relative;
}

#toggle-region #logo {
   background: #223e92;
   display: block;
   margin: 0;
   min-height: 50px;
   padding: 0;
   text-align: center;
}

#toggle-region #logo img {
    height: 24px;
    margin: 15px auto;
    width: auto;
}



/*
Collapse region
-----------------------
*/
#collapse-region {
   	background: #e6e6e6;
   	margin: 0;
    padding: 0;
   	/*position: relative;*/
    position: absolute;
    width: 100%;
}


/*
Search box
*/
#collapse-region #top-search,
#collapse-region #top-search.collapse {
   display: none;
}

#collapse-region #top-search.in {
   display: block;
}

#collapse-region #top-search {
   background: #e6e6e6;
   border-bottom: 5px solid #223e92;
   display: block;
   overflow: hidden;
   position: relative;
   right: 0;
   text-align: center;
   top: 0;
   width: 100%;
}

#collapse-region #top-search .inner {
    padding: 15px 20px;
}

#collapse-region #top-search form {
    display: inline-block;
    margin: 0 auto;
}

#collapse-region #top-search .form-group {
    height: 30px;
}

#collapse-region #top-search input[type="text"] {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    font-size: 14px;
    height: 34px;
    width: 250px;
}

#collapse-region #top-search .btn-search {
    font-size: 14px;
    height: 34px;
}

/*
Navigation
*/
#collapse-region .navbar-collapse {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    /*max-height: none !important;*/
}

#collapse-region .navbar-collapse.in {
    border-bottom: 5px solid #223e92;
}

#navigation {
    max-height: none !important;
}

#navigation ul.nav {
    background-image: none;
    margin: 0 !important;
    padding: 0 !important;
}

#navigation ul.nav li {
    border-bottom: 1px solid #223e92;
    padding: 0;
}

#navigation ul.nav li > a {
    background: #e6e6e6;
    border: none;
    color: #223e92;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1em;
    padding: 12px 15px;
}

#navigation ul.nav .open > a,
#navigation ul.nav .open > a:hover,
#navigation ul.nav .open > a:focus,
#navigation ul.nav li > a:focus,
#navigation ul.nav li > a:hover {
    background-color: #ccc;
    color: #223e92;
    text-decoration: none;
}

/* Mega-menu */
#navigation li.dropdown.mega-menu ul.dropdown-menu {
    border-top: 1px solid #223e92;
}

#navigation li.dropdown.mega-menu .mega-menu-content,
#navigation li.dropdown.mega-menu .mega-menu-content .row {
    background-image: none;
}

#navigation li.dropdown.mega-menu .mega-menu-content ul a {
    background: transparent;
    font-size: 1em;
    font-weight: normal;
}

/*
Header photo
*/
#header-photo,
.not-front #header-photo {
    margin-top: 50px;
	min-height: 0;
}

.not-front #header-photo .item {
    min-height: 0;
}

#header-photo .item-body .item-heading {
    font-size: 20px;
	padding: 10px 20px;
}

#header-photo .item-body {
    bottom: 0;
    position: absolute;
}

#header-photo .item-body.header-title {
	bottom: 0;
	margin: 0 0 15px 0;
	position: relative !important;
}

#header-photo .item-body.header-title h1 {
	border-top: 1px solid #fff;
	display: block;
	font-size: 2.2em;
	min-width: 0;
	padding: 10px 20px;
}



/*
---------------------------
Main Content
---------------------------
*/
#main .main-inner {
   padding: 10px 0;
}

/*.not-front #main #content .content-inner*/
.not-front #main .main-inner {
    padding-top: 0;
}


/*
---------------------------
Sidebars
---------------------------
*/
#sidebar-first {
    margin-bottom: 20px;
	padding-left: 15px;
}

/* sidebar toggle */
#toggle-region-v2 {
   background: #e6e6e6;
   display: block;
   margin: 10px 0;
   min-height: 40px;
   padding: 0;
   position: relative;
   z-index: 888;
}

#toggle-region-v2 .btn.toggle {
   background: #f0f0f0 url(../images/icons/sprite-toggle.png) no-repeat center 0;
   border: 1px solid #bbb;
   border-radius: 3px;
   -moz-border-radius: 3px;
   display: block;
   margin: 0;
   outline: none;
   position: absolute;
   text-indent: -9999px;
   height: 28px;
   width: 32px;
   z-index: 8888;
}

#toggle-region-v2 .btn.navbar-toggle {
   background-position: center -115px;
   left: 6px;
   top: 6px;
}

/*
Left Nav
*/
#secondary-menu {
	border: none;
	padding: 0;
}

#secondary-menu ul a {
	background: #419b85;
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	font-family: inherit;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 12px;
}

#secondary-menu ul a:hover {
	background: #066;
}

#secondary-menu ul ul {
    border: none;
    padding: 0 !important;
}

#secondary-menu ul ul a {
	background: #e3e3e3;
	border-bottom: 1px solid #fff;
	color: #222;
	font-weight: bold;
	padding: 8px 12px;
}

#secondary-menu ul ul a:hover {
	background: #d3d3d3;
}

#secondary-menu ul ul ul {
	padding: 0 !important;
}

#secondary-menu ul ul ul a {
	background: #ccc;
	border-bottom: 1px solid #fff;
	color: #222;
	font-weight: normal;
	padding: 8px 12px 8px 24px;
}

#secondary-menu ul ul ul a,
#secondary-menu ul ul ul a:hover {
	background-image: none;
}

#secondary-menu ul ul ul a:hover {
	background: #bbb;
}



/*
---------------------------
Footer
---------------------------
*/
#footer .footer-text,
#footer .footer-legal {
    margin-left: 0;
}

#footer #footer-right .column,
#footer #footer-right .column:first-child {
    text-align: left;
}


/*
---------------------------
Content Helpers
---------------------------
*/
.align-left,
.pull-left,
.align-right,
.pull-right {
	float: none !important;
	margin: 15px 0;
}

img.align-left,
img.pull-left,
img.align-right,
img.pull-right {
	width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

.media .align-left,
.media .pull-left,
.media .align-right,
.media .pull-right {
	float: none !important;
	margin: 15px 0;
}


/* accordion toggles */
#collapse-undefined .panel-heading {
	padding: 0;
}

#collapse-undefined .panel-heading a.accordion-toggle {
	display: block;
	padding: 10px 15px;
}



/*
---------------------------------
Pages
---------------------------------
*/

/*
Homepage
-------------------------
*/
.front #main #content,
.front #main #content .content-inner {
    background-image: none;
}


/* Science */
.front .science-block .entry .thumb {
    display: inline-block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 150px;
}

.front .science-block .entry .title {
    display: inline;
}