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;
 line-height: 33px;
 padding: 33px;
 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;

}

p, ul, ol, pre, table, blockquote {

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

}