@import 'https://fonts.googleapis.com/css?family=Baloo%7CLato&subset=latin-ext';
/* iGEM Wiki overrides */
.footer_container ul{ margin: 0px; }
.top_level_container p{ font-family: Lato; }
#sideMenu, #top_title{ display:none; }
div#content{ width: 100%; padding: 0px; margin: 0px; top: -20px; }
/* End overrides */
/* Light blue: #C2E0D5; Dark blue: #44ABA0;
Yellow: #FFCE2F; Light orange: #FFAC03; Dark orange: #FF8302; */
/* == Header Styles == */
a{ color:inherit; }
a:hover{ text-decoration: none; color: #000; }
a:visited{ color:inherit; }
.dropdown.menu>li.is-dropdown-submenu-parent>a:after{ /* Hide the dropdown menu arrows */ display:none; }
.top-bar-title{ height: 100%; display: inline-block; }
.top-bar-right{ display:flex; flex-direction: column; justify-content: center; }
#header_logo{ float: left; height: 10em; margin: 1em; }
#main-nav{ /*Style the top bar menu*/ display: inline-block; color: #ffce2f; font-size: 2em; height: 2em; line-height: 2em;
}
li.is-dropdown-submenu-item{
/*Reset top bar dropdown menu text-size*/
font-size: 1rem;
}
#main-nav .menu.vertical{ /*Style top bar dropdown menu backgrounds*/ background-color:#0085B2; text-align: center; }
.headline{ font-family: Baloo; }
.top-bar, .dropdown.menu{ background-color: #0085B2; }
/* == Footer Styles == */
.footer_container{ background-color: #0085B2; padding: 1rem 0rem 0rem 4rem; color: #ffce2f; }
li.main_footer_links{ vertical-align: top; font-family: Baloo; font-size: 1.4rem; text-align: left; }
.main_footer_links>ul{ font-family: Lato; font-size: 1.3rem; }
.social{ margin: 0.5rem; }
.social>a{ position: relative; top: -1rem; padding-left: 1rem; }
/* == Icon styles == */
.icon{ display: inline-block; height: 2.5rem; width: 2.5rem; }
.facebook{ background: url(https://static.igem.org/mediawiki/2016/b/b5/T--Glasgow--Facebook_square_orange.svg); }
.twitter{ background: url(https://static.igem.org/mediawiki/2016/3/37/T--Glasgow--Twitter_square_orange.svg); }
.instagram{ background: url(https://static.igem.org/mediawiki/2016/c/c4/T--Glasgow--Instagram_square_orange.svg); }