(Prototype team page) |
|||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{Waterloo}} | {{Waterloo}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | @import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600"); | ||
+ | body{ | ||
+ | font-family:'Raleway' | ||
+ | } | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px;} | ||
+ | #content { | ||
+ | border: none; | ||
+ | background-color: transparent !important;} | ||
+ | #content H1 { | ||
+ | font-weight:lighter !important; | ||
+ | } | ||
+ | #footer{ | ||
+ | text-align:left !important; | ||
+ | } | ||
+ | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | ||
+ | margin:0 !important; | ||
+ | } | ||
+ | #footer li{ | ||
+ | margin-left: 0px !important; | ||
+ | white-space: nowrap !important; | ||
+ | } | ||
+ | /*! | ||
+ | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome | ||
+ | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | ||
+ | */@font-face{font-family:'FontAwesome';src:url('https://static.igem.org/mediawiki/2019/9/9a/T--Waterloo--fontawesome-webfont.eot?v=4.7.0');src:url('https://static.igem.org/mediawiki/2019/9/9a/T--Waterloo--fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url(https://static.igem.org/mediawiki/2019/7/74/T--Waterloo--fontawesome-webfont.woff?v=4.7.0) format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url(https://static.igem.org/mediawiki/2019/5/53/T--Waterloo--fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} | ||
+ | |||
+ | |||
+ | /* | ||
+ | Industrious by TEMPLATED | ||
+ | templated.co @templatedco | ||
+ | Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | ||
+ | */ | ||
+ | /* Basic */ | ||
+ | @-ms-viewport { | ||
+ | width: device-width; } | ||
+ | body { | ||
+ | -ms-overflow-style: scrollbar; } | ||
+ | |||
+ | @media screen and (max-width: 480px) { | ||
+ | html, body { | ||
+ | min-width: 320px; } } | ||
+ | html { | ||
+ | box-sizing: border-box; } | ||
+ | |||
+ | *, *:before, *:after { | ||
+ | box-sizing: inherit; } | ||
+ | |||
+ | body { | ||
+ | background: #ffffff; } | ||
+ | body.is-preload *, body.is-preload *:before, body.is-preload *:after { | ||
+ | -moz-animation: none !important; | ||
+ | -webkit-animation: none !important; | ||
+ | -ms-animation: none !important; | ||
+ | animation: none !important; | ||
+ | -moz-transition: none !important; | ||
+ | -webkit-transition: none !important; | ||
+ | -ms-transition: none !important; | ||
+ | transition: none !important; } | ||
+ | |||
+ | html, body, div, span, applet, object, | ||
+ | iframe, h1, h2, h3, h4, h5, h6, p, blockquote, | ||
+ | pre, a, abbr, acronym, address, big, cite, | ||
+ | code, del, dfn, em, img, ins, kbd, q, s, samp, | ||
+ | small, strike, strong, sub, sup, tt, var, b, | ||
+ | u, i, center, dl, dt, dd, ol, ul, li, fieldset, | ||
+ | form, label, legend, table, caption, tbody, | ||
+ | tfoot, thead, tr, th, td, article, aside, | ||
+ | canvas, details, embed, figure, figcaption, | ||
+ | footer, header, hgroup, menu, nav, output, ruby, | ||
+ | section, summary, time, mark, audio, video { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | font-size: 100%; | ||
+ | font: inherit; | ||
+ | vertical-align: baseline; } | ||
+ | |||
+ | article, aside, details, figcaption, figure, | ||
+ | footer, header, hgroup, menu, nav, section { | ||
+ | display: block; } | ||
+ | |||
+ | body { | ||
+ | line-height: 1; } | ||
+ | |||
+ | ol, ul { | ||
+ | list-style: none; } | ||
+ | |||
+ | blockquote, q { | ||
+ | quotes: none; } | ||
+ | blockquote:before, blockquote:after, q:before, q:after { | ||
+ | content: ''; | ||
+ | content: none; } | ||
+ | |||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; } | ||
+ | |||
+ | body { | ||
+ | -webkit-text-size-adjust: none; } | ||
+ | |||
+ | mark { | ||
+ | background-color: transparent; | ||
+ | color: inherit; } | ||
+ | |||
+ | input::-moz-focus-inner { | ||
+ | border: 0; | ||
+ | padding: 0; } | ||
+ | |||
+ | input, select, textarea { | ||
+ | -moz-appearance: none; | ||
+ | -webkit-appearance: none; | ||
+ | -ms-appearance: none; | ||
+ | appearance: none; } | ||
+ | |||
+ | /* Typography */ | ||
+ | html { | ||
+ | font-size: 13pt; } | ||
+ | @media screen and (max-width: 1680px) { | ||
+ | html { | ||
+ | font-size: 11pt; } } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | html { | ||
+ | font-size: 12pt; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | html { | ||
+ | font-size: 11pt; } } | ||
+ | |||
+ | body { | ||
+ | |||
+ | color: #444444; } | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-family: "Raleway", Arial, Helvetica, sans-serif; | ||
+ | font-weight: 400; | ||
+ | font-size: 1rem; | ||
+ | line-height: 1.65; } | ||
+ | |||
+ | a { | ||
+ | -moz-transition: color 0.2s ease-in-out; | ||
+ | -webkit-transition: color 0.2s ease-in-out; | ||
+ | -ms-transition: color 0.2s ease-in-out; | ||
+ | transition: color 0.2s ease-in-out; | ||
+ | text-decoration: underline; } | ||
+ | a:hover { | ||
+ | text-decoration: none; } | ||
+ | |||
+ | strong, b { | ||
+ | font-weight: 600; } | ||
+ | |||
+ | em, i { | ||
+ | font-style: italic; } | ||
+ | |||
+ | p { | ||
+ | margin: 0 0 2rem 0; } | ||
+ | |||
+ | header.special { | ||
+ | text-align: center; | ||
+ | margin-bottom: 4rem; } | ||
+ | header.special p { | ||
+ | max-width: 75%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | font-weight: 300; | ||
+ | line-height: 1.5; | ||
+ | text-transform: uppercase; | ||
+ | margin: 0 0 1.5rem 0; } | ||
+ | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | ||
+ | color: inherit; | ||
+ | text-decoration: none; } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 3rem; | ||
+ | line-height: 1.2; } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 2.25rem; | ||
+ | line-height: 1.3; } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 1.25rem; } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 1rem; } | ||
+ | |||
+ | h5 { | ||
+ | font-size: 0.9rem; } | ||
+ | |||
+ | h6 { | ||
+ | font-size: 0.7rem; } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | h1 { | ||
+ | font-size: 2.75rem; | ||
+ | line-height: 1.3; } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 1.75rem; | ||
+ | line-height: 1.5; } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 1.25rem; } } | ||
+ | sub { | ||
+ | font-size: 0.8rem; | ||
+ | position: relative; | ||
+ | top: 0.5rem; } | ||
+ | |||
+ | sup { | ||
+ | font-size: 0.8rem; | ||
+ | position: relative; | ||
+ | top: -0.5rem; } | ||
+ | |||
+ | blockquote { | ||
+ | border-left: solid 0.5rem; | ||
+ | font-style: italic; | ||
+ | margin: 0 0 2rem 0; | ||
+ | padding: 1rem 0 1rem 2rem; } | ||
+ | |||
+ | code { | ||
+ | border-radius: 4px; | ||
+ | border: solid 1px; | ||
+ | font-family: "Courier New", monospace; | ||
+ | font-size: 0.9rem; | ||
+ | margin: 0 0.25rem; | ||
+ | padding: 0.25rem 0.65rem; } | ||
+ | |||
+ | pre { | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | font-family: "Courier New", monospace; | ||
+ | font-size: 0.9rem; | ||
+ | margin: 0 0 2rem 0; } | ||
+ | pre code { | ||
+ | display: block; | ||
+ | line-height: 1.75; | ||
+ | padding: 1rem 1.5rem; | ||
+ | overflow-x: auto; } | ||
+ | |||
+ | hr { | ||
+ | border: 0; | ||
+ | border-bottom: solid 1px; | ||
+ | margin: 2rem 0; } | ||
+ | hr.major { | ||
+ | margin: 4rem 0; } | ||
+ | |||
+ | input, select, textarea { | ||
+ | color: #555555; } | ||
+ | |||
+ | a { | ||
+ | color: #B3DC77; } | ||
+ | |||
+ | strong, b { | ||
+ | color: #555555; } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: #555555; } | ||
+ | |||
+ | blockquote { | ||
+ | border-left-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | code { | ||
+ | background: rgba(0, 0, 0, 0.075); | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | hr { | ||
+ | border-bottom-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | /* Inner */ | ||
+ | .inner { | ||
+ | margin: 0 auto; | ||
+ | width: 75rem; | ||
+ | max-width: calc(100% - 6rem); } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | .inner { | ||
+ | max-width: calc(100% - 3rem); } } | ||
+ | |||
+ | /* Button */ | ||
+ | input[type="submit"], | ||
+ | input[type="reset"], | ||
+ | input[type="button"], | ||
+ | button, | ||
+ | .button { | ||
+ | -moz-appearance: none; | ||
+ | -webkit-appearance: none; | ||
+ | -ms-appearance: none; | ||
+ | appearance: none; | ||
+ | -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | ||
+ | -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | ||
+ | -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | ||
+ | transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | ||
+ | border: 0; | ||
+ | border-radius: 4px; | ||
+ | cursor: pointer; | ||
+ | display: inline-block; | ||
+ | font-weight: 600; | ||
+ | height: 3.25rem; | ||
+ | line-height: 3.25rem; | ||
+ | padding: 0 1.75rem; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | white-space: nowrap; } | ||
+ | input[type="submit"].small, | ||
+ | input[type="reset"].small, | ||
+ | input[type="button"].small, | ||
+ | button.small, | ||
+ | .button.small { | ||
+ | font-size: 0.8rem; | ||
+ | height: 2.4375rem; | ||
+ | line-height: 2.4375rem; | ||
+ | padding: 0 1.25rem; } | ||
+ | input[type="submit"].large, | ||
+ | input[type="reset"].large, | ||
+ | input[type="button"].large, | ||
+ | button.large, | ||
+ | .button.large { | ||
+ | font-size: 1.35rem; | ||
+ | height: 4.0625rem; | ||
+ | line-height: 4.0625rem; | ||
+ | padding: 0 2rem; } | ||
+ | input[type="submit"].wide, | ||
+ | input[type="reset"].wide, | ||
+ | input[type="button"].wide, | ||
+ | button.wide, | ||
+ | .button.wide { | ||
+ | min-width: 13rem; } | ||
+ | input[type="submit"].icon:before, | ||
+ | input[type="reset"].icon:before, | ||
+ | input[type="button"].icon:before, | ||
+ | button.icon:before, | ||
+ | .button.icon:before { | ||
+ | margin-right: 0.5rem; } | ||
+ | input[type="submit"].fit, | ||
+ | input[type="reset"].fit, | ||
+ | input[type="button"].fit, | ||
+ | button.fit, | ||
+ | .button.fit { | ||
+ | width: 100%; } | ||
+ | input[type="submit"].disabled, input[type="submit"]:disabled, | ||
+ | input[type="reset"].disabled, | ||
+ | input[type="reset"]:disabled, | ||
+ | input[type="button"].disabled, | ||
+ | input[type="button"]:disabled, | ||
+ | button.disabled, | ||
+ | button:disabled, | ||
+ | .button.disabled, | ||
+ | .button:disabled { | ||
+ | pointer-events: none; | ||
+ | opacity: 0.25; } | ||
+ | |||
+ | input[type="submit"], | ||
+ | input[type="reset"], | ||
+ | input[type="button"], | ||
+ | button, | ||
+ | .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #555555; | ||
+ | color: #555555 !important; } | ||
+ | input[type="submit"]:hover, | ||
+ | input[type="reset"]:hover, | ||
+ | input[type="button"]:hover, | ||
+ | button:hover, | ||
+ | .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | input[type="submit"]:hover:active, | ||
+ | input[type="reset"]:hover:active, | ||
+ | input[type="button"]:hover:active, | ||
+ | button:hover:active, | ||
+ | .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | input[type="submit"].primary, | ||
+ | input[type="reset"].primary, | ||
+ | input[type="button"].primary, | ||
+ | button.primary, | ||
+ | .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | input[type="submit"].primary:hover, | ||
+ | input[type="reset"].primary:hover, | ||
+ | input[type="button"].primary:hover, | ||
+ | button.primary:hover, | ||
+ | .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | input[type="submit"].primary:hover:active, | ||
+ | input[type="reset"].primary:hover:active, | ||
+ | input[type="button"].primary:hover:active, | ||
+ | button.primary:hover:active, | ||
+ | .button.primary:hover:active { | ||
+ | background-color: #B3DC77; } | ||
+ | |||
+ | /* Form */ | ||
+ | form { | ||
+ | margin: 0 0 2rem 0; } | ||
+ | |||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="email"], | ||
+ | input[type="tel"], | ||
+ | input[type="search"], | ||
+ | input[type="url"], | ||
+ | select, | ||
+ | textarea { | ||
+ | -moz-appearance: none; | ||
+ | -webkit-appearance: none; | ||
+ | -ms-appearance: none; | ||
+ | appearance: none; | ||
+ | border-radius: 4px; | ||
+ | border: none; | ||
+ | border: solid 1px; | ||
+ | color: inherit; | ||
+ | display: block; | ||
+ | outline: 0; | ||
+ | padding: 0 1rem; | ||
+ | text-decoration: none; | ||
+ | width: 100%; } | ||
+ | input[type="text"]:invalid, | ||
+ | input[type="password"]:invalid, | ||
+ | input[type="email"]:invalid, | ||
+ | input[type="tel"]:invalid, | ||
+ | input[type="search"]:invalid, | ||
+ | input[type="url"]:invalid, | ||
+ | select:invalid, | ||
+ | textarea:invalid { | ||
+ | box-shadow: none; } | ||
+ | |||
+ | label { | ||
+ | display: block; | ||
+ | font-size: 1rem; | ||
+ | font-weight: 600; | ||
+ | margin: 0 0 1rem 0; } | ||
+ | |||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="email"], | ||
+ | input[type="tel"], | ||
+ | input[type="search"], | ||
+ | input[type="url"] { | ||
+ | height: 3.25rem; } | ||
+ | |||
+ | select { | ||
+ | background-size: 1.25rem; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: calc(100% - 1rem) center; | ||
+ | height: 3.25rem; | ||
+ | padding-right: 3.25rem; | ||
+ | text-overflow: ellipsis; } | ||
+ | select:focus::-ms-value { | ||
+ | background-color: transparent; } | ||
+ | select::-ms-expand { | ||
+ | display: none; } | ||
+ | |||
+ | textarea { | ||
+ | padding: 0.75rem 1rem; } | ||
+ | |||
+ | input[type="checkbox"], | ||
+ | input[type="radio"] { | ||
+ | -moz-appearance: none; | ||
+ | -webkit-appearance: none; | ||
+ | -ms-appearance: none; | ||
+ | appearance: none; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | margin-right: -2rem; | ||
+ | opacity: 0; | ||
+ | width: 1rem; | ||
+ | z-index: -1; } | ||
+ | input[type="checkbox"] + label, | ||
+ | input[type="radio"] + label { | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | display: inline-block; | ||
+ | font-size: 1rem; | ||
+ | font-weight: 400; | ||
+ | padding-left: 2.825rem; | ||
+ | padding-right: 0.875rem; | ||
+ | position: relative; } | ||
+ | input[type="checkbox"] + label:before, | ||
+ | input[type="radio"] + label:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | input[type="checkbox"] + label:before, | ||
+ | input[type="radio"] + label:before { | ||
+ | border-radius: 4px; | ||
+ | border: solid 1px; | ||
+ | content: ''; | ||
+ | display: inline-block; | ||
+ | height: 1.95rem; | ||
+ | left: 0; | ||
+ | line-height: 1.86875rem; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | top: -0.1625rem; | ||
+ | width: 1.95rem; } | ||
+ | input[type="checkbox"]:checked + label:before, | ||
+ | input[type="radio"]:checked + label:before { | ||
+ | content: '\f00c'; } | ||
+ | |||
+ | input[type="checkbox"] + label:before { | ||
+ | border-radius: 4px; } | ||
+ | |||
+ | input[type="radio"] + label:before { | ||
+ | border-radius: 100%; } | ||
+ | |||
+ | ::-webkit-input-placeholder { | ||
+ | opacity: 1.0; } | ||
+ | |||
+ | :-moz-placeholder { | ||
+ | opacity: 1.0; } | ||
+ | |||
+ | ::-moz-placeholder { | ||
+ | opacity: 1.0; } | ||
+ | |||
+ | :-ms-input-placeholder { | ||
+ | opacity: 1.0; } | ||
+ | |||
+ | label { | ||
+ | color: #555555; } | ||
+ | |||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="email"], | ||
+ | input[type="tel"], | ||
+ | input[type="search"], | ||
+ | input[type="url"], | ||
+ | select, | ||
+ | textarea { | ||
+ | background-color: rgba(0, 0, 0, 0.075); | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | input[type="text"]:focus, | ||
+ | input[type="password"]:focus, | ||
+ | input[type="email"]:focus, | ||
+ | input[type="tel"]:focus, | ||
+ | input[type="search"]:focus, | ||
+ | input[type="url"]:focus, | ||
+ | select:focus, | ||
+ | textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | |||
+ | select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | select option { | ||
+ | color: #444444; | ||
+ | background-color: #ffffff; } | ||
+ | |||
+ | input[type="checkbox"] + label, | ||
+ | input[type="radio"] + label { | ||
+ | color: #444444; } | ||
+ | input[type="checkbox"] + label:before, | ||
+ | input[type="radio"] + label:before { | ||
+ | background: rgba(0, 0, 0, 0.075); | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | input[type="checkbox"]:checked + label:before, | ||
+ | input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | input[type="checkbox"]:focus + label:before, | ||
+ | input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | |||
+ | ::-webkit-input-placeholder { | ||
+ | color: #bbbbbb !important; } | ||
+ | |||
+ | :-moz-placeholder { | ||
+ | color: #bbbbbb !important; } | ||
+ | |||
+ | ::-moz-placeholder { | ||
+ | color: #bbbbbb !important; } | ||
+ | |||
+ | :-ms-input-placeholder { | ||
+ | color: #bbbbbb !important; } | ||
+ | |||
+ | /* List */ | ||
+ | ol { | ||
+ | list-style: decimal; | ||
+ | margin: 0 0 2rem 0; | ||
+ | padding-left: 1.25rem; } | ||
+ | ol li { | ||
+ | padding-left: 0.25rem; } | ||
+ | |||
+ | ul { | ||
+ | list-style: disc; | ||
+ | margin: 0 0 2rem 0; | ||
+ | padding-left: 1rem; } | ||
+ | ul li { | ||
+ | padding-left: 0.325rem; } | ||
+ | ul.plain { | ||
+ | list-style: none; | ||
+ | padding-left: 0; } | ||
+ | ul.plain li { | ||
+ | margin-bottom: 1rem; } | ||
+ | ul.plain li .icon { | ||
+ | border-radius: 4px; | ||
+ | color: #ffffff; | ||
+ | display: inline-block; | ||
+ | margin-right: 1rem; | ||
+ | text-align: center; | ||
+ | width: 2rem; | ||
+ | height: 2rem; | ||
+ | line-height: 2rem; | ||
+ | background: rgba(0, 0, 0, 0.5); } | ||
+ | ul.alt { | ||
+ | list-style: none; | ||
+ | padding-left: 0; } | ||
+ | ul.alt li { | ||
+ | border-top: solid 1px; | ||
+ | } | ||
+ | ul.alt li:first-child { | ||
+ | border-top: 0; | ||
+ | padding-top: 0; } | ||
+ | ul.alt li:last-child { | ||
+ | padding-bottom: 0; } | ||
+ | |||
+ | dl { | ||
+ | margin: 0 0 2rem 0; } | ||
+ | dl dt { | ||
+ | display: block; | ||
+ | font-weight: 600; | ||
+ | margin: 0 0 1rem 0; } | ||
+ | dl dd { | ||
+ | margin-left: 1.5rem; } | ||
+ | |||
+ | ul.alt li { | ||
+ | border-top-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | /* Table */ | ||
+ | .table-wrapper { | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | overflow-x: auto; } | ||
+ | |||
+ | table { | ||
+ | margin: 0 0 2rem 0; | ||
+ | width: 100%; } | ||
+ | table tbody tr { | ||
+ | border: solid 1px; | ||
+ | border-left: 0; | ||
+ | border-right: 0; } | ||
+ | table td { | ||
+ | padding: 0.75rem 0.75rem; } | ||
+ | table th { | ||
+ | font-size: 0.9rem; | ||
+ | font-weight: 600; | ||
+ | padding: 0 0.75rem 0.75rem 0.75rem; | ||
+ | text-align: left; } | ||
+ | table thead { | ||
+ | border-bottom: solid 2px; } | ||
+ | table tfoot { | ||
+ | border-top: solid 2px; } | ||
+ | table.alt { | ||
+ | border-collapse: separate; } | ||
+ | table.alt tbody tr td { | ||
+ | border: solid 1px; | ||
+ | border-left-width: 0; | ||
+ | border-top-width: 0; } | ||
+ | table.alt tbody tr td:first-child { | ||
+ | border-left-width: 1px; } | ||
+ | table.alt tbody tr:first-child td { | ||
+ | border-top-width: 1px; } | ||
+ | table.alt thead { | ||
+ | border-bottom: 0; } | ||
+ | table.alt tfoot { | ||
+ | border-top: 0; } | ||
+ | |||
+ | table tbody tr { | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(0, 0, 0, 0.075); } | ||
+ | table th { | ||
+ | color: #555555; } | ||
+ | table thead { | ||
+ | border-bottom-color: rgba(0, 0, 0, 0.25); } | ||
+ | table tfoot { | ||
+ | border-top-color: rgba(0, 0, 0, 0.25); } | ||
+ | table.alt tbody tr td { | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | /* Highlights */ | ||
+ | .highlights { | ||
+ | width: 100%; | ||
+ | margin: 2.5rem 0; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-flex-wrap: wrap; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | -ms-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; | ||
+ | -moz-align-items: -moz-stretch; | ||
+ | -webkit-align-items: -webkit-stretch; | ||
+ | -ms-align-items: -ms-stretch; | ||
+ | align-items: stretch; } | ||
+ | .highlights > * { | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | -moz-flex-grow: 0; | ||
+ | -webkit-flex-grow: 0; | ||
+ | -ms-flex-grow: 0; | ||
+ | flex-grow: 0; } | ||
+ | .highlights > * { | ||
+ | width: 33.3333333333%; } | ||
+ | .highlights > * { | ||
+ | padding: 1.5rem; | ||
+ | width: calc(33.3333333333% + 1rem); } | ||
+ | .highlights > :nth-child(-n + 3) { | ||
+ | padding-top: 0; } | ||
+ | .highlights > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 0; } | ||
+ | .highlights > :nth-child(3n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding-right: 0; } | ||
+ | .highlights > :nth-child(3n + 1), | ||
+ | .highlights > :nth-child(3n) { | ||
+ | width: calc(33.3333333333% + -0.5rem); } | ||
+ | .highlights .content { | ||
+ | border-radius: 4px !important; | ||
+ | height: 100% !important; | ||
+ | padding: 3rem !important; | ||
+ | text-align: center; } | ||
+ | .highlights .content .icon { | ||
+ | font-size: 5rem; } | ||
+ | .highlights > div > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | .highlights > * { | ||
+ | width: 50%; } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(33.3333333333% + 0.6666666667rem); } | ||
+ | .highlights > :nth-child(-n + 3) { | ||
+ | padding-top: 1rem; } | ||
+ | .highlights > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .highlights > :nth-child(3n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding-right: 1rem; } | ||
+ | .highlights > :nth-child(3n + 1), | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .highlights > :nth-child(-n + 2) { | ||
+ | padding-top: 0; } | ||
+ | .highlights > :nth-last-child(-n + 2) { | ||
+ | padding-bottom: 0; } | ||
+ | .highlights > :nth-child(2n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .highlights > :nth-child(2n) { | ||
+ | padding-right: 0; } | ||
+ | .highlights > :nth-child(2n + 1), | ||
+ | .highlights > :nth-child(2n) { | ||
+ | width: calc(50% + 0rem); } | ||
+ | .highlights .content { | ||
+ | padding: 2rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | .highlights > * { | ||
+ | width: 100%; } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(33.3333333333% + 0.6666666667rem); } | ||
+ | .highlights > :nth-child(-n + 3) { | ||
+ | padding-top: 1rem; } | ||
+ | .highlights > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .highlights > :nth-child(3n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding-right: 1rem; } | ||
+ | .highlights > :nth-child(3n + 1), | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .highlights > :nth-child(-n + 2) { | ||
+ | padding-top: 1rem; } | ||
+ | .highlights > :nth-last-child(-n + 2) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .highlights > :nth-child(2n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .highlights > :nth-child(2n) { | ||
+ | padding-right: 1rem; } | ||
+ | .highlights > :nth-child(2n + 1), | ||
+ | .highlights > :nth-child(2n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .highlights > :nth-child(-n + 1) { | ||
+ | padding-top: 0; } | ||
+ | .highlights > :nth-last-child(-n + 1) { | ||
+ | padding-bottom: 0; } | ||
+ | .highlights > :nth-child(1n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .highlights > :nth-child(1n) { | ||
+ | padding-right: 0; } | ||
+ | .highlights > :nth-child(1n + 1), | ||
+ | .highlights > :nth-child(1n) { | ||
+ | width: calc(100% + 1rem); } } | ||
+ | |||
+ | .highlights .content { | ||
+ | background: #ffffff; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); } | ||
+ | |||
+ | /* Testimonials */ | ||
+ | .testimonials { | ||
+ | margin: 2.5rem 0; | ||
+ | width: 100%; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-flex-wrap: wrap; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | -ms-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; | ||
+ | -moz-align-items: -moz-stretch; | ||
+ | -webkit-align-items: -webkit-stretch; | ||
+ | -ms-align-items: -ms-stretch; | ||
+ | align-items: stretch; } | ||
+ | .testimonials > * { | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | -moz-flex-grow: 0; | ||
+ | -webkit-flex-grow: 0; | ||
+ | -ms-flex-grow: 0; | ||
+ | flex-grow: 0; } | ||
+ | .testimonials > * { | ||
+ | width: 33.3333333333%; } | ||
+ | .testimonials > * { | ||
+ | padding: 1.5rem; | ||
+ | width: calc(33.3333333333% + 1rem); } | ||
+ | .testimonials > :nth-child(-n + 3) { | ||
+ | padding-top: 0; } | ||
+ | .testimonials > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 0; } | ||
+ | .testimonials > :nth-child(3n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding-right: 0; } | ||
+ | .testimonials > :nth-child(3n + 1), | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | width: calc(33.3333333333% + -0.5rem); } | ||
+ | .testimonials .content { | ||
+ | border-radius: 4px; | ||
+ | height: 100%; | ||
+ | padding: 3rem; } | ||
+ | .testimonials .content .author { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; } | ||
+ | .testimonials .content .author blockquote { | ||
+ | margin: 0; } | ||
+ | .testimonials .content .author .image { | ||
+ | margin-right: 2rem; | ||
+ | width: 20%; } | ||
+ | .testimonials .content .author .image img { | ||
+ | border-radius: 100%; | ||
+ | max-width: 100%; } | ||
+ | .testimonials .content .credit { | ||
+ | font-size: 0.75rem; } | ||
+ | .testimonials .content p:last-child { | ||
+ | margin: 0; } | ||
+ | .testimonials > div > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | .testimonials > * { | ||
+ | width: 50%; } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(33.3333333333% + 0.6666666667rem); } | ||
+ | .testimonials > :nth-child(-n + 3) { | ||
+ | padding-top: 1rem; } | ||
+ | .testimonials > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .testimonials > :nth-child(3n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding-right: 1rem; } | ||
+ | .testimonials > :nth-child(3n + 1), | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .testimonials > :nth-child(-n + 2) { | ||
+ | padding-top: 0; } | ||
+ | .testimonials > :nth-last-child(-n + 2) { | ||
+ | padding-bottom: 0; } | ||
+ | .testimonials > :nth-child(2n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .testimonials > :nth-child(2n) { | ||
+ | padding-right: 0; } | ||
+ | .testimonials > :nth-child(2n + 1), | ||
+ | .testimonials > :nth-child(2n) { | ||
+ | width: calc(50% + 0rem); } | ||
+ | .testimonials .content { | ||
+ | padding: 2rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | .testimonials > * { | ||
+ | width: 100%; } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(33.3333333333% + 0.6666666667rem); } | ||
+ | .testimonials > :nth-child(-n + 3) { | ||
+ | padding-top: 1rem; } | ||
+ | .testimonials > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .testimonials > :nth-child(3n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding-right: 1rem; } | ||
+ | .testimonials > :nth-child(3n + 1), | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .testimonials > :nth-child(-n + 2) { | ||
+ | padding-top: 1rem; } | ||
+ | .testimonials > :nth-last-child(-n + 2) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .testimonials > :nth-child(2n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .testimonials > :nth-child(2n) { | ||
+ | padding-right: 1rem; } | ||
+ | .testimonials > :nth-child(2n + 1), | ||
+ | .testimonials > :nth-child(2n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .testimonials > :nth-child(-n + 1) { | ||
+ | padding-top: 0; } | ||
+ | .testimonials > :nth-last-child(-n + 1) { | ||
+ | padding-bottom: 0; } | ||
+ | .testimonials > :nth-child(1n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .testimonials > :nth-child(1n) { | ||
+ | padding-right: 0; } | ||
+ | .testimonials > :nth-child(1n + 1), | ||
+ | .testimonials > :nth-child(1n) { | ||
+ | width: calc(100% + 1rem); } } | ||
+ | |||
+ | .testimonials .content { | ||
+ | background: #ffffff; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); } | ||
+ | .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | |||
+ | /* Actions */ | ||
+ | ul.actions { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | margin-left: -1rem; | ||
+ | padding-left: 0; } | ||
+ | ul.actions li { | ||
+ | padding: 0 0 0 1rem; | ||
+ | vertical-align: middle; } | ||
+ | ul.actions.special { | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | width: calc(100% + 1rem); } | ||
+ | ul.actions.stacked { | ||
+ | -moz-flex-direction: column; | ||
+ | -webkit-flex-direction: column; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | margin-left: 0; } | ||
+ | ul.actions.stacked li { | ||
+ | padding: 1.3rem 0 0 0; } | ||
+ | ul.actions.stacked li:first-child { | ||
+ | padding-top: 0; } | ||
+ | ul.actions.fit { | ||
+ | width: calc(100% + 1rem); } | ||
+ | ul.actions.fit li { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | width: 100%; } | ||
+ | ul.actions.fit li > * { | ||
+ | width: 100%; } | ||
+ | ul.actions.fit.stacked { | ||
+ | width: 100%; } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | ul.actions:not(.fixed) { | ||
+ | -moz-flex-direction: column; | ||
+ | -webkit-flex-direction: column; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | margin-left: 0; | ||
+ | width: 100% !important; } | ||
+ | ul.actions:not(.fixed) li { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | padding: 1rem 0 0 0; | ||
+ | text-align: center; | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li > * { | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li:first-child { | ||
+ | padding-top: 0; } | ||
+ | ul.actions:not(.fixed) li input[type="submit"], | ||
+ | ul.actions:not(.fixed) li input[type="reset"], | ||
+ | ul.actions:not(.fixed) li input[type="button"], | ||
+ | ul.actions:not(.fixed) li button, | ||
+ | ul.actions:not(.fixed) li .button { | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li input[type="submit"].icon:before, | ||
+ | ul.actions:not(.fixed) li input[type="reset"].icon:before, | ||
+ | ul.actions:not(.fixed) li input[type="button"].icon:before, | ||
+ | ul.actions:not(.fixed) li button.icon:before, | ||
+ | ul.actions:not(.fixed) li .button.icon:before { | ||
+ | margin-left: -0.5rem; } } | ||
+ | |||
+ | /* Grid */ | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp { | ||
+ | order: -1; } | ||
+ | .row > .col-1 { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1 { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2 { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2 { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3 { | ||
+ | width: 25%; } | ||
+ | .row > .off-3 { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4 { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4 { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5 { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5 { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6 { | ||
+ | width: 50%; } | ||
+ | .row > .off-6 { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7 { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7 { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8 { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8 { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9 { | ||
+ | width: 75%; } | ||
+ | .row > .off-9 { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10 { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10 { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11 { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11 { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12 { | ||
+ | width: 100%; } | ||
+ | .row > .off-12 { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 3rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -4.5rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 4.5rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -6rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 6rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -6rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 6rem; } | ||
+ | |||
+ | @media screen and (max-width: 1680px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-xlarge { | ||
+ | order: -1; } | ||
+ | .row > .col-1-xlarge { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-xlarge { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-xlarge { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-xlarge { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-xlarge { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-xlarge { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-xlarge { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-xlarge { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-xlarge { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-xlarge { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-xlarge { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-xlarge { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-xlarge { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-xlarge { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-xlarge { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-xlarge { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-xlarge { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-xlarge { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-xlarge { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-xlarge { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-xlarge { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-xlarge { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-xlarge { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-xlarge { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 3rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -4.5rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 4.5rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -6rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 6rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -6rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 6rem; } } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-large { | ||
+ | order: -1; } | ||
+ | .row > .col-1-large { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-large { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-large { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-large { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-large { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-large { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-large { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-large { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-large { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-large { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-large { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-large { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-large { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-large { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-large { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-large { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-large { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-large { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-large { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-large { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-large { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-large { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-large { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-large { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.375rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.375rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.25rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 2.25rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 3rem; } } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-medium { | ||
+ | order: -1; } | ||
+ | .row > .col-1-medium { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-medium { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-medium { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-medium { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-medium { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-medium { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-medium { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-medium { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-medium { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-medium { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-medium { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-medium { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-medium { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-medium { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-medium { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-medium { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-medium { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-medium { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-medium { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-medium { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-medium { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-medium { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-medium { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-medium { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.375rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.375rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.25rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 2.25rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 3rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-small { | ||
+ | order: -1; } | ||
+ | .row > .col-1-small { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-small { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-small { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-small { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-small { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-small { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-small { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-small { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-small { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-small { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-small { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-small { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-small { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-small { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-small { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-small { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-small { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-small { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-small { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-small { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-small { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-small { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-small { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-small { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.3125rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.3125rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.3125rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.3125rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.625rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.625rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.625rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.625rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.25rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.25rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.25rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.25rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.875rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 1.875rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -1.875rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 1.875rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.5rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 2.5rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -2.5rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 2.5rem; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-xsmall { | ||
+ | order: -1; } | ||
+ | .row > .col-1-xsmall { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-xsmall { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-xsmall { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-xsmall { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-xsmall { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-xsmall { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-xsmall { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-xsmall { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-xsmall { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-xsmall { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-xsmall { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-xsmall { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-xsmall { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-xsmall { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-xsmall { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-xsmall { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-xsmall { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-xsmall { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-xsmall { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-xsmall { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-xsmall { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-xsmall { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-xsmall { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-xsmall { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.3125rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.3125rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.3125rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.3125rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.625rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.625rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.625rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.625rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.25rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.25rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.25rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.25rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.875rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 1.875rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -1.875rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 1.875rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.5rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 2.5rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -2.5rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 2.5rem; } } | ||
+ | /* Icon */ | ||
+ | .icon { | ||
+ | text-decoration: none; | ||
+ | border-bottom: none; | ||
+ | position: relative; } | ||
+ | .icon:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | .icon > .label { | ||
+ | display: none; } | ||
+ | |||
+ | /* Icons */ | ||
+ | ul.icons { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | padding-left: 0; } | ||
+ | ul.icons li { | ||
+ | display: inline-block; | ||
+ | padding: 0 1rem 0 0; } | ||
+ | ul.icons li:last-child { | ||
+ | padding-right: 0; } | ||
+ | ul.icons li .icon:before { | ||
+ | font-size: 2rem; } | ||
+ | |||
+ | /* Image */ | ||
+ | .image { | ||
+ | border-radius: 4px; | ||
+ | border: 0; | ||
+ | display: inline-block; | ||
+ | position: relative; } | ||
+ | .image img { | ||
+ | border-radius: 4px; | ||
+ | display: block; } | ||
+ | .image.left, .image.right { | ||
+ | max-width: 40%; } | ||
+ | .image.left img, .image.right img { | ||
+ | width: 100%; } | ||
+ | .image.left { | ||
+ | float: left; | ||
+ | margin: 0 2rem 2rem 0; | ||
+ | top: 0.25rem; } | ||
+ | .image.right { | ||
+ | float: right; | ||
+ | margin: 0 0 2rem 2rem; | ||
+ | top: 0.25rem; } | ||
+ | .image.fit { | ||
+ | display: block; | ||
+ | margin: 0 0 2rem 0; | ||
+ | width: 100%; } | ||
+ | .image.fit img { | ||
+ | width: 100%; } | ||
+ | .image.main { | ||
+ | display: block; | ||
+ | margin: 0 0 3rem 0; | ||
+ | width: 100%; } | ||
+ | .image.main img { | ||
+ | width: 100%; } | ||
+ | |||
+ | /* Wrapper */ | ||
+ | .wrapper { | ||
+ | padding: 8rem 0 6rem 0 ; | ||
+ | position: relative; | ||
+ | z-index: 1; } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | .wrapper { | ||
+ | padding: 4rem 0 2rem 0 ; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | .wrapper { | ||
+ | padding: 3rem 0 1rem 0 ; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | .wrapper { | ||
+ | padding: 2rem 0 0.1rem 0 ; } } | ||
+ | |||
+ | /* Banner */ | ||
+ | #banner { | ||
+ | -ms-flex-align: center; | ||
+ | -ms-flex-pack: center; | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2019/3/36/T--Waterloo--banner.jpeg); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | border-top: 0; | ||
+ | display: -ms-flexbox; | ||
+ | height: 35rem !important; | ||
+ | min-height: 35rem; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | width: 100%; } | ||
+ | #banner input, #banner select, #banner textarea { | ||
+ | color: #ffffff; } | ||
+ | #banner a { | ||
+ | color: #B3DC77; } | ||
+ | #banner strong, #banner b { | ||
+ | color: #ffffff; } | ||
+ | #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { | ||
+ | color: #ffffff; } | ||
+ | #banner blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="submit"], | ||
+ | #banner input[type="reset"], | ||
+ | #banner input[type="button"], | ||
+ | #banner button, | ||
+ | #banner .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #banner input[type="submit"]:hover, | ||
+ | #banner input[type="reset"]:hover, | ||
+ | #banner input[type="button"]:hover, | ||
+ | #banner button:hover, | ||
+ | #banner .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #banner input[type="submit"]:hover:active, | ||
+ | #banner input[type="reset"]:hover:active, | ||
+ | #banner input[type="button"]:hover:active, | ||
+ | #banner button:hover:active, | ||
+ | #banner .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #banner input[type="submit"].primary, | ||
+ | #banner input[type="reset"].primary, | ||
+ | #banner input[type="button"].primary, | ||
+ | #banner button.primary, | ||
+ | #banner .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #banner input[type="submit"].primary:hover, | ||
+ | #banner input[type="reset"].primary:hover, | ||
+ | #banner input[type="button"].primary:hover, | ||
+ | #banner button.primary:hover, | ||
+ | #banner .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #banner input[type="submit"].primary:hover:active, | ||
+ | #banner input[type="reset"].primary:hover:active, | ||
+ | #banner input[type="button"].primary:hover:active, | ||
+ | #banner button.primary:hover:active, | ||
+ | #banner .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #banner label { | ||
+ | color: #ffffff; } | ||
+ | #banner input[type="text"], | ||
+ | #banner input[type="password"], | ||
+ | #banner input[type="email"], | ||
+ | #banner input[type="tel"], | ||
+ | #banner input[type="search"], | ||
+ | #banner input[type="url"], | ||
+ | #banner select, | ||
+ | #banner textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="text"]:focus, | ||
+ | #banner input[type="password"]:focus, | ||
+ | #banner input[type="email"]:focus, | ||
+ | #banner input[type="tel"]:focus, | ||
+ | #banner input[type="search"]:focus, | ||
+ | #banner input[type="url"]:focus, | ||
+ | #banner select:focus, | ||
+ | #banner textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #banner select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #banner select option { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | background-color: #111111; } | ||
+ | #banner input[type="checkbox"] + label, | ||
+ | #banner input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.5); } | ||
+ | #banner input[type="checkbox"] + label:before, | ||
+ | #banner input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="checkbox"]:checked + label:before, | ||
+ | #banner input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | #banner input[type="checkbox"]:focus + label:before, | ||
+ | #banner input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #banner ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #banner table th { | ||
+ | color: #ffffff; } | ||
+ | #banner table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner .highlights .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #banner .testimonials .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #banner .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #banner > .inner { | ||
+ | -moz-transform: scale(1.0); | ||
+ | -webkit-transform: scale(1.0); | ||
+ | -ms-transform: scale(1.0); | ||
+ | transform: scale(1.0); | ||
+ | -moz-transition: opacity 1s ease, -moz-transform 1s ease; | ||
+ | -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; | ||
+ | -ms-transition: opacity 1s ease, -ms-transform 1s ease; | ||
+ | transition: opacity 1s ease, transform 1s ease; | ||
+ | opacity: 1; | ||
+ | position: relative; | ||
+ | z-index: 3; } | ||
+ | #banner > .inner > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | #banner h1 { | ||
+ | font-size: 4rem; | ||
+ | margin-bottom: 1rem; } | ||
+ | #banner p { | ||
+ | font-size: 1.5rem; } | ||
+ | #banner a { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | text-decoration: none; } | ||
+ | #banner a:hover { | ||
+ | color: #ffffff; } | ||
+ | #banner video { | ||
+ | -moz-transform: translateX(50%) translateY(50%); | ||
+ | -webkit-transform: translateX(50%) translateY(50%); | ||
+ | -ms-transform: translateX(50%) translateY(50%); | ||
+ | transform: translateX(50%) translateY(50%); | ||
+ | bottom: 50%; | ||
+ | height: auto; | ||
+ | min-height: 100%; | ||
+ | min-width: 100%; | ||
+ | overflow: hidden; | ||
+ | position: absolute; | ||
+ | right: 50%; | ||
+ | width: auto; } | ||
+ | #banner:before { | ||
+ | -moz-transition: opacity 3s ease; | ||
+ | -webkit-transition: opacity 3s ease; | ||
+ | -ms-transition: opacity 3s ease; | ||
+ | transition: opacity 3s ease; | ||
+ | -moz-transition-delay: 1.25s; | ||
+ | -webkit-transition-delay: 1.25s; | ||
+ | -ms-transition-delay: 1.25s; | ||
+ | transition-delay: 1.25s; | ||
+ | background: #111111; | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.45; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #banner:after { | ||
+ | background: linear-gradient(135deg, #B3DC77 0%, #111111 74%); | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.6; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | webkit-linear-gradientidth: 100%; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #banner.small { | ||
+ | height: 30vh !important; | ||
+ | min-height: 30vh; } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | #banner video { | ||
+ | display: none; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #banner { | ||
+ | height: auto !important; | ||
+ | min-height: 0; | ||
+ | padding: 4rem 2rem 4rem 2rem; } | ||
+ | #banner .inner { | ||
+ | width: 100%; } | ||
+ | #banner h1 { | ||
+ | font-size: 1.75rem; | ||
+ | margin-bottom: 0.5rem; | ||
+ | padding-bottom: 0; } | ||
+ | #banner p { | ||
+ | font-size: 1.25rem; } | ||
+ | #banner br { | ||
+ | display: none; } | ||
+ | #banner .button { | ||
+ | width: 100%; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #banner p { | ||
+ | font-size: 1rem; } } | ||
+ | body.is-preload #banner .inner { | ||
+ | -moz-transform: scale(0.99); | ||
+ | -webkit-transform: scale(0.99); | ||
+ | -ms-transform: scale(0.99); | ||
+ | transform: scale(0.99); | ||
+ | opacity: 0; } | ||
+ | body.is-preload #banner:before { | ||
+ | opacity: 1; } | ||
+ | |||
+ | /* CTA */ | ||
+ | #cta { | ||
+ | background-color: #B3DC77; | ||
+ | color: rgba(255, 255, 255, 0.75); | ||
+ | background-attachment: fixed; | ||
+ | background-image: linear-gradient(rgba(206, 27, 40, 0.25), rgba(206, 27, 40, 0.25)), url(../../images/cta01.jpg); | ||
+ | background-position: bottom; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | z-index: 1; } | ||
+ | #cta input, #cta select, #cta textarea { | ||
+ | color: #ffffff; } | ||
+ | #cta a { | ||
+ | color: #ffffff; } | ||
+ | #cta strong, #cta b { | ||
+ | color: #ffffff; } | ||
+ | #cta h1, #cta h2, #cta h3, #cta h4, #cta h5, #cta h6 { | ||
+ | color: #ffffff; } | ||
+ | #cta blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="submit"], | ||
+ | #cta input[type="reset"], | ||
+ | #cta input[type="button"], | ||
+ | #cta button, | ||
+ | #cta .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #cta input[type="submit"]:hover, | ||
+ | #cta input[type="reset"]:hover, | ||
+ | #cta input[type="button"]:hover, | ||
+ | #cta button:hover, | ||
+ | #cta .button:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.1); } | ||
+ | #cta input[type="submit"]:hover:active, | ||
+ | #cta input[type="reset"]:hover:active, | ||
+ | #cta input[type="button"]:hover:active, | ||
+ | #cta button:hover:active, | ||
+ | #cta .button:hover:active { | ||
+ | background-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="submit"].primary, | ||
+ | #cta input[type="reset"].primary, | ||
+ | #cta input[type="button"].primary, | ||
+ | #cta button.primary, | ||
+ | #cta .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #ffffff; | ||
+ | color: #B3DC77 !important; } | ||
+ | #cta input[type="submit"].primary:hover, | ||
+ | #cta input[type="reset"].primary:hover, | ||
+ | #cta input[type="button"].primary:hover, | ||
+ | #cta button.primary:hover, | ||
+ | #cta .button.primary:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.875); | ||
+ | box-shadow: none; } | ||
+ | #cta input[type="submit"].primary:hover:active, | ||
+ | #cta input[type="reset"].primary:hover:active, | ||
+ | #cta input[type="button"].primary:hover:active, | ||
+ | #cta button.primary:hover:active, | ||
+ | #cta .button.primary:hover:active { | ||
+ | background-color: rgba(255, 255, 255, 0.5); } | ||
+ | #cta label { | ||
+ | color: #ffffff; } | ||
+ | #cta input[type="text"], | ||
+ | #cta input[type="password"], | ||
+ | #cta input[type="email"], | ||
+ | #cta input[type="tel"], | ||
+ | #cta input[type="search"], | ||
+ | #cta input[type="url"], | ||
+ | #cta select, | ||
+ | #cta textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="text"]:focus, | ||
+ | #cta input[type="password"]:focus, | ||
+ | #cta input[type="email"]:focus, | ||
+ | #cta input[type="tel"]:focus, | ||
+ | #cta input[type="search"]:focus, | ||
+ | #cta input[type="url"]:focus, | ||
+ | #cta select:focus, | ||
+ | #cta textarea:focus { | ||
+ | border-color: #ffffff; | ||
+ | box-shadow: 0 0 0 1px #ffffff; } | ||
+ | #cta select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #cta select option { | ||
+ | color: rgba(255, 255, 255, 0.75); | ||
+ | background-color: #B3DC77; } | ||
+ | #cta input[type="checkbox"] + label, | ||
+ | #cta input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.75); } | ||
+ | #cta input[type="checkbox"] + label:before, | ||
+ | #cta input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="checkbox"]:checked + label:before, | ||
+ | #cta input[type="radio"]:checked + label:before { | ||
+ | background-color: #ffffff; | ||
+ | border-color: #ffffff; | ||
+ | color: #B3DC77; } | ||
+ | #cta input[type="checkbox"]:focus + label:before, | ||
+ | #cta input[type="radio"]:focus + label:before { | ||
+ | border-color: #ffffff; | ||
+ | box-shadow: 0 0 0 1px #ffffff; } | ||
+ | #cta ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #cta table th { | ||
+ | color: #ffffff; } | ||
+ | #cta table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta .highlights .content { | ||
+ | background: #B3DC77; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #cta .testimonials .content { | ||
+ | background: #B3DC77; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #cta .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #cta .inner { | ||
+ | position: relative; | ||
+ | z-index: 3; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #cta { | ||
+ | background-attachment: scroll; } } | ||
+ | |||
+ | /* Footer */ | ||
+ | #footer { | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | padding: 8rem 0 6rem 0 ; } | ||
+ | #footer input, #footer select, #footer textarea { | ||
+ | color: #ffffff; } | ||
+ | #footer a { | ||
+ | color: #B3DC77; } | ||
+ | #footer strong, #footer b { | ||
+ | color: #ffffff; } | ||
+ | #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { | ||
+ | color: #ffffff; } | ||
+ | #footer blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer input[type="submit"], | ||
+ | #footer input[type="reset"], | ||
+ | #footer input[type="button"], | ||
+ | #footer button, | ||
+ | #footer .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #footer input[type="submit"]:hover, | ||
+ | #footer input[type="reset"]:hover, | ||
+ | #footer input[type="button"]:hover, | ||
+ | #footer button:hover, | ||
+ | #footer .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #footer input[type="submit"]:hover:active, | ||
+ | #footer input[type="reset"]:hover:active, | ||
+ | #footer input[type="button"]:hover:active, | ||
+ | #footer button:hover:active, | ||
+ | #footer .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #footer input[type="submit"].primary, | ||
+ | #footer input[type="reset"].primary, | ||
+ | #footer input[type="button"].primary, | ||
+ | #footer button.primary, | ||
+ | #footer .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #footer input[type="submit"].primary:hover, | ||
+ | #footer input[type="reset"].primary:hover, | ||
+ | #footer input[type="button"].primary:hover, | ||
+ | #footer button.primary:hover, | ||
+ | #footer .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #footer input[type="submit"].primary:hover:active, | ||
+ | #footer input[type="reset"].primary:hover:active, | ||
+ | #footer input[type="button"].primary:hover:active, | ||
+ | #footer button.primary:hover:active, | ||
+ | #footer .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #footer label { | ||
+ | color: #ffffff; } | ||
+ | #footer input[type="text"], | ||
+ | #footer input[type="password"], | ||
+ | #footer input[type="email"], | ||
+ | #footer input[type="tel"], | ||
+ | #footer input[type="search"], | ||
+ | #footer input[type="url"], | ||
+ | #footer select, | ||
+ | #footer textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer input[type="text"]:focus, | ||
+ | #footer input[type="password"]:focus, | ||
+ | #footer input[type="email"]:focus, | ||
+ | #footer input[type="tel"]:focus, | ||
+ | #footer input[type="search"]:focus, | ||
+ | #footer input[type="url"]:focus, | ||
+ | #footer select:focus, | ||
+ | #footer textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #footer select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #footer select option { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | background-color: #111111; } | ||
+ | #footer input[type="checkbox"] + label, | ||
+ | #footer input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.5); } | ||
+ | #footer input[type="checkbox"] + label:before, | ||
+ | #footer input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer input[type="checkbox"]:checked + label:before, | ||
+ | #footer input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | #footer input[type="checkbox"]:focus + label:before, | ||
+ | #footer input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #footer ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #footer :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #footer ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #footer :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #footer ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #footer table th { | ||
+ | color: #ffffff; } | ||
+ | #footer table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer .highlights .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #footer .testimonials .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #footer .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #footer a { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | text-decoration: none; } | ||
+ | #footer a:hover { | ||
+ | color: #B3DC77; } | ||
+ | #footer .content { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; } | ||
+ | #footer .content section { | ||
+ | width: 25%; } | ||
+ | #footer .content section:first-child { | ||
+ | width: 50%; | ||
+ | padding-right: 4rem; } | ||
+ | #footer .content section:last-child { | ||
+ | padding-left: 4rem; } | ||
+ | #footer .copyright { | ||
+ | border-top: 1px solid; | ||
+ | font-size: 0.8rem; | ||
+ | opacity: 0.5; | ||
+ | padding: 2rem 0; | ||
+ | text-align: center; } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | #footer { | ||
+ | padding: 4rem 0 2rem 0 ; } } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #footer .content { | ||
+ | -moz-flex-wrap: wrap; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | -ms-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; } | ||
+ | #footer .content section { | ||
+ | width: 50%; } | ||
+ | #footer .content section:first-child { | ||
+ | width: 100%; | ||
+ | padding-right: 0; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #footer { | ||
+ | padding: 3rem 0 1rem 0 ; } | ||
+ | #footer .content section { | ||
+ | width: 100%; } | ||
+ | #footer .content section:last-child { | ||
+ | padding-left: 0; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #footer { | ||
+ | padding: 2rem 0 0.1rem 0 ; } } | ||
+ | |||
+ | /* Header */ | ||
+ | body { | ||
+ | padding-top: 3.25rem; } | ||
+ | body:before { | ||
+ | content: ' '; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2019/3/37/T--Waterloo--bg_image.jpeg); | ||
+ | background-size: cover; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | display: block; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index: -1; | ||
+ | opacity: 0.05; } | ||
+ | |||
+ | #header { | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: space-between; | ||
+ | -webkit-justify-content: space-between; | ||
+ | -ms-justify-content: space-between; | ||
+ | justify-content: space-between; | ||
+ | background: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | cursor: default; | ||
+ | height: 3.25rem; | ||
+ | left: 0; | ||
+ | line-height: 4.25rem; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 10001; } | ||
+ | #header > .logo { | ||
+ | color: #ffffff; | ||
+ | font-size: 1rem; | ||
+ | font-weight: 600; | ||
+ | height: inherit; | ||
+ | line-height: inherit; | ||
+ | padding: 0 1.25rem; | ||
+ | text-decoration: none; } | ||
+ | #header > nav > a { | ||
+ | color: inherit; | ||
+ | display: inline-block; | ||
+ | padding: 0 0.75rem; | ||
+ | text-decoration: none; } | ||
+ | #header > nav > a:hover { | ||
+ | color: #ffffff; } | ||
+ | #header > nav > a[href="#menu"] { | ||
+ | text-decoration: none; | ||
+ | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | ||
+ | #header > nav > a[href="#menu"]:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | #header > nav > a[href="#menu"]:before { | ||
+ | content: '\f0c9'; | ||
+ | margin: 0 0.5rem 0 0; } | ||
+ | #header > nav > a + a[href="#menu"]:last-child { | ||
+ | border-left: solid 1px rgba(255, 255, 255, 0.25); | ||
+ | margin-left: 0.5rem; | ||
+ | padding-left: 1.25rem; } | ||
+ | #header > nav > a:last-child { | ||
+ | padding-right: 1.25rem; } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #header > nav > a { | ||
+ | padding: 0 0.5rem; } | ||
+ | #header > nav > a + a[href="#menu"]:last-child { | ||
+ | margin-left: 0.25rem; | ||
+ | padding-left: 1rem; } | ||
+ | #header > nav > a:last-child { | ||
+ | padding-right: 1rem; } } | ||
+ | |||
+ | @media screen and (max-width: 980px) { | ||
+ | body { | ||
+ | padding-top: 44px; } | ||
+ | |||
+ | #header { | ||
+ | height: 44px; | ||
+ | line-height: 44px; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #header { | ||
+ | min-width: 320px; } } | ||
+ | /* Heading */ | ||
+ | #heading { | ||
+ | -ms-flex-align: center; | ||
+ | -ms-flex-pack: center; | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url(https://static.igem.org/mediawiki/2019/3/36/T--Waterloo--banner.jpeg); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | border-top: 0; | ||
+ | display: -ms-flexbox; | ||
+ | height: 15rem !important; | ||
+ | min-height: 15rem; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | width: 100%; } | ||
+ | #heading input, #heading select, #heading textarea { | ||
+ | color: #ffffff; } | ||
+ | #heading a { | ||
+ | color: #B3DC77; } | ||
+ | #heading strong, #heading b { | ||
+ | color: #ffffff; } | ||
+ | #heading h1, #heading h2, #heading h3, #heading h4, #heading h5, #heading h6 { | ||
+ | color: #ffffff; } | ||
+ | #heading blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading input[type="submit"], | ||
+ | #heading input[type="reset"], | ||
+ | #heading input[type="button"], | ||
+ | #heading button, | ||
+ | #heading .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #heading input[type="submit"]:hover, | ||
+ | #heading input[type="reset"]:hover, | ||
+ | #heading input[type="button"]:hover, | ||
+ | #heading button:hover, | ||
+ | #heading .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #heading input[type="submit"]:hover:active, | ||
+ | #heading input[type="reset"]:hover:active, | ||
+ | #heading input[type="button"]:hover:active, | ||
+ | #heading button:hover:active, | ||
+ | #heading .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #heading input[type="submit"].primary, | ||
+ | #heading input[type="reset"].primary, | ||
+ | #heading input[type="button"].primary, | ||
+ | #heading button.primary, | ||
+ | #heading .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #heading input[type="submit"].primary:hover, | ||
+ | #heading input[type="reset"].primary:hover, | ||
+ | #heading input[type="button"].primary:hover, | ||
+ | #heading button.primary:hover, | ||
+ | #heading .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #heading input[type="submit"].primary:hover:active, | ||
+ | #heading input[type="reset"].primary:hover:active, | ||
+ | #heading input[type="button"].primary:hover:active, | ||
+ | #heading button.primary:hover:active, | ||
+ | #heading .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #heading label { | ||
+ | color: #ffffff; } | ||
+ | #heading input[type="text"], | ||
+ | #heading input[type="password"], | ||
+ | #heading input[type="email"], | ||
+ | #heading input[type="tel"], | ||
+ | #heading input[type="search"], | ||
+ | #heading input[type="url"], | ||
+ | #heading select, | ||
+ | #heading textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading input[type="text"]:focus, | ||
+ | #heading input[type="password"]:focus, | ||
+ | #heading input[type="email"]:focus, | ||
+ | #heading input[type="tel"]:focus, | ||
+ | #heading input[type="search"]:focus, | ||
+ | #heading input[type="url"]:focus, | ||
+ | #heading select:focus, | ||
+ | #heading textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #heading select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #heading select option { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | background-color: #111111; } | ||
+ | #heading input[type="checkbox"] + label, | ||
+ | #heading input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.5); } | ||
+ | #heading input[type="checkbox"] + label:before, | ||
+ | #heading input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading input[type="checkbox"]:checked + label:before, | ||
+ | #heading input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | #heading input[type="checkbox"]:focus + label:before, | ||
+ | #heading input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #heading ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #heading table th { | ||
+ | color: #ffffff; } | ||
+ | #heading table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading .highlights .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #heading .testimonials .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #heading .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #heading:before { | ||
+ | background: linear-gradient(135deg, #B3DC77 0%, #111111 74%); | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.6; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #heading h1 { | ||
+ | margin-bottom: 0; | ||
+ | position: relative; | ||
+ | z-index: 2; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #heading { | ||
+ | padding: 2rem; } } | ||
+ | |||
+ | /* Main */ | ||
+ | #main .content { | ||
+ | background: #ffffff; | ||
+ | border-radius: 4px; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); | ||
+ | margin-bottom: 2rem; | ||
+ | padding: 3rem; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #main .content { | ||
+ | padding: 2rem; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #main .content { | ||
+ | padding: 1.5rem; } } | ||
+ | |||
+ | /* Menu */ | ||
+ | #menu { | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | -moz-transform: translateX(20rem); | ||
+ | -webkit-transform: translateX(20rem); | ||
+ | -ms-transform: translateX(20rem); | ||
+ | transform: translateX(20rem); | ||
+ | -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | box-shadow: none; | ||
+ | height: 100%; | ||
+ | max-width: 80%; | ||
+ | overflow-y: auto; | ||
+ | padding: 3rem 2rem; | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | visibility: hidden; | ||
+ | width: 20rem; | ||
+ | z-index: 10002; } | ||
+ | #menu input, #menu select, #menu textarea { | ||
+ | color: #ffffff; } | ||
+ | #menu a { | ||
+ | color: #B3DC77; } | ||
+ | #menu strong, #menu b { | ||
+ | color: #ffffff; } | ||
+ | #menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6 { | ||
+ | color: #ffffff; } | ||
+ | #menu blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu input[type="submit"], | ||
+ | #menu input[type="reset"], | ||
+ | #menu input[type="button"], | ||
+ | #menu button, | ||
+ | #menu .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #menu input[type="submit"]:hover, | ||
+ | #menu input[type="reset"]:hover, | ||
+ | #menu input[type="button"]:hover, | ||
+ | #menu button:hover, | ||
+ | #menu .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #menu input[type="submit"]:hover:active, | ||
+ | #menu input[type="reset"]:hover:active, | ||
+ | #menu input[type="button"]:hover:active, | ||
+ | #menu button:hover:active, | ||
+ | #menu .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #menu input[type="submit"].primary, | ||
+ | #menu input[type="reset"].primary, | ||
+ | #menu input[type="button"].primary, | ||
+ | #menu button.primary, | ||
+ | #menu .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #menu input[type="submit"].primary:hover, | ||
+ | #menu input[type="reset"].primary:hover, | ||
+ | #menu input[type="button"].primary:hover, | ||
+ | #menu button.primary:hover, | ||
+ | #menu .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #menu input[type="submit"].primary:hover:active, | ||
+ | #menu input[type="reset"].primary:hover:active, | ||
+ | #menu input[type="button"].primary:hover:active, | ||
+ | #menu button.primary:hover:active, | ||
+ | #menu .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #menu > ul { | ||
+ | margin: 0 0 1rem 0; } | ||
+ | #menu > ul.links { | ||
+ | list-style: none; | ||
+ | padding: 0; } | ||
+ | #menu > ul.links > li { | ||
+ | padding: 0; } | ||
+ | #menu > ul.links > li > a { | ||
+ | border: 0; | ||
+ | border-top: solid 1px rgba(255, 255, 255, 0.25); | ||
+ | color: inherit; | ||
+ | display: block; | ||
+ | line-height: 3.5rem; | ||
+ | text-decoration: none; } | ||
+ | #menu > ul.links > li > a:hover { | ||
+ | color: #ffffff; } | ||
+ | #menu > ul.links > li:first-child > a { | ||
+ | border-top: 0; } | ||
+ | #menu .close { | ||
+ | text-decoration: none; | ||
+ | -moz-transition: color 0.2s ease-in-out; | ||
+ | -webkit-transition: color 0.2s ease-in-out; | ||
+ | -ms-transition: color 0.2s ease-in-out; | ||
+ | transition: color 0.2s ease-in-out; | ||
+ | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
+ | border: 0; | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | height: 3.25rem; | ||
+ | line-height: 3.25rem; | ||
+ | padding-right: 1.25rem; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | text-align: right; | ||
+ | top: 0; | ||
+ | vertical-align: middle; | ||
+ | width: 7rem; } | ||
+ | #menu .close:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | #menu .close:before { | ||
+ | content: '\f00d'; | ||
+ | font-size: 1.25rem; } | ||
+ | #menu .close:hover { | ||
+ | color: #ffffff; } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #menu .close { | ||
+ | height: 4rem; | ||
+ | line-height: 4rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #menu { | ||
+ | padding: 2.5rem 1.75rem; } } | ||
+ | |||
+ | body.is-menu-visible #menu { | ||
+ | -moz-transform: translateX(0); | ||
+ | -webkit-transform: translateX(0); | ||
+ | -ms-transform: translateX(0); | ||
+ | transform: translateX(0); | ||
+ | box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2); | ||
+ | visibility: visible; } | ||
+ | |||
+ | </style> | ||
+ | <!-- | ||
+ | Template Information: | ||
+ | Industrious by TEMPLATED | ||
+ | templated.co @templatedco | ||
+ | Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | ||
+ | --> | ||
− | < | + | <head> |
+ | <title>iGEM UWaterloo 2019 - Experiments</title> | ||
+ | <meta charset="utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> | ||
+ | <meta name="description" content="" /> | ||
+ | <meta name="keywords" content="" /> | ||
+ | <link rel="stylesheet" href="assets/css/uwaterloo-main.css" /> | ||
+ | <link rel="stylesheet" href="https://2019.igem.org/Template:Waterloo/uwaterloo-main-css?action=raw&ctype=text/css"/> | ||
+ | </head> | ||
+ | <body class="is-preload"> | ||
− | < | + | <!-- Header --> |
− | < | + | <header id="header"> |
+ | <a class="logo" href="https://2019.igem.org/Team:Waterloo">Experiments</a> | ||
+ | <nav> | ||
+ | <a href="#menu">Menu</a> | ||
+ | </nav> | ||
+ | </header> | ||
− | < | + | <!-- Nav --> |
− | + | <nav id="menu"> | |
− | < | + | <ul class="links"> |
− | + | <li><a href="https://2019.igem.org/Team:Waterloo">Home</a></li> | |
− | </ | + | <li><a href="https://2019.igem.org/Team:Waterloo/Members">Team Members</a></li> |
− | + | <li><a href="https://2019.igem.org/Team:Waterloo/Collaborations">Collaborations</a></li> | |
− | + | <li><a href="https://2019.igem.org/Team:Waterloo/Description">Description</a></li> | |
− | + | <li><a href="https://2019.igem.org/Team:Waterloo/Design">Design</a></li> | |
− | < | + | <li><a href="https://2019.igem.org/Team:Waterloo/Experiments">Experiments</a></li> |
− | < | + | <li><a href="https://2019.igem.org/Team:Waterloo/Contribution">Contribution</a></li> |
− | < | + | <li><a href="https://2019.igem.org/Team:Waterloo/Results">Results</a></li> |
− | <li> | + | <li><a href="https://2019.igem.org/Team:Waterloo/Demonstrate">Demonstrate</a></li> |
− | <li> Experiments </li> | + | <li><a href="https://2019.igem.org/Team:Waterloo/Improve">Improve</a></li> |
− | <li> | + | <li><a href="https://2019.igem.org/Team:Waterloo/Attributions">Attributions</a></li> |
− | </ | + | <li><a href="https://2019.igem.org/Team:Waterloo/Parts">Parts</a></li> |
− | + | <li><a href="https://2019.igem.org/Team:Waterloo/Safety">Safety</a></li> | |
− | </ | + | <li><a href="https://2019.igem.org/Team:Waterloo/Human_Practices">Human Practices</a></li> |
− | + | <li><a href="https://2019.igem.org/Team:Waterloo/Education_And_Engagement">Education & Engagement</a></li> | |
− | < | + | <li><a href="https://2019.igem.org/Team:Waterloo/Model">Model</a></li> |
− | < | + | </ul> |
− | < | + | </nav> |
− | < | + | |
− | <li><a href="https:// | + | |
− | <li><a href="https:// | + | |
− | <li><a href="https:// | + | |
− | </ | + | |
− | </ | + | |
− | </ | + | |
+ | <!-- Heading --> | ||
+ | <div id="heading" > | ||
+ | <h1>Experiments</h1> | ||
+ | </div> | ||
+ | <!-- Main --> | ||
+ | <section id="main" class="wrapper"> | ||
+ | <div class="inner"> | ||
+ | <div class="content"> | ||
+ | <h1 id="plant-inoculation-growth-and-nodulation">Plant Inoculation, Growth, and Nodulation</h1> | ||
+ | <h2 id="seed-inoculation-optional">Seed Inoculation (<em>optional</em>)</h2> | ||
+ | <ol> | ||
+ | <li><p>Grow 3-4 YM plate lawns of <em>Bradyrhizobium diazoefficiens</em>.</p> | ||
+ | <ul> | ||
+ | <li>The manitol in the YM media should allow for the bacteria to adhere better to the seed coat, and acts as a carbon source for them. </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>After lawn is grown up, asceptically add 10 mL of YM liquid media and scrape off culture (without breaking the agar), and add to a sterile beaker.</p> | ||
+ | </li> | ||
+ | <li><p>Repeat this process, adding another 10 mL to the plate, and wash off any extra culture that might remain. Add this to the previous beaker. You should have approximately 20 mL per plate from this.</p> | ||
+ | </li> | ||
+ | <li><p>Repeat for each plate.</p> | ||
+ | <ul> | ||
+ | <li>Place all the liquid into a single beaker.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>Soak 64 sterilized soybean seeds in this liquid culture for an hour, in the beaker.</p> | ||
+ | </li> | ||
+ | <li><p>Remove seeds from solution by covering another beaker with a cheesecloth or gauze, and pouring out the beaker into it (all seeds should be caught on the fabric).</p> | ||
+ | </li> | ||
+ | <li><p>Use hands or tweezers to remove the seeds - immediately plant into soaked vermiculite.</p> | ||
+ | </li> | ||
+ | </ol> | ||
+ | <h2 id="flood-inoculation-optional">Flood Inoculation (<em>optional</em>)</h2> | ||
+ | <ol> | ||
+ | <li><p>Grow 3-4 YM plate lawns of <em>Bradyrhizobium diazoefficiens</em>.</p> | ||
+ | </li> | ||
+ | <li><p>After lawn is grown up, asceptically add 10 mL of the bacteriological saline solution and scrape of off the culture from the plate, and add to a sterile beaker.</p> | ||
+ | </li> | ||
+ | <li><p>Repeat this process, adding another 10 mL to the plate, and wash off any extra culture on the plate.</p> | ||
+ | <ul> | ||
+ | <li>Add this to the previous beaker used.</li> | ||
+ | <li>You should have approximately 20 mL per plate from this.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>Repeat for each plate.</p> | ||
+ | </li> | ||
+ | <li><p>Use a sterile large syringe (60 ml) and add droplets (~ 5mL) to the root area of all the seedlings.</p> | ||
+ | </li> | ||
+ | <li><p>Try to concentrate this to directly above the roots.</p> | ||
+ | <ul> | ||
+ | <li>Does not need to be sterile.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>Place seedlings back into the incubator.</p> | ||
+ | </li> | ||
+ | </ol> | ||
+ | <h2 id="seed-sterilization">Seed Sterilization</h2> | ||
+ | <ol> | ||
+ | <li><p>Place seeds in 50mL falcon tube.</p> | ||
+ | </li> | ||
+ | <li><p>Immerse in 0.1% Trixton X-100 for 2 minutes.</p> | ||
+ | </li> | ||
+ | <li><p>Decant into a waste beaker.</p> | ||
+ | </li> | ||
+ | <li><p>Immerse in 70% ethanol for 2 minutes.</p> | ||
+ | </li> | ||
+ | <li><p>Decant into waste beaker.</p> | ||
+ | </li> | ||
+ | <li><p>Rinse 3 times with DI H2O.</p> | ||
+ | </li> | ||
+ | </ol> | ||
+ | <h2 id="germinating-and-planting-the-seeds">Germinating and Planting the Seeds</h2> | ||
+ | <ol> | ||
+ | <li><p>After seed sterilization, wrap moist seeds on a paper towel and place in a plastic bag (a ziplock, for example) and leave for two days,</p> | ||
+ | <ul> | ||
+ | <li>Check the seeds after the first 24 hours, and observe if germination has taken place.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>After 2 days, or once you see sprouting from the seeds, plant in prepared pots.</p> | ||
+ | <ul> | ||
+ | <li>(<em>To prepare planting</em>) Fill each pot with vermiculite, almost to the top.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>Water the vermiculite with warm water, the aim here is to soak it until it becomes x5-x7 times heavier than it was before.</p> | ||
+ | <ul> | ||
+ | <li>This is not-quantitative, and does not need to be precisely measured.</li> | ||
+ | <li>Ensure that: the water is warm, and that you don't oversoak. </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>Lightly water the pots with cold water, so that the top of the vermiculite is luke-warm to the touch.</p> | ||
+ | <ul> | ||
+ | <li>Try not to oversoak the vermiculite.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>Push three holes into the vermiculate that are one inch deep and equidistant from each other.</p> | ||
+ | <ul> | ||
+ | <li>You can use a pencil. </li> | ||
+ | <li>Each hole should be 1/2 inch - 1 inch in depth. The point of using the pencil is that the sharpened part of the pencil should be about that long. The holes don't have to be perfectly separate, but just far apart enough that if each seed added to the hole was to germinate, the root systems wouldn't entangle.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><p>Add 3 seeds per pot, place in the incubator and wait 5 days.</p> | ||
+ | <ul> | ||
+ | <li>Add one seed to each hole.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ol> | ||
+ | <h2 id="care-for-plants-and-bacterial-treatment">Care for Plants and Bacterial Treatment</h2> | ||
+ | <ul> | ||
+ | <li>(<em>optional</em>) after shoots show, flood with bacterial inoculum.</li> | ||
+ | <li>Remove any underdeveloped shoots, always leaving one growing plant in the pots.</li> | ||
+ | <li>If the vermiculite is moist to the touch, even after two days, do not re-water. </li> | ||
+ | <li>Immedietly water if the vermiculite is dry, even if the two days haven't passed. </li> | ||
+ | </ul> | ||
+ | <h3 id="to-water">To water:</h3> | ||
+ | <ol> | ||
+ | <li>The plants should be watered once the top of the vermiculite is drier to the touch, on the top.<ul> | ||
+ | <li>Water with DI water.</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li>Fill a watering can and topically apply to the plants.</li> | ||
+ | </ol> | ||
+ | <h1 id="minimum-inhibitory-concentration-mic-herbicide-tolerance-assays">Minimum Inhibitory Concentration (MIC): Herbicide Tolerance Assays</h1> | ||
+ | <h2 id="mic-assay-design">MIC assay design</h2> | ||
+ | <p>We would like to thank <a href="https://2019.igem.org/Team:Newcastle/Collaborations#UofW" title="Waterloo 2019 Collaborations">Newcastle iGEM</a>, and specifically Connor, for their support in this area of the project. </p> | ||
+ | <p>MIC assays are used in many areas of microbiology, with applications including evaluation of novel antimicrobial agents (Foerster, 2016). Organisms generally grow faster at lower concentrations of a given toxin, giving a profile as shown in figure 1. The profile’s shape is explained as follows: at concentrations below a critical toxin concentration, the organism is completely uninhibited, allowing it to grow at a maximal rate. At concentration above a critical toxin concentration, the organism is mostly inhibited, resulting in minimal growth. At the critical “minimum inhibitory” concentration, a much steeper transition region exists. The position and steepness of this transition region reflect toxicity: an organism with a higher toxin tolerance </p> | ||
+ | <p><img style="width:60%" src="https://static.igem.org/mediawiki/2019/f/f2/T--Waterloo--Fig1.png" alt="Fig1" title="Profile of Microbial Growth Rate Versus Toxin Concentration"></p> | ||
+ | <p>Figure 1 above represents an idealized profile of microbial growth rate versus toxin concentration.</p> | ||
+ | <p>Various MIC formats and methods exist, but we chose to use a 96-well plate format, allowing many toxin concentrations to be evaluated in replicate at the same time. A plate-reading spectrophotometer was then used to measure the bacterial growth in each well using absorbance of light at 600 nm (Abs<sub>600</sub>). </p> | ||
+ | <p>We conducted MIC experiments with both <em>E. coli</em> and <em>B. diazoeffiens</em> and evaluated tolerance toward both linuron and 3,4-DCA. </p> | ||
+ | <p>We used a combination of approaches to evaluate growth, measuring Abs<sub>600</sub> at a single timepoint for some experiments and Abs<sub>600</sub> over time for other experiments to calculate growth rate. Single-timepoint MICs are much more convenient to perform, and show a snapshot of growth represented as Abs<sub>600</sub> vs concentration. This is sufficient for some purposes, but fails to take into account the overall growth characteristics of a each bacterial population, especially when different strains or species are being compared. For example, two bacterial strains may have the same growth rate during exponential phase, but if one had a slightly longer lag phase, its Abs<sub>600</sub> will appear lower at a given point in time, falsely suggesting poorer toxin tolerance. Single timepoint OD values are also affected greatly by small differences in the OD of the added broth culture. Collecting Abs<sub>600</sub> data at several timepoints allows for calculation of growth rate, a much more robust measure of a strain’s ability to grow at a certain toxin concentration.</p> | ||
+ | <p>Timepoints for measuring growth were determined by trial and error, with the goal of taking measurements during mid-log phase. This phase of growth corresponds to the greatest differences between bacterial populations growing at different rates for single readings and provides the best estimation of growth rate if multiple readings are used. For <em>E. coli</em>, single timepoints were taken at 7 hours. For <em>B. diazoefficiens</em>, single timepoints were taken at 24 hours and growth curves from 22-30 hours. </p> | ||
+ | <p>In summary, our MIC protocol involved the following:</p> | ||
+ | <ul> | ||
+ | <li>Grow organism of interest in appropriate liquid media to mid-exponential phase, verifying by measuring Abs<sub>600</sub></li> | ||
+ | <li>Prepare a solution of the toxin of interest in the same growth media used for the liquid culture</li> | ||
+ | <li>Prepare serial dilutions of the toxin of interest across the columns of 96-well plate</li> | ||
+ | <li>Add a fixed volume of the mid-exponential phase liquid culture to each well</li> | ||
+ | <li>Incubate the 96-well plate, allowing the organism to grow</li> | ||
+ | <li>Read Abs<sub>600</sub> of each well at one or more timepoints to evaluate growth</li> | ||
+ | </ul> | ||
+ | <p>This is presented in greater detail in the below protocol.</p> | ||
+ | <a href="https://static.igem.org/mediawiki/2019/9/98/T--Waterloo--MICProtocol.pdf">[Link to protocol]</a> | ||
+ | <p>Due to <em>E. coli*’s fast growth rate, we chose to dilute it from overnight culture in LB broth to a target Abs<sub>600</sub> of 0.1 before each experiment. *B. diazoefficiens</em> was allowed to grow for approximately 4 days and 16 hours to an Abs<sub>600</sub> of 0.4-0.6, which is thought to correspond to mid-exponential phase. </p> | ||
+ | <p>Since linuron and 3,4-DCA both have limited water solubility, dissolving directly into LB or TY media was not practical, even at concentrations well below the solubility. Instead, concentrated solutions of linuron and 3,4-DCA were prepared in DMSO (approx. 45 mM and 90 mM respectively), and these were then used to prepare working solutions of 290 µM linuron and 550 µM 3,4-DCA. The very low concentration of DMSO in the solutions was assumed to be of negligible toxicity to the organisms. </p> | ||
+ | <p>The 96-well plate’s border was filled with plain LB or TY broth in order to serve as a barrier to evaporation during incubation and to act as a control for potential contamination.</p> | ||
+ | <h2 id="analysis-of-mic-data">Analysis of MIC data</h2> | ||
+ | <p>For single-timepoint readings, Abs<sub>600</sub> data were corrected by subtracting the average broth-only blank. </p> | ||
+ | <p>For growth curve experiments, Abs<sub>600</sub> data were plotted versus measurement time in hours and fit with a curve of the form y = ae<sup>kx</sup> + b, where k is growth rate in reciprocal hours. </p> | ||
+ | <p>Abs<sub>600</sub> for growth rate was analysed by plotting versus toxin concentration. A horizontal log scale was used for convenience. The data were then fit using an empirically-chosen 4-parameter sigmoidal curve of the form shown in equation 1 (Tixier, 2002).</p> | ||
+ | <p>$$ y=A+\frac{B}{1+\exp(C(\ln D - \ln x))} $$</p> | ||
+ | <p>This was completed using least squares regression in Microsoft Excel Solver. The four parameters serve to summarize the relationship between growth rate or Abs<sub>600</sub> and pesticide concentration. This relationship also allows the calculation of parameters such as inhibitory concentrations, such as IC<sub>50</sub>, IC<sub>10</sub>, or IC<sub>90</sub>, which represent the amounts of toxin required to toxin concentrations required to inhibit 10, 50, or 90 % of growth respectively. Inhibitory concentration at a given level f is calculated from the sigmoidal fit parameters as follows: y<sub>f</sub> = A + B(1 – f), the IC<sub>50</sub> is calculated by substituting y<sub>f</sub> into the four parameter fit above and solving for x, which corresponds to IC<sub>f</sub>.</p> | ||
+ | <p><img style="width:60%" src="https://static.igem.org/mediawiki/2019/1/17/T--Waterloo--Fig2.png" alt="Fig2"></p> | ||
+ | <p>Figure 2 above is an idealized representation of IC<sub>10</sub>, and IC<sub>90</sub>.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- Footer --> | ||
+ | <footer id="footer"> | ||
+ | <div class="inner"> | ||
+ | <div class="content"> | ||
+ | <section> | ||
+ | <h3>Waterloo iGEM 2019</h3> | ||
+ | <p>"Waterloo iGEM: hacking synbio since 2006"</p> | ||
+ | </section> | ||
+ | <section> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/26/T--Waterloo--OfficialLogo.png" style="width:90%"> | ||
+ | </section> | ||
+ | <section> | ||
+ | <h4>Social Media</h4> | ||
+ | <ul class="plain"> | ||
+ | <li><a href="https://twitter.com/waterloo_igem"><i class="icon fa-twitter"> </i>Twitter</a></li> | ||
+ | <li><a href="https://www.facebook.com/WaterlooiGEM/"><i class="icon fa-facebook"> </i>Facebook</a></li> | ||
+ | <li><a href="https://www.instagram.com/waterloo.igem"><i class="icon fa-instagram"> </i>Instagram</a></li> | ||
+ | <li><a href="https://github.com/igem-waterloo/uwaterloo-igem-2019"><i class="icon fa-github"> </i>Github</a></li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <!-- Scripts --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Waterloo/JS&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> | ||
+ | <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 02:53, 22 October 2019
Experiments
Plant Inoculation, Growth, and Nodulation
Seed Inoculation (optional)
Grow 3-4 YM plate lawns of Bradyrhizobium diazoefficiens.
- The manitol in the YM media should allow for the bacteria to adhere better to the seed coat, and acts as a carbon source for them.
After lawn is grown up, asceptically add 10 mL of YM liquid media and scrape off culture (without breaking the agar), and add to a sterile beaker.
Repeat this process, adding another 10 mL to the plate, and wash off any extra culture that might remain. Add this to the previous beaker. You should have approximately 20 mL per plate from this.
Repeat for each plate.
- Place all the liquid into a single beaker.
Soak 64 sterilized soybean seeds in this liquid culture for an hour, in the beaker.
Remove seeds from solution by covering another beaker with a cheesecloth or gauze, and pouring out the beaker into it (all seeds should be caught on the fabric).
Use hands or tweezers to remove the seeds - immediately plant into soaked vermiculite.
Flood Inoculation (optional)
Grow 3-4 YM plate lawns of Bradyrhizobium diazoefficiens.
After lawn is grown up, asceptically add 10 mL of the bacteriological saline solution and scrape of off the culture from the plate, and add to a sterile beaker.
Repeat this process, adding another 10 mL to the plate, and wash off any extra culture on the plate.
- Add this to the previous beaker used.
- You should have approximately 20 mL per plate from this.
Repeat for each plate.
Use a sterile large syringe (60 ml) and add droplets (~ 5mL) to the root area of all the seedlings.
Try to concentrate this to directly above the roots.
- Does not need to be sterile.
Place seedlings back into the incubator.
Seed Sterilization
Place seeds in 50mL falcon tube.
Immerse in 0.1% Trixton X-100 for 2 minutes.
Decant into a waste beaker.
Immerse in 70% ethanol for 2 minutes.
Decant into waste beaker.
Rinse 3 times with DI H2O.
Germinating and Planting the Seeds
After seed sterilization, wrap moist seeds on a paper towel and place in a plastic bag (a ziplock, for example) and leave for two days,
- Check the seeds after the first 24 hours, and observe if germination has taken place.
After 2 days, or once you see sprouting from the seeds, plant in prepared pots.
- (To prepare planting) Fill each pot with vermiculite, almost to the top.
Water the vermiculite with warm water, the aim here is to soak it until it becomes x5-x7 times heavier than it was before.
- This is not-quantitative, and does not need to be precisely measured.
- Ensure that: the water is warm, and that you don't oversoak.
Lightly water the pots with cold water, so that the top of the vermiculite is luke-warm to the touch.
- Try not to oversoak the vermiculite.
Push three holes into the vermiculate that are one inch deep and equidistant from each other.
- You can use a pencil.
- Each hole should be 1/2 inch - 1 inch in depth. The point of using the pencil is that the sharpened part of the pencil should be about that long. The holes don't have to be perfectly separate, but just far apart enough that if each seed added to the hole was to germinate, the root systems wouldn't entangle.
Add 3 seeds per pot, place in the incubator and wait 5 days.
- Add one seed to each hole.
Care for Plants and Bacterial Treatment
- (optional) after shoots show, flood with bacterial inoculum.
- Remove any underdeveloped shoots, always leaving one growing plant in the pots.
- If the vermiculite is moist to the touch, even after two days, do not re-water.
- Immedietly water if the vermiculite is dry, even if the two days haven't passed.
To water:
- The plants should be watered once the top of the vermiculite is drier to the touch, on the top.
- Water with DI water.
- Fill a watering can and topically apply to the plants.
Minimum Inhibitory Concentration (MIC): Herbicide Tolerance Assays
MIC assay design
We would like to thank Newcastle iGEM, and specifically Connor, for their support in this area of the project.
MIC assays are used in many areas of microbiology, with applications including evaluation of novel antimicrobial agents (Foerster, 2016). Organisms generally grow faster at lower concentrations of a given toxin, giving a profile as shown in figure 1. The profile’s shape is explained as follows: at concentrations below a critical toxin concentration, the organism is completely uninhibited, allowing it to grow at a maximal rate. At concentration above a critical toxin concentration, the organism is mostly inhibited, resulting in minimal growth. At the critical “minimum inhibitory” concentration, a much steeper transition region exists. The position and steepness of this transition region reflect toxicity: an organism with a higher toxin tolerance
Figure 1 above represents an idealized profile of microbial growth rate versus toxin concentration.
Various MIC formats and methods exist, but we chose to use a 96-well plate format, allowing many toxin concentrations to be evaluated in replicate at the same time. A plate-reading spectrophotometer was then used to measure the bacterial growth in each well using absorbance of light at 600 nm (Abs600).
We conducted MIC experiments with both E. coli and B. diazoeffiens and evaluated tolerance toward both linuron and 3,4-DCA.
We used a combination of approaches to evaluate growth, measuring Abs600 at a single timepoint for some experiments and Abs600 over time for other experiments to calculate growth rate. Single-timepoint MICs are much more convenient to perform, and show a snapshot of growth represented as Abs600 vs concentration. This is sufficient for some purposes, but fails to take into account the overall growth characteristics of a each bacterial population, especially when different strains or species are being compared. For example, two bacterial strains may have the same growth rate during exponential phase, but if one had a slightly longer lag phase, its Abs600 will appear lower at a given point in time, falsely suggesting poorer toxin tolerance. Single timepoint OD values are also affected greatly by small differences in the OD of the added broth culture. Collecting Abs600 data at several timepoints allows for calculation of growth rate, a much more robust measure of a strain’s ability to grow at a certain toxin concentration.
Timepoints for measuring growth were determined by trial and error, with the goal of taking measurements during mid-log phase. This phase of growth corresponds to the greatest differences between bacterial populations growing at different rates for single readings and provides the best estimation of growth rate if multiple readings are used. For E. coli, single timepoints were taken at 7 hours. For B. diazoefficiens, single timepoints were taken at 24 hours and growth curves from 22-30 hours.
In summary, our MIC protocol involved the following:
- Grow organism of interest in appropriate liquid media to mid-exponential phase, verifying by measuring Abs600
- Prepare a solution of the toxin of interest in the same growth media used for the liquid culture
- Prepare serial dilutions of the toxin of interest across the columns of 96-well plate
- Add a fixed volume of the mid-exponential phase liquid culture to each well
- Incubate the 96-well plate, allowing the organism to grow
- Read Abs600 of each well at one or more timepoints to evaluate growth
This is presented in greater detail in the below protocol.
[Link to protocol]Due to E. coli*’s fast growth rate, we chose to dilute it from overnight culture in LB broth to a target Abs600 of 0.1 before each experiment. *B. diazoefficiens was allowed to grow for approximately 4 days and 16 hours to an Abs600 of 0.4-0.6, which is thought to correspond to mid-exponential phase.
Since linuron and 3,4-DCA both have limited water solubility, dissolving directly into LB or TY media was not practical, even at concentrations well below the solubility. Instead, concentrated solutions of linuron and 3,4-DCA were prepared in DMSO (approx. 45 mM and 90 mM respectively), and these were then used to prepare working solutions of 290 µM linuron and 550 µM 3,4-DCA. The very low concentration of DMSO in the solutions was assumed to be of negligible toxicity to the organisms.
The 96-well plate’s border was filled with plain LB or TY broth in order to serve as a barrier to evaporation during incubation and to act as a control for potential contamination.
Analysis of MIC data
For single-timepoint readings, Abs600 data were corrected by subtracting the average broth-only blank.
For growth curve experiments, Abs600 data were plotted versus measurement time in hours and fit with a curve of the form y = aekx + b, where k is growth rate in reciprocal hours.
Abs600 for growth rate was analysed by plotting versus toxin concentration. A horizontal log scale was used for convenience. The data were then fit using an empirically-chosen 4-parameter sigmoidal curve of the form shown in equation 1 (Tixier, 2002).
$$ y=A+\frac{B}{1+\exp(C(\ln D - \ln x))} $$
This was completed using least squares regression in Microsoft Excel Solver. The four parameters serve to summarize the relationship between growth rate or Abs600 and pesticide concentration. This relationship also allows the calculation of parameters such as inhibitory concentrations, such as IC50, IC10, or IC90, which represent the amounts of toxin required to toxin concentrations required to inhibit 10, 50, or 90 % of growth respectively. Inhibitory concentration at a given level f is calculated from the sigmoidal fit parameters as follows: yf = A + B(1 – f), the IC50 is calculated by substituting yf into the four parameter fit above and solving for x, which corresponds to ICf.
Figure 2 above is an idealized representation of IC10, and IC90.