Created
August 5, 2014 05:15
-
-
Save stowball/aad5acd9f66c46ec9603 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.2.19) | |
| // Compass (v0.12.6) | |
| // ---- | |
| // -------------------------------------------- | |
| // Default Variables | |
| // -------------------------------------------- | |
| $min: unquote('min-width:'); | |
| $max: unquote('max-width:'); | |
| $min-h: unquote('min-height:'); | |
| $max-h: unquote('max-height:'); | |
| $use-background-property: true; | |
| $use-background-fallback: true; | |
| $use-pie-background: true; | |
| $use-ltie9-mq-fallbacks: true; | |
| $browser-default-font-size: 16px; | |
| $base-font-size: 16px !default; | |
| $rem-with-px-fallback: true !default; | |
| // -------------------------------------------- | |
| // Helper Functions | |
| // -------------------------------------------- | |
| @function strip-units($number) { | |
| @return $number / ($number * 0 + 1); | |
| } | |
| @function em($pixels, $context: 16, $unitless: false) { | |
| @if ($unitless == false) { | |
| @return #{strip-units($pixels) / strip-units($context)}em; | |
| } | |
| @else { | |
| @return #{strip-units($pixels) / strip-units($context)}; | |
| } | |
| } | |
| @function percent($pixels, $context: $site-width) { | |
| @return percentage($pixels / $context); | |
| } | |
| // @private Default font-size for all browsers | |
| // Convert any CSS <length> or <percentage> value to any other. | |
| @function convert-length($length, $to-unit, $from-context: $base-font-size, $to-context: $from-context) { | |
| $from-unit: unit($length); | |
| // Optimize for cases where from and to may accidentally be the same. | |
| @if $from-unit == $to-unit { @return $length; } | |
| @if unit($from-context) != 'px' { @warn "Paremeter $from-context must resolve to a value in pixel units."; } | |
| @if unit($to-context) != 'px' { @warn "Parameter $to-context must resolve to a value in pixel units."; } | |
| // Fixed ratios | |
| // https://developer.mozilla.org/en/CSS/length | |
| // http://dev.w3.org/csswg/css3-values/#absolute-lengths | |
| $px-per-in: 96px / 1in; | |
| $px-per-mm: 96px / 25.4mm; | |
| $px-per-cm: 96px / 2.54cm; | |
| $px-per-pt: 4px / 3pt; | |
| $px-per-pc: 16px / 1pc; | |
| // Variables to store actual convesion ratios | |
| $px-per-from-unit: 1; | |
| $px-per-to-unit: 1; | |
| @if $from-unit != 'px' { | |
| @if $from-unit == 'em' { $px-per-from-unit: $from-context / 1em } | |
| @else if $from-unit == 'rem' { $px-per-from-unit: $base-font-size / 1rem } | |
| @else if $from-unit == '%' { $px-per-from-unit: $from-context / 100% } | |
| @else if $from-unit == 'ex' { $px-per-from-unit: $from-context / 2ex } | |
| @else if $from-unit == 'in' { $px-per-from-unit: $px-per-in } | |
| @else if $from-unit == 'mm' { $px-per-from-unit: $px-per-mm } | |
| @else if $from-unit == 'cm' { $px-per-from-unit: $px-per-cm } | |
| @else if $from-unit == 'pt' { $px-per-from-unit: $px-per-pt } | |
| @else if $from-unit == 'pc' { $px-per-from-unit: $px-per-pc } | |
| @else if $to-unit == 'ch' or $to-unit == 'vw' or $to-unit == 'vh' or $to-unit == 'vmin' { | |
| @warn "#{$from-unit} units can't be reliably converted; Returning original value."; | |
| @return $length; | |
| } | |
| @else { | |
| @warn "#{$from-unit} is an unknown length unit. Returning original value."; | |
| @return $length; | |
| } | |
| } | |
| @if $to-unit != 'px' { | |
| @if $to-unit == 'em' { $px-per-to-unit: $to-context / 1em } | |
| @else if $to-unit == 'rem' { $px-per-to-unit: $base-font-size / 1rem } | |
| @else if $to-unit == '%' { $px-per-to-unit: $to-context / 100% } | |
| @else if $to-unit == 'ex' { $px-per-to-unit: $to-context / 2ex } | |
| @else if $to-unit == 'in' { $px-per-to-unit: $px-per-in } | |
| @else if $to-unit == 'mm' { $px-per-to-unit: $px-per-mm } | |
| @else if $to-unit == 'cm' { $px-per-to-unit: $px-per-cm } | |
| @else if $to-unit == 'pt' { $px-per-to-unit: $px-per-pt } | |
| @else if $to-unit == 'pc' { $px-per-to-unit: $px-per-px } | |
| @else if $to-unit == 'ch' or $to-unit == 'vw' or $to-unit == 'vh' or $to-unit == 'vmin' { | |
| @warn "#{$to-unit} units can't be reliably converted; Returning original value."; | |
| @return $length; | |
| } | |
| @else { | |
| @warn "#{$to-unit} is an unknown length unit. Returning original value."; | |
| @return $length; | |
| } | |
| } | |
| @return $length * $px-per-from-unit / $px-per-to-unit; | |
| } | |
| // -------------------------------------------- | |
| // Class Mixins | |
| // -------------------------------------------- | |
| @mixin classquery($class-name: default, $output-ltie9-rule: true) { | |
| @if ($output-ltie9-rule == true) { | |
| .classquery-#{$class-name}, .ltie9 [data-classquery*=".classquery-#{$class-name}"] { | |
| @content; | |
| } | |
| } | |
| @else { | |
| .classquery-#{$class-name} { | |
| @content; | |
| } | |
| } | |
| } | |
| @mixin clearfix { | |
| min-height: 0; | |
| &:after { | |
| clear: both; | |
| content: '.'; | |
| display: block; | |
| height: 0; | |
| visibility: hidden; | |
| } | |
| } | |
| @mixin hidden($hide: true) { | |
| @if ($hide == false) { | |
| height: auto; | |
| position: static; | |
| width: auto; | |
| } | |
| @else { | |
| height: 1px; | |
| left: -999em; | |
| overflow: hidden; | |
| position: absolute; | |
| top: -999em; | |
| width: 1px; | |
| } | |
| } | |
| @mixin hide-text($display: false, $width: false, $height: false) { | |
| @if ($display != false) { | |
| display: $display; | |
| } | |
| overflow: hidden; | |
| text-indent: -999em; | |
| @if ($width != false) { | |
| width: $width; | |
| } | |
| @if ($height != false) { | |
| height: $height; | |
| } | |
| } | |
| @mixin horizontal($vertical-align: top, $width: 100%) { | |
| display: table; | |
| width: $width; | |
| > li { | |
| display: table-cell; | |
| vertical-align: $vertical-align; | |
| > a { | |
| text-align: center; | |
| } | |
| } | |
| .ltie8 & { | |
| @include clearfix; | |
| display: block; | |
| > li { | |
| float: left; | |
| } | |
| } | |
| } | |
| @mixin icomoon { | |
| [class^="icon-"], [class*=" icon-"] { | |
| @content; | |
| } | |
| } | |
| @mixin icon($name) { | |
| .icon-#{$name} { | |
| &:before { | |
| @content; | |
| } | |
| } | |
| } | |
| @mixin no-fontface { | |
| .no-fontface &, .ua-windows_phone-7 & { | |
| @content; | |
| } | |
| } | |
| // -------------------------------------------- | |
| // Media Query Mixins | |
| // -------------------------------------------- | |
| @mixin media-query($value, $ltie9: $use-ltie9-mq-fallbacks, $operator: $min, $px: false) { | |
| @if ($px == false) { | |
| @media (#{$operator} #{em($value)}) { | |
| @content; | |
| } | |
| } | |
| @else { | |
| @media (#{$operator} #{strip-units($value)}px) { | |
| @content; | |
| } | |
| } | |
| @if ($ltie9 == true) { | |
| @if ($operator == $max and $value < $site-width) { | |
| // Using max-width media query that's smaller than $site-width: do nothing | |
| } | |
| @else if ($operator == $min and $value > $site-width) { | |
| // Using min-width media query that's larger than $site-width: do nothing | |
| } | |
| @else { | |
| .ltie9 & { | |
| @content; | |
| } | |
| } | |
| } | |
| } | |
| @mixin media-query-and($first-value, $second-value, $ltie9: $use-ltie9-mq-fallbacks, $first-operator: $min, $second-operator: $max, $px: false) { | |
| @if ($px == false) { | |
| @media (#{$first-operator} #{em($first-value)}) and (#{$second-operator} #{em($second-value)}) { | |
| @content; | |
| } | |
| } | |
| @else { | |
| @media (#{$first-operator} #{strip-units($first-value)}px) and (#{$second-operator} #{strip-units($second-value)}px) { | |
| @content; | |
| } | |
| } | |
| @if ($ltie9 == true and $second-value >= $site-width and $first-operator == $min and $second-operator == $max) { | |
| .ltie9 & { | |
| @content; | |
| } | |
| } | |
| } | |
| @mixin media-query-retina { | |
| @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { | |
| @content; | |
| } | |
| } | |
| // -------------------------------------------- | |
| // Functional Mixins | |
| // -------------------------------------------- | |
| @mixin calc($property, $expression, $fallback: false) { | |
| @if ($fallback != false) { | |
| #{$property}: #{$fallback}; | |
| } | |
| #{$property}: -moz-calc(#{$expression}); | |
| #{$property}: -webkit-calc(#{$expression}); | |
| #{$property}: calc(#{$expression}); | |
| } | |
| @mixin gradient($nodes: (#f6f8f9, 0%, #e5ebee, 50%, #d7dee3, 50%, #f2f5f7, 100%), $direction: 'to bottom', $repeating: false) { | |
| $fallback: ''; | |
| $background: background; | |
| $lgy-direction: ''; | |
| $std-direction: ''; | |
| $x1: ''; | |
| $x2: ''; | |
| $y1: ''; | |
| $y2: ''; | |
| $css: ''; | |
| $svg-nodes: ''; | |
| $x: 0; | |
| @if ($direction == 'to bottom' or $direction == 'top' or $direction == '180deg' or $direction == 180deg) { | |
| $std-direction: to bottom; | |
| $lgy-direction: top; | |
| $x1: 0%; | |
| $y1: 0%; | |
| $x2: 0%; | |
| $y2: 100%; | |
| } | |
| @else if ($direction == 'to top' or $direction == 'bottom' or $direction == '0deg' or $direction == 0deg) { | |
| $std-direction: to top; | |
| $lgy-direction: bottom; | |
| $x1: 100%; | |
| $y1: 100%; | |
| $x2: 100%; | |
| $y2: 0%; | |
| } | |
| @else if ($direction == 'to left' or $direction == 'right' or $direction == '270deg' or $direction == 270deg) { | |
| $std-direction: to left; | |
| $lgy-direction: right; | |
| $x1: 100%; | |
| $y1: 100%; | |
| $x2: 0%; | |
| $y2: 100%; | |
| } | |
| @else if ($direction == 'to right' or $direction == 'left' or $direction == '90deg' or $direction == 90deg) { | |
| $std-direction: to right; | |
| $lgy-direction: left; | |
| $x1: 0%; | |
| $y1: 0%; | |
| $x2: 100%; | |
| $y2: 0%; | |
| } | |
| @else { | |
| $std-direction: $direction; | |
| $lgy-direction: 90 - $direction; | |
| @if ($direction == 10deg) { | |
| $x1: 0%; | |
| $y1: 100%; | |
| $x2: 100%; | |
| $y2: 0%; | |
| } | |
| @else if ($direction == 45deg) { | |
| $x1: 0%; | |
| $y1: 45%; | |
| $x2: 100%; | |
| $y2: 0%; | |
| } | |
| @else if ($direction == 135deg) { | |
| $x1: 0%; | |
| $y1: 0%; | |
| $x2: 100%; | |
| $y2: 45%; | |
| } | |
| @else if ($direction == 170deg) { | |
| $x1: 0%; | |
| $y1: 0%; | |
| $x2: 100%; | |
| $y2: 100%; | |
| } | |
| @else if ($direction == 190deg) { | |
| $x1: 100%; | |
| $y1: 0%; | |
| $x2: 0%; | |
| $y2: 100%; | |
| } | |
| @else if ($direction == 225deg) { | |
| $x1: 100%; | |
| $y1: 0%; | |
| $x2: 0%; | |
| $y2: 45%; | |
| } | |
| @else if ($direction == 315deg) { | |
| $x1: 100%; | |
| $y1: 45%; | |
| $x2: 0%; | |
| $y2: 0%; | |
| } | |
| @else if ($direction == 350deg) { | |
| $x1: 100%; | |
| $y1: 100%; | |
| $x2: 0%; | |
| $y2: 0%; | |
| } | |
| @else { | |
| $x1: 0%; | |
| $y1: 0%; | |
| $x2: 0%; | |
| $y2: 100%; | |
| } | |
| } | |
| @if (length($nodes) > 1) { | |
| @for $i from 0 to length($nodes) { | |
| @if ($i % 2 == 0) { | |
| $css: $css + ', ' + nth($nodes, ($i + 1)); | |
| $svg-nodes: $svg-nodes + '<stop stop-color="' + nth($nodes, ($i + 1)) + '"'; | |
| } | |
| @else { | |
| $css: $css + ' ' + nth($nodes, ($i + 1)); | |
| $svg-nodes: $svg-nodes + ' offset="' + strip-units(nth($nodes, ($i + 1)))/100 + '" />'; | |
| } | |
| $x: $i; | |
| } | |
| $fallback: nth($nodes, $x); | |
| $css: unquote($css); | |
| $svg: '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="g522" gradientUnits="userSpaceOnUse" x1="' + $x1 + '" y1="' + $y1 + '" x2="' + $x2 + '" y2="' + $y2 + '">' + $svg-nodes + '</linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#g522)" /></svg>'; | |
| @if ($use-background-property == false) { | |
| $background: background-image; | |
| } | |
| @if ($use-background-fallback == true) { | |
| @if ($use-background-property == false) { | |
| background-color: $fallback; | |
| } | |
| @else { | |
| background: $fallback; | |
| } | |
| } | |
| @if ($repeating == false) { | |
| #{$background}: -moz-linear-gradient($lgy-direction $css); | |
| #{$background}: -webkit-linear-gradient($lgy-direction $css); | |
| #{$background}: linear-gradient($std-direction $css); | |
| @if ($use-pie-background == true) { | |
| -pie-background: linear-gradient($lgy-direction $css); | |
| } | |
| } | |
| @else { | |
| #{$background}: -moz-linear-gradient($lgy-direction $css); | |
| #{$background}: -webkit-repeating-linear-gradient($lgy-direction $css); | |
| #{$background}: repeating-linear-gradient($std-direction $css); | |
| } | |
| } | |
| @else { | |
| @if ($use-background-property == false) { | |
| $background-color: $nodes; | |
| } | |
| @else { | |
| background: $nodes; | |
| } | |
| } | |
| } | |
| @mixin _grid-clearing($pc) { | |
| $fraction: 100 / $pc; | |
| @if ((floor($pc) == 33) or (round($fraction) == $fraction and ($fraction > 1 and $fraction < 6))) { | |
| &:nth-child(n) { | |
| clear: none; | |
| } | |
| @if (floor($pc) == 33) { | |
| &:nth-child(3n+4) { | |
| clear: both; | |
| } | |
| } | |
| @else { | |
| &:nth-child(#{$fraction}n+#{1 + $fraction}) { | |
| clear: both; | |
| } | |
| } | |
| } | |
| } | |
| @mixin grid($breakpoints: (480, 600, 768, 960), $percentages: (10, 20, 25, 30, 33.3333, 40, 50, 60, 66.6666, 70, 75, 80, 90, 100), $float-classes: false) { | |
| $bp: ''; | |
| $pc: ''; | |
| .grid_container { | |
| @extend %clearfix; | |
| list-style: none; | |
| margin-bottom: 0; | |
| margin-left: -$std-gutter; | |
| } | |
| .grid_item { | |
| @include box-sizing; | |
| float: left; | |
| margin-bottom: $std-gutter; | |
| padding-left: $std-gutter; | |
| width: 100%; | |
| } | |
| @for $j from 0 to length($percentages) { | |
| $pc: nth($percentages, $j + 1); | |
| .w#{floor($pc)} { | |
| width: percentage($pc / 100); | |
| @include _grid-clearing($pc); | |
| } | |
| } | |
| .clear:nth-child(n) { | |
| clear: both; | |
| } | |
| .unclear:nth-child(n) { | |
| clear: none; | |
| } | |
| .no_mb { | |
| margin-bottom: 0; | |
| } | |
| @if ($float-classes == true) { | |
| .float_left { | |
| float: left; | |
| } | |
| .float_right { | |
| float: right; | |
| } | |
| } | |
| @if ($is-responsive == true) { | |
| @for $i from 0 to length($breakpoints) { | |
| $bp: nth($breakpoints, $i + 1); | |
| @for $j from 0 to length($percentages) { | |
| $pc: nth($percentages, $j + 1); | |
| .w#{floor($pc)}_at_#{$bp} { | |
| @include media-query($bp) { | |
| width: percentage($pc / 100); | |
| @include _grid-clearing($pc); | |
| } | |
| } | |
| @if ($j == length($percentages) - 1) { | |
| .clear_at_#{$bp}:nth-child(n) { | |
| @include media-query($bp) { | |
| clear: both; | |
| } | |
| } | |
| .unclear_at_#{$bp}:nth-child(n) { | |
| @include media-query($bp) { | |
| clear: none; | |
| } | |
| } | |
| .no_mb_at_#{$bp} { | |
| @include media-query($bp) { | |
| margin-bottom: 0; | |
| } | |
| } | |
| @if ($float-classes == true) { | |
| .float_left_at_#{$bp} { | |
| @include media-query($bp) { | |
| float: left; | |
| } | |
| } | |
| .float_right_at_#{$bp} { | |
| @include media-query($bp) { | |
| float: right; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| @mixin grid-override($name, $gutter) { | |
| $gutter-left: $gutter; | |
| $gutter-bottom: $gutter; | |
| @if (type-of($gutter) == 'list') { | |
| $gutter-left: nth($gutter, 1); | |
| $gutter-bottom: nth($gutter, 2); | |
| } | |
| .#{$name}_grid_container { | |
| margin-left: -$gutter-left; | |
| } | |
| .#{$name}_grid_item { | |
| margin-bottom: $gutter-bottom; | |
| padding-left: $gutter-left; | |
| } | |
| } | |
| @mixin hover($pseudo: false) { | |
| @if ($pseudo) { | |
| @if type-of($pseudo) == 'list' { | |
| @for $i from 0 to length($pseudo) { | |
| &:hover:#{nth($pseudo, ($i + 1))}, &:focus:#{nth($pseudo, ($i + 1))} { | |
| @content; | |
| } | |
| } | |
| } | |
| @else { | |
| &:hover:#{$pseudo}, &:focus:#{$pseudo} { | |
| @content; | |
| } | |
| } | |
| } | |
| @else { | |
| &:hover, &:focus { | |
| @content; | |
| } | |
| } | |
| } | |
| @mixin nth-child($an: 2n, $sibling: '*', $count: 15) { | |
| $index: ''; | |
| $n: false; | |
| $selector: ''; | |
| $modifier: 0; | |
| @if (type-of($an) == list) { | |
| $index: nth($an, 1); | |
| $modifier: nth($an, 2); | |
| } | |
| @else { | |
| $index: $an; | |
| } | |
| @if ($index == 'even' or $index == even) { | |
| $index: 2n; | |
| } | |
| @if ($index == 'odd' or $index == odd) { | |
| $index: 2n; | |
| $modifier: 1; | |
| } | |
| @if (unit($index) == 'n') { | |
| $index: strip-units($index); | |
| $n: true; | |
| } | |
| @if ($modifier < 0) { | |
| @if (abs($modifier) > $index){ | |
| $modifier: -(abs($modifier) % floor($index)); | |
| } | |
| $modifier: $modifier + floor($index); | |
| } | |
| @if ($index > 0) { | |
| @if ($n == false) { | |
| $count: 1; | |
| } | |
| @if ($index == 1) { | |
| $selector: '&:first-child'; | |
| } | |
| @if ($modifier > 1) { | |
| @for $j from 0 to $modifier - 1 { | |
| $selector: $selector + '+ ' + $sibling; | |
| } | |
| $selector: $selector + ','; | |
| } | |
| @for $i from 1 to $count + 1 { | |
| @if ($i > 1) { | |
| $selector: $selector + ', '; | |
| } | |
| @for $x from (1 - $modifier) to $index * $i { | |
| $selector: $selector + '+ ' + $sibling; | |
| } | |
| } | |
| } | |
| @if ($index > 0) { | |
| @if ($modifier == 1) { | |
| @content; | |
| } | |
| #{$selector} { | |
| @content; | |
| } | |
| } | |
| } | |
| @mixin placeholder($color: $form-placeholder-color, $text-transform: $form-placeholder-text-transform) { | |
| :-moz-placeholder { | |
| color: $color; | |
| text-transform: $text-transform; | |
| } | |
| ::-moz-placeholder { | |
| color: $color; | |
| text-transform: $text-transform; | |
| } | |
| :-ms-input-placeholder { | |
| color: $color; | |
| text-transform: $text-transform; | |
| } | |
| ::-webkit-input-placeholder { | |
| color: $color; | |
| text-transform: $text-transform; | |
| } | |
| input.placeholder, textarea.placeholder { | |
| color: $color; | |
| text-transform: $text-transform; | |
| } | |
| label + [placeholder]:focus:-moz-placeholder { | |
| color: transparent; | |
| } | |
| label + [placeholder]:focus::-moz-placeholder { | |
| color: transparent; | |
| } | |
| label + [placeholder]:focus::-webkit-input-placeholder { | |
| color: transparent; | |
| } | |
| } | |
| @mixin rem($property, $values, $use-px-fallback: $rem-with-px-fallback) { | |
| // Create a couple of empty lists as output buffers. | |
| $px-values: (); | |
| $rem-values: (); | |
| // Ensure $values is a list. | |
| @if type-of($values) != 'list' { | |
| $values: join((), $values); | |
| } | |
| // Loop through the $values list | |
| @each $value in $values { | |
| // For each property value, if it's in rem or px, derive both rem and | |
| // px values for it and add those to the end of the appropriate buffer. | |
| // Ensure all pixel values are rounded to the nearest pixel. | |
| @if type-of($value) == number and not unitless($value) and (unit($value) == px or unit($value) == rem) { | |
| @if unit($value) == px { | |
| $px-values: join($px-values, round($value)); | |
| $rem-values: join($rem-values, convert-length($value, rem)); | |
| } | |
| @else { | |
| $px-values: join($px-values, round(convert-length($value, px))); | |
| $rem-values: join($rem-values, $value); | |
| } | |
| } | |
| @else { | |
| $px-values: join($px-values, $value); | |
| $rem-values: join($rem-values, $value); | |
| } | |
| } | |
| // Use pixel fallback for browsers that don't understand rem units. | |
| @if $use-px-fallback { | |
| #{$property}: $px-values; | |
| } | |
| // Use rem values for everyone else (overrides pixel values). | |
| #{$property}: $rem-values; | |
| } | |
| @mixin triangle($direction: right, $width: 5px, $height: 10px, $color: $std-link-color, $layout: true, $border-style: true, $webkit-rotate: true, $important: false) { | |
| $hex-color: unquote($color); | |
| $rgba-color: rgba($hex-color, 0); | |
| $bare-width: strip-units($width); | |
| $bare-height: strip-units($height); | |
| @if ($hex-color == #000 or $hex-color == #000000) { | |
| $rgba-color: false; | |
| } | |
| @if ($direction == down) { | |
| @if ($important != false) { | |
| border-color: $hex-color transparent transparent transparent !important; | |
| } | |
| @else { | |
| border-color: $hex-color transparent transparent transparent; | |
| } | |
| @if ($rgba-color != false) { | |
| @if ($important != false) { | |
| border-color: $hex-color $rgba-color $rgba-color $rgba-color !important; | |
| } | |
| @else { | |
| border-color: $hex-color $rgba-color $rgba-color $rgba-color; | |
| } | |
| } | |
| } | |
| @else if ($direction == left) { | |
| @if ($important != false) { | |
| border-color: transparent $hex-color transparent transparent !important; | |
| } | |
| @else { | |
| border-color: transparent $hex-color transparent transparent; | |
| } | |
| @if ($rgba-color != false) { | |
| @if ($important != false) { | |
| border-color: $rgba-color $hex-color $rgba-color $rgba-color !important; | |
| } | |
| @else { | |
| border-color: $rgba-color $hex-color $rgba-color $rgba-color; | |
| } | |
| } | |
| } | |
| @else if ($direction == right) { | |
| @if ($important != false) { | |
| border-color: transparent transparent transparent $hex-color !important; | |
| } | |
| @else { | |
| border-color: transparent transparent transparent $hex-color; | |
| } | |
| @if ($rgba-color != false) { | |
| @if ($important != false) { | |
| border-color: $rgba-color $rgba-color $rgba-color $hex-color !important; | |
| } | |
| @else { | |
| border-color: $rgba-color $rgba-color $rgba-color $hex-color; | |
| } | |
| } | |
| } | |
| @else if ($direction == up) { | |
| @if ($important != false) { | |
| border-color: transparent transparent $hex-color transparent !important; | |
| } | |
| @else { | |
| border-color: transparent transparent $hex-color transparent; | |
| } | |
| @if ($rgba-color != false) { | |
| @if ($important != false) { | |
| border-color: $rgba-color $rgba-color $hex-color $rgba-color !important; | |
| } | |
| @else { | |
| border-color: $rgba-color $rgba-color $hex-color $rgba-color; | |
| } | |
| } | |
| } | |
| @if ($border-style) { | |
| border-style: solid; | |
| } | |
| @if ($direction == down) { | |
| @if ($important != false) { | |
| border-width: $bare-height + px + ' ' + ($bare-width / 2) + px + ' 0 ' + ($bare-width / 2) + px !important; | |
| } | |
| @else { | |
| border-width: $bare-height + px + ' ' + ($bare-width / 2) + px + ' 0 ' + ($bare-width / 2) + px; | |
| } | |
| } | |
| @else if ($direction == left) { | |
| @if ($important != false) { | |
| border-width: ($bare-height / 2) + px + ' ' + $bare-width + px + ' ' + ($bare-height / 2) + px + ' 0' !important; | |
| } | |
| @else { | |
| border-width: ($bare-height / 2) + px + ' ' + $bare-width + px + ' ' + ($bare-height / 2) + px + ' 0'; | |
| } | |
| } | |
| @else if ($direction == right) { | |
| @if ($important != false) { | |
| border-width: ($bare-height / 2) + px + ' 0 ' + ($bare-height / 2) + px + ' ' + $bare-width + px !important; | |
| } | |
| @else { | |
| border-width: ($bare-height / 2) + px + ' 0 ' + ($bare-height / 2) + px + ' ' + $bare-width + px; | |
| } | |
| } | |
| @else if ($direction == up) { | |
| @if ($important != false) { | |
| border-width: unquote(0 + ' ' + ($bare-width / 2) + px + ' ' + $bare-height + px + ' ' + ($bare-width / 2) + px) !important; | |
| } | |
| @else { | |
| border-width: unquote(0 + ' ' + ($bare-width / 2) + px + ' ' + $bare-height + px + ' ' + ($bare-width / 2) + px); | |
| } | |
| } | |
| @if ($layout == true) { | |
| content: ''; | |
| display: inline-block; | |
| height: 0; | |
| } | |
| @if ($webkit-rotate == true) { | |
| -webkit-transform: rotate(360deg); | |
| } | |
| @if ($layout == true) { | |
| width: 0; | |
| } | |
| } | |
| // -------------------------------------------- | |
| // CSS Property Mixins | |
| // -------------------------------------------- | |
| $trans-anim-prefixes: (-moz-, -o-, -webkit-, ''); // Not used in keyframes() | |
| $transitionable-prefixed-values: transform, transform-origin; | |
| @mixin animation($property: default 1s ease) { | |
| // name duration timing-function delay direction iteration-count fill-mode | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}animation: $property; | |
| } | |
| } | |
| @mixin animation-delay($value: 1s) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}animation-delay: $value; | |
| } | |
| } | |
| @mixin animation-direction($value: normal) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}animation-direction: $value; | |
| } | |
| } | |
| @mixin animation-duration($value: 1s) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}animation-duration: $value; | |
| } | |
| } | |
| @mixin animation-fill-mode($value: none) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}animation-fill-mode: $value; | |
| } | |
| } | |
| @mixin animation-iteration-count($value: 1) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}animation-iteration-count: $value; | |
| } | |
| } | |
| @mixin animation-name($value: default) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}animation-name: $value; | |
| } | |
| } | |
| @mixin animation-timing-function($value: ease) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}animation-timing-function: $value; | |
| } | |
| } | |
| @mixin background($color, $duplicate-as-pie: false) { | |
| background: $color; | |
| @if ($use-pie-background == true and $duplicate-as-pie == true) { | |
| -pie-background: $color; | |
| } | |
| } | |
| @mixin border-radius($radius: 5px, $background-clip: padding-box) { | |
| @if ($background-clip != false) { | |
| background-clip: $background-clip; | |
| } | |
| -webkit-border-radius: $radius; | |
| border-radius: $radius; | |
| } | |
| @mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) { | |
| -webkit-box-shadow: $shadow; | |
| box-shadow: $shadow; | |
| } | |
| @mixin box-sizing($boxsize: border-box) { | |
| -moz-box-sizing: $boxsize; | |
| -webkit-box-sizing: $boxsize; | |
| box-sizing: $boxsize; | |
| } | |
| @mixin font-size-line-height($font-size, $line-height: false, $important: false) { | |
| @if ($important == true) { | |
| @include rem(font-size, $font-size !important); | |
| } | |
| @else { | |
| @include rem(font-size, $font-size); | |
| } | |
| @if ($line-height != false) { | |
| @include line-height($line-height, $font-size, $important) | |
| } | |
| } | |
| @mixin keyframes($name) { | |
| @-moz-keyframes #{$name} { | |
| @content; | |
| } | |
| @-o-keyframes #{$name} { | |
| @content; | |
| } | |
| @-webkit-keyframes #{$name} { | |
| @content; | |
| } | |
| @keyframes #{$name} { | |
| @content; | |
| } | |
| } | |
| @mixin line-height($target, $context: 16, $important: false) { | |
| @if ($important == true) { | |
| line-height: em($target, $context, true) !important; | |
| } | |
| @else { | |
| line-height: em($target, $context, true); | |
| } | |
| } | |
| @mixin pie($position: relative, $path: false) { | |
| $pie-path: ''; | |
| @if ($path != false) { | |
| $pie-path: $path; | |
| } | |
| @else { | |
| $pie-path: $default-pie-path; | |
| } | |
| @if ($position != false) { | |
| position: $position; | |
| } | |
| behavior: url($pie-path); | |
| } | |
| @mixin rgba($property, $value: '', $color: #000, $opacity: 0.5, $use-fallback: true) { | |
| $rgba: ''; | |
| $composite: ''; | |
| $property: unquote($property); | |
| $value: unquote($value); | |
| @if (type-of($color) == list) { | |
| $rgba: nth($color, 1); | |
| $composite: nth($color, 2); | |
| } | |
| @else { | |
| $rgba: $color; | |
| $composite: $color; | |
| } | |
| @if ($use-fallback) { | |
| #{$property}: #{$value} $composite; | |
| } | |
| #{$property}: #{$value} rgba($rgba, $opacity); | |
| } | |
| @mixin rgba-background($color, $opacity: 0.5, $use-fallback: true, $use-background-color: false) { | |
| $rgba: ''; | |
| $composite: ''; | |
| $property: background; | |
| @if (type-of($color) == list) { | |
| $rgba: nth($color, 1); | |
| $composite: nth($color, 2); | |
| } | |
| @else { | |
| $rgba: $color; | |
| $composite: $color; | |
| } | |
| @if ($use-background-color == true) { | |
| $property: background-color; | |
| } | |
| @if ($use-fallback) { | |
| #{$property}: $composite; | |
| } | |
| #{$property}: rgba($rgba, $opacity); | |
| } | |
| @mixin transform($transform-function: none) { | |
| $additional-trans-anim-prefixes: join(-ms-, $trans-anim-prefixes); | |
| @for $i from 0 to length($additional-trans-anim-prefixes) { | |
| #{nth($additional-trans-anim-prefixes, ($i + 1))}transform: $transform-function; | |
| } | |
| } | |
| @mixin transform-origin($transform-origin: 50% 50% 0) { | |
| $additional-trans-anim-prefixes: join(-ms-, $trans-anim-prefixes); | |
| @for $i from 0 to length($additional-trans-anim-prefixes) { | |
| #{nth($additional-trans-anim-prefixes, ($i + 1))}transform-origin: $transform-origin; | |
| } | |
| } | |
| @mixin transition($property: all ease 0.2s) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| $combined-property: (); | |
| @for $j from 0 to length($property) { | |
| $prop: nth($property, ($j + 1)); | |
| $prop-length: length($prop); | |
| $prefixed-property: (); | |
| @for $k from 0 to length($prop) { | |
| $item: nth($prop, ($k + 1)); | |
| @if ($prop-length != 1) { | |
| @if (($k + 1) == $prop-length and ($j + 1) != length($property)) { | |
| $item: $item+ ','; | |
| $item: unquote($item); | |
| } | |
| } | |
| @if ($item == nth($transitionable-prefixed-values, 1)) { | |
| $prefixed-property: append($prefixed-property, #{nth($trans-anim-prefixes, ($i + 1))}#{$item}, space); | |
| } | |
| @else if ($item == nth($transitionable-prefixed-values, 2)) { | |
| $prefixed-property: append($prefixed-property, #{nth($trans-anim-prefixes, ($i + 1))}#{$item}, space); | |
| } | |
| @else { | |
| $prefixed-property: append($prefixed-property, $item, space); | |
| } | |
| } | |
| $combined-property: join($combined-property, $prefixed-property); | |
| } | |
| #{nth($trans-anim-prefixes, ($i + 1))}transition: $combined-property; | |
| } | |
| } | |
| @mixin transition-delay($delay: 0.2s) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}transition-delay: $delay; | |
| } | |
| } | |
| @mixin transition-duration($duration: 0.2s) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}transition-duration: $duration; | |
| } | |
| } | |
| @mixin transition-property($property: all) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| $prefixed-property: (); | |
| @each $prop in $property { | |
| @if ($prop == nth($transitionable-prefixed-values, 1)) { | |
| $prefixed-property: append($prefixed-property, #{nth($trans-anim-prefixes, ($i + 1))}#{$prop}, comma); | |
| } | |
| @else if ($prop == nth($transitionable-prefixed-values, 2)) { | |
| $prefixed-property: append($prefixed-property, #{nth($trans-anim-prefixes, ($i + 1))}#{$prop}, comma); | |
| } | |
| @else { | |
| $prefixed-property: append($prefixed-property, $prop, comma); | |
| } | |
| } | |
| #{nth($trans-anim-prefixes, ($i + 1))}transition-property: $prefixed-property; | |
| } | |
| } | |
| @mixin transition-timing-function($timing: ease) { | |
| @for $i from 0 to length($trans-anim-prefixes) { | |
| #{nth($trans-anim-prefixes, ($i + 1))}transition-timing-function: $timing; | |
| } | |
| } | |
| @mixin viewport($width: device-width) { | |
| @if ($is-responsive == true) { | |
| @-moz-viewport { | |
| width: $width; | |
| } | |
| @-ms-viewport { | |
| width: $width; | |
| } | |
| @-o-viewport { | |
| width: $width; | |
| } | |
| @-webkit-viewport { | |
| width: $width; | |
| } | |
| @viewport { | |
| width: $width; | |
| } | |
| } | |
| } | |
| // Defaults | |
| $linear: linear; | |
| $ease: ease; | |
| $ease-in: ease-in; | |
| $ease-in-out: ease-in-out; | |
| $ease-out: ease-out; | |
| $step-end: step-end; | |
| $step-start: step-start; | |
| // Penner Equations - http://matthewlein.com/ceaser/ & http://easings.net | |
| $ease-in-cubic : cubic-bezier(0.550, 0.055, 0.675, 0.190); | |
| $ease-out-cubic : cubic-bezier(0.215, 0.610, 0.355, 1.000); | |
| $ease-in-out-cubic : cubic-bezier(0.645, 0.045, 0.355, 1.000); | |
| $ease-in-circ : cubic-bezier(0.600, 0.040, 0.980, 0.335); | |
| $ease-out-circ : cubic-bezier(0.075, 0.820, 0.165, 1.000); | |
| $ease-in-out-circ : cubic-bezier(0.785, 0.135, 0.150, 0.860); | |
| $ease-in-expo : cubic-bezier(0.950, 0.050, 0.795, 0.035); | |
| $ease-out-expo : cubic-bezier(0.190, 1.000, 0.220, 1.000); | |
| $ease-in-out-expo : cubic-bezier(1.000, 0.000, 0.000, 1.000); | |
| $ease-in-quad : cubic-bezier(0.550, 0.085, 0.680, 0.530); | |
| $ease-out-quad : cubic-bezier(0.250, 0.460, 0.450, 0.940); | |
| $ease-in-out-quad : cubic-bezier(0.455, 0.030, 0.515, 0.955); | |
| $ease-in-quart : cubic-bezier(0.895, 0.030, 0.685, 0.220); | |
| $ease-out-quart : cubic-bezier(0.165, 0.840, 0.440, 1.000); | |
| $ease-in-out-quart : cubic-bezier(0.770, 0.000, 0.175, 1.000); | |
| $ease-in-quint : cubic-bezier(0.755, 0.050, 0.855, 0.060); | |
| $ease-out-quint : cubic-bezier(0.230, 1.000, 0.320, 1.000); | |
| $ease-in-out-quint : cubic-bezier(0.860, 0.000, 0.070, 1.000); | |
| $ease-in-sine : cubic-bezier(0.470, 0.000, 0.745, 0.715); | |
| $ease-out-sine : cubic-bezier(0.390, 0.575, 0.565, 1.000); | |
| $ease-in-out-sine : cubic-bezier(0.445, 0.050, 0.550, 0.950); | |
| $ease-in-back : cubic-bezier(0.600, -0.280, 0.735, 0.045); | |
| $ease-out-back : cubic-bezier(0.175, 0.885, 0.320, 1.275); | |
| $ease-in-out-back : cubic-bezier(0.680, -0.550, 0.265, 1.550); | |
| // -------------------------------------------- | |
| // Colours | |
| // -------------------------------------------- | |
| $text-color: #111; | |
| $std-color: #006; | |
| $sub-color: #555; | |
| $alt-color: $text-color; | |
| $hr-color: #b8b7b7; | |
| $blockquote-bg-color: #edece6; | |
| $std-link-color: #00e; | |
| $std-hover-color: #e00; | |
| $std-visited-color: mix(#551a8b, $text-color, 60%); | |
| $std-table-color: #f8f8f8; | |
| $form-input-color: $text-color; | |
| $form-input-background-color: #fff; | |
| $form-input-border-color: #5d5d5d; | |
| $form-input-hover-color: #ffffe5; | |
| $form-input-focus-color: #ffc; | |
| $form-input-boxshadow-color: rgba(#52a8ec, 0.5); | |
| $form-input-error-color: #c00; | |
| $form-placeholder-color: #999; | |
| $form-placeholder-text-transform: null; | |
| $form-description-color: #888; | |
| $btn-background-color: #f6f8f9, 0%, #e5ebee, 50%, #d7dee3, 50%, #f2f5f7, 100%; | |
| $btn-border-color: #5d5d5d; | |
| $btn-text-color: #120c08; | |
| $btn-hover-background-color: darken(#f6f8f9, 5%), 0%, darken(#e5ebee, 5%), 50%, darken(#d7dee3, 5%), 50%, darken(#f2f5f7, 5%), 100%; | |
| $btn-hover-border-color: darken($btn-border-color, 5%); | |
| $btn-hover-text-color: darken($btn-text-color, 5%); | |
| $error-border-color: #ddd; | |
| // -------------------------------------------- | |
| // Font Families | |
| // -------------------------------------------- | |
| $std-font-family: sans-serif; | |
| $heading-font-family: sans-serif; | |
| $heading-no-fontface-font-family: null; | |
| $quote-font-family: Georgia, serif; | |
| // -------------------------------------------- | |
| // Font Sizes | |
| // -------------------------------------------- | |
| $std-font-size: 14px; | |
| $heading1-font-size: 24px; | |
| $heading2-font-size: 22px; | |
| $heading3-font-size: 20px; | |
| $heading4-font-size: 18px; | |
| $heading5-font-size: 16px; | |
| $heading6-font-size: 14px; | |
| // -------------------------------------------- | |
| // Line Heights | |
| // -------------------------------------------- | |
| $std-line-height: 20px; | |
| // -------------------------------------------- | |
| // Margins | |
| // -------------------------------------------- | |
| $std-margin: 14px; | |
| $std-gutter: 20px; | |
| $line-height-margin: 3px; | |
| $std-whitespace-margin: -4px; | |
| $form-margin: 10px; | |
| $form-label-margin: 3%; | |
| $list-margin-left: 40px; | |
| $list-item-margin-denominator: 2; | |
| // -------------------------------------------- | |
| // Paddings | |
| // -------------------------------------------- | |
| $form-input-padding-vertical: 4px; | |
| $form-input-padding-horizontal: 4px; | |
| $form-btn-padding-vertical: 7px; | |
| $form-btn-padding-horizontal: 14px; | |
| $form-rc-label-indent: 23px; | |
| // -------------------------------------------- | |
| // Positions | |
| // -------------------------------------------- | |
| $list-bullet-top: 7px; | |
| $form-labels-aligned-right: true; | |
| $form-required-indicator-right: -5px; | |
| // -------------------------------------------- | |
| // Sizes | |
| // -------------------------------------------- | |
| $form-label-width: 30%; | |
| $form-input-width-adjuster: -0%; | |
| $form-smaller-input-width: 16.6666%; | |
| $form-small-input-width: 33.3333%; | |
| $form-medium-input-width: 50%; | |
| $form-large-input-width: 66.6666%; | |
| $form-larger-input-width: 83.3333%; | |
| $text-area-minheight: 120px; | |
| // -------------------------------------------- | |
| // Other | |
| // -------------------------------------------- | |
| $form-input-border-width: 1px; | |
| $form-input-border-radius: 3px; | |
| $btn-border-radius: 3px; | |
| $default-pie-path: '/css/PIE.htc'; | |
| // -------------------------------------------- | |
| // Breakpoints | |
| // -------------------------------------------- | |
| $is-responsive: true; | |
| $site-width: 960px; | |
| $desktop-bp: $site-width; | |
| $float-bp: 464px; | |
| $form-bp: 534px; // Set to 0 to have "block-level" form fields always | |
| @if ($is-responsive == false) { | |
| $float-bp: 1px; | |
| $form-bp: 1px; | |
| $feature-bp: 1px; | |
| } | |
| /* -------------------------------------------- | |
| Clearfix | |
| ----------------------------------------------- */ | |
| %clearfix { | |
| @include clearfix; | |
| } | |
| /* -------------------------------------------- | |
| CSS3PIE | |
| ----------------------------------------------- */ | |
| %pie { | |
| @include pie; | |
| } | |
| %pie_abs { | |
| @include pie(absolute); | |
| } | |
| @if ($form-bp > 0) { | |
| label, .label { | |
| .f_row & { | |
| @include rem(margin-top, $form-input-padding-vertical + $form-input-border-width); | |
| .ie &, .vendor-ie & { | |
| @include rem(margin-top, ($form-input-padding-vertical + $form-input-border-width) + 1); | |
| } | |
| @if ($form-labels-aligned-right == true) { | |
| em { | |
| position: absolute; | |
| @include rem(right, $form-required-indicator-right); | |
| } | |
| } | |
| } | |
| } | |
| .f_row label, .f_row .label, p.legend { | |
| display: inline-block; | |
| margin-right: $form-label-margin; | |
| width: $form-label-width; | |
| @if ($form-labels-aligned-right == true) { | |
| position: relative; | |
| text-align: right; | |
| } | |
| } | |
| .f_row .text, .f_row textarea, .f_row select, .rc.legend ul { | |
| display: inline-block; | |
| @include rem(margin-left, $std-whitespace-margin); | |
| width: (100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster); | |
| } | |
| .f_row, .btns { | |
| .w_bp_auto { | |
| width: auto; | |
| } | |
| .w_bp_smaller { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-smaller-input-width / 100)); | |
| } | |
| .w_bp_small { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-small-input-width / 100)); | |
| } | |
| .w_bp_medium { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-medium-input-width / 100)); | |
| } | |
| .w_bp_large { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-large-input-width / 100)); | |
| } | |
| .w_bp_larger { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-larger-input-width / 100)); | |
| } | |
| .w_bp_max { | |
| width: (100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster); | |
| } | |
| } | |
| .f_row.block { | |
| label, .label, .text, textarea, select { | |
| display: block; | |
| margin-bottom: $form-label-margin; | |
| margin-left: 0; | |
| margin-right: 0; | |
| text-align: left; | |
| width: 100%; | |
| } | |
| } | |
| .rc.legend ul { | |
| @include rem(margin-left, $std-whitespace-margin * 2); | |
| } | |
| .rc:not(.legend) ul { | |
| @include rem(margin-left, $std-whitespace-margin); | |
| } | |
| .f_comment, .rc:not(.legend) ul, .required { | |
| padding-left: $form-label-margin + $form-label-width; | |
| } | |
| .btns > :first-child { | |
| margin-left: $form-label-margin + $form-label-width; | |
| } | |
| button, [type="submit"] { | |
| width: auto; | |
| } | |
| } | |
| img { | |
| &.float_left { | |
| float: left; | |
| @include rem(margin, $line-height-margin $std-margin $std-margin 0); | |
| } | |
| &.float_right { | |
| float: right; | |
| @include rem(margin, $line-height-margin 0 $std-margin $std-margin); | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Constants | |
| ----------------------------------------------- */ | |
| %horizontal { | |
| @include horizontal; | |
| } | |
| %horizontal_auto { | |
| @include horizontal(top, auto); | |
| } | |
| /* -------------------------------------------- | |
| Viewport | |
| ----------------------------------------------- */ | |
| @include viewport; | |
| /* -------------------------------------------- | |
| Reset | |
| ----------------------------------------------- */ | |
| 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 { | |
| border: 0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { | |
| display: block; | |
| } | |
| audio, canvas, video { | |
| display: inline-block; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| /* -------------------------------------------- | |
| Font-Face Declarations | |
| ----------------------------------------------- */ | |
| /* | |
| font-family: font-stack; | |
| */ | |
| /* -------------------------------------------- | |
| Clearfix | |
| ----------------------------------------------- */ | |
| .clearfix { | |
| @extend %clearfix; | |
| } | |
| /* -------------------------------------------- | |
| Reset | |
| ----------------------------------------------- */ | |
| .reset, .reset_lazy, .reset ul, .reset_lazy > ul, .reset ol, .reset_lazy > ol, .reset li, .reset_lazy > li, .rc ul { | |
| list-style: none !important; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .content_area >, th >, td > { | |
| & :last-child, & ul:last-child > li:last-child, & ol:last-child > li:last-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| /* -------------------------------------------- | |
| List Bullet Removal & Display None | |
| ----------------------------------------------- */ | |
| input[type="hidden"], .display_none, .js_display, .js .js_display_none, .no_col_1 #col_1, .no_col_3 #col_3, .grid_container > li.grid_item:before, .list_style_none > li:before, .rc li:before, .reset li:before, .reset_lazy > li:before { | |
| display: none; | |
| } | |
| /* -------------------------------------------- | |
| Standard Margin | |
| ----------------------------------------------- */ | |
| blockquote, .cell, .centre_object, cite, .cols, .content_area, dl, .error, .flash, fieldset, .fieldset, hr, iframe, .ok, ol, p, .panes, table, ul { | |
| @include rem(margin-bottom, $std-margin); | |
| } | |
| /* -------------------------------------------- | |
| Constants | |
| ----------------------------------------------- */ | |
| a[name], a[name]:hover { | |
| color: inherit !important; | |
| text-decoration: none !important; | |
| } | |
| acronym, abbr[title], dfn[title] { | |
| border-bottom: 1px dotted; | |
| cursor: help; | |
| } | |
| a span { | |
| cursor: pointer; | |
| } | |
| address { | |
| font-style: normal; | |
| } | |
| b, strong { | |
| font-weight: bold; | |
| } | |
| blockquote, q { | |
| font-family: $quote-font-family; | |
| quotes: none; | |
| &:before, &:after { | |
| content: ''; | |
| content: none; | |
| } | |
| } | |
| blockquote { | |
| background: $blockquote-bg-color; | |
| border-left: 3px solid $std-color; | |
| @include rem(padding, $std-margin); | |
| & > :last-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .js [data-classquery] { | |
| visibility: hidden; | |
| } | |
| .classquery-complete [data-classquery], .ltie9 [data-classquery] { | |
| visibility: visible; | |
| } | |
| cite { | |
| display: block; | |
| font-style: italic; | |
| @include rem(margin-top, -$std-margin); | |
| text-align: right; | |
| } | |
| .content_area { | |
| @extend %clearfix; | |
| } | |
| hr { | |
| background: $hr-color; | |
| border: 0; | |
| color: $hr-color; | |
| height: 1px; | |
| @include rem(margin, $std-margin * 2 0); | |
| .ltie8 & { | |
| @include rem(margin-bottom, ($std-margin * 2) - 7); | |
| @include rem(margin-top, ($std-margin * 2) - ($std-margin - 10 + 17)); | |
| } | |
| } | |
| i, em { | |
| font-style: italic; | |
| } | |
| iframe:not([width]) { | |
| width: 100%; | |
| } | |
| a img, img[usemap] { | |
| border: 0; | |
| } | |
| img { | |
| -moz-force-broken-image-icon: 1; | |
| -ms-interpolation-mode: bicubic; | |
| vertical-align: bottom; | |
| @if ($is-responsive == true) { | |
| height: auto; | |
| max-width: 100%; | |
| } | |
| &.fixed, .ltie9 & { | |
| max-width: none; | |
| } | |
| &.border { | |
| border: 1px solid $std-color; | |
| } | |
| &.float_left, &.float_right { | |
| display: block; | |
| float: none; | |
| @include rem(margin, 0 auto $std-margin / 2); | |
| } | |
| } | |
| .js { | |
| .js_display_block { | |
| display: block; | |
| } | |
| .js_display_inline { | |
| display: inline; | |
| } | |
| .js_display_inline_block { | |
| display: inline-block; | |
| } | |
| } | |
| .jquery { | |
| .jquery_display_block { | |
| display: block; | |
| } | |
| .jquery_display_inline { | |
| display: inline; | |
| } | |
| .jquery_display_inline_block { | |
| display: inline-block; | |
| } | |
| } | |
| .managed { | |
| display: inline-block; | |
| &.alt { | |
| padding-left: 21px; | |
| } | |
| .ltie8 &.alt { | |
| padding-left: 0; | |
| } | |
| &:after, &.alt:before { | |
| background: url('{{ imgPath }}std_icons.png'); | |
| content: ''; | |
| display: inline-block; | |
| @include rem(margin-left, 5px); | |
| height: 16px; | |
| vertical-align: middle; | |
| width: 16px; | |
| @include media-query-retina { | |
| background-image: url('{{ imgPath }}[email protected]'); | |
| background-size: 16px auto; | |
| } | |
| } | |
| &.alt:before { | |
| margin-left: -21px; | |
| @include rem(margin-right, 5px); | |
| } | |
| &.alt:after { | |
| display: none; | |
| } | |
| &.link:after, &.alt.link:before { | |
| background-position: 0 -16px; | |
| } | |
| &.pdf:after, &.alt.pdf:before { | |
| background-position: 0 -32px; | |
| } | |
| &.zip:after, &.alt.zip:before { | |
| background-position: 0 -48px; | |
| } | |
| &.audio:after, &.alt.audio:before { | |
| background-position: 0 -64px; | |
| } | |
| &.video:after, &.alt.video:before { | |
| background-position: 0 -80px; | |
| } | |
| &.doc:after, &.alt.doc:before { | |
| background-position: 0 -96px; | |
| } | |
| &.image:after, &.alt.image:before { | |
| background-position: 0 -112px; | |
| } | |
| &.excel:after, &.alt.excel:before { | |
| background-position: 0 -128px; | |
| } | |
| &.file:after, &.alt.file:before { | |
| background-position: 0 -144px; | |
| } | |
| &.page:after, &.alt.page:before { | |
| background-position: 0 -160px; | |
| } | |
| &.rss:after, &.alt.rss:before { | |
| background-position: 0 -176px; | |
| } | |
| } | |
| .menu { | |
| li { | |
| position: static; | |
| & > a { | |
| display: inline-block; // Fixes IE7's whitespace bug | |
| } | |
| & > a { | |
| display: block; | |
| text-decoration: none; | |
| } | |
| } | |
| &.hover { | |
| li { | |
| & > a { | |
| @include hover { | |
| text-decoration: underline; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| object:focus { | |
| outline: none; | |
| } | |
| .pane { | |
| .js & { | |
| display: none; | |
| } | |
| .js &:first-child { | |
| display: block; | |
| } | |
| } | |
| pre { | |
| white-space: pre-wrap; | |
| } | |
| .slider > li { | |
| display: none; | |
| &:first-child { | |
| display: block; | |
| } | |
| } | |
| .std_width { | |
| @include box-sizing; | |
| margin: auto; | |
| @include rem(max-width, $site-width); | |
| } | |
| sub, sup { | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| .ua-windows_phone-7 { | |
| @extend .no-fontface !optional; | |
| } | |
| .video_embed { | |
| max-width: 100%; | |
| padding-bottom: 56.25%; | |
| position: relative; | |
| & iframe { | |
| height: 100%; | |
| left: 0; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| width: 100%; | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Root Defaults | |
| ----------------------------------------------- */ | |
| html { | |
| background: #fff; | |
| min-height: 100%; | |
| overflow-y: scroll; | |
| -ms-overflow-style: scrollbar; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| @if ($is-responsive == true) { | |
| @include media-query(1px, false) { | |
| overflow-x: hidden; | |
| } | |
| } | |
| @include media-query(776px, false, $max) { | |
| -ms-overflow-style: auto; | |
| } | |
| } | |
| body { | |
| color: $text-color; | |
| font-family: $std-font-family; | |
| @include font-size-line-height($std-font-size, $std-line-height); | |
| min-height: 100%; | |
| .vendor-ie:not(.ltie9) & { | |
| @include line-height($std-line-height + 1, $std-font-size); | |
| } | |
| * { | |
| font-size: 1em; | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Link Colors | |
| ----------------------------------------------- */ | |
| a { | |
| color: $std-link-color; | |
| @include hover { | |
| color: $std-hover-color; | |
| } | |
| } | |
| :visited { | |
| color: $std-visited-color; | |
| } | |
| /* -------------------------------------------- | |
| Headings | |
| ----------------------------------------------- */ | |
| h1, .h1 { | |
| @include rem(font-size, $heading1-font-size); | |
| } | |
| h2, .h2 { | |
| @include rem(font-size, $heading2-font-size); | |
| } | |
| h3, .h3 { | |
| @include rem(font-size, $heading3-font-size); | |
| } | |
| h4, .h4 { | |
| @include rem(font-size, $heading4-font-size); | |
| } | |
| h5, .h5 { | |
| @include rem(font-size, $heading5-font-size); | |
| } | |
| h6, .h6 { | |
| @include rem(font-size, $heading6-font-size); | |
| } | |
| h1, h2, h3, h4, h5, h6, | |
| .h1, .h2, .h3, .h4, .h5, .h6 { | |
| color: $std-color; | |
| &:first-child, | |
| & + h1, & + h2, & + h3, & + h4, & + h5, & + h6, | |
| & + .h1, & + .h2, & + .h3, & + .h4, & + .h5, & + .h6 { | |
| margin-top: 0; | |
| } | |
| &.sub, | |
| & + h1, & + h2, & + h3, & + h4, & + h5, & + h6, | |
| & + .h1, & + .h2, & + .h3, & + .h4, & + .h5, & + .h6 { | |
| color: $sub-color; | |
| } | |
| &.alt { | |
| color: $alt-color; | |
| } | |
| &.std { | |
| color: $std-color; | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Lists | |
| ----------------------------------------------- */ | |
| ol, ul { | |
| list-style: none; | |
| @include rem(margin-left, $list-margin-left); | |
| &.list_style_none { | |
| list-style: none !important; | |
| margin-left: 0 !important; | |
| padding-left: 0 !important; | |
| } | |
| } | |
| ol { | |
| list-style-type: decimal; | |
| &.lower_alpha { | |
| list-style-type: lower-alpha; | |
| } | |
| &.upper_alpha { | |
| list-style-type: upper-alpha; | |
| } | |
| &.lower_roman { | |
| list-style-type: lower-roman; | |
| } | |
| &.upper_roman { | |
| list-style-type: upper-roman; | |
| } | |
| } | |
| .ltie8 ul { | |
| list-style-type: disc; | |
| } | |
| li { | |
| @include rem(margin-bottom, $std-margin / $list-item-margin-denominator); | |
| position: relative; | |
| .ltie8 & { | |
| position: static; | |
| } | |
| & > ol, & > ul { | |
| @include rem(margin-top, $std-margin); | |
| } | |
| ul > &:before { | |
| content: ''; | |
| display: inline-block; | |
| position: absolute; | |
| } | |
| } | |
| .list_next_to_float, .float_left + ul, .float_right + ul, .float_left + ol, .float_right + ol { | |
| overflow: hidden; | |
| @include rem(padding-left, $list-margin-left); | |
| @if ($is-responsive) { | |
| @include media-query($float-bp - 1, $max) { | |
| clear: both; | |
| overflow: visible; | |
| padding-left: 0; | |
| } | |
| } | |
| } | |
| dt, dd { | |
| display: inline; | |
| } | |
| dd:after { | |
| content: '\A'; | |
| white-space: pre; | |
| } | |
| /* -------------------------------------------- | |
| Tables | |
| ----------------------------------------------- */ | |
| caption { | |
| @include rem(margin-bottom, $std-margin); | |
| text-align: left; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| table-layout: fixed; | |
| width: 100%; | |
| } | |
| td, th { | |
| vertical-align: top; | |
| } | |
| .unstyled { | |
| @include box-shadow(none); | |
| width: auto; | |
| & td, & th { | |
| background: none !important; | |
| border: 0 !important; | |
| color: $text-color !important; | |
| padding: 0 !important; | |
| text-align: left; | |
| vertical-align: top !important; | |
| } | |
| } | |
| .ie9_grid_dummy { | |
| td { | |
| background: none !important; | |
| padding: 0 !important; | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Forms | |
| ----------------------------------------------- */ | |
| fieldset { | |
| border: 0; | |
| } | |
| legend { | |
| left: -999em; | |
| position: absolute; | |
| top: -999em; | |
| } | |
| [data-legend]:before { | |
| content: attr(data-legend); | |
| display: block; | |
| } | |
| ::-webkit-search-decoration, ::-webkit-search-cancel-button, input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { | |
| -webkit-appearance: none; | |
| margin: 0; | |
| } | |
| input[type="number"] { | |
| -moz-appearance: textfield; | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: none; | |
| } | |
| @include placeholder; | |
| .text, textarea, select { | |
| color: $form-input-color; | |
| margin: 0; | |
| html:not(.ltie9) &:not([disabled]) { | |
| &:hover { | |
| background-color: $form-input-hover-color; | |
| outline: none; | |
| } | |
| &:focus { | |
| background-color: $form-input-focus-color; | |
| @include box-shadow(0 0 6px $form-input-boxshadow-color); | |
| outline: none; | |
| } | |
| } | |
| &.form_error { | |
| border-color: $form-input-error-color !important; | |
| } | |
| } | |
| :-moz-ui-invalid:not(output) { | |
| box-shadow: 0 0 3px 0 $form-input-error-color !important; | |
| } | |
| input { | |
| &[type="radio"], &[type="checkbox"] { | |
| &.form_error { | |
| @include box-shadow(0 0 1.5px 1.5px lighten($form-input-error-color, 10%)); | |
| } | |
| &.form_error + label { | |
| color: $form-input-error-color; | |
| } | |
| } | |
| } | |
| .touch label { | |
| cursor: pointer; | |
| } | |
| .btn, .btn_wrap, button, [type="submit"], .text, label, .label, p.legend, select, textarea { | |
| @include box-sizing; | |
| display: block; | |
| font-family: $std-font-family; | |
| line-height: normal; | |
| width: 100%; | |
| } | |
| .text, label, .label, p.legend, select, textarea { | |
| vertical-align: top; | |
| } | |
| em { | |
| .required &, label & , .label &, p.legend & { | |
| color: $form-input-error-color; | |
| font-style: normal; | |
| } | |
| } | |
| .f_comment, .f_margin, .f_row, .required, .rc { | |
| @include rem(margin-bottom, $form-margin); | |
| } | |
| .f_row > div { | |
| @include rem(margin-top, $form-margin); | |
| } | |
| fieldset .description { | |
| display: block; | |
| } | |
| .text, textarea, html:not(.browser-android) select { | |
| background-color: $form-input-background-color; | |
| border: $form-input-border-width solid $form-input-border-color; | |
| } | |
| .text, textarea { | |
| @include border-radius($form-input-border-radius); | |
| } | |
| .text:not(.date_time) { | |
| -webkit-appearance: none; | |
| } | |
| .text.date_time { | |
| display: -webkit-inline-flex; | |
| } | |
| button, [type="submit"], .text, textarea, select { | |
| @include rem(font-size, $base-font-size); | |
| .no-touch & { | |
| @include rem(font-size, $std-font-size); | |
| } | |
| } | |
| select { | |
| -webkit-appearance: menulist; | |
| &.auto { | |
| width: auto !important; | |
| } | |
| } | |
| textarea { | |
| @include rem(min-height, $text-area-minheight); | |
| overflow: auto; | |
| } | |
| .rc { | |
| li { | |
| @include rem(margin-bottom, $form-margin / 2); | |
| } | |
| input { | |
| position: absolute; | |
| } | |
| label { | |
| font-weight: normal; | |
| padding-left: $form-rc-label-indent; | |
| width: auto; | |
| } | |
| } | |
| .f_row, .btns { | |
| .w_auto { | |
| width: auto; | |
| } | |
| .w_smaller { | |
| width: $form-smaller-input-width; | |
| } | |
| .w_small { | |
| width: $form-small-input-width; | |
| } | |
| .w_medium { | |
| width: $form-medium-input-width; | |
| } | |
| .w_large { | |
| width: $form-large-input-width; | |
| } | |
| .w_larger { | |
| width: $form-larger-input-width; | |
| } | |
| .w_max { | |
| width: 100%; | |
| } | |
| } | |
| @media ($min em($form-bp)) { | |
| @if ($form-bp > 0) { | |
| label, .label { | |
| .f_row & { | |
| @include rem(margin-top, $form-input-padding-vertical + $form-input-border-width); | |
| .ie &, .vendor-ie & { | |
| @include rem(margin-top, ($form-input-padding-vertical + $form-input-border-width) + 1); | |
| } | |
| @if ($form-labels-aligned-right == true) { | |
| em { | |
| position: absolute; | |
| @include rem(right, $form-required-indicator-right); | |
| } | |
| } | |
| } | |
| } | |
| .f_row label, .f_row .label, p.legend { | |
| display: inline-block; | |
| margin-right: $form-label-margin; | |
| width: $form-label-width; | |
| @if ($form-labels-aligned-right == true) { | |
| position: relative; | |
| text-align: right; | |
| } | |
| } | |
| .f_row .text, .f_row textarea, .f_row select, .rc.legend ul { | |
| display: inline-block; | |
| @include rem(margin-left, $std-whitespace-margin); | |
| width: (100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster); | |
| } | |
| .f_row, .btns { | |
| .w_bp_auto { | |
| width: auto; | |
| } | |
| .w_bp_smaller { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-smaller-input-width / 100)); | |
| } | |
| .w_bp_small { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-small-input-width / 100)); | |
| } | |
| .w_bp_medium { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-medium-input-width / 100)); | |
| } | |
| .w_bp_large { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-large-input-width / 100)); | |
| } | |
| .w_bp_larger { | |
| width: ((100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster) * strip-units($form-larger-input-width / 100)); | |
| } | |
| .w_bp_max { | |
| width: (100% - ($form-label-margin + $form-label-width) + $form-input-width-adjuster); | |
| } | |
| } | |
| .f_row.block { | |
| label, .label, .text, textarea, select { | |
| display: block; | |
| margin-bottom: $form-label-margin; | |
| margin-left: 0; | |
| margin-right: 0; | |
| text-align: left; | |
| width: 100%; | |
| } | |
| } | |
| .rc.legend ul { | |
| @include rem(margin-left, $std-whitespace-margin * 2); | |
| } | |
| .rc:not(.legend) ul { | |
| @include rem(margin-left, $std-whitespace-margin); | |
| } | |
| .f_comment, .rc:not(.legend) ul, .required { | |
| padding-left: $form-label-margin + $form-label-width; | |
| } | |
| .btns > :first-child { | |
| margin-left: $form-label-margin + $form-label-width; | |
| } | |
| button, [type="submit"] { | |
| width: auto; | |
| } | |
| } | |
| } | |
| .btn, .btn_wrap { | |
| width: auto; | |
| } | |
| .btn, .btn_wrap, button, [type="submit"] { | |
| -webkit-appearance: none; | |
| @include border-radius($btn-border-radius); | |
| color: $btn-text-color; | |
| cursor: pointer; | |
| display: inline-block; | |
| margin: 0; | |
| overflow: visible; | |
| text-decoration: none !important; | |
| &::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| @include hover { | |
| color: $btn-hover-text-color; | |
| } | |
| } | |
| .btn_wrap { | |
| position: relative; | |
| input { | |
| opacity: 0; | |
| position: relative; | |
| z-index: 2; | |
| } | |
| &[data-label] { | |
| &:before { | |
| content: attr(data-label); | |
| } | |
| input { | |
| border: 0; | |
| left: 0; | |
| height: 100%; | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Error & .ok Styling | |
| -----------------------------------------------*/ | |
| .error { | |
| border: 1px solid $error-border-color; | |
| @include border-radius(8px); | |
| @include rem(padding, 15px); | |
| h3 { | |
| @include rem(font-size, 16px); | |
| margin-bottom: 0; | |
| padding-left: 24px; | |
| position: relative; | |
| } | |
| .ltie8 & h3 { | |
| color: #b00; | |
| padding-left: 0; | |
| } | |
| & h3:before { | |
| background: url('{{ imgPath }}std_icons.png') 0 -192px; | |
| content: ''; | |
| height: 16px; | |
| margin-left: -24px; | |
| margin-top: -8px; | |
| position: absolute; | |
| top: 50%; | |
| width: 16px; | |
| @include media-query-retina { | |
| background-image: url('{{ imgPath }}[email protected]'); | |
| background-size: 16px auto; | |
| background-position: 0 -192px; | |
| } | |
| } | |
| & ul { | |
| margin: 14px 0 0 23px; | |
| @include rem(margin-top, 14px, false); | |
| } | |
| & li:last-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .ok { | |
| @extend .error; | |
| .ltie8 & h3 { | |
| color: #060; | |
| } | |
| h3:before { | |
| background-position: 0 -208px; | |
| color: #417b2a; | |
| @include media-query-retina { | |
| background-position: 0 -208px; | |
| } | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Accordions | |
| ----------------------------------------------- */ | |
| .accordion { | |
| .js & { | |
| visibility: hidden; | |
| } | |
| .jquery & { | |
| visibility: visible; | |
| } | |
| } | |
| .accordion_toggler { | |
| display: block; | |
| text-decoration: none; | |
| } | |
| .accordion_content { | |
| .js & { | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| .js .open + & { | |
| height: auto; | |
| } | |
| .js .accordion_to_tabs .open + & { | |
| height: auto !important; | |
| } | |
| .accordion_to_tabs & { | |
| @include transition(none !important); | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Site | |
| ----------------------------------------------- */ | |
| .no_col_1.no_col_3 #col_2 { | |
| width: 100%; | |
| } | |
| #breadcrumbs li { | |
| display: inline-block; | |
| } | |
| /* -------------------------------------------- | |
| Simple Customisations | |
| ----------------------------------------------- */ | |
| a { | |
| text-decoration: underline; | |
| &:visited { | |
| text-decoration: underline; | |
| } | |
| @include hover { | |
| text-decoration: none; | |
| } | |
| } | |
| .feature { | |
| text-decoration: none; | |
| &:after { | |
| @include triangle; | |
| margin-left: em(10px); | |
| } | |
| &:visited:after { | |
| border-left-color: $std-visited-color; | |
| } | |
| @include hover(after) { | |
| border-left-color: $std-hover-color; | |
| } | |
| } | |
| h1, h2, h3, h4, h5, h6, | |
| .h1, .h2, .h3, .h4, .h5, .h6 { | |
| font-family: $heading-font-family; | |
| font-weight: bold; | |
| line-height: normal; | |
| @include rem(margin, $std-margin * 2 0 $std-margin / 2); | |
| .no-fontface & { | |
| font-family: $heading-no-fontface-font-family; | |
| } | |
| } | |
| sub, sup { | |
| font-size: em(12px, $std-font-size); | |
| .ie &, .vendor-ie & { | |
| font-size: em(14px, $std-font-size); | |
| } | |
| } | |
| sub { | |
| bottom: em(-3px); | |
| } | |
| sup { | |
| top: em(-5px); | |
| } | |
| /* -------------------------------------------- | |
| Lists | |
| ----------------------------------------------- */ | |
| ul > li { | |
| &:before { | |
| background: $text-color; | |
| @include border-radius(50%); | |
| height: 5px; | |
| left: -18px; | |
| @include rem(top, $list-bullet-top); | |
| width: 5px; | |
| } | |
| } | |
| /* -------------------------------------------- | |
| Tables | |
| ----------------------------------------------- */ | |
| td, th { | |
| background: #fff; | |
| border: solid darken($std-table-color, 5%); | |
| border-width: 1px 0; | |
| @include rem(padding, 15px 20px !important); | |
| text-align: left; | |
| text-shadow: 0 1px 1px #fff; | |
| tr > &:first-child { | |
| border-left-width: 1px; | |
| } | |
| tr > &:last-child { | |
| border-right-width: 1px; | |
| } | |
| } | |
| thead, tfoot { | |
| @include box-shadow(0 1px 2px rgba(0,0,0,0.15)); | |
| th { | |
| //@include gradient((lighten($std-table-color, 10%), 0%, darken($std-table-color, 1%), 100%)); | |
| font-weight: bold; | |
| } | |
| } | |
| tfoot { | |
| @include box-shadow(none); | |
| } | |
| tr:nth-child(even) { | |
| & td, & th { | |
| background: $std-table-color; | |
| } | |
| } | |
| @include grid(); | |
| /* -------------------------------------------- | |
| Forms | |
| ----------------------------------------------- */ | |
| fieldset .description { | |
| color: $form-description-color; | |
| @include rem(font-size, 12px); | |
| font-weight: normal; | |
| @include rem(margin-top, 3px); | |
| } | |
| label, .label, p.legend { | |
| @include rem(margin-bottom, $form-margin / 2); | |
| } | |
| .text, textarea { | |
| @include rem(padding, $form-input-padding-vertical $form-input-padding-horizontal); | |
| .vendor-mozilla & { | |
| } | |
| .ie9 &, .vendor-ie-10 & { | |
| } | |
| } | |
| textarea { | |
| resize: vertical; | |
| } | |
| select { | |
| @include rem(padding, $form-input-padding-vertical - 1 $form-input-padding-horizontal - 1 $form-input-padding-vertical - 1 $form-input-padding-horizontal - 3); | |
| .vendor-mozilla & { | |
| @include rem(padding-top, $form-input-padding-vertical - 2, false); | |
| } | |
| .ie &, .vendor-ie & { | |
| @include rem(padding-bottom, $form-input-padding-vertical - 2); | |
| @include rem(padding-top, $form-input-padding-vertical); | |
| } | |
| .ua-desktop-macintosh.vendor-webkit & { | |
| // height of normal inputs in rems | |
| } | |
| } | |
| .ltie8 .rc ul label { | |
| margin-top: -18px; | |
| } | |
| .rc input { | |
| @include rem(margin, 1px 0 0 2px); | |
| .ie &, .vendor-ie & { | |
| @include rem(margin, -3px 0 0 -2px); | |
| } | |
| .browser-android & { | |
| @include rem(margin-top, -2px, false); | |
| } | |
| .browser-android.ua-android-2 & { | |
| @include rem(margin-top, -5px, false); | |
| } | |
| } | |
| .btn, .btn_wrap[data-label], button, [type="submit"] { | |
| //@include gradient($btn-background-color); | |
| border: 1px solid $btn-border-color; | |
| @include rem(padding, $form-btn-padding-vertical $form-btn-padding-horizontal); | |
| .vendor-mozilla & { | |
| @include rem(padding-top, $form-btn-padding-vertical - 1, false); | |
| } | |
| @include hover { | |
| //@include gradient($btn-hover-background-color); | |
| border-color: $btn-hover-border-color; | |
| } | |
| } | |
| // .btns & .submits will render at different sizes. Modify as appropriate to make them equal | |
| .btn, .btn_wrap[data-label] { | |
| .ie &, .vendor-ie & { | |
| } | |
| .vendor-mozilla & { | |
| } | |
| .vendor-webkit & { | |
| } | |
| } | |
| button, [type="submit"] { | |
| .ie &, .vendor-ie & { | |
| } | |
| .vendor-mozilla & { | |
| } | |
| .vendor-webkit & { | |
| } | |
| } | |
| .btns > span.btn { | |
| // Reset Cognition's div.btns > span.btn > span > input.submit form builder pattern | |
| background: 0 !important; | |
| border: 0 !important; | |
| padding: 0 !important; | |
| } | |
| /* -------------------------------------------- | |
| Carousels | |
| ----------------------------------------------- */ | |
| .slider { | |
| @include transition-timing-function($ease-in-out-quint); | |
| .resizing & { | |
| @include transition-duration(0s !important); | |
| } | |
| > li { | |
| .js & { | |
| visibility: hidden; | |
| } | |
| .swipejs & { | |
| } | |
| } | |
| .tile { | |
| height: 100%; | |
| position: relative; | |
| } | |
| .hidden { | |
| -webkit-transform: translate3d(0,0,0); // Fixes invisible carousels on iOS <=6? | |
| } | |
| img.rwdimage.lazy-loaded { | |
| width: 100%; | |
| } | |
| } | |
| .carousel { | |
| position: relative; | |
| } | |
| .carousel_nav { | |
| @include rgba-background((#000, #666), .57); | |
| bottom: 0; | |
| left: 0; | |
| position: absolute; | |
| top: 0; | |
| width: 30px; | |
| z-index: 30; | |
| &:hover { | |
| @include rgba-background(#000, .77); | |
| } | |
| &:after { | |
| @include triangle(left, 8px, 16px, #fff); | |
| left: 50%; | |
| margin: -8px 0 0 -4px; | |
| position: absolute; | |
| top: 50%; | |
| } | |
| &.next { | |
| left: auto; | |
| right: 0; | |
| &.next:after { | |
| @include triangle(right, 8px, 16px, #fff, false, true, false); | |
| } | |
| } | |
| span { | |
| @include hide-text(block, 0) | |
| } | |
| } | |
| .carousel_nav_pager { | |
| bottom: 13px; | |
| left: 0; | |
| opacity: 0.7; | |
| position: absolute; | |
| right: 0; | |
| text-align: center; | |
| li { | |
| display: inline-block; | |
| @include rem(margin, 0 5px); | |
| } | |
| a { | |
| border: 1px solid #fff; | |
| @include border-radius(50%); | |
| @include hide-text(false, 14px, 14px); | |
| } | |
| .current a { | |
| background: #fff; | |
| } | |
| } | |
| .accordion_content { | |
| .js & { | |
| @include transition(height ease 0.7s); | |
| } | |
| } | |
| // Styles for turning an accordion to tabs. Customise breakpoint as required */ | |
| /* | |
| .accordion_to_tabs { | |
| @include media-query(680px) { | |
| > ul > li { | |
| display: inline; | |
| } | |
| .accordion_content { | |
| float: left; | |
| width: 100%; | |
| } | |
| .open + .accordion_content { | |
| height: auto !important; | |
| } | |
| } | |
| } | |
| .accordion_toggler { | |
| .accordion_to_tabs & { | |
| @include media-query(680px) { | |
| display: inline-block; | |
| } | |
| } | |
| } | |
| */ | |
| %icomoon { | |
| font-family: 'icomoon'; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| line-height: 1; | |
| speak: none; | |
| text-transform: none; | |
| /* Better Font Rendering =========== */ | |
| -moz-osx-font-smoothing: grayscale; | |
| -webkit-font-smoothing: antialiased; | |
| @include no-fontface { | |
| &:before { | |
| content: '' !important; | |
| } | |
| ~ .hidden { | |
| display: inline-block; | |
| @include font-size-line-height(10px, 12px); | |
| height: auto; | |
| left: 0; | |
| position: static; | |
| text-align: left; | |
| top: 0; | |
| width: auto; | |
| } | |
| } | |
| } | |
| @include icomoon { | |
| @extend %icomoon; | |
| } | |
| // Add custom icomoon classes here | |
| #content { | |
| @extend %clearfix; | |
| } | |
| #col_1 { | |
| @extend %clearfix; | |
| } | |
| #col_2 { | |
| @extend %clearfix; | |
| .no_col_1 & { | |
| } | |
| .no_col_3 & { | |
| } | |
| } | |
| #col_3 { | |
| @extend %clearfix; | |
| } | |
| /* -------------------------------------------- | |
| Consistent Margins | |
| ----------------------------------------------- */ | |
| .std_m, .standard_m, %std_m, %standard_m { | |
| @include rem(margin-bottom, $std-margin); | |
| @include rem(margin-top, $std-margin); | |
| } | |
| .std_mb, .standard_mb, %std_mb, %standard_mb { | |
| @include rem(margin-bottom, $std-margin); | |
| } | |
| .std_mt, .standard_mt, %std_mt, %standard_mt { | |
| @include rem(margin-top, $std-margin); | |
| } | |
| .dbl_m, .double_m, %dbl_m, %double_m { | |
| @include rem(margin-bottom, $std-margin * 2); | |
| @include rem(margin-top, $std-margin * 2); | |
| } | |
| .dbl_mb, .double_mb, %dbl_mb, %double_mb { | |
| @include rem(margin-bottom, $std-margin * 2); | |
| } | |
| .dbl_mt, .double_mt, %dbl_mt, %double_mt { | |
| @include rem(margin-top, $std-margin * 2); | |
| } | |
| .hlf_m, .half_m, %hlf_m, %half_m { | |
| @include rem(margin-bottom, $std-margin / 2); | |
| @include rem(margin-top, $std-margin / 2); | |
| } | |
| .hlf_mb, .half_mb, %hlf_mb, %half_mb { | |
| @include rem(margin-bottom, $std-margin / 2); | |
| } | |
| .hlf_mt, .half_mb, %hlf_mt, %half_mb { | |
| @include rem(margin-top, $std-margin / 2); | |
| } | |
| .no_m, %no_m { | |
| margin-bottom: 0; | |
| margin-top: 0; | |
| } | |
| .no_mb, %no_mb { | |
| margin-bottom: 0; | |
| } | |
| .no_mt, %no_mt { | |
| margin-top: 0; | |
| } | |
| /* -------------------------------------------- | |
| Helper Classes | |
| ----------------------------------------------- */ | |
| .align_left { | |
| text-align: left; | |
| } | |
| .align_center, .align_centre { | |
| text-align: center; | |
| } | |
| .align_right { | |
| text-align: right; | |
| } | |
| .align_justify { | |
| text-align: justify; | |
| } | |
| .block { | |
| display: block; | |
| } | |
| .center_object, .centre_object { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| table.center_object, table.centre_object { | |
| display: table; | |
| } | |
| .clear { | |
| clear: both; | |
| } | |
| .float_left { | |
| float: left; | |
| + .content_area { | |
| overflow: hidden; | |
| } | |
| } | |
| .float_right { | |
| float: right; | |
| } | |
| .hidden { | |
| @include hidden; | |
| } | |
| .horizontal { | |
| @extend %horizontal; | |
| } | |
| .horizontal_auto { | |
| @extend %horizontal_auto; | |
| } | |
| .inline { | |
| display: inline; | |
| } | |
| .inline_block { | |
| display: inline-block; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .lowercase { | |
| text-transform: lowercase; | |
| } | |
| .no_wrap { | |
| white-space: nowrap; | |
| } | |
| .normalcase { | |
| text-transform: none; | |
| } | |
| .overflow_x_auto { | |
| overflow-x: auto; | |
| } | |
| .overflow_x_hidden { | |
| overflow-x: hidden; | |
| } | |
| .overflow_x_visible { | |
| overflow-x: visible; | |
| } | |
| .overflow_y_auto { | |
| overflow-y: auto; | |
| } | |
| .overflow_y_hidden { | |
| overflow-y: hidden; | |
| } | |
| .overflow_y_visible { | |
| overflow-y: visible; | |
| } | |
| .pos_absolute { | |
| position: absolute; | |
| } | |
| .pos_fixed { | |
| position: fixed; | |
| } | |
| .pos_relative { | |
| position: relative; | |
| } | |
| .titlecase { | |
| text-transform: capitalize; | |
| } | |
| .unclear { | |
| clear: none; | |
| } | |
| .uppercase { | |
| text-transform: uppercase; | |
| } | |
| .valign_bottom { | |
| vertical-align: bottom; | |
| } | |
| .valign_middle { | |
| vertical-align: middle; | |
| } | |
| .valign_top { | |
| vertical-align: top; | |
| } | |
| .visible { | |
| visibility: visible; | |
| } | |
| .weight_bold { | |
| font-weight: bold; | |
| } | |
| .weight_normal { | |
| font-weight: normal; | |
| } | |
| /* -------------------------------------------- | |
| Hiddens | |
| ----------------------------------------------- */ | |
| .print_display_none { | |
| display: none !important; | |
| } | |
| #nav_main, .managed:after, .managed.alt:before { | |
| @extend .print_display_none; | |
| } | |
| /* -------------------------------------------- | |
| Constants | |
| ----------------------------------------------- */ | |
| *, :before, :after { | |
| background: none !important; | |
| behavior: none !important; | |
| @include box-shadow(none !important); | |
| } | |
| ul { | |
| list-style-type: disc; | |
| li & { | |
| list-style-type: circle; | |
| } | |
| } | |
| #col_2 { | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; | |
| width: 100% !important; | |
| } | |
| .error h3 { | |
| // .ok extends | |
| padding-left: 0; | |
| } | |
| .managed.alt { | |
| padding-left: 0; | |
| } | |
| /* -------------------------------------------- | |
| Hiddens | |
| ----------------------------------------------- */ | |
| #header form, #col_1, #nav_seo { | |
| @extend .print_display_none; | |
| } | |
| /* -------------------------------------------- | |
| Site Specific | |
| ----------------------------------------------- */ | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .clearfix,.content_area,.grid_container,#content,#col_1,#col_2,#col_3{min-height:0}.clearfix:after,.content_area:after,.grid_container:after,#content:after,#col_1:after,#col_2:after,#col_3:after{clear:both;content:'.';display:block;height:0;visibility:hidden}.f_row label,.f_row .label{margin-top:5px;margin-top:0.3125rem}.ie .f_row label,.vendor-ie .f_row label,.ie .f_row .label,.vendor-ie .f_row .label{margin-top:6px;margin-top:0.375rem}.f_row label em,.f_row .label em{position:absolute;right:-5px;right:-0.3125rem}.f_row label,.f_row .label,p.legend{display:inline-block;margin-right:3%;width:30%;position:relative;text-align:right}.f_row .text,.f_row textarea,.f_row select,.rc.legend ul{display:inline-block;margin-left:-4px;margin-left:-0.25rem;width:67%}.f_row .w_bp_auto,.btns .w_bp_auto{width:auto}.f_row .w_bp_smaller,.btns .w_bp_smaller{width:11.16662%}.f_row .w_bp_small,.btns .w_bp_small{width:22.33331%}.f_row .w_bp_medium,.btns .w_bp_medium{width:33.5%}.f_row .w_bp_large,.btns .w_bp_large{width:44.66662%}.f_row .w_bp_larger,.btns .w_bp_larger{width:55.83331%}.f_row .w_bp_max,.btns .w_bp_max{width:67%}.f_row.block label,.f_row.block .label,.f_row.block .text,.f_row.block textarea,.f_row.block select{display:block;margin-bottom:3%;margin-left:0;margin-right:0;text-align:left;width:100%}.rc.legend ul{margin-left:-8px;margin-left:-0.5rem}.rc:not(.legend) ul{margin-left:-4px;margin-left:-0.25rem}.f_comment,.rc:not(.legend) ul,.required{padding-left:33%}.btns>:first-child{margin-left:33%}button,[type="submit"]{width:auto}img.float_left{float:left;margin:3px 14px 14px 0;margin:0.1875rem 0.875rem 0.875rem 0}img.float_right{float:right;margin:3px 0 14px 14px;margin:0.1875rem 0 0.875rem 0.875rem}.horizontal{display:table;width:100%}.horizontal>li{display:table-cell;vertical-align:top}.horizontal>li>a{text-align:center}.ltie8 .horizontal{min-height:0;display:block}.ltie8 .horizontal:after{clear:both;content:'.';display:block;height:0;visibility:hidden}.ltie8 .horizontal>li{float:left}.horizontal_auto{display:table;width:auto}.horizontal_auto>li{display:table-cell;vertical-align:top}.horizontal_auto>li>a{text-align:center}.ltie8 .horizontal_auto{min-height:0;display:block}.ltie8 .horizontal_auto:after{clear:both;content:'.';display:block;height:0;visibility:hidden}.ltie8 .horizontal_auto>li{float:left}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@-webkit-viewport{width:device-width}@viewport{width:device-width}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{border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}.reset,.reset_lazy,.reset ul,.reset_lazy>ul,.reset ol,.reset_lazy>ol,.reset li,.reset_lazy>li,.rc ul{list-style:none !important;margin:0;padding:0}.content_area>:last-child,.content_area>ul:last-child>li:last-child,.content_area>ol:last-child>li:last-child,th>:last-child,th>ul:last-child>li:last-child,th>ol:last-child>li:last-child,td>:last-child,td>ul:last-child>li:last-child,td>ol:last-child>li:last-child{margin-bottom:0}input[type="hidden"],.display_none,.js_display,.js .js_display_none,.no_col_1 #col_1,.no_col_3 #col_3,.grid_container>li.grid_item:before,.list_style_none>li:before,.rc li:before,.reset li:before,.reset_lazy>li:before{display:none}blockquote,.cell,.centre_object,cite,.cols,.content_area,dl,.error,.ok,.flash,fieldset,.fieldset,hr,iframe,.ok,ol,p,.panes,table,ul{margin-bottom:14px;margin-bottom:0.875rem}a[name],a[name]:hover{color:inherit !important;text-decoration:none !important}acronym,abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}a span{cursor:pointer}address{font-style:normal}b,strong{font-weight:bold}blockquote,q{font-family:Georgia,serif;quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}blockquote{background:#edece6;border-left:3px solid #006;padding:14px;padding:0.875rem}blockquote>:last-child{margin-bottom:0}.js [data-classquery]{visibility:hidden}.classquery-complete [data-classquery],.ltie9 [data-classquery]{visibility:visible}cite{display:block;font-style:italic;margin-top:-14px;margin-top:-0.875rem;text-align:right}hr{background:#b8b7b7;border:0;color:#b8b7b7;height:1px;margin:28px 0;margin:1.75rem 0}.ltie8 hr{margin-bottom:21px;margin-bottom:1.3125rem;margin-top:7px;margin-top:0.4375rem}i,em{font-style:italic}iframe:not([width]){width:100%}a img,img[usemap]{border:0}img{-moz-force-broken-image-icon:1;-ms-interpolation-mode:bicubic;vertical-align:bottom;height:auto;max-width:100%}img.fixed,.ltie9 img{max-width:none}img.border{border:1px solid #006}img.float_left,img.float_right{display:block;float:none;margin:0 auto 7px;margin:0 auto 0.4375rem}.js .js_display_block{display:block}.js .js_display_inline{display:inline}.js .js_display_inline_block{display:inline-block}.jquery .jquery_display_block{display:block}.jquery .jquery_display_inline{display:inline}.jquery .jquery_display_inline_block{display:inline-block}.managed{display:inline-block}.managed.alt{padding-left:21px}.ltie8 .managed.alt{padding-left:0}.managed:after,.managed.alt:before{background:url("{{ imgPath }}std_icons.png");content:'';display:inline-block;margin-left:5px;margin-left:0.3125rem;height:16px;vertical-align:middle;width:16px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.managed:after,.managed.alt:before{background-image:url("{{ imgPath }}[email protected]");background-size:16px auto}}.managed.alt:before{margin-left:-21px;margin-right:5px;margin-right:0.3125rem}.managed.alt:after{display:none}.managed.link:after,.managed.alt.link:before{background-position:0 -16px}.managed.pdf:after,.managed.alt.pdf:before{background-position:0 -32px}.managed.zip:after,.managed.alt.zip:before{background-position:0 -48px}.managed.audio:after,.managed.alt.audio:before{background-position:0 -64px}.managed.video:after,.managed.alt.video:before{background-position:0 -80px}.managed.doc:after,.managed.alt.doc:before{background-position:0 -96px}.managed.image:after,.managed.alt.image:before{background-position:0 -112px}.managed.excel:after,.managed.alt.excel:before{background-position:0 -128px}.managed.file:after,.managed.alt.file:before{background-position:0 -144px}.managed.page:after,.managed.alt.page:before{background-position:0 -160px}.managed.rss:after,.managed.alt.rss:before{background-position:0 -176px}.menu li{position:static}.menu li>a{display:inline-block}.menu li>a{display:block;text-decoration:none}.menu.hover li>a:hover,.menu.hover li>a:focus{text-decoration:underline}object:focus{outline:none}.js .pane{display:none}.js .pane:first-child{display:block}pre{white-space:pre-wrap}.slider>li{display:none}.slider>li:first-child{display:block}.std_width{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:auto;max-width:960px;max-width:60rem}sub,sup{position:relative;vertical-align:baseline}.video_embed{max-width:100%;padding-bottom:56.25%;position:relative}.video_embed iframe{height:100%;left:0;position:absolute;right:0;top:0;width:100%}html{background:#fff;min-height:100%;overflow-y:scroll;-ms-overflow-style:scrollbar;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}@media (min-width: 0.0625em){html{overflow-x:hidden}}@media (max-width: 48.5em){html{-ms-overflow-style:auto}}body{color:#111;font-family:sans-serif;font-size:14px;font-size:0.875rem;line-height:1.42857;min-height:100%}.vendor-ie:not(.ltie9) body{line-height:1.5}body *{font-size:1em}a{color:#00e}a:hover,a:focus{color:#e00}:visited{color:#39165a}h1,.h1{font-size:24px;font-size:1.5rem}h2,.h2{font-size:22px;font-size:1.375rem}h3,.h3{font-size:20px;font-size:1.25rem}h4,.h4{font-size:18px;font-size:1.125rem}h5,.h5{font-size:16px;font-size:1rem}h6,.h6{font-size:14px;font-size:0.875rem}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#006}h1:first-child,h1+h1,h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,h1+.h1,h1+.h2,h1+.h3,h1+.h4,h1+.h5,h1+.h6,h2:first-child,h2+h1,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h2+.h1,h2+.h2,h2+.h3,h2+.h4,h2+.h5,h2+.h6,h3:first-child,h3+h1,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h3+.h1,h3+.h2,h3+.h3,h3+.h4,h3+.h5,h3+.h6,h4:first-child,h4+h1,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h4+.h1,h4+.h2,h4+.h3,h4+.h4,h4+.h5,h4+.h6,h5:first-child,h5+h1,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h5+.h1,h5+.h2,h5+.h3,h5+.h4,h5+.h5,h5+.h6,h6:first-child,h6+h1,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6,h6+.h1,h6+.h2,h6+.h3,h6+.h4,h6+.h5,h6+.h6,.h1:first-child,.h1+h1,.h1+h2,.h1+h3,.h1+h4,.h1+h5,.h1+h6,.h1+.h1,.h1+.h2,.h1+.h3,.h1+.h4,.h1+.h5,.h1+.h6,.h2:first-child,.h2+h1,.h2+h2,.h2+h3,.h2+h4,.h2+h5,.h2+h6,.h2+.h1,.h2+.h2,.h2+.h3,.h2+.h4,.h2+.h5,.h2+.h6,.h3:first-child,.h3+h1,.h3+h2,.h3+h3,.h3+h4,.h3+h5,.h3+h6,.h3+.h1,.h3+.h2,.h3+.h3,.h3+.h4,.h3+.h5,.h3+.h6,.h4:first-child,.h4+h1,.h4+h2,.h4+h3,.h4+h4,.h4+h5,.h4+h6,.h4+.h1,.h4+.h2,.h4+.h3,.h4+.h4,.h4+.h5,.h4+.h6,.h5:first-child,.h5+h1,.h5+h2,.h5+h3,.h5+h4,.h5+h5,.h5+h6,.h5+.h1,.h5+.h2,.h5+.h3,.h5+.h4,.h5+.h5,.h5+.h6,.h6:first-child,.h6+h1,.h6+h2,.h6+h3,.h6+h4,.h6+h5,.h6+h6,.h6+.h1,.h6+.h2,.h6+.h3,.h6+.h4,.h6+.h5,.h6+.h6{margin-top:0}h1.sub,h1+h1,h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,h1+.h1,h1+.h2,h1+.h3,h1+.h4,h1+.h5,h1+.h6,h2.sub,h2+h1,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h2+.h1,h2+.h2,h2+.h3,h2+.h4,h2+.h5,h2+.h6,h3.sub,h3+h1,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h3+.h1,h3+.h2,h3+.h3,h3+.h4,h3+.h5,h3+.h6,h4.sub,h4+h1,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h4+.h1,h4+.h2,h4+.h3,h4+.h4,h4+.h5,h4+.h6,h5.sub,h5+h1,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h5+.h1,h5+.h2,h5+.h3,h5+.h4,h5+.h5,h5+.h6,h6.sub,h6+h1,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6,h6+.h1,h6+.h2,h6+.h3,h6+.h4,h6+.h5,h6+.h6,.h1.sub,.h1+h1,.h1+h2,.h1+h3,.h1+h4,.h1+h5,.h1+h6,.h1+.h1,.h1+.h2,.h1+.h3,.h1+.h4,.h1+.h5,.h1+.h6,.h2.sub,.h2+h1,.h2+h2,.h2+h3,.h2+h4,.h2+h5,.h2+h6,.h2+.h1,.h2+.h2,.h2+.h3,.h2+.h4,.h2+.h5,.h2+.h6,.h3.sub,.h3+h1,.h3+h2,.h3+h3,.h3+h4,.h3+h5,.h3+h6,.h3+.h1,.h3+.h2,.h3+.h3,.h3+.h4,.h3+.h5,.h3+.h6,.h4.sub,.h4+h1,.h4+h2,.h4+h3,.h4+h4,.h4+h5,.h4+h6,.h4+.h1,.h4+.h2,.h4+.h3,.h4+.h4,.h4+.h5,.h4+.h6,.h5.sub,.h5+h1,.h5+h2,.h5+h3,.h5+h4,.h5+h5,.h5+h6,.h5+.h1,.h5+.h2,.h5+.h3,.h5+.h4,.h5+.h5,.h5+.h6,.h6.sub,.h6+h1,.h6+h2,.h6+h3,.h6+h4,.h6+h5,.h6+h6,.h6+.h1,.h6+.h2,.h6+.h3,.h6+.h4,.h6+.h5,.h6+.h6{color:#555}h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt,.h1.alt,.h2.alt,.h3.alt,.h4.alt,.h5.alt,.h6.alt{color:#111}h1.std,h2.std,h3.std,h4.std,h5.std,h6.std,.h1.std,.h2.std,.h3.std,.h4.std,.h5.std,.h6.std{color:#006}ol,ul{list-style:none;margin-left:40px;margin-left:2.5rem}ol.list_style_none,ul.list_style_none{list-style:none !important;margin-left:0 !important;padding-left:0 !important}ol{list-style-type:decimal}ol.lower_alpha{list-style-type:lower-alpha}ol.upper_alpha{list-style-type:upper-alpha}ol.lower_roman{list-style-type:lower-roman}ol.upper_roman{list-style-type:upper-roman}.ltie8 ul{list-style-type:disc}li{margin-bottom:7px;margin-bottom:0.4375rem;position:relative}.ltie8 li{position:static}li>ol,li>ul{margin-top:14px;margin-top:0.875rem}ul>li:before{content:'';display:inline-block;position:absolute}.list_next_to_float,.float_left+ul,.float_right+ul,.float_left+ol,.float_right+ol{overflow:hidden;padding-left:40px;padding-left:2.5rem}@media (min-width: 28.9375em){.list_next_to_float,.float_left+ul,.float_right+ul,.float_left+ol,.float_right+ol{clear:both;overflow:visible;padding-left:0}}dt,dd{display:inline}dd:after{content:'\A';white-space:pre}caption{margin-bottom:14px;margin-bottom:0.875rem;text-align:left}table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}td,th{vertical-align:top}.unstyled{-webkit-box-shadow:none;box-shadow:none;width:auto}.unstyled td,.unstyled th{background:none !important;border:0 !important;color:#111 !important;padding:0 !important;text-align:left;vertical-align:top !important}.ie9_grid_dummy td{background:none !important;padding:0 !important}fieldset{border:0}legend{left:-999em;position:absolute;top:-999em}[data-legend]:before{content:attr(data-legend);display:block}::-webkit-search-decoration,::-webkit-search-cancel-button,input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}input[type="search"]{-webkit-appearance:none}:-moz-placeholder{color:#999}::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}::-webkit-input-placeholder{color:#999}input.placeholder,textarea.placeholder{color:#999}label+[placeholder]:focus:-moz-placeholder{color:transparent}label+[placeholder]:focus::-moz-placeholder{color:transparent}label+[placeholder]:focus::-webkit-input-placeholder{color:transparent}.text,textarea,select{color:#111;margin:0}html:not(.ltie9) .text:not([disabled]):hover,html:not(.ltie9) textarea:not([disabled]):hover,html:not(.ltie9) select:not([disabled]):hover{background-color:#ffffe5;outline:none}html:not(.ltie9) .text:not([disabled]):focus,html:not(.ltie9) textarea:not([disabled]):focus,html:not(.ltie9) select:not([disabled]):focus{background-color:#ffc;-webkit-box-shadow:0 0 6px rgba(82,168,236,0.5);box-shadow:0 0 6px rgba(82,168,236,0.5);outline:none}.text.form_error,textarea.form_error,select.form_error{border-color:#c00 !important}:-moz-ui-invalid:not(output){box-shadow:0 0 3px 0 #c00 !important}input[type="radio"].form_error,input[type="checkbox"].form_error{-webkit-box-shadow:0 0 1.5px 1.5px red;box-shadow:0 0 1.5px 1.5px red}input[type="radio"].form_error+label,input[type="checkbox"].form_error+label{color:#c00}.touch label{cursor:pointer}.btn,.btn_wrap,button,[type="submit"],.text,label,.label,p.legend,select,textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-family:sans-serif;line-height:normal;width:100%}.text,label,.label,p.legend,select,textarea{vertical-align:top}.required em,label em,.label em,p.legend em{color:#c00;font-style:normal}.f_comment,.f_margin,.f_row,.required,.rc{margin-bottom:10px;margin-bottom:0.625rem}.f_row>div{margin-top:10px;margin-top:0.625rem}fieldset .description{display:block}.text,textarea,html:not(.browser-android) select{background-color:#fff;border:1px solid #5d5d5d}.text,textarea{background-clip:padding-box;-webkit-border-radius:3px;border-radius:3px}.text:not(.date_time){-webkit-appearance:none}.text.date_time{display:-webkit-inline-flex}button,[type="submit"],.text,textarea,select{font-size:16px;font-size:1rem}.no-touch button,.no-touch [type="submit"],.no-touch .text,.no-touch textarea,.no-touch select{font-size:14px;font-size:0.875rem}select{-webkit-appearance:menulist}select.auto{width:auto !important}textarea{min-height:120px;min-height:7.5rem;overflow:auto}.rc li{margin-bottom:5px;margin-bottom:0.3125rem}.rc input{position:absolute}.rc label{font-weight:normal;padding-left:23px;width:auto}.f_row .w_auto,.btns .w_auto{width:auto}.f_row .w_smaller,.btns .w_smaller{width:16.6666%}.f_row .w_small,.btns .w_small{width:33.3333%}.f_row .w_medium,.btns .w_medium{width:50%}.f_row .w_large,.btns .w_large{width:66.6666%}.f_row .w_larger,.btns .w_larger{width:83.3333%}.f_row .w_max,.btns .w_max{width:100%}@media (min-width: 33.375em){.f_row label,.f_row .label{margin-top:5px;margin-top:0.3125rem}.ie .f_row label,.vendor-ie .f_row label,.ie .f_row .label,.vendor-ie .f_row .label{margin-top:6px;margin-top:0.375rem}.f_row label em,.f_row .label em{position:absolute;right:-5px;right:-0.3125rem}.f_row label,.f_row .label,p.legend{display:inline-block;margin-right:3%;width:30%;position:relative;text-align:right}.f_row .text,.f_row textarea,.f_row select,.rc.legend ul{display:inline-block;margin-left:-4px;margin-left:-0.25rem;width:67%}.f_row .w_bp_auto,.btns .w_bp_auto{width:auto}.f_row .w_bp_smaller,.btns .w_bp_smaller{width:11.16662%}.f_row .w_bp_small,.btns .w_bp_small{width:22.33331%}.f_row .w_bp_medium,.btns .w_bp_medium{width:33.5%}.f_row .w_bp_large,.btns .w_bp_large{width:44.66662%}.f_row .w_bp_larger,.btns .w_bp_larger{width:55.83331%}.f_row .w_bp_max,.btns .w_bp_max{width:67%}.f_row.block label,.f_row.block .label,.f_row.block .text,.f_row.block textarea,.f_row.block select{display:block;margin-bottom:3%;margin-left:0;margin-right:0;text-align:left;width:100%}.rc.legend ul{margin-left:-8px;margin-left:-0.5rem}.rc:not(.legend) ul{margin-left:-4px;margin-left:-0.25rem}.f_comment,.rc:not(.legend) ul,.required{padding-left:33%}.btns>:first-child{margin-left:33%}button,[type="submit"]{width:auto}}.btn,.btn_wrap{width:auto}.btn,.btn_wrap,button,[type="submit"]{-webkit-appearance:none;background-clip:padding-box;-webkit-border-radius:3px;border-radius:3px;color:#120c08;cursor:pointer;display:inline-block;margin:0;overflow:visible;text-decoration:none !important}.btn::-moz-focus-inner,.btn_wrap::-moz-focus-inner,button::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border:0;padding:0}.btn:hover,.btn:focus,.btn_wrap:hover,.btn_wrap:focus,button:hover,button:focus,[type="submit"]:hover,[type="submit"]:focus{color:#000}.btn_wrap{position:relative}.btn_wrap input{opacity:0;position:relative;z-index:2}.btn_wrap[data-label]:before{content:attr(data-label)}.btn_wrap[data-label] input{border:0;left:0;height:100%;position:absolute;top:0;width:100%}.error,.ok{border:1px solid #ddd;background-clip:padding-box;-webkit-border-radius:8px;border-radius:8px;padding:15px;padding:0.9375rem}.error h3,.ok h3{font-size:16px;font-size:1rem;margin-bottom:0;padding-left:24px;position:relative}.ltie8 .error h3,.ltie8 .ok h3{color:#b00;padding-left:0}.error h3:before,.ok h3:before{background:url("{{ imgPath }}std_icons.png") 0 -192px;content:'';height:16px;margin-left:-24px;margin-top:-8px;position:absolute;top:50%;width:16px}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.error h3:before,.ok h3:before{background-image:url("{{ imgPath }}[email protected]");background-size:16px auto;background-position:0 -192px}}.error ul,.ok ul{margin:14px 0 0 23px;margin-top:0.875rem}.error li:last-child,.ok li:last-child{margin-bottom:0}.ltie8 .ok h3{color:#060}.ok h3:before{background-position:0 -208px;color:#417b2a}@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx){.ok h3:before{background-position:0 -208px}}.js .accordion{visibility:hidden}.jquery .accordion{visibility:visible}.accordion_toggler{display:block;text-decoration:none}.js .accordion_content{height:0;overflow:hidden}.js .open+.accordion_content{height:auto}.js .accordion_to_tabs .open+.accordion_content{height:auto !important}.accordion_to_tabs .accordion_content{-moz-transition:none !important;-o-transition:none !important;-webkit-transition:none !important;transition:none !important}.no_col_1.no_col_3 #col_2{width:100%}#breadcrumbs li{display:inline-block}a{text-decoration:underline}a:visited{text-decoration:underline}a:hover,a:focus{text-decoration:none}.feature{text-decoration:none}.feature:after{border-color:transparent transparent transparent #00e;border-color:rgba(0,0,238,0) rgba(0,0,238,0) rgba(0,0,238,0) #00e;border-style:solid;border-width:5px 0 5px 5px;content:'';display:inline-block;height:0;-webkit-transform:rotate(360deg);width:0;margin-left:0.625em}.feature:visited:after{border-left-color:#39165a}.feature:hover:after,.feature:focus:after{border-left-color:#e00}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:sans-serif;font-weight:bold;line-height:normal;margin:28px 0 7px;margin:1.75rem 0 0.4375rem}sub,sup{font-size:0.85714em}.ie sub,.vendor-ie sub,.ie sup,.vendor-ie sup{font-size:1em}sub{bottom:-0.1875em}sup{top:-0.3125em}ul>li:before{background:#111;background-clip:padding-box;-webkit-border-radius:50%;border-radius:50%;height:5px;left:-18px;top:7px;top:0.4375rem;width:5px}td,th{background:#fff;border:solid #ebebeb;border-width:1px 0;padding:15px 20px !important;padding:0.9375rem 1.25rem !important;text-align:left;text-shadow:0 1px 1px #fff}tr>td:first-child,tr>th:first-child{border-left-width:1px}tr>td:last-child,tr>th:last-child{border-right-width:1px}thead,tfoot{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);box-shadow:0 1px 2px rgba(0,0,0,0.15)}thead th,tfoot th{font-weight:bold}tfoot{-webkit-box-shadow:none;box-shadow:none}tr:nth-child(even) td,tr:nth-child(even) th{background:#f8f8f8}.grid_container{list-style:none;margin-bottom:0;margin-left:-20px}.grid_item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin-bottom:20px;padding-left:20px;width:100%}.w10{width:10%}.w20{width:20%}.w20:nth-child(n){clear:none}.w20:nth-child(5n+6){clear:both}.w25{width:25%}.w25:nth-child(n){clear:none}.w25:nth-child(4n+5){clear:both}.w30{width:30%}.w33{width:33.3333%}.w33:nth-child(n){clear:none}.w33:nth-child(3n+4){clear:both}.w40{width:40%}.w50{width:50%}.w50:nth-child(n){clear:none}.w50:nth-child(2n+3){clear:both}.w60{width:60%}.w66{width:66.6666%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w90{width:90%}.w100{width:100%}.clear:nth-child(n){clear:both}.unclear:nth-child(n){clear:none}.no_mb{margin-bottom:0}@media (min-width: 30em){.w10_at_480{width:10%}}.ltie9 .w10_at_480{width:10%}@media (min-width: 30em){.w20_at_480{width:20%}.w20_at_480:nth-child(n){clear:none}.w20_at_480:nth-child(5n+6){clear:both}}.ltie9 .w20_at_480{width:20%}.ltie9 .w20_at_480:nth-child(n){clear:none}.ltie9 .w20_at_480:nth-child(5n+6){clear:both}@media (min-width: 30em){.w25_at_480{width:25%}.w25_at_480:nth-child(n){clear:none}.w25_at_480:nth-child(4n+5){clear:both}}.ltie9 .w25_at_480{width:25%}.ltie9 .w25_at_480:nth-child(n){clear:none}.ltie9 .w25_at_480:nth-child(4n+5){clear:both}@media (min-width: 30em){.w30_at_480{width:30%}}.ltie9 .w30_at_480{width:30%}@media (min-width: 30em){.w33_at_480{width:33.3333%}.w33_at_480:nth-child(n){clear:none}.w33_at_480:nth-child(3n+4){clear:both}}.ltie9 .w33_at_480{width:33.3333%}.ltie9 .w33_at_480:nth-child(n){clear:none}.ltie9 .w33_at_480:nth-child(3n+4){clear:both}@media (min-width: 30em){.w40_at_480{width:40%}}.ltie9 .w40_at_480{width:40%}@media (min-width: 30em){.w50_at_480{width:50%}.w50_at_480:nth-child(n){clear:none}.w50_at_480:nth-child(2n+3){clear:both}}.ltie9 .w50_at_480{width:50%}.ltie9 .w50_at_480:nth-child(n){clear:none}.ltie9 .w50_at_480:nth-child(2n+3){clear:both}@media (min-width: 30em){.w60_at_480{width:60%}}.ltie9 .w60_at_480{width:60%}@media (min-width: 30em){.w66_at_480{width:66.6666%}}.ltie9 .w66_at_480{width:66.6666%}@media (min-width: 30em){.w70_at_480{width:70%}}.ltie9 .w70_at_480{width:70%}@media (min-width: 30em){.w75_at_480{width:75%}}.ltie9 .w75_at_480{width:75%}@media (min-width: 30em){.w80_at_480{width:80%}}.ltie9 .w80_at_480{width:80%}@media (min-width: 30em){.w90_at_480{width:90%}}.ltie9 .w90_at_480{width:90%}@media (min-width: 30em){.w100_at_480{width:100%}}.ltie9 .w100_at_480{width:100%}@media (min-width: 30em){.clear_at_480:nth-child(n){clear:both}}.ltie9 .clear_at_480:nth-child(n){clear:both}@media (min-width: 30em){.unclear_at_480:nth-child(n){clear:none}}.ltie9 .unclear_at_480:nth-child(n){clear:none}@media (min-width: 30em){.no_mb_at_480{margin-bottom:0}}.ltie9 .no_mb_at_480{margin-bottom:0}@media (min-width: 37.5em){.w10_at_600{width:10%}}.ltie9 .w10_at_600{width:10%}@media (min-width: 37.5em){.w20_at_600{width:20%}.w20_at_600:nth-child(n){clear:none}.w20_at_600:nth-child(5n+6){clear:both}}.ltie9 .w20_at_600{width:20%}.ltie9 .w20_at_600:nth-child(n){clear:none}.ltie9 .w20_at_600:nth-child(5n+6){clear:both}@media (min-width: 37.5em){.w25_at_600{width:25%}.w25_at_600:nth-child(n){clear:none}.w25_at_600:nth-child(4n+5){clear:both}}.ltie9 .w25_at_600{width:25%}.ltie9 .w25_at_600:nth-child(n){clear:none}.ltie9 .w25_at_600:nth-child(4n+5){clear:both}@media (min-width: 37.5em){.w30_at_600{width:30%}}.ltie9 .w30_at_600{width:30%}@media (min-width: 37.5em){.w33_at_600{width:33.3333%}.w33_at_600:nth-child(n){clear:none}.w33_at_600:nth-child(3n+4){clear:both}}.ltie9 .w33_at_600{width:33.3333%}.ltie9 .w33_at_600:nth-child(n){clear:none}.ltie9 .w33_at_600:nth-child(3n+4){clear:both}@media (min-width: 37.5em){.w40_at_600{width:40%}}.ltie9 .w40_at_600{width:40%}@media (min-width: 37.5em){.w50_at_600{width:50%}.w50_at_600:nth-child(n){clear:none}.w50_at_600:nth-child(2n+3){clear:both}}.ltie9 .w50_at_600{width:50%}.ltie9 .w50_at_600:nth-child(n){clear:none}.ltie9 .w50_at_600:nth-child(2n+3){clear:both}@media (min-width: 37.5em){.w60_at_600{width:60%}}.ltie9 .w60_at_600{width:60%}@media (min-width: 37.5em){.w66_at_600{width:66.6666%}}.ltie9 .w66_at_600{width:66.6666%}@media (min-width: 37.5em){.w70_at_600{width:70%}}.ltie9 .w70_at_600{width:70%}@media (min-width: 37.5em){.w75_at_600{width:75%}}.ltie9 .w75_at_600{width:75%}@media (min-width: 37.5em){.w80_at_600{width:80%}}.ltie9 .w80_at_600{width:80%}@media (min-width: 37.5em){.w90_at_600{width:90%}}.ltie9 .w90_at_600{width:90%}@media (min-width: 37.5em){.w100_at_600{width:100%}}.ltie9 .w100_at_600{width:100%}@media (min-width: 37.5em){.clear_at_600:nth-child(n){clear:both}}.ltie9 .clear_at_600:nth-child(n){clear:both}@media (min-width: 37.5em){.unclear_at_600:nth-child(n){clear:none}}.ltie9 .unclear_at_600:nth-child(n){clear:none}@media (min-width: 37.5em){.no_mb_at_600{margin-bottom:0}}.ltie9 .no_mb_at_600{margin-bottom:0}@media (min-width: 48em){.w10_at_768{width:10%}}.ltie9 .w10_at_768{width:10%}@media (min-width: 48em){.w20_at_768{width:20%}.w20_at_768:nth-child(n){clear:none}.w20_at_768:nth-child(5n+6){clear:both}}.ltie9 .w20_at_768{width:20%}.ltie9 .w20_at_768:nth-child(n){clear:none}.ltie9 .w20_at_768:nth-child(5n+6){clear:both}@media (min-width: 48em){.w25_at_768{width:25%}.w25_at_768:nth-child(n){clear:none}.w25_at_768:nth-child(4n+5){clear:both}}.ltie9 .w25_at_768{width:25%}.ltie9 .w25_at_768:nth-child(n){clear:none}.ltie9 .w25_at_768:nth-child(4n+5){clear:both}@media (min-width: 48em){.w30_at_768{width:30%}}.ltie9 .w30_at_768{width:30%}@media (min-width: 48em){.w33_at_768{width:33.3333%}.w33_at_768:nth-child(n){clear:none}.w33_at_768:nth-child(3n+4){clear:both}}.ltie9 .w33_at_768{width:33.3333%}.ltie9 .w33_at_768:nth-child(n){clear:none}.ltie9 .w33_at_768:nth-child(3n+4){clear:both}@media (min-width: 48em){.w40_at_768{width:40%}}.ltie9 .w40_at_768{width:40%}@media (min-width: 48em){.w50_at_768{width:50%}.w50_at_768:nth-child(n){clear:none}.w50_at_768:nth-child(2n+3){clear:both}}.ltie9 .w50_at_768{width:50%}.ltie9 .w50_at_768:nth-child(n){clear:none}.ltie9 .w50_at_768:nth-child(2n+3){clear:both}@media (min-width: 48em){.w60_at_768{width:60%}}.ltie9 .w60_at_768{width:60%}@media (min-width: 48em){.w66_at_768{width:66.6666%}}.ltie9 .w66_at_768{width:66.6666%}@media (min-width: 48em){.w70_at_768{width:70%}}.ltie9 .w70_at_768{width:70%}@media (min-width: 48em){.w75_at_768{width:75%}}.ltie9 .w75_at_768{width:75%}@media (min-width: 48em){.w80_at_768{width:80%}}.ltie9 .w80_at_768{width:80%}@media (min-width: 48em){.w90_at_768{width:90%}}.ltie9 .w90_at_768{width:90%}@media (min-width: 48em){.w100_at_768{width:100%}}.ltie9 .w100_at_768{width:100%}@media (min-width: 48em){.clear_at_768:nth-child(n){clear:both}}.ltie9 .clear_at_768:nth-child(n){clear:both}@media (min-width: 48em){.unclear_at_768:nth-child(n){clear:none}}.ltie9 .unclear_at_768:nth-child(n){clear:none}@media (min-width: 48em){.no_mb_at_768{margin-bottom:0}}.ltie9 .no_mb_at_768{margin-bottom:0}@media (min-width: 60em){.w10_at_960{width:10%}}.ltie9 .w10_at_960{width:10%}@media (min-width: 60em){.w20_at_960{width:20%}.w20_at_960:nth-child(n){clear:none}.w20_at_960:nth-child(5n+6){clear:both}}.ltie9 .w20_at_960{width:20%}.ltie9 .w20_at_960:nth-child(n){clear:none}.ltie9 .w20_at_960:nth-child(5n+6){clear:both}@media (min-width: 60em){.w25_at_960{width:25%}.w25_at_960:nth-child(n){clear:none}.w25_at_960:nth-child(4n+5){clear:both}}.ltie9 .w25_at_960{width:25%}.ltie9 .w25_at_960:nth-child(n){clear:none}.ltie9 .w25_at_960:nth-child(4n+5){clear:both}@media (min-width: 60em){.w30_at_960{width:30%}}.ltie9 .w30_at_960{width:30%}@media (min-width: 60em){.w33_at_960{width:33.3333%}.w33_at_960:nth-child(n){clear:none}.w33_at_960:nth-child(3n+4){clear:both}}.ltie9 .w33_at_960{width:33.3333%}.ltie9 .w33_at_960:nth-child(n){clear:none}.ltie9 .w33_at_960:nth-child(3n+4){clear:both}@media (min-width: 60em){.w40_at_960{width:40%}}.ltie9 .w40_at_960{width:40%}@media (min-width: 60em){.w50_at_960{width:50%}.w50_at_960:nth-child(n){clear:none}.w50_at_960:nth-child(2n+3){clear:both}}.ltie9 .w50_at_960{width:50%}.ltie9 .w50_at_960:nth-child(n){clear:none}.ltie9 .w50_at_960:nth-child(2n+3){clear:both}@media (min-width: 60em){.w60_at_960{width:60%}}.ltie9 .w60_at_960{width:60%}@media (min-width: 60em){.w66_at_960{width:66.6666%}}.ltie9 .w66_at_960{width:66.6666%}@media (min-width: 60em){.w70_at_960{width:70%}}.ltie9 .w70_at_960{width:70%}@media (min-width: 60em){.w75_at_960{width:75%}}.ltie9 .w75_at_960{width:75%}@media (min-width: 60em){.w80_at_960{width:80%}}.ltie9 .w80_at_960{width:80%}@media (min-width: 60em){.w90_at_960{width:90%}}.ltie9 .w90_at_960{width:90%}@media (min-width: 60em){.w100_at_960{width:100%}}.ltie9 .w100_at_960{width:100%}@media (min-width: 60em){.clear_at_960:nth-child(n){clear:both}}.ltie9 .clear_at_960:nth-child(n){clear:both}@media (min-width: 60em){.unclear_at_960:nth-child(n){clear:none}}.ltie9 .unclear_at_960:nth-child(n){clear:none}@media (min-width: 60em){.no_mb_at_960{margin-bottom:0}}.ltie9 .no_mb_at_960{margin-bottom:0}fieldset .description{color:#888;font-size:12px;font-size:0.75rem;font-weight:normal;margin-top:3px;margin-top:0.1875rem}label,.label,p.legend{margin-bottom:5px;margin-bottom:0.3125rem}.text,textarea{padding:4px 4px;padding:0.25rem 0.25rem}textarea{resize:vertical}select{padding:3px 3px 3px 1px;padding:0.1875rem 0.1875rem 0.1875rem 0.0625rem}.vendor-mozilla select{padding-top:0.125rem}.ie select,.vendor-ie select{padding-bottom:2px;padding-bottom:0.125rem;padding-top:4px;padding-top:0.25rem}.ltie8 .rc ul label{margin-top:-18px}.rc input{margin:1px 0 0 2px;margin:0.0625rem 0 0 0.125rem}.ie .rc input,.vendor-ie .rc input{margin:-3px 0 0 -2px;margin:-0.1875rem 0 0 -0.125rem}.browser-android .rc input{margin-top:-0.125rem}.browser-android.ua-android-2 .rc input{margin-top:-0.3125rem}.btn,.btn_wrap[data-label],button,[type="submit"]{border:1px solid #5d5d5d;padding:7px 14px;padding:0.4375rem 0.875rem}.vendor-mozilla .btn,.vendor-mozilla .btn_wrap[data-label],.vendor-mozilla button,.vendor-mozilla [type="submit"]{padding-top:0.375rem}.btn:hover,.btn:focus,.btn_wrap[data-label]:hover,.btn_wrap[data-label]:focus,button:hover,button:focus,[type="submit"]:hover,[type="submit"]:focus{border-color:#505050}.btns>span.btn{background:0 !important;border:0 !important;padding:0 !important}.slider{-moz-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-o-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)}.resizing .slider{-moz-transition-duration:0s !important;-o-transition-duration:0s !important;-webkit-transition-duration:0s !important;transition-duration:0s !important}.js .slider>li{visibility:hidden}.slider .tile{height:100%;position:relative}.slider .hidden{-webkit-transform:translate3d(0, 0, 0)}.slider img.rwdimage.lazy-loaded{width:100%}.carousel{position:relative}.carousel_nav{background:#666;background:rgba(0,0,0,0.57);bottom:0;left:0;position:absolute;top:0;width:30px;z-index:30}.carousel_nav:hover{background:#000;background:rgba(0,0,0,0.77)}.carousel_nav:after{border-color:transparent #fff transparent transparent;border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);border-style:solid;border-width:8px 8px 8px 0;content:'';display:inline-block;height:0;-webkit-transform:rotate(360deg);width:0;left:50%;margin:-8px 0 0 -4px;position:absolute;top:50%}.carousel_nav.next{left:auto;right:0}.carousel_nav.next.next:after{border-color:transparent transparent transparent #fff;border-color:rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #fff;border-style:solid;border-width:8px 0 8px 8px}.carousel_nav span{display:block;overflow:hidden;text-indent:-999em;width:0}.carousel_nav_pager{bottom:13px;left:0;opacity:0.7;position:absolute;right:0;text-align:center}.carousel_nav_pager li{display:inline-block;margin:0 5px;margin:0 0.3125rem}.carousel_nav_pager a{border:1px solid #fff;background-clip:padding-box;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;text-indent:-999em;width:14px;height:14px}.carousel_nav_pager .current a{background:#fff}.js .accordion_content{-moz-transition:height ease 0.7s;-o-transition:height ease 0.7s;-webkit-transition:height ease 0.7s;transition:height ease 0.7s}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';font-style:normal;font-weight:normal;font-variant:normal;line-height:1;speak:none;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.no-fontface [class^="icon-"]:before,.ua-windows_phone-7 [class^="icon-"]:before,.no-fontface [class*=" icon-"]:before,.ua-windows_phone-7 [class*=" icon-"]:before,.ua-windows_phone-7 [class^="icon-"]:before,.ua-windows_phone-7 [class*=" icon-"]:before{content:'' !important}.no-fontface [class^="icon-"] ~ .hidden,.ua-windows_phone-7 [class^="icon-"] ~ .hidden,.no-fontface [class*=" icon-"] ~ .hidden,.ua-windows_phone-7 [class*=" icon-"] ~ .hidden,.ua-windows_phone-7 [class^="icon-"] ~ .hidden,.ua-windows_phone-7 [class*=" icon-"] ~ .hidden{display:inline-block;font-size:10px;font-size:0.625rem;line-height:1.2;height:auto;left:0;position:static;text-align:left;top:0;width:auto}.std_m,.standard_m{margin-bottom:14px;margin-bottom:0.875rem;margin-top:14px;margin-top:0.875rem}.std_mb,.standard_mb{margin-bottom:14px;margin-bottom:0.875rem}.std_mt,.standard_mt{margin-top:14px;margin-top:0.875rem}.dbl_m,.double_m{margin-bottom:28px;margin-bottom:1.75rem;margin-top:28px;margin-top:1.75rem}.dbl_mb,.double_mb{margin-bottom:28px;margin-bottom:1.75rem}.dbl_mt,.double_mt{margin-top:28px;margin-top:1.75rem}.hlf_m,.half_m{margin-bottom:7px;margin-bottom:0.4375rem;margin-top:7px;margin-top:0.4375rem}.hlf_mb,.half_mb{margin-bottom:7px;margin-bottom:0.4375rem}.hlf_mt,.half_mb{margin-top:7px;margin-top:0.4375rem}.no_m{margin-bottom:0;margin-top:0}.no_mb{margin-bottom:0}.no_mt{margin-top:0}.align_left{text-align:left}.align_center,.align_centre{text-align:center}.align_right{text-align:right}.align_justify{text-align:justify}.block{display:block}.center_object,.centre_object{display:block;margin-left:auto;margin-right:auto}table.center_object,table.centre_object{display:table}.clear{clear:both}.float_left{float:left}.float_left+.content_area{overflow:hidden}.float_right{float:right}.hidden{height:1px;left:-999em;overflow:hidden;position:absolute;top:-999em;width:1px}.inline{display:inline}.inline_block{display:inline-block}.invisible{visibility:hidden}.lowercase{text-transform:lowercase}.no_wrap{white-space:nowrap}.normalcase{text-transform:none}.overflow_x_auto{overflow-x:auto}.overflow_x_hidden{overflow-x:hidden}.overflow_x_visible{overflow-x:visible}.overflow_y_auto{overflow-y:auto}.overflow_y_hidden{overflow-y:hidden}.overflow_y_visible{overflow-y:visible}.pos_absolute{position:absolute}.pos_fixed{position:fixed}.pos_relative{position:relative}.titlecase{text-transform:capitalize}.unclear{clear:none}.uppercase{text-transform:uppercase}.valign_bottom{vertical-align:bottom}.valign_middle{vertical-align:middle}.valign_top{vertical-align:top}.visible{visibility:visible}.weight_bold{font-weight:bold}.weight_normal{font-weight:normal}.print_display_none,#nav_main,.managed:after,.managed.alt:before,#header form,#col_1,#nav_seo{display:none !important}*,:before,:after{background:none !important;behavior:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}ul{list-style-type:disc}li ul{list-style-type:circle}#col_2{margin-left:0 !important;margin-right:0 !important;width:100% !important}.error h3,.ok h3{padding-left:0}.managed.alt{padding-left:0} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment