-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.css
More file actions
1 lines (1 loc) · 20.2 KB
/
main.css
File metadata and controls
1 lines (1 loc) · 20.2 KB
1
@import url("https://fonts.googleapis.com/css?family=Rufina");@import url("https://fonts.googleapis.com/css?family=Inconsolata|Inconsolata-Bold");.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.zero-typography-margins h1,.zero-typography-margins h2,.zero-typography-margins h3,.zero-typography-margins h4,.zero-typography-margins h5,.zero-typography-margins h6,.zero-typography-margins p,.zero-typography-margins ul{margin-bottom:0}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.a,a{text-decoration:none;color:#0a88c5}.a svg,a svg{fill:#0a88c5}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;padding:0}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{margin:0;border:0;padding:0}body .body{display:flex;flex-direction:column;min-height:100vh;justify-content:flex-start;position:relative}button{background:transparent;border:none}.button,input[type='submit'],input[type='button']{padding:.625rem 1.25rem;color:#0a88c5;border:1px solid #0a88c5;fill:#0a88c5;position:relative;display:inline-block;cursor:pointer;user-select:none;max-width:100%}.button svg,input[type='submit'] svg,input[type='button'] svg{fill:rgba(255,255,255,0.8)}.button:hover,input[type='submit']:hover,input[type='button']:hover{color:#111F2E;border-color:#111F2E}.button:hover svg,input[type='submit']:hover svg,input[type='button']:hover svg{fill:#111F2E}.inputAddon{display:flex}.inputAddon__field{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.inputAddon__button{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}hr{border:0;border-top:1px dashed rgba(10,68,113,0.5);margin:0 0 -1px 0}.post-detail hr{margin:1.25rem 0}img{display:block;max-width:100%}img.aligncenter{margin-left:auto;margin-right:auto}input{background-color:white;padding:.4375rem .625rem;outline:none;color:black;border:0;max-width:100%}select{background-color:white;padding:.3125rem .625rem;border:1px solid #DDDDDD;outline:none;color:black}select:focus{box-shadow:0 0 5px #0a4471;border:1px solid #0a4471}.panel-grid{margin-left:0 !important;margin-right:0 !important}.svg-icon,svg{width:1.5rem;height:1.5rem;display:inline-block;vertical-align:middle}table{font-size:1rem;margin-bottom:1em}table tr{border-bottom:1px solid #eee}table thead{background-color:#eee}table thead th{padding:1.25rem;text-align:left}table tbody tr td{padding:1.25rem}.textarea{background-color:white;padding:1rem;border:1px solid #131E2D;outline:none;color:black;resize:vertical;max-width:100%}.textarea:focus{box-shadow:inset 0 0 5px #0a4471}body{font-family:Sans-Serif;font-weight:normal;font-size:1rem;line-height:1.5}@media (min-width: 768px){body{font-size:1.125rem}}h1{margin:0;font-family:"Rufina",serif;font-size:3rem;font-weight:500}h2{margin:0;font-family:"Rufina",serif;font-size:2.25rem;font-weight:500}h3{margin:0;font-family:"Rufina",serif;font-size:1.625rem;font-weight:500}h4{margin:0;font-family:Sans-Serif;font-size:1.75rem;font-weight:300;text-transform:uppercase}h5{margin:0;font-family:Sans-Serif;font-size:1.125rem;font-weight:300;text-transform:uppercase}h6{margin:0;font-family:Sans-Serif;font-size:.8125rem;font-weight:300;text-transform:uppercase}p{font-weight:400;margin:0 0 1em}p small,p.small{font-size:.8125rem;font-weight:400}@media (min-width: 768px){h1{font-size:3.375rem}h2{font-size:2.53125rem}h3{font-size:1.82813rem}h4{font-size:1.96875rem}h5{font-size:1.26563rem}h6{font-size:.91406rem}p small,p.small{font-size:.8125rem}}code,pre{background-color:#f9f9f9;border-radius:3px;font-family:Inconsolata;padding:0.2em 6.4px;padding:0.2em 0.4rem;white-space:pre;color:#ca0808}span{vertical-align:middle}ul{line-height:1.2;list-style-type:none}.post-detail__content ul,.page-detail__body ul{line-height:1.2;padding-left:24px;list-style-type:disc}.post-detail__content ul ul,.page-detail__body ul ul{list-style-type:circle}.post-detail__content ul ul ul,.page-detail__body ul ul ul{list-style-type:disc}.post-detail__content ul ul ul ul,.page-detail__body ul ul ul ul{list-style-type:circle}.footer{background-color:#131E2D;color:white;margin-top:auto}.footer__bottom{padding:1.25rem 0;margin:0 auto}.footer__copyright{padding:.625rem;text-align:center;margin:0;font-size:.875rem}@media (min-width: 768px){.footer__bottom{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:1.25rem}.footer__copyright{text-align:left;padding:0}}.header{border-bottom:1px solid #bbb;display:flex;align-items:center;min-height:62px}.header svg{width:1em;height:1em;fill:#0a88c5;margin:.625rem}.header input[type="checkbox"],.header__search-toggler{opacity:0;display:none}.header__menu-toggle{cursor:pointer}.header__menu-toggle svg{display:block}.header__title{font-family:"Rufina",serif;font-size:1.5rem;width:100%;overflow:hidden;text-align:center}.header__nav{position:absolute;top:62px;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.95);padding-top:6.25rem;display:none;opacity:0}.header__search{width:0;overflow:hidden}.header__search-toggle{cursor:pointer}.header__search-toggle-magnifyer{display:block}.header__search-toggle-x{display:none}.header__nav-toggler:checked+.header__nav{display:block;opacity:1}.header__search-toggler:checked+.header .header__title{width:0;display:none}.header__search-toggler:checked+.header .header__search{width:100%}.header__search-toggler:checked+.header .header__search-toggle-x{display:block}.header__search-toggler:checked+.header .header__search-toggle-magnifyer{display:none}@media (min-width: 1150px){.header{justify-content:space-between;position:relative}.header__menu-toggle{display:none}.header__title{text-align:left;width:auto;margin-right:auto;padding-left:.625rem}.header__nav{position:static;padding-top:0;display:block;opacity:1;background-color:transparent}.header__search{position:absolute;right:40px;-webkit-box-shadow:0px 0px 6px 0px rgba(0,76,111,0.4);-moz-box-shadow:0px 0px 6px 0px rgba(0,76,111,0.4);box-shadow:0px 0px 6px 0px rgba(0,76,111,0.4);border-radius:25px}.header__search-toggle-x{fill:white !important}.header__search-toggler:checked+.header{background-color:#111F2E}.header__search-toggler:checked+.header .header__title{width:auto;display:block}.header__search-toggler:checked+.header .header__search{left:50%;width:auto}}.nav--footer.nav{width:100%}.nav--footer.nav ul{margin:0;padding:0}.nav--footer.nav li{margin:0;padding:0}.nav--footer.nav a{color:white;display:block;font-family:Sans-Serif;width:100%;text-transform:uppercase}.nav--footer.nav>ul{display:flex;flex-direction:column}.nav--footer.nav>ul>li{padding:1.25rem 1.25rem;border-bottom:1px solid #0a88c5}.nav--footer.nav>ul>li>a{font-size:1.375rem}.nav--footer.nav .current_page_item>a,.nav--footer.nav .current_page_parent>a{font-weight:bold}.nav--footer.nav ul li ul{margin-top:.625rem}.nav--footer.nav ul li ul li+li{margin-top:.625rem}.nav--footer.nav ul li ul li.current-menu-item a{font-weight:bold}.nav--footer.nav ul li ul a{font-size:1rem}@media (min-width: 1150px){.nav--footer.nav{border-bottom:1px solid #0a88c5}.nav--footer.nav>ul{flex-direction:row;justify-content:center;align-content:flex-start}.nav--footer.nav>ul>li{margin:0 .625rem;border-bottom:0}}.nav--header.nav{text-align:center;display:flex;justify-content:center;align-items:center}.nav--header.nav ul{margin:0;padding:0}.nav--header.nav>ul{display:flex;flex-direction:column;justify-content:space-around}.nav--header.nav li{margin:0;padding:0}.nav--header.nav li+li{margin-top:2.5rem}.nav--header.nav a{display:block;line-height:1;font-family:"Rufina",serif;width:100%;padding:0 .625rem;font-size:2rem}.nav--header.nav ul li ul li{margin-top:.625rem}.nav--header.nav ul li ul li a{font-size:1.125rem}@media (min-width: 1150px){.nav--header.nav{height:auto}.nav--header.nav>ul{flex-direction:row;align-items:center;width:100%;max-width:900px}.nav--header.nav li+li{margin-top:0}.nav--header.nav li.selected a,.nav--header.nav li.current_page_item a,.nav--header.nav li.current_page_parent a{border-bottom:1px solid #0a88c5}.nav--header.nav a{font-size:1rem;font-weight:bold;font-family:Sans-Serif;text-transform:uppercase;margin:.625rem;padding:.625rem 1.25rem}.nav--header.nav ul li ul{display:none}}.sub-nav{display:none}@media (min-width: 1150px){.sub-nav{display:block}.sub-nav ul,.sub-nav li{margin:0;padding:0}.sub-nav>ul>li{display:none}.sub-nav>ul>li.current_page_item,.sub-nav>ul>li.current_page_ancestor{display:block}.sub-nav>ul>li.current_page_item>a,.sub-nav>ul>li.current_page_ancestor>a{display:none}.sub-nav>ul>li.current_page_item>ul,.sub-nav>ul>li.current_page_ancestor>ul{display:flex;justify-content:flex-end}.sub-nav>ul>li.current_page_item>ul li,.sub-nav>ul>li.current_page_ancestor>ul li{padding:0 .625rem}.sub-nav>ul>li.current_page_item>ul li a,.sub-nav>ul>li.current_page_ancestor>ul li a{color:white;padding:0 .625rem}.sub-nav>ul>li.current_page_item>ul li.current_page_item a,.sub-nav>ul>li.current_page_item>ul li.current-menu-item a,.sub-nav>ul>li.current_page_ancestor>ul li.current_page_item a,.sub-nav>ul>li.current_page_ancestor>ul li.current-menu-item a{border-bottom:1px solid white;font-weight:bold}}.nav--util.nav{width:100%;padding:.625rem}.nav--util.nav ul{margin:0;padding:0}.nav--util.nav li{margin:0;padding:0}.nav--util.nav a{color:white;display:block;font-family:Sans-Serif;width:100%}.nav--util.nav>ul{display:flex;justify-content:center;flex-wrap:wrap}.nav--util.nav>ul>li{display:block;padding:.625rem}.nav--util.nav>ul>li.current_page_item a{font-weight:bold}.nav--util.nav>ul>li>a{font-size:.875rem}@media (min-width: 768px){.nav--util.nav{padding:0}.nav--util.nav>ul{flex-direction:row;justify-content:space-between;align-content:flex-start}.nav--util.nav>ul>li{padding-left:0;padding-right:1.25rem}}.callout-row__cell{text-align:center}.page-detail__header{padding:.625rem 0;background-color:#111F2E;color:white}.page-detail__title{max-width:1100px;margin:0 auto;font-size:1.625rem}.page-detail__body{max-width:1100px;margin:0 auto;padding:1.25rem 0}.post-detail{padding:2.5rem .625rem}.post-detail__header{max-width:1100px;margin:0 auto 1.875rem}.post-detail__header-text{font-size:2.5rem;font-weight:bold}.post-detail__body{max-width:1100px;margin:0 auto}.post-detail__aside{margin:0 auto 1.875rem;border-bottom:1px solid rgba(0,0,0,0.5)}.post-list{display:flex;flex-wrap:wrap;align-items:streatch;max-width:2000px;margin:0 auto}.post-list__post{display:flex;flex-direction:column;padding:1.25rem;width:100%}.post-list__post-header{margin-bottom:.625rem}.post-list__post-title{font-weight:bold;font-size:1.75rem}.post-list__post-footer{margin-top:auto;border-bottom:1px solid rgba(0,0,0,0.5)}@media (min-width: 768px){.post-list__post{width:50%}}@media (min-width: 1150px){.post-list__post{width:33%}}@media (min-width: 1550px){.post-list__post{width:25%}}.homepage-callouts{padding:2.5rem .625rem}.homepage-callouts .homepage-callout+.homepage-callout{margin:1.875rem 0 0 0}@media (min-width: 768px){.homepage-callouts__max-width-wrap{max-width:1100px;margin:0 auto;display:flex}.homepage-callouts .homepage-callout{width:33%;margin:.625rem}.homepage-callouts .homepage-callout+.homepage-callout{margin:.625rem}}.homepage-callout{padding:1.25rem .625rem;text-align:center}.homepage-callout--left{border-top:1px solid rgba(240,93,101,0.2);border-bottom:1px solid rgba(240,93,101,0.2)}.homepage-callout--center{border-top:1px solid rgba(95,154,236,0.2);border-bottom:1px solid rgba(95,154,236,0.2)}.homepage-callout--right{border-top:1px solid rgba(49,211,50,0.2);border-bottom:1px solid rgba(49,211,50,0.2)}.homepage-callout__title{font-weight:bold;text-transform:uppercase;color:#131E2D;margin-bottom:.625rem}.homepage-explainer{padding:1.25rem .625rem;background:#111F2E;background:-moz-linear-gradient(-45deg, #111F2E 0%, #0a4471 50%, #0a88c5 100%);background:-webkit-linear-gradient(-45deg, #111F2E 0%, #0a4471 50%, #0a88c5 100%);background:linear-gradient(135deg, #111F2E 0%, #0a4471 50%, #0a88c5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-dark', endColorstr='$gradient-light',GradientType=1 );color:white}.homepage-explainer a{color:white;text-decoration:underline}.homepage-explainer__max-width-wrap{max-width:825px;margin:0 auto;padding:2.5rem}.page-hero{text-align:center;padding:4.375rem .625rem 3.125rem;color:white;background:#111F2E;background:-moz-linear-gradient(-45deg, #111F2E 0%, #0a4471 50%, #0a88c5 100%);background:-webkit-linear-gradient(-45deg, #111F2E 0%, #0a4471 50%, #0a88c5 100%);background:linear-gradient(135deg, #111F2E 0%, #0a4471 50%, #0a88c5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-dark', endColorstr='$gradient-light',GradientType=1 )}.page-hero__video-expander-checkbox{opacity:0;display:none}.page-hero__title{display:block;margin-bottom:1.25rem}.page-hero__button{display:inline-block;background-color:transparent;border:1px solid white;padding:.625rem 1.25rem;margin-bottom:.625rem;cursor:pointer}.page-hero__button-text{color:white;display:inline-block;vertical-align:middle;margin-right:5px}.page-hero__button svg{width:1.125rem;height:1.125rem;fill:white;display:inline-block;vertical-align:middle}.page-hero__video{position:absolute;z-index:2;top:6.25rem;left:0;right:0;text-align:middle;transform:translateY(-1000%);opacity:0;transition:opacity 0.2s ease;pointer-events:none}.page-hero__video iframe{display:inline-block;max-width:100%;pointer-events:all}.page-hero__turn-off-the-lights{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background-color:transparent;opacity:0;transform:translateY(-1000%);transition:opacity 0.2s ease}.page-hero__link{font-style:italic;font-family:sans-serif;display:block;color:white}.page-hero__link:hover{text-decoration:underline}.page-hero__video-expander-checkbox:checked+.page-hero .page-hero__video{transform:translateY(0);opacity:1}.page-hero__video-expander-checkbox:checked+.page-hero .page-hero__turn-off-the-lights{transform:translateY(0);background-color:rgba(0,0,0,0.6);opacity:0.6}.pagination>ul.page-numbers{display:flex;justify-content:flex-end;margin:0;padding:0}.pagination>ul.page-numbers>li{padding:.625rem}.pagination a{display:inline-block;vertical-align:middle}.post-detail-meta{font-size:1.125rem;display:flex;justify-content:space-between;font-style:italic;font-family:"Rufina",serif}.post-detail-meta__right{text-align:right}.post-meta{font-size:1.125rem;display:flex;justify-content:space-between;font-style:italic;font-family:"Rufina",serif}.post-meta__right{text-align:right}.post-tags{display:flex}.searchform{position:relative;width:100%;font-size:1.25rem;background:white;border:1px solid #0a88c5;border-radius:50px}.searchform__label{padding:.625rem 1.25rem;display:block}.searchform__input{padding:0;width:100%;display:block}.searchform__submit{position:absolute;right:.625rem;top:0;bottom:0}.searchform__submit svg{fill:#0a88c5}.social-icons-row{display:flex;padding:.3125rem;justify-content:center}.social-icons-row__icon{padding:.3125rem}.social-icons-row__icon svg{fill:rgba(255,255,255,0.8)}.social-icons-row__icon:hover svg{fill:white}.uses{display:flex;flex-wrap:wrap;justify-content:space-around;padding:.625rem}.uses__use{margin:1.25rem .625rem;padding:1.25rem;border:1px solid rgba(0,0,0,0.5);width:25%;max-width:400px;min-width:300px}.bg-color--red{background-color:#f05d65}.bg-color--blue{background-color:#111F2E}.bg-color--green{background-color:#31D332}.bg-color--white{background-color:white}.bg-color--grey-e{background-color:#eee}.bg-color--grey-d{background-color:#ddd}.bg-color--grey-c{background-color:#ccc}.bg-color--grey-b{background-color:#bbb}.bg-color--grey-a{background-color:#aaa}.bg-color--grey-6{background-color:#6f8db9}.bg-color--grey-5{background-color:#5e7ca8}.bg-color--grey-4{background-color:#4e6a92}.bg-color--grey-3{background-color:#375073}.bg-color--grey-2{background-color:#223856}.bg-color--grey-1{background-color:#131E2D}.bg-color--black{background-color:black}.border{border-width:1px;border-color:rgba(10,68,113,0.5);border-style:dashed}.border--white{border-color:rgba(255,255,255,0.5)}.border--red{border-color:rgba(240,93,101,0.5)}.border--green{border-color:rgba(49,211,50,0.5)}.border--solid{border-style:solid}.border--top{border-width:0;border-top-width:1px}.box{padding:.625rem}.box--5{padding:.3125rem}.box--16{padding:1rem}.box--wide{padding-right:0;padding-left:0}.box--tall{padding-top:0;padding-bottom:0}.no-margins{margin-bottom:0;margin-top:0;margin-left:0;margin-right:0}.card{margin:auto;border-radius:5px;position:relative}.card:before{content:" ";display:block;position:absolute;top:5px;right:5px;left:5px;bottom:0;box-shadow:0 0 10px #131E2D;z-index:-1}.card--500{max-width:31.25rem}.card--drop{border-top-right-radius:0;border-top-left-radius:0}.card--pop{border-bottom-right-radius:0;border-bottom-left-radius:0}.card--hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.disabled{opacity:0.3;pointer-events:none}.icon{width:1em;height:1em;display:inline-block;vertical-align:middle}.icon--10{width:.625rem;height:.625rem}.icon--30{width:1.875rem;height:1.875rem}.icon--60{width:3.75rem;height:3.75rem}.icon-history{background-image:url(/images/icons/history.svg)}.full-width{width:100%}.display-inline{display:inline}.display-inline-block{display:inline-block;vertical-align:middle}.display-block{display:block}.display-none{display:none}.aria-only{opacity:0;position:absolute;z-index:-1}.float-right{float:right}.float-left{float:left}.align-center{margin:0 auto;display:block}.v-align-top.v-align-top.v-align-top{vertical-align:top}.v-align-center{vertical-align:center}.y-scroll{overflow-y:auto}.screen-height{height:100vh}.bump-up-1{position:relative;top:-1px}.bump-up-2{position:relative;top:-2px}.bump-up-3{position:relative;top:-3px}.bump-down-1{position:relative;top:1px}.bump-down-2{position:relative;top:2px}.bump-down-3{position:relative;top:3px}.pull-up-8{margin-top:-8px}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.text-underline{text-decoration:underline}.text-align-right{text-align:right}.text-align-center{text-align:center}.text-align-left{text-align:left !important}.no-break{white-space:nowrap}.underline-hover-slide{position:relative}.underline-hover-slide:before{content:" ";display:block;position:absolute;left:0;right:100%;transition:right 0.2s ease;top:100%;bottom:-2px;background-color:rgba(10,68,113,0.4);z-index:2}.underline-hover-slide:after{content:" ";display:block;position:absolute;left:0;right:0;top:100%;bottom:-2px;background-color:rgba(10,68,113,0.2);z-index:1}.underline-hover-slide:hover:before{right:0}