Template:Peshawar/CSS

/* // 1. Configuration and helpers @import

 'abstracts/variables',
 'abstracts/functions',
 'abstracts/mixins';

• /

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /**

* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/

html {

 font-family: sans-serif;
 /* 1 */
 -ms-text-size-adjust: 100%;
 /* 2 */
 -webkit-text-size-adjust: 100%;
 /* 2 */

}

/**

* Remove the margin in all browsers (opinionated).
*/

body {

 margin: 0;

}

/* HTML5 display definitions

  ========================================================================== */

/**

* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {

 /* 1 */
 display: block;

}

/**

* Add the correct display in IE 9-.
*/

audio, canvas, progress, video {

 display: inline-block;

}

/**

* Add the correct display in iOS 4-7.
*/

audio:not([controls]) {

 display: none;
 height: 0;

}

/**

* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {

 vertical-align: baseline;

}

/**

* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/

template, [hidden] {

 display: none;

}

/* Links

  ========================================================================== */

/**

* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/

a {

 background-color: transparent;
 /* 1 */
 -webkit-text-decoration-skip: objects;
 /* 2 */

}

/**

* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/

a:active, a:hover {

 outline-width: 0;

}

/* Text-level semantics

  ========================================================================== */

/**

* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {

 border-bottom: none;
 /* 1 */
 text-decoration: underline;
 /* 2 */
 text-decoration: underline dotted;
 /* 2 */

}

/**

* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/

b, strong {

 font-weight: inherit;

}

/**

* Add the correct font weight in Chrome, Edge, and Safari.
*/

b, strong {

 font-weight: bolder;

}

/**

* Add the correct font style in Android 4.3-.
*/

dfn {

 font-style: italic;

}

/**

* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {

 font-size: 2em;
 margin: 0.67em 0;

}

/**

* Add the correct background and color in IE 9-.
*/

mark {

 background-color: #ff0;
 color: #000;

}

/**

* Add the correct font size in all browsers.
*/

small {

 font-size: 80%;

}

/**

* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub, sup {

 font-size: 75%;
 line-height: 0;
 position: relative;
 vertical-align: baseline;

}

sub {

 bottom: -0.25em;

}

sup {

 top: -0.5em;

}

/* Embedded content

  ========================================================================== */

/**

* Remove the border on images inside links in IE 10-.
*/

img {

 border-style: none;

}

/**

* Hide the overflow in IE.
*/

svg:not(:root) {

 overflow: hidden;

}

/* Grouping content

  ========================================================================== */

/**

* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code, kbd, pre, samp {

 font-family: monospace, monospace;
 /* 1 */
 font-size: 1em;
 /* 2 */

}

/**

* Add the correct margin in IE 8.
*/

figure {

 margin: 1em 40px;

}

/**

* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {

 box-sizing: content-box;
 /* 1 */
 height: 0;
 /* 1 */
 overflow: visible;
 /* 2 */

}

/* Forms

  ========================================================================== */

/**

* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/

button, input, select, textarea {

 font: inherit;
 /* 1 */
 margin: 0;
 /* 2 */

}

/**

* Restore the font weight unset by the previous rule.
*/

optgroup {

 font-weight: bold;

}

/**

* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button, input {

 /* 1 */
 overflow: visible;

}

/**

* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button, select {

 /* 1 */
 text-transform: none;

}

/**

* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
*    controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/

button, html [type="button"], [type="reset"], [type="submit"] {

 -webkit-appearance: button;
 /* 2 */

}

/**

* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {

 border-style: none;
 padding: 0;

}

/**

* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {

 outline: 1px dotted ButtonText;

}

/**

* Change the border, margin, and padding in all browsers (opinionated).
*/

fieldset {

 border: 1px solid #c0c0c0;
 margin: 0 2px;
 padding: 0.35em 0.625em 0.75em;

}

/**

* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/

legend {

 box-sizing: border-box;
 /* 1 */
 color: inherit;
 /* 2 */
 display: table;
 /* 1 */
 max-width: 100%;
 /* 1 */
 padding: 0;
 /* 3 */
 white-space: normal;
 /* 1 */

}

/**

* Remove the default vertical scrollbar in IE.
*/

textarea {

 overflow: auto;

}

/**

* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/

[type="checkbox"], [type="radio"] {

 box-sizing: border-box;
 /* 1 */
 padding: 0;
 /* 2 */

}

/**

* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {

 height: auto;

}

/**

* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {

 -webkit-appearance: textfield;
 /* 1 */
 outline-offset: -2px;
 /* 2 */

}

/**

* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {

 -webkit-appearance: none;

}

/**

* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/

-webkit-input-placeholder {

 color: inherit;
 opacity: 0.54;

}

/**

* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

-webkit-file-upload-button {

 -webkit-appearance: button;
 /* 1 */
 font: inherit;
 /* 2 */

}

button, [type='button'], [type='reset'], [type='submit'] {

 -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
 background-color: #1565c0;
 border: 0;
 border-radius: 3px;
 color: #fff;
 cursor: pointer;
 display: inline-block;
 font-family: "pt_sansregular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-size: 1em;
 -webkit-font-smoothing: antialiased;
 font-weight: 600;
 line-height: 1;
 padding: 0.8em 1.6em;
 text-align: center;
 text-decoration: none;
 -webkit-transition: background-color 150ms ease;
 transition: background-color 150ms ease;
 -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
 vertical-align: middle;
 white-space: nowrap;

} button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus {

 background-color: #11519a;
 color: #fff;

} button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {

 cursor: not-allowed;
 opacity: 0.5;

} button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {

 background-color: #1565c0;

}

fieldset {

 background-color: transparent;
 border: 0;
 margin: 0;
 padding: 0;

}

legend {

 font-weight: 600;
 margin-bottom: 0.4em;
 padding: 0;

}

label {

 display: block;
 font-weight: 600;
 margin-bottom: 0.4em;

}

input, select, textarea {

 display: block;
 font-family: "pt_sansregular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-size: 1em;

}

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {

 -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 3px;
 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
 box-sizing: border-box;
 margin-bottom: 0.8em;
 padding: 0.5333333333em;
 -webkit-transition: border-color 150ms ease;
 transition: border-color 150ms ease;
 width: 100%;

} [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {

 border-color: #b1b1b1;

} [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {

 border-color: #1565c0;
 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(18, 89, 169, 0.7);
 outline: none;

} [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {

 background-color: #f2f2f2;
 cursor: not-allowed;

} [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {

 border: 1px solid #ddd;

} [type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

 color: #8d8a8a;

} [type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {

 color: #8d8a8a;

} [type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {

 color: #8d8a8a;

} [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {

 color: #8d8a8a;

}

textarea {

 resize: vertical;

}

[type="checkbox"], [type="radio"] {

 display: inline;
 margin-right: 0.4em;

}

[type="file"] {

 margin-bottom: 0.8em;
 width: 100%;

}

select {

 margin-bottom: 0.8em;
 width: 100%;

}

html {

 box-sizing: border-box;

}

• ,

  before,

  after {

 box-sizing: inherit;

}

html, body {

 height: 100%;

}

ul, ol {

 list-style-type: none;
 margin: 0;
 padding: 0;

}

dl {

 margin: 0;

}

dt {

 font-weight: 600;
 margin: 0;

}

dd {

 margin: 0;

}

figure {

 margin: 0;

}

img, picture {

 margin: 0;
 max-width: 100%;

}

table {

 border-collapse: collapse;
 margin: 0.8em 0;
 table-layout: fixed;
 width: 100%;

}

th {

 border-bottom: 1px solid #a6a6a6;
 font-weight: 600;
 padding: 0.8em 0;
 text-align: left;

}

td {

 border-bottom: 1px solid #ddd;
 padding: 0.8em 0;

}

tr, td, th {

 vertical-align: middle;

}

@font-face {

 font-family: 'Roboto-black';
 src: url("https://static.igem.org/mediawiki/2016/1/10/T--Peshawar--Roboto-Black.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/82/T--Peshawar--Roboto-Black.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-bold';
 src: url("https://static.igem.org/mediawiki/2016/1/16/T--Peshawar--Roboto-Bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/6/6c/T--Peshawar--Roboto-Bold.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-medium';
 src: url("https://static.igem.org/mediawiki/2016/4/4a/T--Peshawar--Roboto-Medium.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/d/d2/T--Peshawar--Roboto-Medium.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-regular';
 src: url("https://static.igem.org/mediawiki/2016/b/bd/T--Peshawar--Roboto-Regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/a/a6/T--Peshawar--Roboto-Regular.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-thin';
 src: url("https://static.igem.org/mediawiki/2016/4/41/T--Peshawar--Roboto-Thin.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/7/7f/T--Peshawar--Roboto-Thin.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-light';
 src: url("https://static.igem.org/mediawiki/2016/c/c1/T--Peshawar--Roboto-Light.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/c/c2/T--Peshawar--Roboto-Light.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-italic';
 src: url("https://static.igem.org/mediawiki/2016/6/63/T--Peshawar--Roboto-Italic.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/9/98/T--Peshawar--Roboto-Italic.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-condensed-regular';
 src: url("https://static.igem.org/mediawiki/2016/9/91/T--Peshawar--RobotoCondensed-Regular-webfont.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/7/7b/T--Peshawar--RobotoCondensed-Regular-webfont.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-condensed-bold';
 src: url("https://static.igem.org/mediawiki/2016/4/4f/T--Peshawar--RobotoCondensed-Bold-webfont.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/c/ca/T--Peshawar--RobotoCondensed-Bold-webfont.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'Roboto-condensed-light';
 src: url("https://static.igem.org/mediawiki/2016/9/95/T--Peshawar--RobotoCondensed-Light-webfont.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/1/1f/T--Peshawar--RobotoCondensed-Light-webfont.ttf") format("truetype");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'pt_sansbold';
 src: url("https://static.igem.org/mediawiki/2016/4/44/T--Peshawar--PT-Sans-bold.eot");
 src: url("https://static.igem.org/mediawiki/2016/4/44/T--Peshawar--PT-Sans-bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/7/78/T--Peshawar--PT-Sans-bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/9/97/T--Peshawar--PT-Sans-bold.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/f/f7/T--Peshawar--PT-Sans-bold.svg#pt_sansbold") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'pt_sansregular';
 src: url("https://static.igem.org/mediawiki/2016/b/b8/T--Peshawar--PT-Sans-regular.eot");
 src: url("https://static.igem.org/mediawiki/2016/b/b8/T--Peshawar--PT-Sans-regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/b/b8/T--Peshawar--PT-Sans-regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/e/ed/T--Peshawar--PT-Sans-regular.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/6/66/T--Peshawar--PT-Sans-regular.svg#pt_sansregular") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'pt_sans_narrowregular';
 src: url("https://static.igem.org/mediawiki/2016/0/0c/T--Peshawar--PT-Sans-narrow-regular.eot");
 src: url("https://static.igem.org/mediawiki/2016/0/0c/T--Peshawar--PT-Sans-narrow-regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/4/48/T--Peshawar--PT-Sans-narrow-regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/2/22/T--Peshawar--PT-Sans-narrow-regular.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/b/be/T--Peshawar--PT-Sans-narrow-regular.svg#pt_sans_narrowregular") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'pt_sans_narrowbold';
 src: url("https://static.igem.org/mediawiki/2016/9/9d/T--Peshawar--PT-Sans-narrow-bold.eot");
 src: url("https://static.igem.org/mediawiki/2016/9/9d/T--Peshawar--PT-Sans-narrow-bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/4/4b/T--Peshawar--PT-Sans-narrow-bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/8a/T--Peshawar--PT-Sans-narrow-bold.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/d/d9/T--Peshawar--PT-Sans-narrow-bold.svg#pt_sans_narrowbold") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'open_sansregular';
 src: url("https://static.igem.org/mediawiki/2016/d/d5/T--Peshawar--open-sans-regular.eot");
 src: url("https://static.igem.org/mediawiki/2016/d/d5/T--Peshawar--open-sans-regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/7/73/T--Peshawar--open-sans-regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/c/ca/T--Peshawar--open-sans-regular.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/a/ac/T--Peshawar--open-sans-regular.svg#open_sansregular") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'open_sansbold';
 src: url("https://static.igem.org/mediawiki/2016/8/80/T--Peshawar--open-sans-bold.eot");
 src: url("https://static.igem.org/mediawiki/2016/8/80/T--Peshawar--open-sans-bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/2/20/T--Peshawar--open-sans-bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/1/12/T--Peshawar--open-sans-bold.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/4/4b/T--Peshawar--open-sans-bold.svg#open_sansbold") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'open_sansbold_italic';
 src: url("https://static.igem.org/mediawiki/2016/5/53/T--Peshawar--open-sans-bold-italic.eot");
 src: url("https://static.igem.org/mediawiki/2016/5/53/T--Peshawar--open-sans-bold-italic.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/7/71/T--Peshawar--open-sans-bold-italic.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/d/db/T--Peshawar--open-sans-bold-italic.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/b/bf/T--Peshawar--open-sans-bold-italic.svg#open_sansbold_italic") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'open_sanslight';
 src: url("https://static.igem.org/mediawiki/2016/0/0e/T--Peshawar--open-sans-light.eot");
 src: url("https://static.igem.org/mediawiki/2016/0/0e/T--Peshawar--open-sans-light.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/1/19/T--Peshawar--open-sans-light.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/4/49/T--Peshawar--open-sans-light.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/0/07/T--Peshawar--open-sans-light.svg#open_sanslight") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'raleway_bold';
 src: url("https://static.igem.org/mediawiki/2016/1/13/T--Peshawar--raleway-bold.eot");
 src: url("https://static.igem.org/mediawiki/2016/1/13/T--Peshawar--raleway-bold.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/d/d4/T--Peshawar--raleway-bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/f/f5/T--Peshawar--raleway-bold.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/6/61/T--Peshawar--raleway-bold.svg#raleway_bold") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'raleway_medium';
 src: url("https://static.igem.org/mediawiki/2016/3/38/T--Peshawar--raleway-medium.eot");
 src: url("https://static.igem.org/mediawiki/2016/3/38/T--Peshawar--raleway-medium.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/c/c6/T--Peshawar--raleway-medium.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/88/T--Peshawar--raleway-medium.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/4/4e/T--Peshawar--raleway-medium.svg#raleway_medium") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'raleway_regular';
 src: url("https://static.igem.org/mediawiki/2016/c/c9/T--Peshawar--raleway-regular.eot");
 src: url("https://static.igem.org/mediawiki/2016/c/c9/T--Peshawar--raleway-regular.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/8/8e/T--Peshawar--raleway-regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/82/T--Peshawar--raleway-regular.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/4/45/T--Peshawar--raleway-regular.svg#raleway_regular") format("svg");
 font-weight: normal;
 font-style: normal;

} @font-face {

 font-family: 'raleway_light';
 src: url("https://static.igem.org/mediawiki/2016/7/70/T--Peshawar--raleway-light.eot");
 src: url("https://static.igem.org/mediawiki/2016/7/70/T--Peshawar--raleway-light.eot?#iefix") format("embedded-opentype"), url("https://static.igem.org/mediawiki/2016/e/e5/T--Peshawar--raleway-light.woff") format("woff"), url("https://static.igem.org/mediawiki/2016/8/81/T--Peshawar--raleway-light.ttf") format("truetype"), url("https://static.igem.org/mediawiki/2016/3/32/T--Peshawar--raleway-light.svg#raleway_light") format("svg");
 font-weight: normal;
 font-style: normal;

} body {

 color: #413c3c;
 font-family: "pt_sansregular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-size: 1em;
 line-height: 1.6;
 -webkit-font-smoothing: antialiased;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);

}

h1, h2, h3, h4, h5, h6 {

 font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 line-height: 1.2;
 margin: 0 0 0.8em;

}

p {

 margin: 0 0 0.8em;

}

a {

 color: #1565c0;
 text-decoration: none;
 -webkit-transition: color 150ms ease;
 transition: color 150ms ease;

} a:active, a:focus, a:hover {

 color: #104c90;

}

.navigation-list {

 line-height: 1.7em;

} .navigation-list li a {

 font-family: "Roboto-condensed-regular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";

}

.all-in-one-footer-container {

 color: #817D74;

} .all-in-one-footer-container h3 {

 font-family: "Roboto-condensed-light", "Big Caslon", "Tahoma", "Verdana", "sans-serif";

} .all-in-one-footer-container h4 {

 font-family: "Roboto-light", "Big Caslon", "Tahoma", "Verdana", "sans-serif";

}

hr {

 border-bottom: 1px solid #ddd;
 border-left: 0;
 border-right: 0;
 border-top: 0;
 margin: 1.6em 0;

}

body {

 font-family: "pt_sansregular", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-weight: 400;
 font-style: normal;
 font-size: 17px;
 margin: 0 auto;

}

h1 {

 font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-weight: 600;
 font-style: inherit;
 font-size: 83px;
 line-height: 99px;
 margin-top: 33px;
 margin-bottom: 0px;

}

h2 {

 font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-weight: 600;
 font-style: inherit;
 font-size: 49px;
 line-height: 66px;
 margin-top: 33px;
 margin-bottom: 33px;

}

h3 {

 font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-weight: 600;
 font-style: inherit;
 font-size: 29px;
 line-height: 33px;
 margin-top: 33px;
 margin-bottom: 0px;

}

h4 {

 font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-weight: 600;
 font-style: inherit;
 font-size: 17px;
 line-height: 33px;
 margin-top: 33px;
 margin-bottom: 0px;

}

h5 {

 font-family: "pt_sansbold", "Big Caslon", "Tahoma", "Verdana", "sans-serif";
 font-weight: 400;
 font-style: italic;
 font-size: 17px;
 line-height: 33px;
 margin-top: 33px;
 margin-bottom: 0px;

}

ul ul, ol ol, ul ol, ol ul {

 margin-top: 0;
 margin-bottom: 0;

}

hr {

 border: 1px solid;
 margin: -1px 0;

}

b, strong, em, small, code {

 line-height: 1;

}

sup {

 line-height: 0;
 position: relative;
 vertical-align: baseline;
 top: -0.5em;

}

sub {

 bottom: -0.25em;

}

a {

 color: #268ED9;

}

html {

 box-sizing: border-box;

}

• , *::after, *::before {

 box-sizing: inherit;

}

/*!

* Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
* Version: 2 Development
* Url: http://www.adchsm.com/slidebars/
* Author: Adam Charles Smith
* Author url: http://www.adchsm.com/
* License: MIT
* License url: http://www.adchsm.com/slidebars/license/
*/

/**

* Box Model, Html & Body
*/

html, body, [canvas=container], [off-canvas] {

 margin: 0;
 padding: 0;
 box-sizing: border-box;

}

html, body {

 width: 100%;
 height: 100%;

}

/**

* Canvas
*/

[canvas] {

 z-index: 1;

}

[canvas=container] {

 width: 100%;
 height: 100%;
 overflow-y: auto;
 position: relative;
 background-color: white;
 /* Basic background color, overwrite this in your own css. */
 -webkit-overflow-scrolling: touch;
 /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */

}

[canvas=container]:before, [canvas=container]:after {

 clear: both;
 content: ;
 display: table;

}

/**

* Off-Canavs
*/

[off-canvas] {

 display: none;
 position: fixed;
 overflow: hidden;
 overflow-y: auto;
 background-color: black;
 /* Basic background color, overwrite this in your own css. */
 color: white;
 /* Basic colors, overwrite this in your own css. */
 -webkit-overflow-scrolling: touch;
 /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */

}

[off-canvas*=top] {

 width: 100%;
 height: 255px;
 top: 0;

}

[off-canvas*=right] {

 width: 255px;
 height: 100%;
 top: 0;
 right: 0;

}

[off-canvas*=bottom] {

 width: 100%;
 height: 255px;
 bottom: 0;

}

[off-canvas*=left] {

 width: 255px;
 height: 100%;
 top: 0;
 left: 0;

}

[off-canvas*=reveal] {

 z-index: 0;

}

[off-canvas*=push] {

 z-index: 1;

}

[off-canvas*=overlay] {

 z-index: 9999;

}

[off-canvas*=shift] {

 z-index: 0;

}

/**

* Animation
*/

[canvas], [off-canvas] {

 -webkit-transform: translate(0px, 0px);
 transform: translate(0px, 0px);
 -webkit-transition: -webkit-transform 300ms;
 transition: -webkit-transform 300ms;
 transition: transform 300ms;
 transition: transform 300ms, -webkit-transform 300ms;
 -webkit-backface-visibility: hidden;
 /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */

}

[off-canvas*=shift][off-canvas*=top] {

 -webkit-transform: translate(0px, 50%);
 transform: translate(0px, 50%);

}

[off-canvas*=shift][off-canvas*=right] {

 -webkit-transform: translate(-50%, 0px);
 transform: translate(-50%, 0px);

}

[off-canvas*=shift][off-canvas*=bottom] {

 -webkit-transform: translate(0px, -50%);
 transform: translate(0px, -50%);

}

[off-canvas*=shift][off-canvas*=left] {

 -webkit-transform: translate(50%, 0px);
 transform: translate(50%, 0px);

}

/**

* Print
*/

@media print {

 [canvas] {
   -webkit-transform: translate(0px, 0px) !important;
   transform: translate(0px, 0px) !important;
 }

 [off-canvas] {
   display: none !important;
 }

} /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+matlab+sass+scss */ /**

* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/

code[class*="language-"], pre[class*="language-"] {

 color: black;
 background: none;
 text-shadow: 0 1px white;
 font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
 text-align: left;
 white-space: pre;
 word-spacing: normal;
 word-break: normal;
 word-wrap: normal;
 line-height: 1.5;
 -moz-tab-size: 4;
 -o-tab-size: 4;
 tab-size: 4;
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;

}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {

 text-shadow: none;
 background: #b3d4fc;

}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {

 text-shadow: none;
 background: #b3d4fc;

}

@media print {

 code[class*="language-"],
 pre[class*="language-"] {
   text-shadow: none;
 }

} /* Code blocks */ pre[class*="language-"] {

 padding: 1em;
 margin: .5em 0;
 overflow: auto;

}

not(pre) > code[class*="language-"],

pre[class*="language-"] {

 background: #f5f2f0;

}

/* Inline code */

not(pre) > code[class*="language-"] {

 padding: .1em;
 border-radius: .3em;
 white-space: normal;

}

.token.comment, .token.prolog, .token.doctype, .token.cdata {

 color: slategray;

}

.token.punctuation {

 color: #999;

}

.namespace {

 opacity: .7;

}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {

 color: #905;

}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {

 color: #690;

}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {

 color: #a67f59;
 background: rgba(255, 255, 255, 0.5);

}

.token.atrule, .token.attr-value, .token.keyword {

 color: #07a;

}

.token.function {

 color: #DD4A68;

}

.token.regex, .token.important, .token.variable {

 color: #e90;

}

.token.important, .token.bold {

 font-weight: bold;

}

.token.italic {

 font-style: italic;

}

.token.entity {

 cursor: help;

}

/* // 3. Base stuff @import

 'base/base',
 'base/fonts',
 'base/typography',
 'base/helpers';

• /

1. sideMenu,
2. top_title {

 display: none;

}

1. content {

 width: 100vw;
 padding: 0px;
 border: none;
 color: black;
 margin-left: auto;
 margin-right: auto;
 background-color: #fff;
 position: relative;

}

1. globalWrapper {

 font-size: inherit;
 padding-bottom: 0;

}

1. top_menu_under {

 height: 0px;

}

ul {

 list-style-image: none;

}

hr {

 margin-top: 10px;
 margin-bottom: 10px;
 color: #eed369;

}

[off-canvas*=left] {

 width: 300px;
 padding-top: 50px;
 padding-left: 50px;
 text-align: right;
 padding-right: 30px;
 text-transform: none;
 z-index: 3;
 background: #0D111F;

}

.navigation-list li a {

 color: #fff;
 position: relative;

} .navigation-list li a:before {

 content: "";
 position: absolute;
 width: 100%;
 height: 2px;
 bottom: 0;
 left: 0;
 background-color: white;
 visibility: hidden;
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transition: all 0.2s ease-in-out 0s;
 transition: all 0.2s ease-in-out 0s;

} .navigation-list li a:hover:before {

 visibility: visible;
 -webkit-transform: scaleX(1);
 transform: scaleX(1);

}

.header-outer-container .sticky-header {

 max-width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding: 20px 0px 0px 0px;

} .header-outer-container .sticky-header::after {

 clear: both;
 content: "";
 display: block;

} .header-outer-container .sticky-header .logo-wrapper {

 float: left;
 display: block;
 margin-right: 2.3576520234%;
 width: 14.7019566472%;
 margin-left: 42.6490216764%;

} .header-outer-container .sticky-header .logo-wrapper:last-child {

 margin-right: 0;

} .header-outer-container .sticky-header .logo-wrapper::after {

 clear: both;
 content: "";
 display: block;

} .header-outer-container .sticky-header .logo-wrapper .logo {

 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);

} .header-outer-container .sticky-header .logo-wrapper .logo:hover {

 -webkit-filter: grayscale(0%);
 filter: grayscale(0%);

}

.js-toggle-left-slidebar {

 position: fixed;
 float: left;
 z-index: 1;
 height: 80px;
 width: 100px;
 background: url() no-repeat;
 background-size: 100% 100%;
 background-position: center;

}

.js-toggle-left-slidebar:hover {

 -webkit-filter: brightness(0);
         filter: brightness(0);

}

/* FILL COLOR */ .social-main-footer-svg {

 height: 30px;
 width: 30px;
 margin: 2px;

} .social-main-footer-svg #facebook-circle, .social-main-footer-svg #twitter-circle, .social-main-footer-svg #instagram-circle, .social-main-footer-svg #blog-circle {

 opacity: 0;
 filter: alpha(opacity=0);

} .social-main-footer-svg #facebook, .social-main-footer-svg #twitter, .social-main-footer-svg #instagram, .social-main-footer-svg #blog {

 fill: white;

}

a svg:hover #facebook {

 fill: #3b5998;

}

a svg:hover #twitter {

 fill: #1da1f2;

}

a svg:hover #instagram {

 fill: #c13584;

}

a svg:hover #blog {

 fill: #f57d00;

}

/* Hover transitions */ a svg #facebook, a svg #twitter, a svg #instagram, a svg #blog {

 transition: 200ms;
 transition-timing-function: ease-in-out;
 -webkit-transition: 200ms;
 -webkit-transition-timing-function: ease-in-out;

}

.social-page-footer-svg {

 height: 45px;
 width: 45px;
 margin: 10px;

} .social-page-footer-svg #facebook-circle, .social-page-footer-svg #twitter-circle, .social-page-footer-svg #instagram-circle, .social-page-footer-svg #blog-circle {

 opacity: 0;
 filter: alpha(opacity=0);

} .social-page-footer-svg #facebook, .social-page-footer-svg #twitter, .social-page-footer-svg #instagram, .social-page-footer-svg #blog {

 fill: #6A6A6A;

}

.social-page-footer-container {

 max-width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding: 2.3576520234%;
 text-align: center;

} .social-page-footer-container::after {

 clear: both;
 content: "";
 display: block;

}

@media screen and (max-width: 6400px) {

 .full-content-wrapper-container {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
 }
 .full-content-wrapper-container::after {
   clear: both;
   content: "";
   display: block;
 }
 .full-content-wrapper-container .full-width-content-wrapper {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
 }
 .full-content-wrapper-container .full-width-content-wrapper:last-child {
   margin-right: 0;
 }

 .centered-content-wrapper-container {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
 }
 .centered-content-wrapper-container::after {
   clear: both;
   content: "";
   display: block;
 }
 .centered-content-wrapper-container .centered-content-wrapper {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 65.8807826589%;
   margin-left: 17.0596086706%;
 }
 .centered-content-wrapper-container .centered-content-wrapper:last-child {
   margin-right: 0;
 }

 .all-in-one-footer-container {
   color: rgba(255, 255, 255, 0.8);
   width: 100%;
   display: table;
   width: 100%;
   table-layout: fixed;
   background-color: red;
   text-align: center;
 }
 .all-in-one-footer-container .all-in-one-footer-address {
   display: table-cell;
   width: 33.3333333333%;
   padding: 2.3576520234%;
   background-color: #1C1D2C;
 }
 .all-in-one-footer-container .all-in-one-footer-social {
   display: table-cell;
   width: 33.3333333333%;
   padding: 2.3576520234%;
   background-color: #1C1D2C;
 }
 .all-in-one-footer-container .all-in-one-sponsors {
   display: table-cell;
   width: 33.3333333333%;
   padding: 2.3576520234%;
   text-align: center;
   background-color: #000;
 }
 .all-in-one-footer-container .all-in-one-sponsors .govt-kpk {
   float: left;
   display: block;
   margin-right: 7.4229717578%;
   width: 46.2885141211%;
   text-align: right;
   padding: 2.3576520234%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .govt-kpk:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .dost {
   float: left;
   display: block;
   margin-right: 7.4229717578%;
   width: 46.2885141211%;
   text-align: left;
   padding: 2.3576520234%;
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .dost:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .cecos {
   float: left;
   display: block;
   margin-right: 7.4229717578%;
   width: 46.2885141211%;
   text-align: right;
   padding: 2.3576520234%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .cecos:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .iib {
   float: left;
   display: block;
   margin-right: 7.4229717578%;
   width: 46.2885141211%;
   text-align: left;
   padding: 2.3576520234%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .iib:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .govt-kpk img {
   max-width: 90%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .govt-kpk img:hover {
   content: url();
 }
 .all-in-one-footer-container .all-in-one-sponsors .dost img {
   max-width: 90%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .dost img:hover {
   content: url();
 }
 .all-in-one-footer-container .all-in-one-sponsors .cecos img {
   max-width: 85%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .cecos img:hover {
   content: url();
 }
 .all-in-one-footer-container .all-in-one-sponsors .iib img {
   max-width: 85%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .iib img:hover {
   content: url();
 }

} @media screen and (max-width: 1000px) {

 p {
   font-size: 20px;
   line-height: 37px;
 }

 .full-content-wrapper-container {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
 }
 .full-content-wrapper-container::after {
   clear: both;
   content: "";
   display: block;
 }
 .full-content-wrapper-container .full-width-content-wrapper {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
 }
 .full-content-wrapper-container .full-width-content-wrapper:last-child {
   margin-right: 0;
 }

 .centered-content-wrapper-container {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
 }
 .centered-content-wrapper-container::after {
   clear: both;
   content: "";
   display: block;
 }
 .centered-content-wrapper-container .centered-content-wrapper {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 82.9403913294%;
   margin-left: 8.5298043353%;
 }
 .centered-content-wrapper-container .centered-content-wrapper:last-child {
   margin-right: 0;
 }

 .all-in-one-footer-container {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   background-color: red;
   text-align: center;
 }
 .all-in-one-footer-container::after {
   clear: both;
   content: "";
   display: block;
 }
 .all-in-one-footer-container .all-in-one-footer-address {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
   background-color: #1C1D2C;
 }
 .all-in-one-footer-container .all-in-one-footer-address:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-footer-social {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
   background-color: #1C1D2C;
 }
 .all-in-one-footer-container .all-in-one-footer-social:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
   background-color: #000;
 }
 .all-in-one-footer-container .all-in-one-sponsors:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .cecos {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 48.8211739883%;
   text-align: right;
   padding: 2.3576520234%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .cecos:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .govt-kpk {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 48.8211739883%;
   text-align: right;
   padding: 2.3576520234%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .govt-kpk:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .dost {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 48.8211739883%;
   text-align: left;
   margin-right: 0;
   padding: 2.3576520234%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .dost:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .iib {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 48.8211739883%;
   text-align: left;
   padding: 2.3576520234%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .iib:last-child {
   margin-right: 0;
 }
 .all-in-one-footer-container .all-in-one-sponsors .govt-kpk img {
   max-width: 50%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .dost img {
   max-width: 50%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .cecos img {
   max-width: 50%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .iib img {
   max-width: 50%;
 }
 .all-in-one-footer-container .all-in-one-sponsors .social-page-footer-svg {
   height: 35px;
   width: 35px;
   margin: 7px;
 }

} .bourbon {

 -webkit-filter: grayscale(1);
         filter: grayscale(1);

}

.bourbon img:hover {

 content: url();

}

.neat img:hover {

 content: url();

}

.bitters img:hover {

 content: url();

}

.refills img:hover {

 content: url();

}

1. email {

 width: 15px;

}

1. location {

 width: 10px;

}

1. phone {

 width: 10px;

}

1. email,
2. location,
3. phone {

 -webkit-filter: brightness(5) contrast(0);
 margin-right: 4px;

}

.all-in-one-footer-address a, .all-in-one-footer-social a {

 text-decoration: none;
 color: inherit;

} .all-in-one-footer-address #h4-email, .all-in-one-footer-social #h4-email {

 margin-top: 25px;

} .all-in-one-footer-address #h4-phone, .all-in-one-footer-social #h4-phone {

 margin-top: 2px;

} .all-in-one-footer-address a, .all-in-one-footer-social a {

 position: relative;

} .all-in-one-footer-address a:before, .all-in-one-footer-social a:before {

 content: "";
 position: absolute;
 width: 100%;
 height: 2px;
 bottom: 0;
 left: 0;
 background-color: white;
 visibility: hidden;
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transition: all 0.2s ease-in-out 0s;
 transition: all 0.2s ease-in-out 0s;

} .all-in-one-footer-address a:hover:before, .all-in-one-footer-social a:hover:before {

 visibility: visible;
 -webkit-transform: scaleX(1);
 transform: scaleX(1);

}

.all-in-one-footer-container h3 {

 color: white;

} .all-in-one-footer-container h4 {

 color: #6A6A6A;

}

.wiki-design h4 {

 margin-top: 5px;

} .wiki-design button {

 background-color: transparent;
 border: 3px solid #6A6A6A;
 border-radius: 0px;

} .wiki-design button:hover {

 background-color: white;
 border: 3px solid white;
 color: #1C1D2C;

} .wiki-design a {

 color: #6A6A6A;

} .wiki-design a:hover {

 visibility: none;

}

body {

 background: #000;
 background-size: cover;

}

video {

 position: absolute;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
 -o-object-fit: cover;
    object-fit: cover;
 -o-object-position: center;
    object-position: center;
 z-index: -1;

}

1. video-title-home-page {

 min-height: 100vh;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
     -ms-flex-align: center;
         align-items: center;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
     -ms-flex-pack: center;
         justify-content: center;
 text-align: center;

}

1. video-title-home-page h2 {

 margin: 0;
 max-width: 750px;

}

.team-container {

 max-width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding: 2.3576520234%;

} .team-container::after {

 clear: both;
 content: "";
 display: block;

} .team-container .team-wrapper .picture, .team-container .team-wrapper .picture-advisor {

 float: left;
 display: block;
 margin-right: 2.3576520234%;
 width: 23.2317609825%;
 text-align: center;

} .team-container .team-wrapper .picture:last-child, .team-container .team-wrapper .picture-advisor:last-child {

 margin-right: 0;

} .team-container .team-wrapper .bio {

 float: left;
 display: block;
 margin-right: 2.3576520234%;
 width: 74.4105869942%;

} .team-container .team-wrapper .bio:last-child {

 margin-right: 0;

} .team-container .team-wrapper .bio h4 {

 margin-bottom: 0px;
 margin-top: 0px;
 color: white;

} .team-container .team-wrapper .bio h3 {

 margin-top: 0px;
 margin-bottom: 0px;
 color: white;

} .team-container .team-wrapper .bio p:last-child {

 margin-bottom: 0;

} .team-container .team-wrapper .bio p {

 color: rgba(255, 255, 255, 0.8);
 margin-top: 25px;

}

.ali {

 background-color: #000000;

}

.asif {

 background-color: #4b1437;

}

.hadi {

 background-color: #062140;

}

.ismail {

 background-color: #024667;

}

.maleeha {

 background-color: #18121E;

}

.mansoor {

 background-color: #155765;

}

.masoom {

 background-color: #5e0231;

}

.rabia {

 background-color: #1B0529;

}

.rayyan {

 background-color: #00303F;

}

.sami {

 background-color: #34223b;

}

.sarah {

 background-color: #192231;

}

.sidra {

 background-color: #083C5D;

}

.faisal {

 background-color: #000000;

}

.adil {

 background-color: #252839;

}

.adnan {

 background-color: #4D505B;

}

.ali:hover img {

 content: url("");

}

.asif:hover img {

 content: url("");

}

.hadi:hover img {

 content: url("");

}

.ismail:hover img {

 content: url("");

}

.maleeha:hover img {

 content: url("");

}

.mansoor:hover img {

 content: url("");

}

.masoom:hover img {

 content: url("");

}

.rabia:hover img {

 content: url("");

}

.rayyan:hover img {

 content: url("");

}

.sami:hover img {

 content: url("");

}

.sarah:hover img {

 content: url("");

}

.sidra:hover img {

 content: url("");

}

.picture img:hover {

 -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
 animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-perspective: 1000px;
 perspective: 1000px;

}

@-webkit-keyframes shake {

 10%,
   90% {
   -webkit-transform: translate3d(-1px, 0, 0);
   transform: translate3d(-1px, 0, 0);
 }
 20%,
   80% {
   -webkit-transform: translate3d(2px, 0, 0);
   transform: translate3d(2px, 0, 0);
 }
 30%,
   50%,
   70% {
   -webkit-transform: translate3d(-4px, 0, 0);
   transform: translate3d(-4px, 0, 0);
 }
 40%,
   60% {
   -webkit-transform: translate3d(4px, 0, 0);
   transform: translate3d(4px, 0, 0);
 }

} @keyframes shake {

 10%,
   90% {
   -webkit-transform: translate3d(-1px, 0, 0);
   transform: translate3d(-1px, 0, 0);
 }
 20%,
   80% {
   -webkit-transform: translate3d(2px, 0, 0);
   transform: translate3d(2px, 0, 0);
 }
 30%,
   50%,
   70% {
   -webkit-transform: translate3d(-4px, 0, 0);
   transform: translate3d(-4px, 0, 0);
 }
 40%,
   60% {
   -webkit-transform: translate3d(4px, 0, 0);
   transform: translate3d(4px, 0, 0);
 }

} @media screen and (max-width: 1000px) {

 .team-container {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   padding: 2.3576520234%;
 }
 .team-container::after {
   clear: both;
   content: "";
   display: block;
 }
 .team-container .team-wrapper .picture,
 .team-container .team-wrapper .picture-advisor {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
   text-align: center;
 }
 .team-container .team-wrapper .picture:last-child,
 .team-container .team-wrapper .picture-advisor:last-child {
   margin-right: 0;
 }
 .team-container .team-wrapper .bio {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
 }
 .team-container .team-wrapper .bio:last-child {
   margin-right: 0;
 }
 .team-container .team-wrapper .bio h4,
 .team-container .team-wrapper .bio h3 {
   margin-top: 0;
   margin-bottom: 10px;
   text-align: center;
 }
 .team-container .team-wrapper .bio p:last-child {
   margin-bottom: 0;
 }

} .social-team-footer {

 height: 30px;
 width: 30px;
 margin: 2px;

} .social-team-footer #facebook-circle, .social-team-footer #twitter-circle, .social-team-footer #instagram-circle, .social-team-footer #web-circle, .social-team-footer #wordpress-circle, .social-team-footer #email-circle, .social-team-footer #linkedin-circle {

 opacity: 0;
 filter: alpha(opacity=0);

} .social-team-footer #facebook, .social-team-footer #twitter, .social-team-footer #instagram, .social-team-footer #Shape, .social-team-footer #wordpress, .social-team-footer #envelope, .social-team-footer #linkedin {

 fill: white;

}

a svg:hover #facebook {

 fill: #3b5998;

}

a svg:hover #twitter {

 fill: #1da1f2;

}

a svg:hover #instagram {

 fill: #c13584;

}

a svg:hover #Shape {

 fill: #365ebf;

}

a svg:hover #wordpress {

 fill: #d54e21;

}

a svg:hover #envelope {

 fill: #C73524;

}

a svg:hover #linkedin {

 fill: #0077b5;

}

/* Hover transitions */ a svg #facebook, a svg #twitter, a svg #instagram, a svg #Shape, a svg #wordpress, a svg #envelope, a svg #linkedin {

 transition: 200ms;
 transition-timing-function: ease-in-out;
 -webkit-transition: 200ms;
 -webkit-transition-timing-function: ease-in-out;

}

.adnan .picture-advisor img, .faisal .picture-advisor img, .adil .picture-advisor img {

 width: 200px;

}

.attributions-container {

 max-width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding: 2.3576520234%;
 color: white;

} .attributions-container::after {

 clear: both;
 content: "";
 display: block;

} .attributions-container .attributions-wrapper .picture-attributions {

 float: left;
 display: block;
 margin-right: 2.3576520234%;
 width: 23.2317609825%;
 text-align: center;

} .attributions-container .attributions-wrapper .picture-attributions:last-child {

 margin-right: 0;

} .attributions-container .attributions-wrapper .bio {

 float: left;
 display: block;
 margin-right: 2.3576520234%;
 width: 74.4105869942%;

} .attributions-container .attributions-wrapper .bio:last-child {

 margin-right: 0;

} .attributions-container .attributions-wrapper .bio h4, .attributions-container .attributions-wrapper .bio h3 {

 margin-top: 0;
 margin-bottom: 10px;

} .attributions-container .attributions-wrapper .bio p:last-child {

 margin-bottom: 0;

}

@media screen and (max-width: 1000px) {

 .attributions-container {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   padding: 2.3576520234%;
 }
 .attributions-container::after {
   clear: both;
   content: "";
   display: block;
 }
 .attributions-container .attributions-wrapper .picture-attributions {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
   text-align: center;
 }
 .attributions-container .attributions-wrapper .picture-attributions:last-child {
   margin-right: 0;
 }
 .attributions-container .attributions-wrapper .picture-attributions img {
   width: 200px;
 }
 .attributions-container .attributions-wrapper .bio {
   float: left;
   display: block;
   margin-right: 2.3576520234%;
   width: 100%;
 }
 .attributions-container .attributions-wrapper .bio:last-child {
   margin-right: 0;
 }
 .attributions-container .attributions-wrapper .bio h4,
 .attributions-container .attributions-wrapper .bio h3 {
   margin-top: 0;
   margin-bottom: 10px;
   text-align: center;
 }
 .attributions-container .attributions-wrapper .bio p:last-child {
   margin-bottom: 0;
 }

} .waqas {

 background-color: #4b1437;

}

.zabta {

 background-color: #173041;

}

.zaman {

 background-color: #291d33;

}

.siraj {

 background-color: #09132f;

}

.andrew {

 background-color: #002a33;

}

.fahim {

 background-color: #4c5456;

}

.illyas {

 background-color: #062140;

}

.johar {

 background-color: #024667;

}

.natasha {

 background-color: #18121E;

}

.mukhtar {

 background-color: #155765;

}

.rabail {

 background-color: #21263b;

}

.uzair {

 background-color: #1B0529;

}

.salman {

 background-color: #00303F;

}

.faaiz {

 background-color: #311c39;

}

.carlos {

 background-color: #192231;

}

.abida {

 background-color: #083C5D;

}

.waqas {

 background-color: #000000;

}

.vilnius {

 background-color: #252839;

}

.technion {

 background-color: #4D505B;

}

.iit {

 background-color: #331632;

}

.notebook-timeline {

 width: 100vw;
 height: 100vh;

}

.MathJax nobr > span.math > span {

 border-left-width: 0 !important;

}

.table-minimal {

 border-collapse: separate;
 border-spacing: 0;
 width: 100%;

} .table-minimal tbody tr:hover > td, .table-minimal tbody tr:hover > th {

 background-color: #fafafa;

} .table-minimal tbody tr:first-child td {

 border-top: 4px solid #ddd;

} .table-minimal thead th {

 background-color: white;
 border-bottom: 0;
 padding: 0.75em 1em;
 text-align: left;

} .table-minimal tbody {

 background-color: #fff;

} .table-minimal tbody td {

 border-bottom: 0;
 border-top: 1px solid #ddd;
 line-height: 1.6;
 padding: 0.75em 1em;

} .table-minimal tbody td button {

 display: inline-block;
 font-size: 0.7em;
 line-height: 1.6;
 margin-bottom: 0.3em;
 margin-right: 0.5em;
 outline: none;
 padding: 0.3em 1em;
 width: 100%;

} @media screen and (min-width: 600px) {

 .table-minimal tbody td button {
   margin-bottom: 0;
   width: auto;
 }

}

.wiki img {

 display: block;
 margin: 0 auto;
 -webkit-filter: drop-shadow(5px 5px 5px #222);
 filter: drop-shadow(5px 5px 5px #222);

}