/* Theme Name: Koll på läkemedel Theme URI: http://kollpalakemedel.se Author: Triggerfish Author URI: http://triggerfish.se/ Description: Koll på läkemdel Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Koll på läkemedel, kollpalakemedel Text Domain: kollpalakemedel */ /*! * Bootstrap v3.1.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.0 | 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{color:inherit;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}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.table td,.table th{background-color:#fff !important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}@media print{.hidden-print{display:none !important}} /* = Font Face ---------------------- */ /* Font Awesome */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.0.3'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-size:20px;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;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.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.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-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-cog:before,.fa-gear: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-repeat:before,.fa-rotate-right: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-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-exclamation-triangle:before,.fa-warning: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{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-cogs:before,.fa-gears: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:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.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-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.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-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-asc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-desc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste: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-chain-broken:before,.fa-unlink: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-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won: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{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-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} /* Google Web Fonts */ @font-face { font-family: 'Asap'; font-style: normal; font-weight: 400; src: local('Asap'), local('Asap-Regular'), url('https://themes.googleusercontent.com/static/fonts/asap/v2/nvGvEwsMAvkIa6w2U-PXffesZW2xOQ-xsNqO47m55DA.woff') format('woff'); } @font-face { font-family: 'Asap'; font-style: normal; font-weight: 700; src: local('Asap Bold'), local('Asap-Bold'), url('https://themes.googleusercontent.com/static/fonts/asap/v2/QGN0GG0540fyG6NL_PpOpgLUuEpTyoUstqEm5AMlJo4.woff') format('woff'); } @font-face { font-family: 'Asap'; font-style: italic; font-weight: 400; src: local('Asap Italic'), local('Asap-Italic'), url('https://themes.googleusercontent.com/static/fonts/asap/v2/QnZU7dKCBgkkMBlac2djsOvvDin1pK8aKteLpeZ5c0A.woff') format('woff'); } @font-face { font-family: 'Asap'; font-style: italic; font-weight: 700; src: local('Asap Bold Italic'), local('Asap-BoldItalic'), url('https://themes.googleusercontent.com/static/fonts/asap/v2/_sVKdO-TLWvaH-ptGimJBbO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'); } /* = Helper/resets ---------------------- */ ul, ol, p { list-style-type:none; padding:0; margin:0; } a:hover, a:active, a:focus { outline:0; } *:focus {outline: none;} .hidden { display:none; } .relative { position:relative; } .block, img.aligncenter { display:block; } .inline-block { display:inline-block; *display:inline; *zoom:1; } .text-center { text-align:center; } .aligncenter { margin:0 auto; } .left, .alignleft { float:left; } .right, .alignright { float:right; } .alignright { margin: 0 0 20px 20px; } .alignleft { margin: 0 20px 20px 0; } strong { font-weight: 700; } /* = Structure ---------------------- */ body { font: 16px/19px 'Asap', sans-serif; color: #444; margin:0; padding:0; position:relative; background: url('images/body-gradient.png') 0 0 repeat-x; } #main-content { margin: 40px 0; min-height: 500px; } .home #main-content { margin-top: 30px; } /* = Header ---------------------- */ #masthead { padding: 15px 0 22px; background: rgb(255,255,255); } #logo { display: block; margin: 0 auto -40px; width: 156px; height: 165px; position: relative; bottom: -3px; } #logo:hover { opacity: 1; } .logo { width: 156px; height: 165px; } .svg-logo { width: 156px; height: 165px; background: url('images/kpl-logo.svg') 0 0 no-repeat; background-size: 156px 165px; display: block; text-indent: -9999px; } /* Search */ #searchform { padding-top: 30px; position: relative; width: 400px; } .error404 #main-content #searchform { width: 100%; } #searchform i { cursor: pointer; position: absolute; top: 30px; right: 25px; height: 47px; border-left: 1px #d8d9d9 solid; padding-left: 30px; color: #205178; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } #searchform i:hover { opacity: 0.8; } #searchform i:before { top: 13px; position: relative; } #searchform input { background: #f4f4f4; color: #4f6374; border: 0; border-radius: 50px; height: 47px; box-shadow: inset 0px 2px 6px rgba(0,0,0,0.1); padding: 0 90px 0 25px; -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; -ms-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .error404 #main-content #searchform input { background: #fff; border: 1px #ddd solid; } #searchform input::-webkit-input-placeholder { color: #4f6374; } #searchform input:-moz-placeholder { color: #4f6374; } #searchform input::-moz-placeholder { color: #4f6374; } #searchform input:-ms-input-placeholder { color: #4f6374; } #searchform input:focus { box-shadow: inset 0px 2px 6px rgba(0,0,0,0.20); } /* = Navigation ---------------------- */ .main-nav { margin-top: 25px; } .main-nav li { float: left; border-right: 2px #205178 solid; padding: 0 18px; } .main-nav li:first-child { padding-left: 0; } .main-nav li:last-child { border: 0; padding-right: 0; } .main-nav a { font-weight: 700; color: #205178; font-size: 18px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; } .main-nav a:hover, .main-nav li[class*='current'] a { color: #5791c0; } /* Left */ .main-nav-left { float: right; } /* Quick Nav */ #quick-nav { padding-top: 30px; width: 400px; float: right; } #quick-nav a { font-size: 18px; line-height: normal; } #quick-nav > ul > li { position: relative; } #quick-nav > ul > li > a { color: #566866; line-height: 47px; position: relative; display: block; padding: 0 25px; background: #f4f4f4; border-radius: 50px; height: 47px; box-shadow: inset 0px 2px 6px rgba(0,0,0,0.1); -webkit-transition: background 0.2s ease, color 0.2s ease; -moz-transition: background 0.2s ease, color 0.2s ease; -o-transition: background 0.2s ease, color 0.2s ease; -ms-transition: background 0.2s ease, color 0.2s ease; transition: background 0.2s ease, color 0.2s ease; } #quick-nav > ul > li > a:hover, #quick-nav > ul > li.open > a { background: #73b6ec; color: #fff; opacity: 1; } #quick-nav > ul > li > a:after { font-family: 'FontAwesome'; content: '\f078'; right: 20px; position: absolute; top: 1px; } #quick-nav ul li ul { opacity: 0; visibility: hidden; z-index: 10; position: absolute; top: 70px; left: 0; width: 400px; max-height: 0; border: 1px #d5d5d5 solid; border-bottom: 2px #c5d2dd solid; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 5px; padding: 15px 0; -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, max-height 0.2s ease, visibility 0.2s ease; -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease, max-height 0.2s ease, visibility 0.2s ease; -o-transition: opacity 0.2s ease, -o-transform 0.2s ease, max-height 0.2s ease, visibility 0.2s ease; -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease, max-height 0.2s ease, visibility 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease, max-height 0.2s ease, visibility 0.2s ease; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } #quick-nav ul li.open ul { opacity: 1; visibility: visible; max-height: 400px; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #quick-nav ul ul a { display: block; padding: 7px 25px; color: #444; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -ms-transition: background 0.2s ease; transition: background 0.2s ease; } #quick-nav ul ul a:hover { background: #eaf4fc; opacity: 1; } #quick-nav ul ul:after, #quick-nav ul ul:before { bottom: 100%; left: 93%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #quick-nav ul ul:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } #quick-nav ul ul:before { border-color: rgba(213, 213, 213, 0); border-bottom-color: #d5d5d5; border-width: 11px; margin-left: -11px; } /* Sub Nav */ .sub-nav { background: #fff; min-height: 700px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #fff; background: -webkit-linear-gradient(top, rgba(255,255,255,1) 49%,rgba(255,255,255,0.57) 71%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 49%,rgba(255,255,255,0.57) 71%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 49%,rgba(255,255,255,0.57) 71%,rgba(255,255,255,0) 100%); background: linear-gradient(top, rgba(255,255,255,1) 49%,rgba(255,255,255,0.57) 71%,rgba(255,255,255,0) 100%); } .sub-nav li { border-bottom: 1px #ebebeb solid; } .sub-nav li:first-child { padding-top: 10px; } .sub-nav li:last-child { border: 0; } .sub-nav a { display: block; padding: 20px 30px; font-size: 18px; } .sub-nav li[class*='current'] a, .sub-nav a:hover { color: #000; } .sub-nav ul { display: none; } .sub-nav li[class*='current'] ul { padding: 0 0 20px; display: block; margin-top: -10px; } .sub-nav li[class*='current'] ul a { color: #205178; } .sub-nav ul a { padding: 0 20px 0 40px; font-size: 14px; text-transform: normal; } .sub-nav ul li[class*='current'] a, .sub-nav li[class*='current'] ul a:hover { color: #444; } .sub-nav ul li { border: 0; padding-bottom: 10px; } .sub-nav ul li:last-child { padding-bottom: 0; } /* Footer */ #footer-nav > ul, #footer-nav > ul > li { float: left; } #footer-nav > ul > li { max-width: 125px; margin-right: 30px; } #footer-nav > ul > li > a { text-transform: uppercase; font-size: 14px; line-height: normal !important; font-weight: 700; color: #444; display: block; height: 40px; border-bottom: 1px #cad5df solid; } #footer-nav ul ul li { border-bottom: 1px #cad5df solid; } #footer-nav ul ul a { font-size: 14px; line-height: normal; display: block; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; } /* = Headings ---------------------- */ h1,h2,h3,h4,h5 { font-family: 'Asap', sans-serif; margin: 0 0 15px; } h1 { font-size: 48px; line-height: 56px; font-weight: 700; color: #205178; } h1.archive-title { margin-bottom: 30px; } h2 { font-size: 40px; line-height: 44px; color: #004444; font-weight: 400; } .component-articles-news h2 { color: #444; letter-spacing: -1px; border-bottom: 1px #b4bdbe solid; padding-bottom: 15px; margin-bottom: 25px; } .search h2 { color: #444; } h3 { font-size: 32px; line-height: 37px; color: #004444; font-weight: 700; } h4 { font-size: 21px; line-height: 23px; color: #205178; font-weight: 400; } h5 { font-size: 16px; line-height: 19px; color: #444; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } /* = Footer ---------------------- */ #partners, #colophon { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } /* Partners */ #partners { margin: 50px 0 40px; font-size: 15px; line-height: 19px; } #partners .heading { border-top: 2px #b6bebe solid; padding: 40px 0; font-size: 32px; line-height: normal; display: block; text-align: center; } #partners .inner { border-top: 1px #b6bebe dotted; padding-top: 30px; text-align: center; } #partners img { margin: 0 auto; display: block; margin-bottom: 30px; } #partners .col-sm-4:last-child img { margin-bottom: 15px; } #partners p { margin-bottom: 15px; padding: 0 30px; min-height: 145px; } #partners a { font-size: 16px; } /* Colophon */ #colophon { background: #e6f2fc; padding: 40px; } /* = Slideshow ---------------------- */ #front-slideshow { position:relative; overflow:hidden; } #front-slideshow .flexslider .slides li { height:430px; } #front-slideshow .flexslider .slides li div { height:100%; display:table; } #front-slideshow .flexslider .slides li p { display:table-cell !important; height: 100%; vertical-align:middle; font-size:43px; line-height:50px; color:#fff; } #front-slideshow .controller { position:absolute; bottom:20px; left:0; width:100%; } .flex-control-nav { position:relative; z-index:3000; } .flex-control-nav li { float:left; margin:0 5px; } .flex-control-nav li a { opacity:0.5; cursor:pointer; display:block; background:#000; text-indent:-9999px; height:20px; width:20px; } .flex-control-nav li a:hover { opacity:0.7; } .flex-control-nav li a.flex-active { opacity:1; } /* = Page Components ---------------------- */ .page-component { margin-bottom: 30px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .page-component:last-child { margin-bottom: 0; } .page-component.component-block { margin-bottom: 10px; } .page-component p:last-child { margin-bottom: 0; } /* Blocks */ .block { margin-bottom: 30px; } .block a { padding: 25px 30px; border-radius: 5px; border-bottom: 2px transparent solid; display: block; opacity: 1; min-height: 240px; position: relative; background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.3s ease, opacity 1s ease; -moz-transition: -moz-transform 0.3s ease, opacity 1s ease; -o-transition: -o-transform 0.3s ease, opacity 1s ease; -ms-transition: -ms-transform 0.3s ease, opacity 1s ease; transition: transform 0.3s ease, opacity 1s ease; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } .block a.is-revealed { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .block a:hover { opacity: 1; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .block.image-top_left a { background-position: left top; } .block.image-top_right a { background-position: right top; } .block.image-top_center a { background-position: center top; } .block.image-bottom_left a { background-position: left bottom; } .block.image-bottom_right a { background-position: right bottom; } .block.image-bottom_center a { background-position: center bottom; } .block.image-bottom_line a { background-position: center 85px; } .block.image-top_line a { background-position: center -85px; } .block.image-cover a { background-position: left top; background-size: cover; } .block.image-center_center img { max-height: 140px; margin: 15px auto 0; max-height: 140px; text-align: center; } .block.col-md-6 a { padding: 30px 30px 0; background-image: url( 'images/halo.png' ); background-position: center top; background-repeat: no-repeat; } .block .heading { font-weight: 700; font-size: 25px; line-height: 29px; } .block .heading.position-bottom { display: block; background: #fff; bottom: 0; left: 0; width: 100%; position: absolute; padding: 20px 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .block i { position: absolute; bottom: 18px; right: 18px; font-size: 30px; } .block .line { width: 100%; height: 1px; zoom: 1; content: ''; background: rgba(255,255,255,0.5); } .block .line-top { margin-bottom: 20px; } .block .line-bottom { position: absolute; bottom: 33px; left: 30px; width: 75%; } .block p { margin-bottom: 15px; } .block p:last-child { margin-bottom: 0; } .block-orange, .block-green, .block-blue { text-align: center; } .block-white a { background-color: #fff; border-color: #c5d2dd; } .block-orange a { background-color: #f99b79; border-color: #c66c4b; color: #fff; } .block-blue a { background-color: #73b6ec; border-color: #5a99cc; color: #fff; } .block-green a { background-color: #85bc70; border-color: #669c57; color: #fff; } /* Writer */ .component-writer span { display: block; } .component-writer .writer-title { text-transform: uppercase; font-size: 14px; font-weight: 700; padding-top: 23px; } .component-writer .writer-name { font-size: 21px; line-height: 24px; } /* Number List */ .number-wrapper { margin-bottom: 20px; } .number-wrapper:last-child { margin-bottom: 0; } .component-number-list .number { float: left; width: 98px; height: 98px; text-align: center; border-radius: 100%; background: #73b6ec; line-height: 98px; font-size: 48px; font-weight: 700; color: #fff; margin-right: 15px; } .component-number-list .number-content { margin-top: 23px; font-size: 21px; line-height: 25px; } /* Article/news */ .xml-result { min-height: 300px; } .btn-container-feed { display: none; } /* Form */ .form-wrapper { border: 2px #dcdcdc solid; border-radius: 5px; padding: 20px; background: #fff; } /* Table */ table.table { width: 100%; border-collapse: separate; border-radius: 5px; } table.table th, table.table td { padding: 15px 17px; } table.table th:first-child { border-top-left-radius: 5px; } table.table th:last-child { border-top-right-radius: 5px; } table.table th { text-align: left; text-transform: uppercase; color: #fff; background: #444; font-size: 14px; letter-spacing: 1px; } table.table td { border-bottom: 1px #dcdcdc solid; font-weight: 700; font-size: 15px; } table.table td:first-child { font-weight: 400; border-left: 2px #dcdcdc solid; } table.table td:last-child { border-right: 2px #dcdcdc solid; } table.table tr:last-child td { border-bottom: 2px #dcdcdc solid;} table.table tr:last-child td:last-child { border-bottom-right-radius: 5px; } table.table tr:last-child td:first-child { border-bottom-left-radius: 5px; } /* Unwise List */ /* tabs */ #filter-tabs { margin-bottom: 40px; position: relative; z-index: 2; } #filter-tabs .divider { margin: 0; position: absolute; top: 20px; left: 0; width: 100%; z-index: 1; } #filter-tabs ul { margin: 0 auto; text-align: center; } #filter-tabs ul li { display: inline-block; *display: inline; zoom: 1; z-index: 2; position: relative; } #filter-tabs ul li:first-child { padding-right: 10px; display: none; } #filter-tabs a { z-index: 2; border: 1px transparent solid; position: relative; display: inline-block; background: #205178; color: #fff; text-transform: uppercase; margin: 0 5px; padding: 10px 18px; border-radius: 20px; font-size: 14px; font-weight: 700; letter-spacing: 1px; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -ms-transition: background 0.2s ease; transition: background 0.2s ease; } #filter-tabs a:hover { background: #3a73a0; } #filter-tabs a.active { background: #444; border: 1px #444 solid; } #filter-tabs a.active:after, #filter-tabs a.active:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #filter-tabs a.active:after { border-color: rgba(68, 68, 68, 0); border-top-color: #444; border-width: 8px; margin-left: -8px; } #filter-tabs a.active:before { border-color: rgba(68, 68, 68, 0); border-top-color: #444; border-width: 9px; margin-left: -9px; } /* table */ table.substances { margin-bottom: 20px; } table.substances { width: 100%; border-collapse: collapse; } table.substances th, table.substances td { padding: 10px 15px 20px; } table.substances td { padding-top: 0; } table.substances td[colspan="2"] { padding: 0 0 0 15px; } table.substances > tbody > tr:first-child > td { padding-top: 20px; } table.substances > tbody > tr > td:first-child { padding-left: 0; font-weight: 700; } table.substances th:last-child { text-align: right; padding-right: 0; } table.substances th:first-child { padding-left: 0; } table.substances td { vertical-align: top; font-size: 18px; line-height: 25px; } table.substances td a { color: #444; } table.substances td a.link-arrow { font-size: 16px; line-height: 21px; color: #205178; } table.substances > thead { border-bottom: 1px #afbabc solid; border-top: 1px #afbabc solid; } table.substances > thead > tr > th { text-align: left; padding-bottom: 10px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } table.substances > thead > tr > th.header { color: #205178; cursor: pointer; } table.substances > thead > tr > th.header:after { font-family: 'FontAwesome'; font-size: 20px; position: relative; top: 2px; padding-left: 10px; content: '\f0dc'; } table.substances > thead > tr > th.headerSortDown:after { content: '\f0dd'; top: -2px; } table.substances > thead > tr > th.headerSortUp:after { content: '\f0de'; top: 6px; } table.sortable > thead > tr > th:last-child { color: #526563; } table.substances table { width: 100%; } table.substances table td { padding: 0 0 20px; } table.substances table tr:last-child td { padding-bottom: 20px; } table.substances table tr:first-child td { } table.substances table td:last-child { text-align: right; padding-right: 0; } #substance-wrapper { min-height: 300px; overflow: hidden; } #substance-wrapper .spinner { left: 15px; top: 0; right: auto; } /* = Articles / Pages ---------------------- */ .media { margin: 0 0 25px 0; padding-bottom: 30px; border-bottom: 1px #b6bebe dotted; line-height: normal; } .media-feed .source-date { text-transform: uppercase; font-size: 14px; } .media-articles.media { min-height: 200px; } .media-grid-item { min-height: 350px; -webkit-backface-visibility: hidden; } .media h5 { margin-top: -2px; } .media h5 a { color: #444; } h5.tag-item a, .media-grid-item h5 a { color: #444; } h5.tag-item a:hover, .media-grid-item h5 a:hover { color: #5791c0; } .media .link-arrow { margin-left: 1px; } .media p, .media h4, .media-grid-item p { margin-bottom: 15px; } .media>.pull-left { margin-right: 30px; } .media-date { display: block; margin: -5px 0 10px; } .divider { height: 1px; clear: both; border-top: 1px #afbabc dotted; margin: 40px 15px; overflow: hidden; content: ''; zoom: 1; } .divider:first-child { margin-top: 0; } .media-grid-item a img, .media-grid-item a .no-image { -webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; -ms-transition: -ms-transform 0.2s ease; transition: transform 0.2s ease; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .media-grid-item a:hover img, .media-grid-item a:hover .no-image { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } /* Image */ .img-wrapper { display: block; background: #fff; } img.featured-thumb, img.article-thumb, .no-image, .img-writer { width: 170px; height: 170px; border-radius: 100%; display: block; border: 1px #e6e6e6 solid; } img.article-thumb, .no-image { margin: 0 auto 20px; } .page-featured { margin-top: 30px; } .no-image { background: #2faab1; } .img-writer { width: 98px; height: 98px; float: left; margin-right: 15px; } /* Pagination */ .wp-pagenavi { overflow: hidden; text-align: center; } .wp-pagenavi .page, .wp-pagenavi span { margin: 0 10px; padding: 10px 16px; background: #fff; border: 1px #d5e3ef solid; border-radius: 20px; color: #444; font-weight: 700; display:inline-block; *display:inline; *zoom:1; -webkit-transition: background 0.2s ease, color 0.2s ease; -moz-transition: background 0.2s ease, color 0.2s ease; -o-transition: background 0.2s ease, color 0.2s ease; transition: background 0.2s ease, color 0.2s ease; } .wp-pagenavi .current { background: #205178; color: #fff; border-color: transparent; } .wp-pagenavi a:hover { background: #e2eef8; } /* = Button ---------------------- */ .btn-container { text-align: center; margin-top: 5px; } .btn, .gform_button { display: inline-block; background: #205178; color: #fff; padding: 11px 20px; border-radius: 20px; font-size: 16px; font-weight: 700; letter-spacing: 1px; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -ms-transition: background 0.2s ease; transition: background 0.2s ease; } .gform_button { border: 0; position: relative; text-align: left; width: 90px; } .btn:hover, .gform_button:hover { color: #fff; background: #3a73a0; } .gform_button:active, .btn:active { background: #17344b; } .gform_button.loading { width: 120px; } /* = Share ---------------------- */ .share-wrapper { position: absolute; top: 0; left: 0; width: 100%; } .share { border-top: 1px #a8b7bc dotted; padding-top: 10px; margin-top: 15px; } .share.align { margin-top: 98px; } .share.align.no-img { margin-top: 28px; } .share .heading { font-size: 14px; text-transform: uppercase; font-weight: 700; } .share ul { margin-top: 5px; } .share ul li { float: left; margin-right: 5px; } .share a { display: block; width: 40px; height: 40px; border-radius: 100%; text-align: center; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .share a.twitter { background: #67c8eb; } .share a.facebook { background: #527bbd; } .share a.tumblr { background: #5d8da9; } .share a:hover { opacity: 0.8; } .share a i { line-height: 40px; color: #fff; } .share a.twitter i:before, .share a.facebook i:before { left: 1px; position: relative; } /* = Forms ---------------------- */ /* Gravity forms */ .gform_body { margin-bottom: 10px; } .gform_body > ul > li { margin-bottom: 10px; } .gfield_label { font-weight: 700; display: block; margin-bottom: 5px; text-transform: uppercase; font-size: 14px; } .ginput_container label { padding-left: 10px; } .gfield_error input[type='text'], .gfield_error input[type='email'], .gfield_error input[type='password'], .gfield_error textarea { border-color: #f06060; } .validation_message { display: none; } .validation_error, .gform_confirmation_message { margin-bottom: 20px; padding: 15px 20px; color: #444; background: #f8d3d3; border-radius: 5px; } .gform_confirmation_message { background: #b5cb76; margin-bottom: 0; } .validation_error h3 { color: #d52121; font-size: 21px; line-height: 25px; font-weight: 400; margin-bottom: 5px; } .gfield_required { color: #888; padding-left: 0px; } .gfield_error .ginput_container .gfield_radio, .gfield_error .ginput_container .gfield_checkbox { border: 1px #f06060 solid; border-radius: 5px; padding: 15px 20px; } .gform_ajax_spinner { display: none; } .spinner { top: 20px !important; right: 20px !important; position: absolute; } /* General form styling */ input[type='text'], textarea, input[type='password'], input[type='email'] { font-size: 15px; color: #444; border: 1px #bbb solid; padding: 0 15px; width: 100%; box-shadow: inset 0px 4px 6px rgba(0,0,0,0.1); -webkit-appearance: none; border-radius: 5px; -webkit-transition: border 0.2s ease; -moz-transition: border 0.2s ease; -o-transition: border 0.2s ease; transition: border 0.2s ease; } input[type='text'], input[type='password'], input[type='email'] { height: 40px; } textarea { height: 200px; resize: vertical; overflow: auto; padding: 10px 15px; } select { padding: 10px 15px; width: 100%; } input[type='text']:focus, textarea:focus, input[type='password']:focus, input[type='email']:focus { border-color: #205178; } /* Fancy Form */ .trans-element-radio, .trans-element-checkbox { top: 3px; border: 1px #dcdcdc solid; width: 18px; height: 18px; display: inline-block; *display: inline; zoom: 1; position: relative; } .gfield_radio li, .gfield_checkbox li { clear: both; overflow:hidden; margin-bottom: 10px; font-size: 15px; } .gfield_radio label, .gfield_checkbox label { line-height: 18px; display: inline-block; } .trans-element-radio { border-radius: 100%; } .trans-element-checkbox { border-radius: 4px; } .trans-element-radio.checked:before { content: ''; width: 16px; height: 16px; border-radius: 100%; position: absolute; background: #205178; top: 0; left: 0; border: 1px #fff solid; } .trans-element-checkbox.checked:before { position: absolute; top: -2px; left: 0; font-family: 'FontAwesome'; content: '\f00c'; color: #205178; font-size: 20px; } .trans-element-checkbox { box-shadow: inset 0px 2px 1px rgba(0,0,0,0.08); } .transformSelect { font-size: 15px; } .transformSelect > li { position: relative; } .transformSelect > li.open > span { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #fff; border: 1px #205178 solid; border-bottom: 2px #205178 solid; } .transformSelect > li > span { padding: 10px 15px; position: relative; border: 1px #bbb solid; border-bottom: 2px #bbb solid; border-radius: 5px; position: relative; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .transformSelect > li > span:after { content: '\f0d7'; font-family: 'FontAwesome'; position: absolute; right: 15px; color: #2a2a2a; font-size: 20px; } .transformSelect ul { position: absolute; width: 100%; left: 0; top: 39px; border: 1px #205178 solid; border-top: 0; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 0 0 5px; } .transformSelect ul li span { padding: 8px 15px; } .transformSelect ul li span:hover { background: #eaf4fc; } .transformSelect span { display: block; cursor: pointer; } /* = Editor Styles ---------------------- */ .preamble { font-size: 21px; line-height: 26px; } .text-120 { font-size: 120px; line-height: 100px; letter-spacing: -5px; } .text-44 { font-size: 44px; line-height: 100%; letter-spacing: -2px; } .text-44 { font-size: 44px; line-height: 100%; letter-spacing: -2px; } .text-28 { font-size: 28px; line-height: normal; } .text-26 { font-size: 26px; line-height: normal; } .text-22 { font-size: 22px; line-height: normal; } .link-arrow { font-weight: 400; display: inline-block; } .link-arrow:before { font-family: 'FontAwesome'; content: '\f138'; font-size: 30px; position: relative; top: 2px; padding-right: 10px; } /* = Links ---------------------- */ a { outline:none; text-decoration: none; color: #205178; } a:hover { text-decoration: none; } .entry-content a { font-weight: 700; text-decoration: underline; } .entry-content a:hover { color: #5791c0; } a.link-arrow { font-weight: 700; display: inline-block; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } a.link-arrow:hover { opacity: 0.8; } a.link-arrow:before { font-family: 'FontAwesome'; content: '\f138'; font-size: 25px; position: relative; top: 2px; padding-right: 5px; } /* = Entry Content ---------------------- */ blockquote { font-size: 32px; line-height: 36px; margin: 0 0 5px; } blockquote:before { content: '\201C'; } blockquote:after { content: '\201D'; } .entry-content p.wp-caption-text { margin: 10px 0 0 0 !important; font-weight: 700; } .entry-content h1 { margin-top: 20px; } .entry-content h2, .form-wrapper h2, #substances h2, .media-feed h3 { font-size: 32px; color: #444; line-height: 34px; } .media-feed h3 { color: #205178; } .entry-content h3 { font-size: 14px; color: #444; line-height: 18px; font-weight: 700; text-transform: uppercase; } .entry-content p { margin: 0 0 15px 0; padding: 0; } .entry-content p:last-child, .entry-content ul:last-child { margin-bottom: 0; } .entry-content ul, .entry-content ol { margin: 0 0 15px 0; } .entry-content ol { list-style: decimal; list-style-position: outside; } .entry-content ol li { margin-bottom: 10px; margin-left: 20px; } .entry-content ul { list-style: none; list-style-position: outside; } .entry-content ul li { margin-bottom: 10px; margin-left: 35px; } .entry-content ul li:last-child { margin-bottom: 0; } .entry-content ul li:before { font-family: 'FontAwesome'; content: '\f00c'; color: #73b6ec; font-size: 15px; position: relative; top: 0px; padding: 0 5px 0 0; margin-left: -20px; } .entry-content ul ul, .entry-content ol ol { margin-bottom: 0; } .entry-content ul ul li, .entry-content ol ol li { } .entry-content img, .entry-content video, .entry-content param, .entry-content object, .entry-content embed { max-width: 100%; } .entry-content img { height: auto; } /* = Misc ---------------------- */ .google-maps { height:400px; } .search-query { color: #000; } img { vertical-align: bottom; } /* = Spinner ---------------------- */ #substance-wrapper .css-spinner { left: 50%; margin-left: -45px; right: auto; top: 20px; } .css-spinner { width: 70px; display: none; position: absolute; right: 0; top: 10px; } .css-spinner.feed-spinner { top: 0; left: 0; } .css-spinner > div { width: 15px; height: 15px; background-color: #205178; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css-spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .css-spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } #wpadminbar { position: fixed !important; } /* = Media Queries ---------------------- */ @media (max-width:1200px) { .text-120 { font-size: 70px; line-height: 70px; } .text-44 { font-size: 30px; } .text-28 { font-size: 20px; } h1 { font-size: 30px; line-height: 39px; } h2 { font-size: 20px; line-height: 24px; } .entry-content h2, .form-wrapper h2, #substances h2, .media-feed h3 { font-size: 18px; line-height: 22px; } img.featured-thumb, img.article-thumb, .no-image, .img-writer { width: 90px; height: 90px; } .media>.pull-left { margin-right: 15px; } } @media (max-width:991px) { .table-responsive { overflow-x: scroll; margin-bottom: 20px; } table.substances td { font-size: 14px; } table.substances th, table.substances td { padding: 5px 10px 10px; } table.substances > thead > tr > th { text-transform: none; font-size: 12px; } body { background-position: 0 -30px; } #logo { margin: 0; height: 95px; bottom: 0; } .svg-logo { width: 86px; height: 101px; background-size: 86px 101px; } #main-content { margin: 0; } #footer-nav > ul, #footer-nav > ul > li { float: none; text-align: center; } #footer-nav > ul > li { max-width: 100%; width: 100%; margin-bottom: 20px; margin-right: 0; } .search #main-content { margin-top: 20px; min-height: 200px; } /* Responsive Navigation */ #site-navigation, .menu-button span i, .touch-button i, #responsive-navigation .fa-chevron-down { display:none; } .menu-button span:before { font-family: 'FontAwesome'; content: "\f0c9"; color: #5DADE0; font-size: 30px; line-height: 55px; } .menu-button { width: 20px; height: 55px; z-index: 5000; position:absolute; top:14px; right:20px; } .menu-button span { cursor: pointer; display:block; } #responsive-navigation .flexnav { box-shadow: 0 4px 2px -2px #eee; position:absolute; top: 134px; opacity:0.4; left:0; background: #fff; z-index:9999; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform-style: preserve-3d; overflow: hidden; margin: 0 auto; width: 100%; max-height: 0; } #responsive-navigation .flexnav.show { max-height: 2000px; opacity: 1; } #responsive-navigation .flexnav li { margin:0 15px; padding:0; position:relative; border-bottom: 1px solid #dedede; } #responsive-navigation .flexnav li:last-child { padding-bottom:20px; } #responsive-navigation .flexnav > li:first-child { padding-top:20px; } #responsive-navigation .flexnav > li:last-child { padding-bottom:5px; border:0; } #responsive-navigation .flexnav li:last-child { border-bottom: 0; } #responsive-navigation .flexnav li span.touch-button { cursor: pointer; position: absolute; right: 0; top: 0; display: block; height: 49px; width: 18px; } #responsive-navigation .flexnav li span.touch-button:before { font-family: 'FontAwesome'; content: "\f078"; color: #5DADE0; font-size: 18px; line-height: 50px; } #responsive-navigation .flexnav li span.active:before { content: "\f077"; } #responsive-navigation .flexnav li li span.touch-button { top: -8px; } #responsive-navigation .flexnav li li { border:0; margin:0 0 0 15px; } #responsive-navigation .flexnav li ul { margin-bottom: 10px; } #responsive-navigation .flexnav li ul ul { margin-bottom: 0; } #responsive-navigation .flexnav li li li { padding-left:20px; } #responsive-navigation .flexnav li a { color:#205178; font-size:16px; line-height:24px; text-transform: uppercase; font-weight: 700; display:block; padding:13px 0; text-decoration: none; font-family: 'Asap', sans-serif; } #responsive-navigation .flexnav li li a { font-size:14px; text-transform: none; padding: 5px 0; font-weight: 400; } #responsive-navigation .flexnav li li li a { font-size:12px; } #responsive-navigation .flexnav li li li li a { font-size:11px; } #responsive-navigation .flexnav li li li li li a { font-size:11px; } } /* Small Desktops */ @media (min-width:992px) and (max-width:1199px) { .main-nav li { padding: 0 10px; } .main-nav a { font-size: 14px; } .sub-nav a { padding: 15px 20px; font-size: 16px; } #searchform, #quick-nav, #quick-nav ul li.open ul { width: 350px; } .block { min-height: 300px; } } /* Tablets */ @media (min-width:768px) and (max-width:991px) { } /* Large phone */ @media (max-width:767px) { .media h4 { font-size: 18px; line-height: 22px; } #filter-tabs a { margin-bottom: 10px; } #partners { margin: 20px 0; } #partners .col-sm-4 { margin-bottom: 20px; } #partners p { min-height: 0; } #partners .heading { font-size: 20px; line-height: 24px; padding: 20px 0; } } /* Small phone */ @media (max-width:480px) { img.featured-thumb, img.article-thumb, .no-image, .img-writer { width: 70px; height: 70px; } } a.btn-articles-more:focus, a.btn-articles-more:active, a.btn-articles-more:visited { text-decoration: none; color: #fff; }