Team:NortheasternU-Boston/styles

/* line 1, css/source/global.scss */ body {

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 1, css/source/global.scss */ body {

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 9, css/source/home.scss */ div.neu-wrapper {

 margin-left: 0;
 margin-right: 0;
 width: 100%; }
 /* line 15, css/source/home.scss */
 div.neu-wrapper .row.jumbo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap; }
 /* line 26, css/source/home.scss */
 div.neu-wrapper .home-abstract {
   height: 100%; }
   /* line 28, css/source/home.scss */
   div.neu-wrapper .home-abstract .abstract-img-container {
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center; }
     /* line 33, css/source/home.scss */
     div.neu-wrapper .home-abstract .abstract-img-container img {
       height: 100%; }

/* line 1, css/source/global.scss */ body {

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/sidebar.scss */ .home-sidebar {

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -webkit-box-align: stretch;
     -ms-flex-align: stretch;
         align-items: stretch;
 -webkit-box-pack: start;
     -ms-flex-pack: start;
         justify-content: flex-start;
 background-color: #225378;
 min-height: 100%;
 -webkit-box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.25);
         box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.25); }
 /* line 14, css/source/sidebar.scss */
 .home-sidebar .neu-logo-row {
   padding: 0px;
   background-color: #FFF;
   padding-top: 5px; }
   /* line 18, css/source/sidebar.scss */
   .home-sidebar .neu-logo-row .neu-logo-link-container {
     padding: 15px 15px; }
     /* line 20, css/source/sidebar.scss */
     .home-sidebar .neu-logo-row .neu-logo-link-container a.neu-logo-link {
       position: relative;
       width: 100%; }
       /* line 23, css/source/sidebar.scss */
       .home-sidebar .neu-logo-row .neu-logo-link-container a.neu-logo-link img.neu-logo-img {
         max-width: 100%; }
 /* line 30, css/source/sidebar.scss */
 .home-sidebar .banner-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   padding: 10px 15px; }
   /* line 36, css/source/sidebar.scss */
   .home-sidebar .banner-row span.banner-title {
     color: #FFF;
     font-size: 1.5em; }
   /* line 40, css/source/sidebar.scss */
   .home-sidebar .banner-row span.banner-subtitle {
     color: #FFF;
     font-size: 1em; }
 /* line 46, css/source/sidebar.scss */
 .home-sidebar .sidebar-links {
   padding: 0px; }
   /* line 48, css/source/sidebar.scss */
   .home-sidebar .sidebar-links .panel-group {
     margin-bottom: 10px;
     border-top: 1px dashed #2d6ea0; }
     /* line 51, css/source/sidebar.scss */
     .home-sidebar .sidebar-links .panel-group .panel, .home-sidebar .sidebar-links .panel-group .panel-default {
       border-radius: 0px;
       background-color: transparent;
       -webkit-box-shadow: none;
               box-shadow: none;
       border: none;
       border-bottom: 1px dashed #2d6ea0;
       margin-top: 0px; }
       /* line 60, css/source/sidebar.scss */
       .home-sidebar .sidebar-links .panel-group .panel .panel-collapse.collapse.in, .home-sidebar .sidebar-links .panel-group .panel .panel-collapse.collapsing, .home-sidebar .sidebar-links .panel-group .panel-default .panel-collapse.collapse.in, .home-sidebar .sidebar-links .panel-group .panel-default .panel-collapse.collapsing {
         background-color: rgba(255, 255, 255, 0.1); }
       /* line 64, css/source/sidebar.scss */
       .home-sidebar .sidebar-links .panel-group .panel .panel-heading, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading {
         padding: 0;
         background-color: transparent;
         border: none; }
         /* line 68, css/source/sidebar.scss */
         .home-sidebar .sidebar-links .panel-group .panel .panel-heading h4.panel-title, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading h4.panel-title {
           display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           -webkit-box-orient: horizontal;
           -webkit-box-direction: normal;
               -ms-flex-direction: row;
                   flex-direction: row;
           -webkit-box-align: center;
               -ms-flex-align: center;
                   align-items: center;
           -webkit-box-pack: start;
               -ms-flex-pack: start;
                   justify-content: flex-start;
           padding: 0px;
           font-size: inherit !important; }
           /* line 75, css/source/sidebar.scss */
           .home-sidebar .sidebar-links .panel-group .panel .panel-heading h4.panel-title a, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading h4.panel-title a {
             width: 100%;
             padding: 10px 15px;
             color: #EEE; }
             /* line 79, css/source/sidebar.scss */
             .home-sidebar .sidebar-links .panel-group .panel .panel-heading h4.panel-title a:hover, .home-sidebar .sidebar-links .panel-group .panel .panel-heading h4.panel-title a:active, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading h4.panel-title a:hover, .home-sidebar .sidebar-links .panel-group .panel-default .panel-heading h4.panel-title a:active {
               background-color: #FFF;
               color: #225378; }
       /* line 86, css/source/sidebar.scss */
       .home-sidebar .sidebar-links .panel-group .panel ul.panel-body, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
         -webkit-box-align: stretch;
             -ms-flex-align: stretch;
                 align-items: stretch;
         list-style: none;
         padding: 0px 0px;
         border-top: 1px solid rgba(255, 255, 255, 0.1);
         margin: 0; }
         /* line 94, css/source/sidebar.scss */
         .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li {
           display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           -webkit-box-orient: horizontal;
           -webkit-box-direction: normal;
               -ms-flex-direction: row;
                   flex-direction: row;
           -webkit-box-align: center;
               -ms-flex-align: center;
                   align-items: center;
           border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
           /* line 99, css/source/sidebar.scss */
           .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li :last-child, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li :last-child {
             border: none; }
           /* line 102, css/source/sidebar.scss */
           .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li a, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li a {
             width: 100%;
             padding: 5px 20px;
             color: #EEE; }
             /* line 106, css/source/sidebar.scss */
             .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li a:hover, .home-sidebar .sidebar-links .panel-group .panel ul.panel-body li a:focus, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li a:hover, .home-sidebar .sidebar-links .panel-group .panel-default ul.panel-body li a:focus {
               background-color: #EEE;
               color: #225378; }
 /* line 119, css/source/sidebar.scss */
 .home-sidebar .spacer {
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1; }
 /* line 123, css/source/sidebar.scss */
 .home-sidebar .sidebar-footer {
   padding: 10px 15px;
   color: #EEE; }

/* line 1, css/source/global.scss */ body {

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 3, css/source/footer.scss */ .neu-igem-footer {

 background-color: #333; }
 /* line 6, css/source/footer.scss */
 .neu-igem-footer .neusponsor-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin: 15px 30px; }
   /* line 11, css/source/footer.scss */
   .neu-igem-footer .neusponsor-container .neusponsor-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center; }
     /* line 16, css/source/footer.scss */
     .neu-igem-footer .neusponsor-container .neusponsor-header span.neusponsor-title {
       color: #FFF;
       font-size: 1.5em; }
   /* line 21, css/source/footer.scss */
   .neu-igem-footer .neusponsor-container hr {
     margin-top: 10px;
     margin-bottom: 10px;
     border-color: rgba(255, 255, 255, 0.25);
     border-style: dashed;
     width: 100%; }
   /* line 28, css/source/footer.scss */
   .neu-igem-footer .neusponsor-container ul.neusponsor-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -ms-flex-flow: wrap;
         flex-flow: wrap;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     list-style: none; }
     /* line 35, css/source/footer.scss */
     .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item {
       margin: 5px 10px; }
       /* line 37, css/source/footer.scss */
       .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item .neusponsor-item-link {
         padding: 10px; }
         /* line 39, css/source/footer.scss */
         .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item .neusponsor-item-link:hover, .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item .neusponsor-item-link:active {
           background-color: #4d4d4d; }
         /* line 42, css/source/footer.scss */
         .neu-igem-footer .neusponsor-container ul.neusponsor-list li.neusponsor-item .neusponsor-item-link img.neusponsor-img {
           max-width: 200px; }

/* line 3, css/source/abstract.scss */ svg {

 max-height: 95vh;
 min-width: 200px;
 margin: auto;
 background-color: #FFF; }
 /* line 9, css/source/abstract.scss */
 svg a:hover {
   stroke-opacity: 0.5;
   fill-opacity: 0.5;
   -webkit-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out; }

/* line 1, css/source/global.scss */ body {

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/team.scss */ .team-page .team-header {

 padding: 20px;
 margin: 0;
 margin-top: 10px;
 text-align: center; }
 /* line 11, css/source/team.scss */
 .team-page .team-header h2.team-title {
   color: #000;
   margin: 0; }

/* line 17, css/source/team.scss */ .team-page ul.team-list {

 margin: 0;
 padding: 10px 15px;
 font-size: 0.75em; }
 /* line 21, css/source/team.scss */
 .team-page ul.team-list li.member-item {
   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
           box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
   padding: 10px;
   margin-bottom: 15px;
   background-color: #FFF; }
   /* line 28, css/source/team.scss */
   .team-page ul.team-list li.member-item .member-image-container img.member-image {
     width: 100%; }
   /* line 33, css/source/team.scss */
   .team-page ul.team-list li.member-item .member-desc-col h4.member-name {
     margin: 0;
     margin-bottom: 5px;
     padding-bottom: 5px;
     border-bottom: 1px dashed #AAA;
     font-size: 1.5em; }
   /* line 41, css/source/team.scss */
   .team-page ul.team-list li.member-item .member-desc-col .desc-key span {
     font-weight: bold; }

/* line 1, css/source/global.scss */ body {

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/collaborations.scss */ .collaborations-page .header {

 padding: 20px;
 margin: 0;
 margin-top: 10px;
 text-align: center; }
 /* line 11, css/source/collaborations.scss */
 .collaborations-page .header h2 {
   color: #000;
   margin: 0; }

/* line 17, css/source/collaborations.scss */ .collaborations-page .collaborations-panel {

 background-color: #FFF;
 padding: 10px 20px;
 margin: 10px;
 -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }
 /* line 22, css/source/collaborations.scss */
 .collaborations-page .collaborations-panel h3 {
   margin: auto 0; }
 /* line 25, css/source/collaborations.scss */
 .collaborations-page .collaborations-panel p {
   border-top: 1px dashed #AAA;
   padding-top: 10px;
   margin-top: 10px;
   margin-bottom: 20px; }
 /* line 31, css/source/collaborations.scss */
 .collaborations-page .collaborations-panel .collab-section-header {
   margin-bottom: 10px;
   padding-bottom: 10px; }
   /* line 35, css/source/collaborations.scss */
   .collaborations-page .collaborations-panel .collab-section-header img {
     width: 100%; }

/* line 5, css/source/notebook.scss */ .notebook-page p {

 margin-bottom: 10px; }

/* line 2, css/source/parts.scss */ .parts-page table.parts-table {

 background-color: #FFF;
 margin-bottom: 20px; }
 /* line 7, css/source/parts.scss */
 .parts-page table.parts-table tr.header th {
   background-color: #666;
   color: #FFF;
   padding: 10px; }
 /* line 15, css/source/parts.scss */
 .parts-page table.parts-table tr td {
   padding: 10px; }
 /* line 19, css/source/parts.scss */
 .parts-page table.parts-table tr td.name a {
   font-style: italic;
   font-weight: bold; }
 /* line 25, css/source/parts.scss */
 .parts-page table.parts-table tr.assay-amp {
   background-color: #ffe6e6; }

/* line 1, css/source/global.scss */ body {

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/results.scss */ .results-page figure {

 padding: 20px 10px; }
 /* line 6, css/source/results.scss */
 .results-page figure img {
   width: 100%; }
 /* line 9, css/source/results.scss */
 .results-page figure figcaption {
   padding: 5px 10px; }

/* line 1, css/source/global.scss */ body {

 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 1em;
 line-height: 1.42857143;
 color: #333;
 padding: 0px;
 margin: 0px;
 min-height: 100vh;
 background-color: #EEE; }

/* line 4, css/source/basic.scss */ .basic-page .header, .basic-page .content-header {

 margin: 0px;
 padding: 0px;
 margin-bottom: 10px; }
 /* line 8, css/source/basic.scss */
 .basic-page .header h1, .basic-page .content-header h1 {
   margin-top: 0px;
   padding-top: 10px; }

/* line 13, css/source/basic.scss */ .basic-page .content-text {

 background-color: #FFF;
 padding: 10px;
 border-radius: 3px;
 -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
         box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
 margin-bottom: 10px; }
 /* line 19, css/source/basic.scss */
 .basic-page .content-text h3 {
   margin-top: 5px;
   padding-top: 3px; }
 /* line 23, css/source/basic.scss */
 .basic-page .content-text p {
   margin: 5px;
   margin-bottom: 10px; }

/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ /* Clear the default wiki settings */ /* line 6, css/source/igem_default.scss */

1. home_logo, #sideMenu {

 display: none; }

/* line 7, css/source/igem_default.scss */

1. sideMenu, #top_title, .patrollink {

 display: none; }

/* line 8, css/source/igem_default.scss */

1. content {

 width: 100%;
 padding: 0px;
 margin-top: -7px;
 margin-left: 0px; }

/**************************************************************** MENU ***************************************************************/ /* Wrapper for the menu */ /* line 17, css/source/igem_default.scss */ .igem_2017_menu_wrapper {

 width: 15%;
 height: 100vh;
 position: fixed;
 right: 0%;
 padding: 0px;
 float: right;
 border-left: 1px solid #d3d3d3;
 background-color: #dddddd;
 text-align: left;
 font-family: Tahoma, Geneva, sans-serif;
 overflow-y: auto;
 overflow-x: hidden;
 display: none; }

/* this hides the scrollbar to keep view consistency */ /* line 34, css/source/igem_default.scss */ .igem_2017_menu_wrappe::-webkit-scrollbar {

 display: none; }

/* styling for links in the menu, removes the line under text */ /* line 40, css/source/igem_default.scss */ .igem_2017_menu_wrapper a {

 text-decoration: none; }

/* styling for the images in the menu */ /* line 46, css/source/igem_default.scss */ .igem_2017_menu_wrapper img {

 width: 100%; }

/* styling for the menu buttons */ /* line 51, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_button {

 width: 100%;
 padding: 10px 0px 10px 15px;
 float: left;
 border-bottom: 1px solid #d3d3d3;
 font-size: 12px;
 font-weight: bold;
 color: #5e5f5f;
 cursor: pointer; }

/* line 63, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_bottom_padding {

 width: 100%;
 height: 30px;
 float: left; }

/* line 69, css/source/igem_default.scss */ .menu_button.direct_to_page {

 padding-left: 36px; }

/* line 74, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {

 width: 10%;
 float: left; }

/* line 79, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {

 content: "+"; }

/* line 83, css/source/igem_default.scss */ .open::before {

 content: "-" !important; }

/* styling for the menu buttons on hover */ /* line 90, css/source/igem_default.scss */ .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover, .submenu_button.current_page:hover {

 background-color: #3399ff;
 text-decoration: none;
 color: #ffffff; }

/* styling for the menu button when it is the current page */ /* line 97, css/source/igem_default.scss */ .current_page {

 background-color: #7fc1f7  !important;
 color: #5e5f5f !important; }

/* styling for the submenu buttons */ /* line 104, css/source/igem_default.scss */ .igem_2017_menu_wrapper .submenu_button {

 width: 100%;
 padding: 10px 0px 10px 34px;
 float: left;
 background-color: #f2f2f2;
 border-bottom: 1px solid #d3d3d3;
 font-size: 12px;
 color: #5e5f5f;
 cursor: pointer; }

/* wrapper for the submenu items, they are hidden by default*/ /* line 116, css/source/igem_default.scss */ .igem_2017_menu_wrapper .submenu_wrapper {

 display: none; }

/* when the page size is bigger than 800px, this show/hide control is hidden by default */ /* line 121, css/source/igem_default.scss */ .igem_2017_menu_wrapper #display_menu_control {

 display: none;
 text-align: center; }

/***************************************************** CONTENT OF THE PAGE ****************************************************/ /* Wrapper for the content */ /* line 130, css/source/igem_default.scss */ .igem_2017_content_wrapper {

 width: 81%;
 margin: 2%;
 display: block;
 float: left;
 background-color: white;
 font-family: Tahoma, Geneva, sans-serif; }

/********************************* HTML STYLING *********************************/ /* styling for the titles h1 h2 */ /* line 143, css/source/igem_default.scss */ .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {

 padding: 5px 15px;
 border-bottom: 0px;
 color: #3399ff; }

/* styling for the titles h3 h4 h5 h6*/ /* line 151, css/source/igem_default.scss */ .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {

 padding: 5px 15px;
 border-bottom: 0px;
 color: #000000; }

/* font and text */ /* line 159, css/source/igem_default.scss */ .igem_2017_content_wrapper p {

 padding: 0px 15px;
 font-size: 13px; }

/* Links */ /* line 165, css/source/igem_default.scss */ .igem_2017_content_wrapper a {

 font-weight: bold;
 text-decoration: underline;
 -webkit-text-decoration-color: #3399ff;
         text-decoration-color: #3399ff;
 color: #3399ff;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease; }

/* hover for the links */ /* line 178, css/source/igem_default.scss */ .igem_2017_content_wrapper a:hover {

 text-decoration: none;
 color: #000000; }

/* non numbered lists */ /* line 184, css/source/igem_default.scss */ .igem_2017_content_wrapper ul {

 padding: 0px 20px;
 font-size: 13px;
 font-family: Tahoma, Geneva, sans-serif; }

/* numbered lists */ /* line 191, css/source/igem_default.scss */ .igem_2017_content_wrapper ol {

 padding: 0px;
 font-size: 13px;
 font-family: Tahoma, Geneva, sans-serif; }

/* Table */ /* line 198, css/source/igem_default.scss */ .igem_2017_content_wrapper table {

 width: 97%;
 margin: 15px 10px;
 border: 1px solid #d3d3d3;
 border-collapse: collapse; }

/* table cells */ /* line 206, css/source/igem_default.scss */ .igem_2017_content_wrapper td {

 padding: 10px;
 vertical-align: text-top;
 border: 1px solid #d3d3d3;
 border-collapse: collapse; }

/* table headers */ /* line 214, css/source/igem_default.scss */ .igem_2017_content_wrapper th {

 padding: 10px;
 vertical-align: text-top;
 border: 1px solid #d3d3d3;
 border-collapse: collapse;
 background-color: #f2f2f2; }

/**********************************LAYOUT CLASSES **********************************/ /* general class for column divs */ /* line 226, css/source/igem_default.scss */ .igem_2017_content_wrapper .column {

 padding: 10px 0px;
 float: left; }

/* class for a full width column */ /* line 232, css/source/igem_default.scss */ .column .full_size {

 width: 100%; }

/* styling for images in a full width column*/ /* line 237, css/source/igem_default.scss */ .column.full_size img {

 width: 97%;
 padding: 10px 15px; }

/* class for a half width column */ /* line 243, css/source/igem_default.scss */ .column.half_size {

 width: 50%; }

/* styling for images in a half width column*/ /* line 247, css/source/igem_default.scss */ .column.half_size img {

 width: 94.5%;
 padding: 10px 15px; }

/********************************* SUPPORT CLASSES ********************************/ /* class that clears content below*/ /* line 258, css/source/igem_default.scss */ .igem_2017_content_wrapper .clear {

 clear: both; }

/* adds extra spacing when clearing content */ /* line 264, css/source/igem_default.scss */ .igem_2017_content_wrapper .clear.extra_space {

 height: 30px; }

/* highlight class, makes content slightly smaller */ /* line 270, css/source/igem_default.scss */ .igem_2017_content_wrapper .highlight {

 margin: 0px 15px;
 padding: 15px 0px; }

/* highlight class, adds a gray background */ /* line 277, css/source/igem_default.scss */ .igem_2017_content_wrapper .highlight.gray {

 background-color: #f2f2f2; }

/* highlight with decoration blue line on top */ /* line 282, css/source/igem_default.scss */ .igem_2017_content_wrapper .highlight.blue_top {

 border-top: 4px solid #3399ff; }

/* highlight with a full blue border decoration */ /* line 287, css/source/igem_default.scss */ .igem_2017_content_wrapper .highlight.blue_border {

 border: 4px solid  #3399ff; }

/* button class */ /* line 293, css/source/igem_default.scss */ .igem_2017_content_wrapper .button {

 max-width: 35%;
 margin: 30px auto;
 padding: 12px 10px;
 background-color: #3399ff;
 text-align: center;
 color: #ffffff;
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease; }

/* styling for button on hover */ /* line 307, css/source/igem_default.scss */ .igem_2017_content_wrapper .button:hover {

 background-color: #3399ff;
 color: #000000; }

/***************************************************** RESPONSIVE STYLING ****************************************************/ /* IF THE SCREEN IS LESS THAN 1200PX */ @media only screen and (max-width: 1200px) {

 /* line 320, css/source/igem_default.scss */
 #content {
   width: 100%; }
 /* line 321, css/source/igem_default.scss */
 .igem_2017_menu_wrapper {
   width: 15%;
   right: 0; }
 /* line 322, css/source/igem_default.scss */
 .highlight {
   padding: 10px 0px; }
 /* line 323, css/source/igem_default.scss */
 .igem_2017_menu_wrapper #display_menu_control {
   display: none; }
 /* line 324, css/source/igem_default.scss */
 #menu_content {
   display: block; }
 /* line 325, css/source/igem_default.scss */
 .menu_button.direct_to_page {
   padding-left: 17px; } }

/* IF THE SCREEN IS LESS THAN 800PX */ @media only screen and (max-width: 800px) {

 /* line 332, css/source/igem_default.scss */
 .igem_2017_menu_wrapper {
   width: 100%;
   height: 15%;
   position: relative;
   left: 0%; }
 /* line 333, css/source/igem_default.scss */
 .igem_2017_content_wrapper {
   width: 100%;
   margin-left: 0px; }
 /* line 334, css/source/igem_default.scss */
 .column.half_size {
   width: 100%; }
 /* line 335, css/source/igem_default.scss */
 .column.full_size img, .column.half_size img {
   width: 100%;
   padding: 10px 0px; }
 /* line 336, css/source/igem_default.scss */
 .highlight {
   padding: 15px 5px; }
 /* line 337, css/source/igem_default.scss */
 .igem_2017_menu_wrapper #display_menu_control {
   display: block; }
 /* line 338, css/source/igem_default.scss */
 #menu_content {
   display: none; }
 /* line 339, css/source/igem_default.scss */
 .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
   width: 5%; }
 /* line 340, css/source/igem_default.scss */
 .menu_bottom_padding {
   display: none; }
 /* line 341, css/source/igem_default.scss */
 .menu_button.direct_to_page {
   padding-left: 36px; } }

/* special class that the system uses to make sure the team wants a page to be evaluated */ /* line 348, css/source/igem_default.scss */ .judges-will-not-evaluate {

 width: 96.6%;
 margin: 5px 15px;
 display: block;
 border: 4px solid #3399ff;
 font-weight: bold; }

/**************************************************************** MENU ***************************************************************/ /* Wrapper for the menu */ /* styling for the menu button when it is the current page */ /* line 24, css/source/main.scss */ .current_page {

 background-color: #7fc1f7  !important;
 color: #5e5f5f !important; }

/***************************************************** CONTENT OF THE PAGE ****************************************************/ /* Wrapper for the content */ /* line 32, css/source/main.scss */ .igem_2017_content_wrapper {

 width: auto !important;
 margin: 0 !important;
 float: none !important;
 line-height: normal !important;
 background-color: #EEE; }

/* special class that the system uses to make sure the team wants a page to be evaluated */ /* line 46, css/source/main.scss */ .judges-will-not-evaluate {

 width: 96.6%;
 margin: 5px 15px;
 display: block;
 border: 4px solid #3399ff;
 font-weight: bold; }

/* line 54, css/source/main.scss */ p {

 margin: 0; }

/* line 58, css/source/main.scss */ .row {

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row; }

/* line 63, css/source/main.scss */ .row > [class*='col-'] {

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column; }