Template:Team:Wellesley Desyne/css/wp app.css
From 2013.igem.org
(Difference between revisions)
Line 596: | Line 596: | ||
th.hide-for-medium-down { | th.hide-for-medium-down { | ||
display: table-cell !important; } } | display: table-cell !important; } } | ||
+ | /* X-Large Displays: 1400px and up */ | ||
+ | @media only screen and (min-width: 1440px) { | ||
+ | .show-for-xlarge { | ||
+ | display: inherit !important; } | ||
+ | .show-for-large, | ||
+ | .show-for-large-down { | ||
+ | display: none !important; } | ||
+ | |||
+ | .hide-for-large, | ||
+ | .hide-for-large-down { | ||
+ | display: inherit !important; } | ||
+ | |||
+ | .hide-for-xlarge { | ||
+ | display: none !important; } | ||
+ | |||
+ | /* Specific visilbity for tables */ | ||
+ | table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { | ||
+ | display: table; } | ||
+ | |||
+ | thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { | ||
+ | display: table-header-group !important; } | ||
+ | |||
+ | tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { | ||
+ | display: table-row-group !important; } | ||
+ | |||
+ | tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { | ||
+ | display: table-row !important; } | ||
+ | |||
+ | td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, | ||
+ | th.show-for-xlarge, | ||
+ | th.hide-for-large, | ||
+ | th.hide-for-large-down { | ||
+ | display: table-cell !important; } } | ||
+ | /* Orientation targeting */ | ||
+ | .show-for-landscape, | ||
+ | .hide-for-portrait { | ||
+ | display: inherit !important; } | ||
+ | |||
+ | .hide-for-landscape, | ||
+ | .show-for-portrait { | ||
+ | display: none !important; } | ||
+ | |||
+ | /* Specific visilbity for tables */ | ||
+ | table.hide-for-landscape, table.show-for-portrait { | ||
+ | display: table; } | ||
+ | |||
+ | thead.hide-for-landscape, thead.show-for-portrait { | ||
+ | display: table-header-group !important; } | ||
+ | |||
+ | tbody.hide-for-landscape, tbody.show-for-portrait { | ||
+ | display: table-row-group !important; } | ||
+ | |||
+ | tr.hide-for-landscape, tr.show-for-portrait { | ||
+ | display: table-row !important; } | ||
+ | |||
+ | td.hide-for-landscape, td.show-for-portrait, | ||
+ | th.hide-for-landscape, | ||
+ | th.show-for-portrait { | ||
+ | display: table-cell !important; } | ||
+ | |||
+ | @media only screen and (orientation: landscape) { | ||
+ | .show-for-landscape, | ||
+ | .hide-for-portrait { | ||
+ | display: inherit !important; } | ||
+ | |||
+ | .hide-for-landscape, | ||
+ | .show-for-portrait { | ||
+ | display: none !important; } | ||
+ | |||
+ | /* Specific visilbity for tables */ | ||
+ | table.show-for-landscape, table.hide-for-portrait { | ||
+ | display: table; } | ||
+ | |||
+ | thead.show-for-landscape, thead.hide-for-portrait { | ||
+ | display: table-header-group !important; } | ||
+ | |||
+ | tbody.show-for-landscape, tbody.hide-for-portrait { | ||
+ | display: table-row-group !important; } | ||
+ | |||
+ | tr.show-for-landscape, tr.hide-for-portrait { | ||
+ | display: table-row !important; } | ||
+ | |||
+ | td.show-for-landscape, td.hide-for-portrait, | ||
+ | th.show-for-landscape, | ||
+ | th.hide-for-portrait { | ||
+ | display: table-cell !important; } } | ||
+ | @media only screen and (orientation: portrait) { | ||
+ | .show-for-portrait, | ||
+ | .hide-for-landscape { | ||
+ | display: inherit !important; } | ||
+ | |||
+ | .hide-for-portrait, | ||
+ | .show-for-landscape { | ||
+ | display: none !important; } | ||
+ | |||
+ | /* Specific visilbity for tables */ | ||
+ | table.show-for-portrait, table.hide-for-landscape { | ||
+ | display: table; } | ||
+ | |||
+ | thead.show-for-portrait, thead.hide-for-landscape { | ||
+ | display: table-header-group !important; } | ||
+ | |||
+ | tbody.show-for-portrait, tbody.hide-for-landscape { | ||
+ | display: table-row-group !important; } | ||
+ | |||
+ | tr.show-for-portrait, tr.hide-for-landscape { | ||
+ | display: table-row !important; } | ||
+ | |||
+ | td.show-for-portrait, td.hide-for-landscape, | ||
+ | th.show-for-portrait, | ||
+ | th.hide-for-landscape { | ||
+ | display: table-cell !important; } } | ||
/* Touch-enabled device targeting */ | /* Touch-enabled device targeting */ | ||
.show-for-touch { | .show-for-touch { | ||
Line 647: | Line 759: | ||
display: table-cell !important; } | display: table-cell !important; } | ||
+ | /* Foundation Block Grids for below small breakpoint */ | ||
+ | @media only screen { | ||
+ | [class*="block-grid-"] { | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | margin: 0 -0.625em; | ||
+ | *zoom: 1; } | ||
+ | [class*="block-grid-"]:before, [class*="block-grid-"]:after { | ||
+ | content: " "; | ||
+ | display: table; } | ||
+ | [class*="block-grid-"]:after { | ||
+ | clear: both; } | ||
+ | [class*="block-grid-"] > li { | ||
+ | display: inline; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | |||
+ | .small-block-grid-1 > li { | ||
+ | width: 100%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-1 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-1 > li:nth-of-type(1n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-2 > li { | ||
+ | width: 50%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-2 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-2 > li:nth-of-type(2n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-3 > li { | ||
+ | width: 33.33333%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-3 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-3 > li:nth-of-type(3n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-4 > li { | ||
+ | width: 25%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-4 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-4 > li:nth-of-type(4n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-5 > li { | ||
+ | width: 20%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-5 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-5 > li:nth-of-type(5n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-6 > li { | ||
+ | width: 16.66667%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-6 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-6 > li:nth-of-type(6n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-7 > li { | ||
+ | width: 14.28571%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-7 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-7 > li:nth-of-type(7n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-8 > li { | ||
+ | width: 12.5%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-8 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-8 > li:nth-of-type(8n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-9 > li { | ||
+ | width: 11.11111%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-9 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-9 > li:nth-of-type(9n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-10 > li { | ||
+ | width: 10%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-10 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-10 > li:nth-of-type(10n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-11 > li { | ||
+ | width: 9.09091%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-11 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-11 > li:nth-of-type(11n+1) { | ||
+ | clear: both; } | ||
+ | |||
+ | .small-block-grid-12 > li { | ||
+ | width: 8.33333%; | ||
+ | padding: 0 0.625em 1.25em; } | ||
+ | .small-block-grid-12 > li:nth-of-type(n) { | ||
+ | clear: none; } | ||
+ | .small-block-grid-12 > li:nth-of-type(12n+1) { | ||
+ | clear: both; } } | ||
/* Foundation Block Grids for above small breakpoint */ | /* Foundation Block Grids for above small breakpoint */ | ||
@media only screen and (min-width: 768px) { | @media only screen and (min-width: 768px) { | ||
Line 973: | Line 1,198: | ||
line-height: 1.6; | line-height: 1.6; | ||
color: #6f6f6f; } | color: #6f6f6f; } | ||
+ | |||
+ | /* Microformats */ | ||
+ | .vcard { | ||
+ | display: inline-block; | ||
+ | margin: 0 0 1.25em 0; | ||
+ | border: 1px solid #dddddd; | ||
+ | padding: 0.625em 0.75em; } | ||
+ | .vcard li { | ||
+ | margin: 0; | ||
+ | display: block; } | ||
+ | .vcard .fn { | ||
+ | font-weight: bold; | ||
+ | font-size: 0.9375em; } | ||
+ | |||
+ | .vevent .summary { | ||
+ | font-weight: bold; } | ||
+ | .vevent abbr { | ||
+ | cursor: default; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | border: none; | ||
+ | padding: 0 0.0625em; } | ||
+ | |||
+ | @media only screen and (min-width: 768px) { | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | line-height: 1.4; } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 2em; } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 2.3125em; } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 1.6875em; } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 1.4375em; } } | ||
+ | /* | ||
+ | * Print styles. | ||
+ | * | ||
+ | * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ | ||
+ | * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) | ||
+ | */ | ||
+ | .print-only { | ||
+ | display: none !important; } | ||
+ | |||
+ | @media print { | ||
+ | * { | ||
+ | background: transparent !important; | ||
+ | color: #000 !important; | ||
+ | /* Black prints faster: h5bp.com/s */ | ||
+ | box-shadow: none !important; | ||
+ | text-shadow: none !important; } | ||
+ | |||
+ | a, | ||
+ | a:visited { | ||
+ | text-decoration: underline; } | ||
+ | |||
+ | a[href]:after { | ||
+ | content: " (" attr(href) ")"; } | ||
+ | |||
+ | abbr[title]:after { | ||
+ | content: " (" attr(title) ")"; } | ||
+ | |||
+ | .ir a:after, | ||
+ | a[href^="javascript:"]:after, | ||
+ | a[href^="#"]:after { | ||
+ | content: ""; } | ||
+ | |||
+ | pre, | ||
+ | blockquote { | ||
+ | border: 1px solid #999; | ||
+ | page-break-inside: avoid; } | ||
+ | |||
+ | thead { | ||
+ | display: table-header-group; | ||
+ | /* h5bp.com/t */ } | ||
+ | |||
+ | tr, | ||
+ | img { | ||
+ | page-break-inside: avoid; } | ||
+ | |||
+ | img { | ||
+ | max-width: 100% !important; } | ||
+ | |||
+ | @page { | ||
+ | margin: 0.5cm; } | ||
+ | |||
+ | p, | ||
+ | h2, | ||
+ | h3 { | ||
+ | orphans: 3; | ||
+ | widows: 3; } | ||
+ | |||
+ | h2, | ||
+ | h3 { | ||
+ | page-break-after: avoid; } | ||
+ | |||
+ | .hide-on-print { | ||
+ | display: none !important; } | ||
+ | |||
+ | .print-only { | ||
+ | display: block !important; } | ||
+ | |||
+ | .hide-for-print { | ||
+ | display: none !important; } | ||
+ | |||
+ | .show-for-print { | ||
+ | display: inherit !important; } } | ||
+ | button, .button { | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | cursor: pointer; | ||
+ | font-family: inherit; | ||
+ | font-weight: bold; | ||
+ | line-height: 1; | ||
+ | margin: 0 0 1.25em; | ||
+ | position: relative; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | display: inline-block; | ||
+ | padding-top: 0.75em; | ||
+ | padding-right: 1.5em; | ||
+ | padding-bottom: 0.8125em; | ||
+ | padding-left: 1.5em; | ||
+ | font-size: 1em; | ||
+ | background-color: #2ba6cb; | ||
+ | border-color: #2284a1; | ||
+ | color: white; } | ||
+ | button:hover, button:focus, .button:hover, .button:focus { | ||
+ | background-color: #2284a1; } | ||
+ | button:hover, button:focus, .button:hover, .button:focus { | ||
+ | color: white; } | ||
+ | button.secondary, .button.secondary { | ||
+ | background-color: #e9e9e9; | ||
+ | border-color: #d0d0d0; | ||
+ | color: #333333; } | ||
+ | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { | ||
+ | background-color: #d0d0d0; } | ||
+ | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { | ||
+ | color: #333333; } | ||
+ | button.success, .button.success { | ||
+ | background-color: #5da423; | ||
+ | border-color: #457a1a; | ||
+ | color: white; } | ||
+ | button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { | ||
+ | background-color: #457a1a; } | ||
+ | button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { | ||
+ | color: white; } | ||
+ | button.alert, .button.alert { | ||
+ | background-color: #c60f13; | ||
+ | border-color: #970b0e; | ||
+ | color: white; } | ||
+ | button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { | ||
+ | background-color: #970b0e; } | ||
+ | button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { | ||
+ | color: white; } | ||
+ | button.large, .button.large { | ||
+ | padding-top: 1em; | ||
+ | padding-right: 2em; | ||
+ | padding-bottom: 1.0625em; | ||
+ | padding-left: 2em; | ||
+ | font-size: 1.25em; } | ||
+ | button.small, .button.small { | ||
+ | padding-top: 0.5625em; | ||
+ | padding-right: 1.125em; | ||
+ | padding-bottom: 0.625em; | ||
+ | padding-left: 1.125em; | ||
+ | font-size: 0.8125em; } | ||
+ | button.tiny, .button.tiny { | ||
+ | padding-top: 0.4375em; | ||
+ | padding-right: 0.875em; | ||
+ | padding-bottom: 0.5em; | ||
+ | padding-left: 0.875em; | ||
+ | font-size: 0.6875em; } | ||
+ | button.expand, .button.expand { | ||
+ | padding-right: 0px; | ||
+ | padding-left: 0px; | ||
+ | width: 100%; } | ||
+ | button.left-align, .button.left-align { | ||
+ | text-align: left; | ||
+ | text-indent: 0.75em; } | ||
+ | button.right-align, .button.right-align { | ||
+ | text-align: right; | ||
+ | padding-right: 0.75em; } | ||
+ | button.disabled, button[disabled], .button.disabled, .button[disabled] { | ||
+ | background-color: #2ba6cb; | ||
+ | border-color: #2284a1; | ||
+ | color: white; | ||
+ | cursor: default; | ||
+ | opacity: 0.6; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; } | ||
+ | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { | ||
+ | background-color: #2284a1; } | ||
+ | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { | ||
+ | color: white; } | ||
+ | button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { | ||
+ | background-color: #2ba6cb; } | ||
+ | button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { | ||
+ | background-color: #e9e9e9; | ||
+ | border-color: #d0d0d0; | ||
+ | color: #333333; | ||
+ | cursor: default; | ||
+ | opacity: 0.6; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; } | ||
+ | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { | ||
+ | background-color: #d0d0d0; } | ||
+ | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { | ||
+ | color: #333333; } | ||
+ | button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { | ||
+ | background-color: #e9e9e9; } | ||
+ | button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { | ||
+ | background-color: #5da423; | ||
+ | border-color: #457a1a; | ||
+ | color: white; | ||
+ | cursor: default; | ||
+ | opacity: 0.6; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; } | ||
+ | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { | ||
+ | background-color: #457a1a; } | ||
+ | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { | ||
+ | color: white; } | ||
+ | button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { | ||
+ | background-color: #5da423; } | ||
+ | button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { | ||
+ | background-color: #c60f13; | ||
+ | border-color: #970b0e; | ||
+ | color: white; | ||
+ | cursor: default; | ||
+ | opacity: 0.6; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none; } | ||
+ | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { | ||
+ | background-color: #970b0e; } | ||
+ | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { | ||
+ | color: white; } | ||
+ | button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { | ||
+ | background-color: #c60f13; } | ||
+ | |||
+ | button, .button { | ||
+ | padding-top: 0.8125em; | ||
+ | padding-bottom: 0.75em; | ||
+ | -webkit-appearance: none; } | ||
+ | button.tiny, .button.tiny { | ||
+ | padding-top: 0.5em; | ||
+ | padding-bottom: 0.4375em; | ||
+ | -webkit-appearance: none; } | ||
+ | button.small, .button.small { | ||
+ | padding-top: 0.625em; | ||
+ | padding-bottom: 0.5625em; | ||
+ | -webkit-appearance: none; } | ||
+ | button.large, .button.large { | ||
+ | padding-top: 1.03125em; | ||
+ | padding-bottom: 1.03125em; | ||
+ | -webkit-appearance: none; } | ||
+ | |||
+ | @media only screen { | ||
+ | button, .button { | ||
+ | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; | ||
+ | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; | ||
+ | -webkit-transition: background-color 300ms ease-out; | ||
+ | -moz-transition: background-color 300ms ease-out; | ||
+ | transition: background-color 300ms ease-out; } | ||
+ | button:active, .button:active { | ||
+ | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; | ||
+ | box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } | ||
+ | button.radius, .button.radius { | ||
+ | -webkit-border-radius: 3px; | ||
+ | border-radius: 3px; } | ||
+ | button.round, .button.round { | ||
+ | -webkit-border-radius: 1000px; | ||
+ | border-radius: 1000px; } } | ||
+ | @media only screen and (min-width: 768px) { | ||
+ | button, .button { | ||
+ | display: inline-block; } } | ||
+ | /* Standard Forms */ | ||
+ | form { | ||
+ | margin: 0 0 1em; } | ||
+ | |||
+ | /* Using forms within rows, we need to set some defaults */ | ||
+ | form .row .row { | ||
+ | margin: 0 -0.5em; } | ||
+ | form .row .row .column, | ||
+ | form .row .row .columns { | ||
+ | padding: 0 0.5em; } | ||
+ | form .row .row.collapse { | ||
+ | margin: 0; } | ||
+ | form .row .row.collapse .column, | ||
+ | form .row .row.collapse .columns { | ||
+ | padding: 0; } | ||
+ | form .row input.column, | ||
+ | form .row input.columns, | ||
+ | form .row textarea.column, | ||
+ | form .row textarea.columns { | ||
+ | padding-left: 0.5em; } | ||
+ | |||
+ | /* Label Styles */ | ||
+ | label { | ||
+ | font-size: 0.875em; | ||
+ | color: #4d4d4d; | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | font-weight: 500; | ||
+ | margin-bottom: 0.1875em; | ||
+ | /* Styles for required inputs */ } | ||
+ | label.right { | ||
+ | float: none; | ||
+ | text-align: right; } | ||
+ | label.inline { | ||
+ | margin: 0 0 1em 0; | ||
+ | padding: 0.625em 0; } | ||
+ | label small { | ||
+ | text-transform: capitalize; | ||
+ | color: #666666; } | ||
+ | |||
+ | /* Attach elements to the beginning or end of an input */ | ||
+ | .prefix, | ||
+ | .postfix { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | overflow: hidden; | ||
+ | font-size: 0.875em; | ||
+ | height: 2.3125em; | ||
+ | line-height: 2.3125em; } | ||
+ | |||
+ | /* Adjust padding, alignment and radius if pre/post element is a button */ | ||
+ | .postfix.button { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | text-align: center; | ||
+ | line-height: 2.125em; } | ||
+ | |||
+ | .prefix.button { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | text-align: center; | ||
+ | line-height: 2.125em; } | ||
+ | |||
+ | .prefix.button.radius { | ||
+ | -webkit-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 3px; | ||
+ | -moz-border-radius-topleft: 3px; | ||
+ | -webkit-border-bottom-left-radius: 3px; | ||
+ | -webkit-border-top-left-radius: 3px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | border-top-left-radius: 3px; } | ||
+ | |||
+ | .postfix.button.radius { | ||
+ | -webkit-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -moz-border-radius-topright: 3px; | ||
+ | -moz-border-radius-bottomright: 3px; | ||
+ | -webkit-border-top-right-radius: 3px; | ||
+ | -webkit-border-bottom-right-radius: 3px; | ||
+ | border-top-right-radius: 3px; | ||
+ | border-bottom-right-radius: 3px; } | ||
+ | |||
+ | .prefix.button.round { | ||
+ | -webkit-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 1000px; | ||
+ | -moz-border-radius-topleft: 1000px; | ||
+ | -webkit-border-bottom-left-radius: 1000px; | ||
+ | -webkit-border-top-left-radius: 1000px; | ||
+ | border-bottom-left-radius: 1000px; | ||
+ | border-top-left-radius: 1000px; } | ||
+ | |||
+ | .postfix.button.round { | ||
+ | -webkit-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -moz-border-radius-topright: 1000px; | ||
+ | -moz-border-radius-bottomright: 1000px; | ||
+ | -webkit-border-top-right-radius: 1000px; | ||
+ | -webkit-border-bottom-right-radius: 1000px; | ||
+ | border-top-right-radius: 1000px; | ||
+ | border-bottom-right-radius: 1000px; } | ||
+ | |||
+ | /* Separate prefix and postfix styles when on span or label so buttons keep their own */ | ||
+ | span.prefix, label.prefix { | ||
+ | background: #f2f2f2; | ||
+ | border-color: #d9d9d9; | ||
+ | border-right: none; | ||
+ | color: #333333; } | ||
+ | span.prefix.radius, label.prefix.radius { | ||
+ | -webkit-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 3px; | ||
+ | -moz-border-radius-topleft: 3px; | ||
+ | -webkit-border-bottom-left-radius: 3px; | ||
+ | -webkit-border-top-left-radius: 3px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | border-top-left-radius: 3px; } | ||
+ | |||
+ | span.postfix, label.postfix { | ||
+ | background: #f2f2f2; | ||
+ | border-color: #cccccc; | ||
+ | border-left: none; | ||
+ | color: #333333; } | ||
+ | span.postfix.radius, label.postfix.radius { | ||
+ | -webkit-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -moz-border-radius-topright: 3px; | ||
+ | -moz-border-radius-bottomright: 3px; | ||
+ | -webkit-border-top-right-radius: 3px; | ||
+ | -webkit-border-bottom-right-radius: 3px; | ||
+ | border-top-right-radius: 3px; | ||
+ | border-bottom-right-radius: 3px; } | ||
+ | |||
+ | /* Input groups will automatically style first and last elements of the group */ | ||
+ | .input-group.radius > *:first-child, .input-group.radius > *:first-child * { | ||
+ | -moz-border-radius-bottomleft: 3px; | ||
+ | -moz-border-radius-topleft: 3px; | ||
+ | -webkit-border-bottom-left-radius: 3px; | ||
+ | -webkit-border-top-left-radius: 3px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | border-top-left-radius: 3px; } | ||
+ | .input-group.radius > *:last-child, .input-group.radius > *:last-child * { | ||
+ | -moz-border-radius-topright: 3px; | ||
+ | -moz-border-radius-bottomright: 3px; | ||
+ | -webkit-border-top-right-radius: 3px; | ||
+ | -webkit-border-bottom-right-radius: 3px; | ||
+ | border-top-right-radius: 3px; | ||
+ | border-bottom-right-radius: 3px; } | ||
+ | .input-group.round > *:first-child, .input-group.round > *:first-child * { | ||
+ | -moz-border-radius-bottomleft: 1000px; | ||
+ | -moz-border-radius-topleft: 1000px; | ||
+ | -webkit-border-bottom-left-radius: 1000px; | ||
+ | -webkit-border-top-left-radius: 1000px; | ||
+ | border-bottom-left-radius: 1000px; | ||
+ | border-top-left-radius: 1000px; } | ||
+ | .input-group.round > *:last-child, .input-group.round > *:last-child * { | ||
+ | -moz-border-radius-topright: 1000px; | ||
+ | -moz-border-radius-bottomright: 1000px; | ||
+ | -webkit-border-top-right-radius: 1000px; | ||
+ | -webkit-border-bottom-right-radius: 1000px; | ||
+ | border-top-right-radius: 1000px; | ||
+ | border-bottom-right-radius: 1000px; } | ||
+ | |||
+ | /* We use this to get basic styling on all basic form elements */ | ||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="date"], | ||
+ | input[type="datetime"], | ||
+ | input[type="datetime-local"], | ||
+ | input[type="month"], | ||
+ | input[type="week"], | ||
+ | input[type="email"], | ||
+ | input[type="number"], | ||
+ | input[type="search"], | ||
+ | input[type="tel"], | ||
+ | input[type="time"], | ||
+ | input[type="url"], | ||
+ | textarea { | ||
+ | background-color: white; | ||
+ | font-family: inherit; | ||
+ | border: 1px solid #cccccc; | ||
+ | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
+ | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
+ | color: rgba(0, 0, 0, 0.75); | ||
+ | display: block; | ||
+ | font-size: 0.875em; | ||
+ | margin: 0 0 1em 0; | ||
+ | padding: 0.5em; | ||
+ | height: 2.3125em; | ||
+ | width: 100%; | ||
+ | -moz-box-sizing: border-box; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; | ||
+ | -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; | ||
+ | transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } | ||
+ | input[type="text"]:focus, | ||
+ | input[type="password"]:focus, | ||
+ | input[type="date"]:focus, | ||
+ | input[type="datetime"]:focus, | ||
+ | input[type="datetime-local"]:focus, | ||
+ | input[type="month"]:focus, | ||
+ | input[type="week"]:focus, | ||
+ | input[type="email"]:focus, | ||
+ | input[type="number"]:focus, | ||
+ | input[type="search"]:focus, | ||
+ | input[type="tel"]:focus, | ||
+ | input[type="time"]:focus, | ||
+ | input[type="url"]:focus, | ||
+ | textarea:focus { | ||
+ | -webkit-box-shadow: 0 0 5px #999999; | ||
+ | -moz-box-shadow: 0 0 5px #999999; | ||
+ | box-shadow: 0 0 5px #999999; | ||
+ | border-color: #999999; } | ||
+ | input[type="text"]:focus, | ||
+ | input[type="password"]:focus, | ||
+ | input[type="date"]:focus, | ||
+ | input[type="datetime"]:focus, | ||
+ | input[type="datetime-local"]:focus, | ||
+ | input[type="month"]:focus, | ||
+ | input[type="week"]:focus, | ||
+ | input[type="email"]:focus, | ||
+ | input[type="number"]:focus, | ||
+ | input[type="search"]:focus, | ||
+ | input[type="tel"]:focus, | ||
+ | input[type="time"]:focus, | ||
+ | input[type="url"]:focus, | ||
+ | textarea:focus { | ||
+ | background: #fafafa; | ||
+ | border-color: #999999; | ||
+ | outline: none; } | ||
+ | input[type="text"][disabled], | ||
+ | input[type="password"][disabled], | ||
+ | input[type="date"][disabled], | ||
+ | input[type="datetime"][disabled], | ||
+ | input[type="datetime-local"][disabled], | ||
+ | input[type="month"][disabled], | ||
+ | input[type="week"][disabled], | ||
+ | input[type="email"][disabled], | ||
+ | input[type="number"][disabled], | ||
+ | input[type="search"][disabled], | ||
+ | input[type="tel"][disabled], | ||
+ | input[type="time"][disabled], | ||
+ | input[type="url"][disabled], | ||
+ | textarea[disabled] { | ||
+ | background-color: #dddddd; } | ||
+ | |||
+ | /* Adjust margin for form elements below */ | ||
+ | input[type="file"], | ||
+ | input[type="checkbox"], | ||
+ | input[type="radio"], | ||
+ | select { | ||
+ | margin: 0 0 1em 0; } | ||
+ | |||
+ | /* Normalize file input width */ | ||
+ | input[type="file"] { | ||
+ | width: 100%; } | ||
+ | |||
+ | /* We add basic fieldset styling */ | ||
+ | fieldset { | ||
+ | border: solid 1px #dddddd; | ||
+ | padding: 1.25em; | ||
+ | margin: 1.125em 0; } | ||
+ | fieldset legend { | ||
+ | font-weight: bold; | ||
+ | background: white; | ||
+ | padding: 0 0.1875em; | ||
+ | margin: 0; | ||
+ | margin-left: -0.1875em; } | ||
+ | |||
+ | /* Error Handling */ | ||
+ | [data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error { | ||
+ | display: block; | ||
+ | padding: 0.375em 0.25em; | ||
+ | margin-top: -1.3125em; | ||
+ | margin-bottom: 1em; | ||
+ | font-size: 0.75em; | ||
+ | font-weight: bold; | ||
+ | background: #c60f13; | ||
+ | color: white; | ||
+ | margin-top: 0; } | ||
+ | [data-abide] span.error, [data-abide] small.error { | ||
+ | display: none; } | ||
+ | |||
+ | span.error, small.error { | ||
+ | display: block; | ||
+ | padding: 0.375em 0.25em; | ||
+ | margin-top: -1.3125em; | ||
+ | margin-bottom: 1em; | ||
+ | font-size: 0.75em; | ||
+ | font-weight: bold; | ||
+ | background: #c60f13; | ||
+ | color: white; } | ||
+ | |||
+ | .error input, | ||
+ | .error textarea, | ||
+ | .error select { | ||
+ | border-color: #c60f13; | ||
+ | background-color: rgba(198, 15, 19, 0.1); | ||
+ | margin-bottom: 0; } | ||
+ | .error input:focus, | ||
+ | .error textarea:focus, | ||
+ | .error select:focus { | ||
+ | background: #fafafa; | ||
+ | border-color: #999999; } | ||
+ | .error label, | ||
+ | .error label.error { | ||
+ | color: #c60f13; } | ||
+ | .error small.error { | ||
+ | display: block; | ||
+ | padding: 0.375em 0.25em; | ||
+ | margin-top: -1.3125em; | ||
+ | margin-bottom: 1em; | ||
+ | font-size: 0.75em; | ||
+ | font-weight: bold; | ||
+ | background: #c60f13; | ||
+ | color: white; } | ||
+ | .error span.error-message { | ||
+ | display: block; } | ||
+ | |||
+ | input.error, | ||
+ | textarea.error { | ||
+ | border-color: #c60f13; | ||
+ | background-color: rgba(198, 15, 19, 0.1); } | ||
+ | input.error:focus, | ||
+ | textarea.error:focus { | ||
+ | background: #fafafa; | ||
+ | border-color: #999999; } | ||
+ | |||
+ | .error select { | ||
+ | border-color: #c60f13; | ||
+ | background-color: rgba(198, 15, 19, 0.1); } | ||
+ | .error select:focus { | ||
+ | background: #fafafa; | ||
+ | border-color: #999999; } | ||
+ | |||
+ | label.error { | ||
+ | color: #c60f13; } | ||
+ | |||
+ | /* Button Groups */ | ||
+ | .button-group { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | *zoom: 1; } | ||
+ | .button-group:before, .button-group:after { | ||
+ | content: " "; | ||
+ | display: table; } | ||
+ | .button-group:after { | ||
+ | clear: both; } | ||
+ | .button-group > * { | ||
+ | margin: 0 0 0 -1px; | ||
+ | float: left; } | ||
+ | .button-group > *:first-child { | ||
+ | margin-left: 0; } | ||
+ | .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { | ||
+ | -moz-border-radius-bottomleft: 3px; | ||
+ | -moz-border-radius-topleft: 3px; | ||
+ | -webkit-border-bottom-left-radius: 3px; | ||
+ | -webkit-border-top-left-radius: 3px; | ||
+ | border-bottom-left-radius: 3px; | ||
+ | border-top-left-radius: 3px; } | ||
+ | .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { | ||
+ | -moz-border-radius-topright: 3px; | ||
+ | -moz-border-radius-bottomright: 3px; | ||
+ | -webkit-border-top-right-radius: 3px; | ||
+ | -webkit-border-bottom-right-radius: 3px; | ||
+ | border-top-right-radius: 3px; | ||
+ | border-bottom-right-radius: 3px; } | ||
+ | .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { | ||
+ | -moz-border-radius-bottomleft: 1000px; | ||
+ | -moz-border-radius-topleft: 1000px; | ||
+ | -webkit-border-bottom-left-radius: 1000px; | ||
+ | -webkit-border-top-left-radius: 1000px; | ||
+ | border-bottom-left-radius: 1000px; | ||
+ | border-top-left-radius: 1000px; } | ||
+ | .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { | ||
+ | -moz-border-radius-topright: 1000px; | ||
+ | -moz-border-radius-bottomright: 1000px; | ||
+ | -webkit-border-top-right-radius: 1000px; | ||
+ | -webkit-border-bottom-right-radius: 1000px; | ||
+ | border-top-right-radius: 1000px; | ||
+ | border-bottom-right-radius: 1000px; } | ||
+ | .button-group.even-2 li { | ||
+ | width: 50%; } | ||
+ | .button-group.even-2 li button, .button-group.even-2 li .button { | ||
+ | width: 100%; } | ||
+ | .button-group.even-3 li { | ||
+ | width: 33.33333%; } | ||
+ | .button-group.even-3 li button, .button-group.even-3 li .button { | ||
+ | width: 100%; } | ||
+ | .button-group.even-4 li { | ||
+ | width: 25%; } | ||
+ | .button-group.even-4 li button, .button-group.even-4 li .button { | ||
+ | width: 100%; } | ||
+ | .button-group.even-5 li { | ||
+ | width: 20%; } | ||
+ | .button-group.even-5 li button, .button-group.even-5 li .button { | ||
+ | width: 100%; } | ||
+ | .button-group.even-6 li { | ||
+ | width: 16.66667%; } | ||
+ | .button-group.even-6 li button, .button-group.even-6 li .button { | ||
+ | width: 100%; } | ||
+ | .button-group.even-7 li { | ||
+ | width: 14.28571%; } | ||
+ | .button-group.even-7 li button, .button-group.even-7 li .button { | ||
+ | width: 100%; } | ||
+ | .button-group.even-8 li { | ||
+ | width: 12.5%; } | ||
+ | .button-group.even-8 li button, .button-group.even-8 li .button { | ||
+ | width: 100%; } | ||
+ | |||
+ | .button-bar { | ||
+ | *zoom: 1; } | ||
+ | .button-bar:before, .button-bar:after { | ||
+ | content: " "; | ||
+ | display: table; } | ||
+ | .button-bar:after { | ||
+ | clear: both; } | ||
+ | .button-bar .button-group { | ||
+ | float: left; | ||
+ | margin-right: 0.625em; } | ||
+ | .button-bar .button-group div { | ||
+ | overflow: hidden; } | ||
+ | |||
+ | /* Dropdown Button */ | ||
+ | .dropdown.button { | ||
+ | position: relative; | ||
+ | padding-right: 3.1875em; } | ||
+ | .dropdown.button:before { | ||
+ | position: absolute; | ||
+ | content: ""; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | display: block; | ||
+ | border-style: solid; | ||
+ | border-color: white transparent transparent transparent; | ||
+ | top: 50%; } | ||
+ | .dropdown.button:before { | ||
+ | border-width: 0.5625em; | ||
+ | right: 1.5em; | ||
+ | margin-top: -0.25em; } | ||
+ | .dropdown.button:before { | ||
+ | border-color: white transparent transparent transparent; } | ||
+ | .dropdown.button.tiny { | ||
+ | padding-right: 2.1875em; } | ||
+ | .dropdown.button.tiny:before { | ||
+ | border-width: 0.4375em; | ||
+ | right: 0.875em; | ||
+ | margin-top: -0.15625em; } | ||
+ | .dropdown.button.tiny:before { | ||
+ | border-color: white transparent transparent transparent; } | ||
+ | .dropdown.button.small { | ||
+ | padding-right: 2.8125em; } | ||
+ | .dropdown.button.small:before { | ||
+ | border-width: 0.5625em; | ||
+ | right: 1.125em; | ||
+ | margin-top: -0.21875em; } | ||
+ | .dropdown.button.small:before { | ||
+ | border-color: white transparent transparent transparent; } | ||
+ | .dropdown.button.large { | ||
+ | padding-right: 4em; } | ||
+ | .dropdown.button.large:before { | ||
+ | border-width: 0.625em; | ||
+ | right: 1.75em; | ||
+ | margin-top: -0.3125em; } | ||
+ | .dropdown.button.large:before { | ||
+ | border-color: white transparent transparent transparent; } | ||
+ | .dropdown.button.secondary:before { | ||
+ | border-color: #333333 transparent transparent transparent; } | ||
+ | |||
+ | /* Split Buttons */ | ||
+ | .split.button { | ||
+ | position: relative; | ||
+ | padding-right: 4.8em; } | ||
+ | .split.button span { | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | border-left: solid 1px; } | ||
+ | .split.button span:before { | ||
+ | position: absolute; | ||
+ | content: ""; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | display: block; | ||
+ | border-style: inset; | ||
+ | left: 50%; } | ||
+ | .split.button span:active { | ||
+ | background-color: rgba(0, 0, 0, 0.1); } | ||
+ | .split.button span { | ||
+ | border-left-color: #1e728c; } | ||
+ | .split.button span { | ||
+ | width: 3em; } | ||
+ | .split.button span:before { | ||
+ | border-top-style: solid; | ||
+ | border-width: 0.5625em; | ||
+ | top: 1.125em; | ||
+ | margin-left: -0.5625em; } | ||
+ | .split.button span:before { | ||
+ | border-color: white transparent transparent transparent; } | ||
+ | .split.button.secondary span { | ||
+ | border-left-color: #c3c3c3; } | ||
+ | .split.button.secondary span:before { | ||
+ | border-color: white transparent transparent transparent; } | ||
+ | .split.button.alert span { | ||
+ | border-left-color: #7f0a0c; } | ||
+ | .split.button.success span { | ||
+ | border-left-color: #396516; } | ||
+ | .split.button.tiny { | ||
+ | padding-right: 3.9375em; } | ||
+ | .split.button.tiny span { | ||
+ | width: 2.84375em; } | ||
+ | .split.button.tiny span:before { | ||
+ | border-top-style: solid; | ||
+ | border-width: 0.4375em; | ||
+ | top: 0.875em; | ||
+ | margin-left: -0.3125em; } | ||
+ | .split.button.small { | ||
+ | padding-right: 3.9375em; } | ||
+ | .split.button.small span { | ||
+ | width: 2.8125em; } | ||
+ | .split.button.small span:before { | ||
+ | border-top-style: solid; | ||
+ | border-width: 0.5625em; | ||
+ | top: 0.84375em; | ||
+ | margin-left: -0.5625em; } | ||
+ | .split.button.large { | ||
+ | padding-right: 6em; } | ||
+ | .split.button.large span { | ||
+ | width: 3.75em; } | ||
+ | .split.button.large span:before { | ||
+ | border-top-style: solid; | ||
+ | border-width: 0.625em; | ||
+ | top: 1.3125em; | ||
+ | margin-left: -0.5625em; } | ||
+ | .split.button.expand { | ||
+ | padding-left: 2em; } | ||
+ | .split.button.secondary span:before { | ||
+ | border-color: #333333 transparent transparent transparent; } | ||
+ | .split.button.radius span { | ||
+ | -moz-border-radius-topright: 3px; | ||
+ | -moz-border-radius-bottomright: 3px; | ||
+ | -webkit-border-top-right-radius: 3px; | ||
+ | -webkit-border-bottom-right-radius: 3px; | ||
+ | border-top-right-radius: 3px; | ||
+ | border-bottom-right-radius: 3px; } | ||
+ | .split.button.round span { | ||
+ | -moz-border-radius-topright: 1000px; | ||
+ | -moz-border-radius-bottomright: 1000px; | ||
+ | -webkit-border-top-right-radius: 1000px; | ||
+ | -webkit-border-bottom-right-radius: 1000px; | ||
+ | border-top-right-radius: 1000px; | ||
+ | border-bottom-right-radius: 1000px; } | ||
+ | |||
+ | /* Flex Video */ | ||
+ | .flex-video { | ||
+ | position: relative; | ||
+ | padding-top: 1.5625em; | ||
+ | padding-bottom: 67.5%; | ||
+ | height: 0; | ||
+ | margin-bottom: 1em; | ||
+ | overflow: hidden; } | ||
+ | .flex-video.widescreen { | ||
+ | padding-bottom: 57.25%; } | ||
+ | .flex-video.vimeo { | ||
+ | padding-top: 0; } | ||
+ | .flex-video iframe, | ||
+ | .flex-video object, | ||
+ | .flex-video embed, | ||
+ | .flex-video video { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; } | ||
+ | |||
+ | /* Sections */ | ||
+ | [data-section=''], [data-section='auto'], .section-container.auto, | ||
+ | [data-section='vertical-tabs'], .section-container.vertical-tabs, | ||
+ | [data-section='vertical-nav'], .section-container.vertical-nav, | ||
+ | [data-section='horizontal-nav'], .section-container.horizontal-nav, | ||
+ | [data-section='accordion'], .section-container.accordion { | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-bottom: 1.25em; } | ||
+ | [data-section=''][data-section-small-style], [data-section='auto'][data-section-small-style], .section-container.auto[data-section-small-style], | ||
+ | [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style], | ||
+ | [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style], | ||
+ | [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style], | ||
+ | [data-section='accordion'][data-section-small-style], .section-container.accordion[data-section-small-style] { | ||
+ | width: 100% !important; } | ||
+ | [data-section=''][data-section-small-style] > [data-section-region], [data-section=''][data-section-small-style] > section, [data-section=''][data-section-small-style] > .section, [data-section='auto'][data-section-small-style] > [data-section-region], [data-section='auto'][data-section-small-style] > section, [data-section='auto'][data-section-small-style] > .section, .section-container.auto[data-section-small-style] > [data-section-region], .section-container.auto[data-section-small-style] > section, .section-container.auto[data-section-small-style] > .section, | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > section, | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section, | ||
+ | [data-section='vertical-nav'][data-section-small-style] > [data-section-region], | ||
+ | [data-section='vertical-nav'][data-section-small-style] > section, | ||
+ | [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section, | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > section, | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section, | ||
+ | [data-section='accordion'][data-section-small-style] > [data-section-region], | ||
+ | [data-section='accordion'][data-section-small-style] > section, | ||
+ | [data-section='accordion'][data-section-small-style] > .section, .section-container.accordion[data-section-small-style] > [data-section-region], .section-container.accordion[data-section-small-style] > section, .section-container.accordion[data-section-small-style] > .section { | ||
+ | padding: 0 !important; | ||
+ | margin: 0 !important; } | ||
+ | [data-section=''][data-section-small-style] > [data-section-region] > [data-section-title], [data-section=''][data-section-small-style] > [data-section-region] > .title, [data-section=''][data-section-small-style] > section > [data-section-title], [data-section=''][data-section-small-style] > section > .title, [data-section=''][data-section-small-style] > .section > [data-section-title], [data-section=''][data-section-small-style] > .section > .title, [data-section='auto'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='auto'][data-section-small-style] > [data-section-region] > .title, [data-section='auto'][data-section-small-style] > section > [data-section-title], [data-section='auto'][data-section-small-style] > section > .title, [data-section='auto'][data-section-small-style] > .section > [data-section-title], [data-section='auto'][data-section-small-style] > .section > .title, .section-container.auto[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.auto[data-section-small-style] > [data-section-region] > .title, .section-container.auto[data-section-small-style] > section > [data-section-title], .section-container.auto[data-section-small-style] > section > .title, .section-container.auto[data-section-small-style] > .section > [data-section-title], .section-container.auto[data-section-small-style] > .section > .title, | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > section > .title, | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title, | ||
+ | [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], | ||
+ | [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, | ||
+ | [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], | ||
+ | [data-section='vertical-nav'][data-section-small-style] > section > .title, | ||
+ | [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], | ||
+ | [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title, | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > section > .title, | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title, | ||
+ | [data-section='accordion'][data-section-small-style] > [data-section-region] > [data-section-title], | ||
+ | [data-section='accordion'][data-section-small-style] > [data-section-region] > .title, | ||
+ | [data-section='accordion'][data-section-small-style] > section > [data-section-title], | ||
+ | [data-section='accordion'][data-section-small-style] > section > .title, | ||
+ | [data-section='accordion'][data-section-small-style] > .section > [data-section-title], | ||
+ | [data-section='accordion'][data-section-small-style] > .section > .title, .section-container.accordion[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.accordion[data-section-small-style] > [data-section-region] > .title, .section-container.accordion[data-section-small-style] > section > [data-section-title], .section-container.accordion[data-section-small-style] > section > .title, .section-container.accordion[data-section-small-style] > .section > [data-section-title], .section-container.accordion[data-section-small-style] > .section > .title { | ||
+ | width: 100% !important; } | ||
+ | [data-section=''] > section, [data-section=''] > .section, [data-section=''] > [data-section-region], [data-section='auto'] > section, [data-section='auto'] > .section, [data-section='auto'] > [data-section-region], .section-container.auto > section, .section-container.auto > .section, .section-container.auto > [data-section-region], | ||
+ | [data-section='vertical-tabs'] > section, | ||
+ | [data-section='vertical-tabs'] > .section, | ||
+ | [data-section='vertical-tabs'] > [data-section-region], .section-container.vertical-tabs > section, .section-container.vertical-tabs > .section, .section-container.vertical-tabs > [data-section-region], | ||
+ | [data-section='vertical-nav'] > section, | ||
+ | [data-section='vertical-nav'] > .section, | ||
+ | [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region], | ||
+ | [data-section='horizontal-nav'] > section, | ||
+ | [data-section='horizontal-nav'] > .section, | ||
+ | [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region], | ||
+ | [data-section='accordion'] > section, | ||
+ | [data-section='accordion'] > .section, | ||
+ | [data-section='accordion'] > [data-section-region], .section-container.accordion > section, .section-container.accordion > .section, .section-container.accordion > [data-section-region] { | ||
+ | margin: 0; } | ||
+ | [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title, | ||
+ | [data-section='vertical-tabs'] > section > [data-section-title], | ||
+ | [data-section='vertical-tabs'] > section > .title, | ||
+ | [data-section='vertical-tabs'] > .section > [data-section-title], | ||
+ | [data-section='vertical-tabs'] > .section > .title, | ||
+ | [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], | ||
+ | [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title, | ||
+ | [data-section='vertical-nav'] > section > [data-section-title], | ||
+ | [data-section='vertical-nav'] > section > .title, | ||
+ | [data-section='vertical-nav'] > .section > [data-section-title], | ||
+ | [data-section='vertical-nav'] > .section > .title, | ||
+ | [data-section='vertical-nav'] > [data-section-region] > [data-section-title], | ||
+ | [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title, | ||
+ | [data-section='horizontal-nav'] > section > [data-section-title], | ||
+ | [data-section='horizontal-nav'] > section > .title, | ||
+ | [data-section='horizontal-nav'] > .section > [data-section-title], | ||
+ | [data-section='horizontal-nav'] > .section > .title, | ||
+ | [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], | ||
+ | [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title, | ||
+ | [data-section='accordion'] > section > [data-section-title], | ||
+ | [data-section='accordion'] > section > .title, | ||
+ | [data-section='accordion'] > .section > [data-section-title], | ||
+ | [data-section='accordion'] > .section > .title, | ||
+ | [data-section='accordion'] > [data-section-region] > [data-section-title], | ||
+ | [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title { | ||
+ | margin-bottom: 0; } | ||
+ | [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a, | ||
+ | [data-section='vertical-tabs'] > section > [data-section-title] a, | ||
+ | [data-section='vertical-tabs'] > section > .title a, | ||
+ | [data-section='vertical-tabs'] > .section > [data-section-title] a, | ||
+ | [data-section='vertical-tabs'] > .section > .title a, | ||
+ | [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, | ||
+ | [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a, | ||
+ | [data-section='vertical-nav'] > section > [data-section-title] a, | ||
+ | [data-section='vertical-nav'] > section > .title a, | ||
+ | [data-section='vertical-nav'] > .section > [data-section-title] a, | ||
+ | [data-section='vertical-nav'] > .section > .title a, | ||
+ | [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, | ||
+ | [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a, | ||
+ | [data-section='horizontal-nav'] > section > [data-section-title] a, | ||
+ | [data-section='horizontal-nav'] > section > .title a, | ||
+ | [data-section='horizontal-nav'] > .section > [data-section-title] a, | ||
+ | [data-section='horizontal-nav'] > .section > .title a, | ||
+ | [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, | ||
+ | [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a, | ||
+ | [data-section='accordion'] > section > [data-section-title] a, | ||
+ | [data-section='accordion'] > section > .title a, | ||
+ | [data-section='accordion'] > .section > [data-section-title] a, | ||
+ | [data-section='accordion'] > .section > .title a, | ||
+ | [data-section='accordion'] > [data-section-region] > [data-section-title] a, | ||
+ | [data-section='accordion'] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a { | ||
+ | width: 100%; | ||
+ | display: inline-block; | ||
+ | white-space: nowrap; } | ||
+ | [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content, | ||
+ | [data-section='vertical-tabs'] > section > [data-section-content], | ||
+ | [data-section='vertical-tabs'] > section > .content, | ||
+ | [data-section='vertical-tabs'] > .section > [data-section-content], | ||
+ | [data-section='vertical-tabs'] > .section > .content, | ||
+ | [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], | ||
+ | [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content, | ||
+ | [data-section='vertical-nav'] > section > [data-section-content], | ||
+ | [data-section='vertical-nav'] > section > .content, | ||
+ | [data-section='vertical-nav'] > .section > [data-section-content], | ||
+ | [data-section='vertical-nav'] > .section > .content, | ||
+ | [data-section='vertical-nav'] > [data-section-region] > [data-section-content], | ||
+ | [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content, | ||
+ | [data-section='horizontal-nav'] > section > [data-section-content], | ||
+ | [data-section='horizontal-nav'] > section > .content, | ||
+ | [data-section='horizontal-nav'] > .section > [data-section-content], | ||
+ | [data-section='horizontal-nav'] > .section > .content, | ||
+ | [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], | ||
+ | [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content, | ||
+ | [data-section='accordion'] > section > [data-section-content], | ||
+ | [data-section='accordion'] > section > .content, | ||
+ | [data-section='accordion'] > .section > [data-section-content], | ||
+ | [data-section='accordion'] > .section > .content, | ||
+ | [data-section='accordion'] > [data-section-region] > [data-section-content], | ||
+ | [data-section='accordion'] > [data-section-region] > .content, .section-container.accordion > section > [data-section-content], .section-container.accordion > section > .content, .section-container.accordion > .section > [data-section-content], .section-container.accordion > .section > .content, .section-container.accordion > [data-section-region] > [data-section-content], .section-container.accordion > [data-section-region] > .content { | ||
+ | display: none; } | ||
+ | [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content, | ||
+ | [data-section='vertical-tabs'] > section.active > [data-section-content], | ||
+ | [data-section='vertical-tabs'] > section.active > .content, | ||
+ | [data-section='vertical-tabs'] > .section.active > [data-section-content], | ||
+ | [data-section='vertical-tabs'] > .section.active > .content, | ||
+ | [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], | ||
+ | [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content, | ||
+ | [data-section='vertical-nav'] > section.active > [data-section-content], | ||
+ | [data-section='vertical-nav'] > section.active > .content, | ||
+ | [data-section='vertical-nav'] > .section.active > [data-section-content], | ||
+ | [data-section='vertical-nav'] > .section.active > .content, | ||
+ | [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], | ||
+ | [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content, | ||
+ | [data-section='horizontal-nav'] > section.active > [data-section-content], | ||
+ | [data-section='horizontal-nav'] > section.active > .content, | ||
+ | [data-section='horizontal-nav'] > .section.active > [data-section-content], | ||
+ | [data-section='horizontal-nav'] > .section.active > .content, | ||
+ | [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], | ||
+ | [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content, | ||
+ | [data-section='accordion'] > section.active > [data-section-content], | ||
+ | [data-section='accordion'] > section.active > .content, | ||
+ | [data-section='accordion'] > .section.active > [data-section-content], | ||
+ | [data-section='accordion'] > .section.active > .content, | ||
+ | [data-section='accordion'] > [data-section-region].active > [data-section-content], | ||
+ | [data-section='accordion'] > [data-section-region].active > .content, .section-container.accordion > section.active > [data-section-content], .section-container.accordion > section.active > .content, .section-container.accordion > .section.active > [data-section-content], .section-container.accordion > .section.active > .content, .section-container.accordion > [data-section-region].active > [data-section-content], .section-container.accordion > [data-section-region].active > .content { | ||
+ | display: block; } | ||
+ | [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active), | ||
+ | [data-section='vertical-tabs'] > section:not(.active), | ||
+ | [data-section='vertical-tabs'] > .section:not(.active), | ||
+ | [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active), | ||
+ | [data-section='vertical-nav'] > section:not(.active), | ||
+ | [data-section='vertical-nav'] > .section:not(.active), | ||
+ | [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active), | ||
+ | [data-section='horizontal-nav'] > section:not(.active), | ||
+ | [data-section='horizontal-nav'] > .section:not(.active), | ||
+ | [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active), | ||
+ | [data-section='accordion'] > section:not(.active), | ||
+ | [data-section='accordion'] > .section:not(.active), | ||
+ | [data-section='accordion'] > [data-section-region]:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active), .section-container.accordion > [data-section-region]:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title, | ||
+ | [data-section='vertical-tabs'] > section > [data-section-title], | ||
+ | [data-section='vertical-tabs'] > section > .title, | ||
+ | [data-section='vertical-tabs'] > .section > [data-section-title], | ||
+ | [data-section='vertical-tabs'] > .section > .title, | ||
+ | [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], | ||
+ | [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title, | ||
+ | [data-section='vertical-nav'] > section > [data-section-title], | ||
+ | [data-section='vertical-nav'] > section > .title, | ||
+ | [data-section='vertical-nav'] > .section > [data-section-title], | ||
+ | [data-section='vertical-nav'] > .section > .title, | ||
+ | [data-section='vertical-nav'] > [data-section-region] > [data-section-title], | ||
+ | [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title, | ||
+ | [data-section='horizontal-nav'] > section > [data-section-title], | ||
+ | [data-section='horizontal-nav'] > section > .title, | ||
+ | [data-section='horizontal-nav'] > .section > [data-section-title], | ||
+ | [data-section='horizontal-nav'] > .section > .title, | ||
+ | [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], | ||
+ | [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title, | ||
+ | [data-section='accordion'] > section > [data-section-title], | ||
+ | [data-section='accordion'] > section > .title, | ||
+ | [data-section='accordion'] > .section > [data-section-title], | ||
+ | [data-section='accordion'] > .section > .title, | ||
+ | [data-section='accordion'] > [data-section-region] > [data-section-title], | ||
+ | [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title { | ||
+ | width: 100%; } | ||
+ | |||
+ | .section-container.auto, | ||
+ | .section-container.vertical-tabs, | ||
+ | .section-container.vertical-nav, | ||
+ | .section-container.horizontal-nav, | ||
+ | .section-container.accordion { | ||
+ | border-top: 1px solid #cccccc; } | ||
+ | .section-container.auto > section > .title, .section-container.auto > .section > .title, | ||
+ | .section-container.vertical-tabs > section > .title, | ||
+ | .section-container.vertical-tabs > .section > .title, | ||
+ | .section-container.vertical-nav > section > .title, | ||
+ | .section-container.vertical-nav > .section > .title, | ||
+ | .section-container.horizontal-nav > section > .title, | ||
+ | .section-container.horizontal-nav > .section > .title, | ||
+ | .section-container.accordion > section > .title, | ||
+ | .section-container.accordion > .section > .title { | ||
+ | background-color: #efefef; | ||
+ | cursor: pointer; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.auto > section > .title a, .section-container.auto > .section > .title a, | ||
+ | .section-container.vertical-tabs > section > .title a, | ||
+ | .section-container.vertical-tabs > .section > .title a, | ||
+ | .section-container.vertical-nav > section > .title a, | ||
+ | .section-container.vertical-nav > .section > .title a, | ||
+ | .section-container.horizontal-nav > section > .title a, | ||
+ | .section-container.horizontal-nav > .section > .title a, | ||
+ | .section-container.accordion > section > .title a, | ||
+ | .section-container.accordion > .section > .title a { | ||
+ | padding: 0.9375em; | ||
+ | color: #333333; | ||
+ | font-size: 0.875em; | ||
+ | background: none; } | ||
+ | .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover, | ||
+ | .section-container.vertical-tabs > section > .title:hover, | ||
+ | .section-container.vertical-tabs > .section > .title:hover, | ||
+ | .section-container.vertical-nav > section > .title:hover, | ||
+ | .section-container.vertical-nav > .section > .title:hover, | ||
+ | .section-container.horizontal-nav > section > .title:hover, | ||
+ | .section-container.horizontal-nav > .section > .title:hover, | ||
+ | .section-container.accordion > section > .title:hover, | ||
+ | .section-container.accordion > .section > .title:hover { | ||
+ | background-color: #e2e2e2; } | ||
+ | .section-container.auto > section > .content, .section-container.auto > .section > .content, | ||
+ | .section-container.vertical-tabs > section > .content, | ||
+ | .section-container.vertical-tabs > .section > .content, | ||
+ | .section-container.vertical-nav > section > .content, | ||
+ | .section-container.vertical-nav > .section > .content, | ||
+ | .section-container.horizontal-nav > section > .content, | ||
+ | .section-container.horizontal-nav > .section > .content, | ||
+ | .section-container.accordion > section > .content, | ||
+ | .section-container.accordion > .section > .content { | ||
+ | padding: 0.9375em; | ||
+ | background-color: white; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child, | ||
+ | .section-container.vertical-tabs > section > .content > *:last-child, | ||
+ | .section-container.vertical-tabs > .section > .content > *:last-child, | ||
+ | .section-container.vertical-nav > section > .content > *:last-child, | ||
+ | .section-container.vertical-nav > .section > .content > *:last-child, | ||
+ | .section-container.horizontal-nav > section > .content > *:last-child, | ||
+ | .section-container.horizontal-nav > .section > .content > *:last-child, | ||
+ | .section-container.accordion > section > .content > *:last-child, | ||
+ | .section-container.accordion > .section > .content > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child, | ||
+ | .section-container.vertical-tabs > section > .content > *:first-child, | ||
+ | .section-container.vertical-tabs > .section > .content > *:first-child, | ||
+ | .section-container.vertical-nav > section > .content > *:first-child, | ||
+ | .section-container.vertical-nav > .section > .content > *:first-child, | ||
+ | .section-container.horizontal-nav > section > .content > *:first-child, | ||
+ | .section-container.horizontal-nav > .section > .content > *:first-child, | ||
+ | .section-container.accordion > section > .content > *:first-child, | ||
+ | .section-container.accordion > .section > .content > *:first-child { | ||
+ | padding-top: 0; } | ||
+ | .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video), | ||
+ | .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), | ||
+ | .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video), | ||
+ | .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), | ||
+ | .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video), | ||
+ | .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), | ||
+ | .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video), | ||
+ | .section-container.accordion > section > .content > *:last-child:not(.flex-video), | ||
+ | .section-container.accordion > .section > .content > *:last-child:not(.flex-video) { | ||
+ | padding-bottom: 0; } | ||
+ | .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title, | ||
+ | .section-container.vertical-tabs > section.active > .title, | ||
+ | .section-container.vertical-tabs > .section.active > .title, | ||
+ | .section-container.vertical-nav > section.active > .title, | ||
+ | .section-container.vertical-nav > .section.active > .title, | ||
+ | .section-container.horizontal-nav > section.active > .title, | ||
+ | .section-container.horizontal-nav > .section.active > .title, | ||
+ | .section-container.accordion > section.active > .title, | ||
+ | .section-container.accordion > .section.active > .title { | ||
+ | background: #d5d5d5; } | ||
+ | .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a, | ||
+ | .section-container.vertical-tabs > section.active > .title a, | ||
+ | .section-container.vertical-tabs > .section.active > .title a, | ||
+ | .section-container.vertical-nav > section.active > .title a, | ||
+ | .section-container.vertical-nav > .section.active > .title a, | ||
+ | .section-container.horizontal-nav > section.active > .title a, | ||
+ | .section-container.horizontal-nav > .section.active > .title a, | ||
+ | .section-container.accordion > section.active > .title a, | ||
+ | .section-container.accordion > .section.active > .title a { | ||
+ | color: #333333; } | ||
+ | .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), | ||
+ | .section-container.vertical-tabs > section:not(.active), | ||
+ | .section-container.vertical-tabs > .section:not(.active), | ||
+ | .section-container.vertical-nav > section:not(.active), | ||
+ | .section-container.vertical-nav > .section:not(.active), | ||
+ | .section-container.horizontal-nav > section:not(.active), | ||
+ | .section-container.horizontal-nav > .section:not(.active), | ||
+ | .section-container.accordion > section:not(.active), | ||
+ | .section-container.accordion > .section:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | .section-container.auto > section > .title, .section-container.auto > .section > .title, | ||
+ | .section-container.vertical-tabs > section > .title, | ||
+ | .section-container.vertical-tabs > .section > .title, | ||
+ | .section-container.vertical-nav > section > .title, | ||
+ | .section-container.vertical-nav > .section > .title, | ||
+ | .section-container.horizontal-nav > section > .title, | ||
+ | .section-container.horizontal-nav > .section > .title, | ||
+ | .section-container.accordion > section > .title, | ||
+ | .section-container.accordion > .section > .title { | ||
+ | border-top: none; } | ||
+ | |||
+ | [data-section='tabs'], .section-container.tabs { | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-bottom: 1.25em; } | ||
+ | [data-section='tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.tabs:not([data-section-resized]):not([data-section-small-style]) { | ||
+ | visibility: hidden; } | ||
+ | [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title { | ||
+ | margin-bottom: 0; } | ||
+ | [data-section='tabs'] > section > [data-section-title] a, [data-section='tabs'] > section > .title a, [data-section='tabs'] > .section > [data-section-title] a, [data-section='tabs'] > .section > .title a, [data-section='tabs'] > [data-section-region] > [data-section-title] a, [data-section='tabs'] > [data-section-region] > .title a, .section-container.tabs > section > [data-section-title] a, .section-container.tabs > section > .title a, .section-container.tabs > .section > [data-section-title] a, .section-container.tabs > .section > .title a, .section-container.tabs > [data-section-region] > [data-section-title] a, .section-container.tabs > [data-section-region] > .title a { | ||
+ | width: 100%; | ||
+ | display: inline-block; | ||
+ | white-space: nowrap; } | ||
+ | [data-section='tabs'] > section > [data-section-content], [data-section='tabs'] > section > .content, [data-section='tabs'] > .section > [data-section-content], [data-section='tabs'] > .section > .content, [data-section='tabs'] > [data-section-region] > [data-section-content], [data-section='tabs'] > [data-section-region] > .content, .section-container.tabs > section > [data-section-content], .section-container.tabs > section > .content, .section-container.tabs > .section > [data-section-content], .section-container.tabs > .section > .content, .section-container.tabs > [data-section-region] > [data-section-content], .section-container.tabs > [data-section-region] > .content { | ||
+ | display: none; } | ||
+ | [data-section='tabs'] > section.active > [data-section-content], [data-section='tabs'] > section.active > .content, [data-section='tabs'] > .section.active > [data-section-content], [data-section='tabs'] > .section.active > .content, [data-section='tabs'] > [data-section-region].active > [data-section-content], [data-section='tabs'] > [data-section-region].active > .content, .section-container.tabs > section.active > [data-section-content], .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > [data-section-content], .section-container.tabs > .section.active > .content, .section-container.tabs > [data-section-region].active > [data-section-content], .section-container.tabs > [data-section-region].active > .content { | ||
+ | display: block; } | ||
+ | [data-section='tabs'] > section:not(.active), [data-section='tabs'] > .section:not(.active), [data-section='tabs'] > [data-section-region]:not(.active), .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active), .section-container.tabs > [data-section-region]:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title { | ||
+ | width: auto; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; } | ||
+ | |||
+ | .section-container.tabs { | ||
+ | border: none; } | ||
+ | .section-container.tabs > section > .title, .section-container.tabs > .section > .title { | ||
+ | background-color: #efefef; | ||
+ | cursor: pointer; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a { | ||
+ | padding: 0.9375em; | ||
+ | color: #333333; | ||
+ | font-size: 0.875em; | ||
+ | background: none; } | ||
+ | .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover { | ||
+ | background-color: #e2e2e2; } | ||
+ | .section-container.tabs > section > .content, .section-container.tabs > .section > .content { | ||
+ | padding: 0.9375em; | ||
+ | background-color: white; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.tabs > section > .content > *:last-child, .section-container.tabs > .section > .content > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .section-container.tabs > section > .content > *:first-child, .section-container.tabs > .section > .content > *:first-child { | ||
+ | padding-top: 0; } | ||
+ | .section-container.tabs > section > .content > *:last-child:not(.flex-video), .section-container.tabs > .section > .content > *:last-child:not(.flex-video) { | ||
+ | padding-bottom: 0; } | ||
+ | .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { | ||
+ | background: white; } | ||
+ | .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a { | ||
+ | color: #333333; } | ||
+ | .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { | ||
+ | border-bottom: 0; } | ||
+ | |||
+ | @media only screen and (min-width: 768px) { | ||
+ | [data-section=''], [data-section='auto'], .section-container.auto { | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-bottom: 1.25em; } | ||
+ | [data-section='']:not([data-section-resized]):not([data-section-small-style]), [data-section='auto']:not([data-section-resized]):not([data-section-small-style]), .section-container.auto:not([data-section-resized]):not([data-section-small-style]) { | ||
+ | visibility: hidden; } | ||
+ | [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title { | ||
+ | margin-bottom: 0; } | ||
+ | [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a { | ||
+ | width: 100%; | ||
+ | display: inline-block; | ||
+ | white-space: nowrap; } | ||
+ | [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content { | ||
+ | display: none; } | ||
+ | [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content { | ||
+ | display: block; } | ||
+ | [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title { | ||
+ | width: auto; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; } | ||
+ | |||
+ | .section-container.auto { | ||
+ | border: none; } | ||
+ | .section-container.auto > section > .title, .section-container.auto > .section > .title { | ||
+ | background-color: #efefef; | ||
+ | cursor: pointer; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.auto > section > .title a, .section-container.auto > .section > .title a { | ||
+ | padding: 0.9375em; | ||
+ | color: #333333; | ||
+ | font-size: 0.875em; | ||
+ | background: none; } | ||
+ | .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover { | ||
+ | background-color: #e2e2e2; } | ||
+ | .section-container.auto > section > .content, .section-container.auto > .section > .content { | ||
+ | padding: 0.9375em; | ||
+ | background-color: white; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child { | ||
+ | padding-top: 0; } | ||
+ | .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video) { | ||
+ | padding-bottom: 0; } | ||
+ | .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { | ||
+ | background: white; } | ||
+ | .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a { | ||
+ | color: #333333; } | ||
+ | .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { | ||
+ | border-bottom: 0; } | ||
+ | |||
+ | [data-section='vertical-tabs'], .section-container.vertical-tabs { | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-bottom: 1.25em; } | ||
+ | [data-section='vertical-tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-tabs:not([data-section-resized]):not([data-section-small-style]) { | ||
+ | visibility: hidden; } | ||
+ | [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style] { | ||
+ | width: 100% !important; } | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section { | ||
+ | padding: 0 !important; | ||
+ | margin: 0 !important; } | ||
+ | [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title { | ||
+ | width: 100% !important; } | ||
+ | [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title { | ||
+ | margin-bottom: 0; } | ||
+ | [data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a { | ||
+ | width: 100%; | ||
+ | display: inline-block; | ||
+ | white-space: nowrap; } | ||
+ | [data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content { | ||
+ | display: none; } | ||
+ | [data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content { | ||
+ | display: block; } | ||
+ | [data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 12.5em; } | ||
+ | [data-section='vertical-tabs'] > section.active, [data-section='vertical-tabs'] > .section.active, [data-section='vertical-tabs'] > [data-section-region].active, .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active, .section-container.vertical-tabs > [data-section-region].active { | ||
+ | padding-left: 12.5em; } | ||
+ | [data-section='vertical-tabs'] > section.active > [data-section-title], [data-section='vertical-tabs'] > section.active > .title, [data-section='vertical-tabs'] > .section.active > [data-section-title], [data-section='vertical-tabs'] > .section.active > .title, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-title], [data-section='vertical-tabs'] > [data-section-region].active > .title, .section-container.vertical-tabs > section.active > [data-section-title], .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > [data-section-title], .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-tabs > [data-section-region].active > [data-section-title], .section-container.vertical-tabs > [data-section-region].active > .title { | ||
+ | width: 12.5em; } | ||
+ | |||
+ | .section-container.vertical-tabs { | ||
+ | border: none; } | ||
+ | .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title { | ||
+ | background-color: #efefef; | ||
+ | cursor: pointer; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a { | ||
+ | padding: 0.9375em; | ||
+ | color: #333333; | ||
+ | font-size: 0.875em; | ||
+ | background: none; } | ||
+ | .section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover { | ||
+ | background-color: #e2e2e2; } | ||
+ | .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content { | ||
+ | padding: 0.9375em; | ||
+ | background-color: white; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child { | ||
+ | padding-top: 0; } | ||
+ | .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video) { | ||
+ | padding-bottom: 0; } | ||
+ | .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title { | ||
+ | background: #d5d5d5; } | ||
+ | .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a { | ||
+ | color: #333333; } | ||
+ | .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active { | ||
+ | padding-left: 12.4375em; } | ||
+ | .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title { | ||
+ | background-color: #d5d5d5; } | ||
+ | |||
+ | [data-section='vertical-nav'], .section-container.vertical-nav { | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-bottom: 1.25em; } | ||
+ | [data-section='vertical-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-nav:not([data-section-resized]):not([data-section-small-style]) { | ||
+ | visibility: hidden; } | ||
+ | [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style] { | ||
+ | width: 100% !important; } | ||
+ | [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section { | ||
+ | padding: 0 !important; | ||
+ | margin: 0 !important; } | ||
+ | [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title { | ||
+ | width: 100% !important; } | ||
+ | [data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region] { | ||
+ | position: relative; | ||
+ | display: inline-block; } | ||
+ | [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title { | ||
+ | margin-bottom: 0; } | ||
+ | [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a { | ||
+ | width: 100%; | ||
+ | display: inline-block; | ||
+ | white-space: nowrap; } | ||
+ | [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content { | ||
+ | display: none; } | ||
+ | [data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content { | ||
+ | display: block; } | ||
+ | [data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title { | ||
+ | position: static; | ||
+ | width: auto; } | ||
+ | [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a { | ||
+ | display: block; } | ||
+ | [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 999; | ||
+ | min-width: 12.5em; } | ||
+ | |||
+ | .section-container.vertical-nav { | ||
+ | border: none; } | ||
+ | .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title { | ||
+ | background-color: #efefef; | ||
+ | cursor: pointer; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a { | ||
+ | padding: 0.9375em; | ||
+ | color: #333333; | ||
+ | font-size: 0.875em; | ||
+ | background: none; } | ||
+ | .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover { | ||
+ | background-color: #e2e2e2; } | ||
+ | .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content { | ||
+ | padding: 0.9375em; | ||
+ | background-color: white; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child { | ||
+ | padding-top: 0; } | ||
+ | .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video) { | ||
+ | padding-bottom: 0; } | ||
+ | .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title { | ||
+ | background: #d5d5d5; } | ||
+ | .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a { | ||
+ | color: #333333; } | ||
+ | .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | |||
+ | [data-section='horizontal-nav'], .section-container.horizontal-nav { | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-bottom: 1.25em; } | ||
+ | [data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) { | ||
+ | visibility: hidden; } | ||
+ | [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style] { | ||
+ | width: 100% !important; } | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section { | ||
+ | padding: 0 !important; | ||
+ | margin: 0 !important; } | ||
+ | [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title { | ||
+ | width: 100% !important; } | ||
+ | [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region] { | ||
+ | position: relative; | ||
+ | float: left; } | ||
+ | [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title { | ||
+ | margin-bottom: 0; } | ||
+ | [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a { | ||
+ | width: 100%; | ||
+ | display: inline-block; | ||
+ | white-space: nowrap; } | ||
+ | [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content { | ||
+ | display: none; } | ||
+ | [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content { | ||
+ | display: block; } | ||
+ | [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title { | ||
+ | position: static; | ||
+ | width: auto; } | ||
+ | [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a { | ||
+ | display: block; } | ||
+ | [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content { | ||
+ | width: auto; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 999; | ||
+ | min-width: 12.5em; } | ||
+ | |||
+ | .section-container.horizontal-nav { | ||
+ | background: #efefef; | ||
+ | border: 1px solid #cccccc; } | ||
+ | .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title { | ||
+ | background-color: #efefef; | ||
+ | cursor: pointer; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a { | ||
+ | padding: 0.9375em; | ||
+ | color: #333333; | ||
+ | font-size: 0.875em; | ||
+ | background: none; } | ||
+ | .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover { | ||
+ | background-color: #e2e2e2; } | ||
+ | .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content { | ||
+ | padding: 0.9375em; | ||
+ | background-color: white; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child { | ||
+ | padding-top: 0; } | ||
+ | .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video) { | ||
+ | padding-bottom: 0; } | ||
+ | .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title { | ||
+ | background: #d5d5d5; } | ||
+ | .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a { | ||
+ | color: #333333; } | ||
+ | .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active) { | ||
+ | padding: 0 !important; } } | ||
+ | .no-js [data-section], .no-js .section-container { | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-bottom: 1.25em; } | ||
+ | .no-js [data-section][data-section-small-style], .no-js .section-container[data-section-small-style] { | ||
+ | width: 100% !important; } | ||
+ | .no-js [data-section][data-section-small-style] > [data-section-region], .no-js [data-section][data-section-small-style] > section, .no-js [data-section][data-section-small-style] > .section, .no-js .section-container[data-section-small-style] > [data-section-region], .no-js .section-container[data-section-small-style] > section, .no-js .section-container[data-section-small-style] > .section { | ||
+ | padding: 0 !important; | ||
+ | margin: 0 !important; } | ||
+ | .no-js [data-section][data-section-small-style] > [data-section-region] > [data-section-title], .no-js [data-section][data-section-small-style] > [data-section-region] > .title, .no-js [data-section][data-section-small-style] > section > [data-section-title], .no-js [data-section][data-section-small-style] > section > .title, .no-js [data-section][data-section-small-style] > .section > [data-section-title], .no-js [data-section][data-section-small-style] > .section > .title, .no-js .section-container[data-section-small-style] > [data-section-region] > [data-section-title], .no-js .section-container[data-section-small-style] > [data-section-region] > .title, .no-js .section-container[data-section-small-style] > section > [data-section-title], .no-js .section-container[data-section-small-style] > section > .title, .no-js .section-container[data-section-small-style] > .section > [data-section-title], .no-js .section-container[data-section-small-style] > .section > .title { | ||
+ | width: 100% !important; } | ||
+ | .no-js [data-section] > section, .no-js [data-section] > .section, .no-js [data-section] > [data-section-region], .no-js .section-container > section, .no-js .section-container > .section, .no-js .section-container > [data-section-region] { | ||
+ | margin: 0; } | ||
+ | .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title { | ||
+ | margin-bottom: 0; } | ||
+ | .no-js [data-section] > section > [data-section-title] a, .no-js [data-section] > section > .title a, .no-js [data-section] > .section > [data-section-title] a, .no-js [data-section] > .section > .title a, .no-js [data-section] > [data-section-region] > [data-section-title] a, .no-js [data-section] > [data-section-region] > .title a, .no-js .section-container > section > [data-section-title] a, .no-js .section-container > section > .title a, .no-js .section-container > .section > [data-section-title] a, .no-js .section-container > .section > .title a, .no-js .section-container > [data-section-region] > [data-section-title] a, .no-js .section-container > [data-section-region] > .title a { | ||
+ | width: 100%; | ||
+ | display: inline-block; | ||
+ | white-space: nowrap; } | ||
+ | .no-js [data-section] > section > [data-section-content], .no-js [data-section] > section > .content, .no-js [data-section] > .section > [data-section-content], .no-js [data-section] > .section > .content, .no-js [data-section] > [data-section-region] > [data-section-content], .no-js [data-section] > [data-section-region] > .content, .no-js .section-container > section > [data-section-content], .no-js .section-container > section > .content, .no-js .section-container > .section > [data-section-content], .no-js .section-container > .section > .content, .no-js .section-container > [data-section-region] > [data-section-content], .no-js .section-container > [data-section-region] > .content { | ||
+ | display: none; } | ||
+ | .no-js [data-section] > section.active > [data-section-content], .no-js [data-section] > section.active > .content, .no-js [data-section] > .section.active > [data-section-content], .no-js [data-section] > .section.active > .content, .no-js [data-section] > [data-section-region].active > [data-section-content], .no-js [data-section] > [data-section-region].active > .content, .no-js .section-container > section.active > [data-section-content], .no-js .section-container > section.active > .content, .no-js .section-container > .section.active > [data-section-content], .no-js .section-container > .section.active > .content, .no-js .section-container > [data-section-region].active > [data-section-content], .no-js .section-container > [data-section-region].active > .content { | ||
+ | display: block; } | ||
+ | .no-js [data-section] > section:not(.active), .no-js [data-section] > .section:not(.active), .no-js [data-section] > [data-section-region]:not(.active), .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active), .no-js .section-container > [data-section-region]:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title { | ||
+ | width: 100%; } | ||
+ | .no-js .section-container { | ||
+ | border-top: 1px solid #cccccc; } | ||
+ | .no-js .section-container > section > .title, .no-js .section-container > .section > .title { | ||
+ | background-color: #efefef; | ||
+ | cursor: pointer; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .no-js .section-container > section > .title a, .no-js .section-container > .section > .title a { | ||
+ | padding: 0.9375em; | ||
+ | color: #333333; | ||
+ | font-size: 0.875em; | ||
+ | background: none; } | ||
+ | .no-js .section-container > section > .title:hover, .no-js .section-container > .section > .title:hover { | ||
+ | background-color: #e2e2e2; } | ||
+ | .no-js .section-container > section > .content, .no-js .section-container > .section > .content { | ||
+ | padding: 0.9375em; | ||
+ | background-color: white; | ||
+ | border: solid 1px #cccccc; } | ||
+ | .no-js .section-container > section > .content > *:last-child, .no-js .section-container > .section > .content > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .no-js .section-container > section > .content > *:first-child, .no-js .section-container > .section > .content > *:first-child { | ||
+ | padding-top: 0; } | ||
+ | .no-js .section-container > section > .content > *:last-child:not(.flex-video), .no-js .section-container > .section > .content > *:last-child:not(.flex-video) { | ||
+ | padding-bottom: 0; } | ||
+ | .no-js .section-container > section.active > .title, .no-js .section-container > .section.active > .title { | ||
+ | background: #d5d5d5; } | ||
+ | .no-js .section-container > section.active > .title a, .no-js .section-container > .section.active > .title a { | ||
+ | color: #333333; } | ||
+ | .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active) { | ||
+ | padding: 0 !important; } | ||
+ | .no-js .section-container > section > .title, .no-js .section-container > .section > .title { | ||
+ | border-top: none; } | ||
/* Wrapped around .top-bar to contain to grid width */ | /* Wrapped around .top-bar to contain to grid width */ | ||
Line 1,178: | Line 3,001: | ||
display: block; } | display: block; } | ||
+ | @media only screen and (min-width: 58.75em) { | ||
+ | .top-bar { | ||
+ | background: #cee163; | ||
+ | *zoom: 1; | ||
+ | overflow: visible; } | ||
+ | .top-bar:before, .top-bar:after { | ||
+ | content: " "; | ||
+ | display: table; } | ||
+ | .top-bar:after { | ||
+ | clear: both; } | ||
+ | .top-bar .toggle-topbar { | ||
+ | display: none; } | ||
+ | .top-bar .title-area { | ||
+ | float: left; } | ||
+ | .top-bar .name h1 a { | ||
+ | width: auto; } | ||
+ | .top-bar input, | ||
+ | .top-bar .button { | ||
+ | line-height: 2em; | ||
+ | font-size: 0.875em; | ||
+ | height: 2em; | ||
+ | padding: 0 10px; | ||
+ | position: relative; | ||
+ | top: 8px; } | ||
+ | .top-bar.expanded { | ||
+ | background: #cee163; } | ||
+ | .contain-to-grid .top-bar { | ||
+ | max-width: 62.5em; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom: 1.875em; } | ||
+ | .top-bar-section { | ||
+ | -webkit-transition: none 0 0; | ||
+ | -moz-transition: none 0 0; | ||
+ | transition: none 0 0; | ||
+ | left: 0 !important; } | ||
+ | .top-bar-section ul { | ||
+ | width: auto; | ||
+ | height: auto !important; | ||
+ | display: inline; } | ||
+ | .top-bar-section ul li { | ||
+ | float: left; } | ||
+ | .top-bar-section ul li .js-generated { | ||
+ | display: none; } | ||
+ | .top-bar-section li a:not(.button) { | ||
+ | padding: 0 15px; | ||
+ | line-height: 45px; | ||
+ | background: #cee163; } | ||
+ | .top-bar-section li a:not(.button).hover { | ||
+ | background: black; } | ||
+ | .top-bar-section .has-dropdown > a { | ||
+ | padding-right: 35px !important; } | ||
+ | .top-bar-section .has-dropdown > a:after { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: inset 5px; | ||
+ | border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; | ||
+ | border-top-style: solid; | ||
+ | margin-top: -2.5px; | ||
+ | top: 22.5px; } | ||
+ | .top-bar-section .has-dropdown.moved { | ||
+ | position: relative; } | ||
+ | .top-bar-section .has-dropdown.moved > .dropdown { | ||
+ | visibility: hidden; } | ||
+ | .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { | ||
+ | visibility: visible; } | ||
+ | .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { | ||
+ | border: none; | ||
+ | content: "\00bb"; | ||
+ | margin-top: -16px; | ||
+ | right: 5px; } | ||
+ | .top-bar-section .dropdown { | ||
+ | left: 0; | ||
+ | top: auto; | ||
+ | background: transparent; | ||
+ | min-width: 100%; } | ||
+ | .top-bar-section .dropdown li a { | ||
+ | color: white; | ||
+ | line-height: 1; | ||
+ | white-space: nowrap; | ||
+ | padding: 7px 15px; | ||
+ | background: #1e1e1e; } | ||
+ | .top-bar-section .dropdown li label { | ||
+ | white-space: nowrap; | ||
+ | background: #1e1e1e; } | ||
+ | .top-bar-section .dropdown li .dropdown { | ||
+ | left: 100%; | ||
+ | top: 0; } | ||
+ | .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { | ||
+ | border-bottom: none; | ||
+ | border-top: none; | ||
+ | |||
+ | clear: none; | ||
+ | height: 45px; | ||
+ | width: 0px; } | ||
+ | .top-bar-section .has-form { | ||
+ | background: #cee163; | ||
+ | padding: 0 15px; | ||
+ | height: 45px; } | ||
+ | .top-bar-section ul.right li .dropdown { | ||
+ | left: auto; | ||
+ | right: 0; } | ||
+ | .top-bar-section ul.right li .dropdown li .dropdown { | ||
+ | right: 100%; } | ||
+ | |||
+ | .no-js .top-bar-section ul li:hover > a { | ||
+ | background: #090909; | ||
+ | color: white; } | ||
+ | .no-js .top-bar-section ul li:active > a { | ||
+ | background: #090909; | ||
+ | color: white; } | ||
+ | .no-js .top-bar-section .has-dropdown:hover > .dropdown { | ||
+ | visibility: visible; } } | ||
+ | @-webkit-keyframes rotate { | ||
+ | from { | ||
+ | -webkit-transform: rotate(0deg); } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: rotate(360deg); } } | ||
+ | |||
+ | @-moz-keyframes rotate { | ||
+ | from { | ||
+ | -webkit-transform: rotate(0deg); } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: rotate(360deg); } } | ||
+ | |||
+ | @-o-keyframes rotate { | ||
+ | from { | ||
+ | -webkit-transform: rotate(0deg); } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: rotate(360deg); } } | ||
+ | |||
+ | @keyframes rotate { | ||
+ | from { | ||
+ | -webkit-transform: rotate(0deg); } | ||
+ | |||
+ | to { | ||
+ | -webkit-transform: rotate(360deg); } } | ||
+ | |||
+ | /* Orbit Graceful Loading */ | ||
+ | .slideshow-wrapper { | ||
+ | position: relative; } | ||
+ | .slideshow-wrapper ul { | ||
+ | list-style-type: none; | ||
+ | margin: 0; } | ||
+ | .slideshow-wrapper ul li, | ||
+ | .slideshow-wrapper ul li .orbit-caption { | ||
+ | display: none; } | ||
+ | .slideshow-wrapper ul li:first-child { | ||
+ | display: block; } | ||
+ | .slideshow-wrapper .orbit-container { | ||
+ | background-color: transparent; } | ||
+ | .slideshow-wrapper .orbit-container li { | ||
+ | display: block; } | ||
+ | .slideshow-wrapper .orbit-container li .orbit-caption { | ||
+ | display: block; } | ||
+ | |||
+ | .preloader { | ||
+ | display: block; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | margin-top: -20px; | ||
+ | margin-left: -20px; | ||
+ | border: solid 3px; | ||
+ | border-color: #555 #fff; | ||
+ | -webkit-border-radius: 1000px; | ||
+ | border-radius: 1000px; | ||
+ | -webkit-animation-name: rotate; | ||
+ | -webkit-animation-duration: 1.5s; | ||
+ | -webkit-animation-iteration-count: infinite; | ||
+ | -webkit-animation-timing-function: linear; | ||
+ | -moz-animation-name: rotate; | ||
+ | -moz-animation-duration: 1.5s; | ||
+ | -moz-animation-iteration-count: infinite; | ||
+ | -moz-animation-timing-function: linear; | ||
+ | -o-animation-name: rotate; | ||
+ | -o-animation-duration: 1.5s; | ||
+ | -o-animation-iteration-count: infinite; | ||
+ | -o-animation-timing-function: linear; | ||
+ | animation-name: rotate; | ||
+ | animation-duration: 1.5s; | ||
+ | animation-iteration-count: infinite; | ||
+ | animation-timing-function: linear; } | ||
+ | |||
+ | .orbit-container { | ||
+ | overflow: hidden; | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | background: whitesmoke; } | ||
+ | .orbit-container .orbit-slides-container { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: relative; } | ||
+ | .orbit-container .orbit-slides-container img { | ||
+ | display: block; | ||
+ | max-width: 100%; } | ||
+ | .orbit-container .orbit-slides-container > * { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | margin-left: 100%; } | ||
+ | .orbit-container .orbit-slides-container > *:first-child { | ||
+ | margin-left: 0%; } | ||
+ | .orbit-container .orbit-slides-container > * .orbit-caption { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | background-color: black; | ||
+ | background-color: rgba(0, 0, 0, 0.6); | ||
+ | color: white; | ||
+ | width: 100%; | ||
+ | padding: 10px 14px; | ||
+ | font-size: 0.875em; } | ||
+ | .orbit-container .orbit-slide-number { | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | left: 10px; | ||
+ | font-size: 12px; | ||
+ | color: white; | ||
+ | background: rgba(0, 0, 0, 0); | ||
+ | z-index: 10; } | ||
+ | .orbit-container .orbit-slide-number span { | ||
+ | font-weight: 700; | ||
+ | padding: 0.3125em; } | ||
+ | .orbit-container .orbit-timer { | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | right: 10px; | ||
+ | height: 6px; | ||
+ | width: 100px; | ||
+ | z-index: 10; } | ||
+ | .orbit-container .orbit-timer .orbit-progress { | ||
+ | height: 100%; | ||
+ | background-color: black; | ||
+ | background-color: rgba(0, 0, 0, 0.6); | ||
+ | display: block; | ||
+ | width: 0%; } | ||
+ | .orbit-container .orbit-timer > span { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | right: 0px; | ||
+ | width: 11px; | ||
+ | height: 14px; | ||
+ | border: solid 4px #000; | ||
+ | border-top: none; | ||
+ | border-bottom: none; } | ||
+ | .orbit-container .orbit-timer.paused > span { | ||
+ | right: -6px; | ||
+ | top: 9px; | ||
+ | width: 11px; | ||
+ | height: 14px; | ||
+ | border: inset 8px; | ||
+ | border-right-style: solid; | ||
+ | border-color: transparent transparent transparent #000; } | ||
+ | .orbit-container:hover .orbit-timer > span { | ||
+ | display: block; } | ||
+ | .orbit-container .orbit-prev, | ||
+ | .orbit-container .orbit-next { | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | margin-top: -25px; | ||
+ | background-color: black; | ||
+ | background-color: rgba(0, 0, 0, 0.6); | ||
+ | width: 50px; | ||
+ | height: 60px; | ||
+ | line-height: 50px; | ||
+ | color: white; | ||
+ | text-indent: -9999px !important; | ||
+ | z-index: 10; } | ||
+ | .orbit-container .orbit-prev > span, | ||
+ | .orbit-container .orbit-next > span { | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | margin-top: -16px; | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: inset 16px; } | ||
+ | .orbit-container .orbit-prev { | ||
+ | left: 0; } | ||
+ | .orbit-container .orbit-prev > span { | ||
+ | border-right-style: solid; | ||
+ | border-color: transparent; | ||
+ | border-right-color: #fff; } | ||
+ | .orbit-container .orbit-prev:hover > span { | ||
+ | border-right-color: #ccc; } | ||
+ | .orbit-container .orbit-next { | ||
+ | right: 0; } | ||
+ | .orbit-container .orbit-next > span { | ||
+ | border-color: transparent; | ||
+ | border-left-style: solid; | ||
+ | border-left-color: #fff; | ||
+ | left: 50%; | ||
+ | margin-left: -8px; } | ||
+ | .orbit-container .orbit-next:hover > span { | ||
+ | border-left-color: #ccc; } | ||
+ | |||
+ | .orbit-bullets { | ||
+ | margin: 0 auto 30px auto; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | top: 10px; } | ||
+ | .orbit-bullets li { | ||
+ | display: block; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | background: #999999; | ||
+ | float: left; | ||
+ | margin-right: 6px; | ||
+ | border: solid 1px #555555; | ||
+ | -webkit-border-radius: 1000px; | ||
+ | border-radius: 1000px; } | ||
+ | .orbit-bullets li.active { | ||
+ | background: #555555; } | ||
+ | .orbit-bullets li:last-child { | ||
+ | margin-right: 0; } | ||
+ | |||
+ | .touch .orbit-container .orbit-prev, | ||
+ | .touch .orbit-container .orbit-next { | ||
+ | display: none; } | ||
+ | .touch .orbit-bullets { | ||
+ | display: none; } | ||
+ | |||
+ | @media only screen and (min-width: 768px) { | ||
+ | .touch .orbit-container .orbit-prev, | ||
+ | .touch .orbit-container .orbit-next { | ||
+ | display: inherit; } | ||
+ | .touch .orbit-bullets { | ||
+ | display: block; } } | ||
+ | @media only screen and (max-width: 768px) { | ||
+ | .orbit-stack-on-small .orbit-slides-container { | ||
+ | height: auto !important; } | ||
+ | .orbit-stack-on-small .orbit-slides-container > * { | ||
+ | position: relative; | ||
+ | margin-left: 0% !important; } | ||
+ | .orbit-stack-on-small .orbit-timer, | ||
+ | .orbit-stack-on-small .orbit-next, | ||
+ | .orbit-stack-on-small .orbit-prev, | ||
+ | .orbit-stack-on-small .orbit-bullets { | ||
+ | display: none; } } | ||
+ | .reveal-modal-bg { | ||
+ | position: fixed; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | background: black; | ||
+ | background: rgba(0, 0, 0, 0.45); | ||
+ | z-index: 98; | ||
+ | display: none; | ||
+ | top: 0; | ||
+ | left: 0; } | ||
+ | |||
+ | .reveal-modal { | ||
+ | visibility: hidden; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | z-index: 99; | ||
+ | height: auto; | ||
+ | margin-left: -40%; | ||
+ | width: 80%; | ||
+ | background-color: white; | ||
+ | padding: 1.25em; | ||
+ | border: solid 1px #666666; | ||
+ | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); | ||
+ | box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); | ||
+ | top: 50px; } | ||
+ | .reveal-modal .column, | ||
+ | .reveal-modal .columns { | ||
+ | min-width: 0; } | ||
+ | .reveal-modal > :first-child { | ||
+ | margin-top: 0; } | ||
+ | .reveal-modal > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .reveal-modal .close-reveal-modal { | ||
+ | font-size: 1.375em; | ||
+ | line-height: 1; | ||
+ | position: absolute; | ||
+ | top: 0.5em; | ||
+ | right: 0.6875em; | ||
+ | color: #aaaaaa; | ||
+ | font-weight: bold; | ||
+ | cursor: pointer; } | ||
+ | |||
+ | @media only screen and (min-width: 768px) { | ||
+ | .reveal-modal { | ||
+ | padding: 1.875em; | ||
+ | top: 6.25em; } | ||
+ | .reveal-modal.tiny { | ||
+ | margin-left: -15%; | ||
+ | width: 30%; } | ||
+ | .reveal-modal.small { | ||
+ | margin-left: -20%; | ||
+ | width: 40%; } | ||
+ | .reveal-modal.medium { | ||
+ | margin-left: -30%; | ||
+ | width: 60%; } | ||
+ | .reveal-modal.large { | ||
+ | margin-left: -35%; | ||
+ | width: 70%; } | ||
+ | .reveal-modal.xlarge { | ||
+ | margin-left: -47.5%; | ||
+ | width: 95%; } } | ||
+ | @media print { | ||
+ | .reveal-modal { | ||
+ | background: #fff !important; } } | ||
+ | /* Foundation Joyride */ | ||
+ | .joyride-list { | ||
+ | display: none; } | ||
+ | |||
+ | /* Default styles for the container */ | ||
+ | .joyride-tip-guide { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background: black; | ||
+ | color: white; | ||
+ | z-index: 101; | ||
+ | top: 0; | ||
+ | left: 2.5%; | ||
+ | font-family: inherit; | ||
+ | font-weight: normal; | ||
+ | width: 95%; } | ||
+ | |||
+ | .lt-ie9 .joyride-tip-guide { | ||
+ | max-width: 800px; | ||
+ | left: 50%; | ||
+ | margin-left: -400px; } | ||
+ | |||
+ | .joyride-content-wrapper { | ||
+ | width: 100%; | ||
+ | padding: 1.125em 1.25em 1.5em; } | ||
+ | .joyride-content-wrapper .button { | ||
+ | margin-bottom: 0 !important; } | ||
+ | |||
+ | /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ | ||
+ | .joyride-tip-guide .joyride-nub { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | left: 22px; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: inset 14px; } | ||
+ | .joyride-tip-guide .joyride-nub.top { | ||
+ | border-top-style: solid; | ||
+ | border-color: black; | ||
+ | border-top-color: transparent !important; | ||
+ | border-left-color: transparent !important; | ||
+ | border-right-color: transparent !important; | ||
+ | top: -28px; } | ||
+ | .joyride-tip-guide .joyride-nub.bottom { | ||
+ | border-bottom-style: solid; | ||
+ | border-color: black !important; | ||
+ | border-bottom-color: transparent !important; | ||
+ | border-left-color: transparent !important; | ||
+ | border-right-color: transparent !important; | ||
+ | bottom: -28px; } | ||
+ | .joyride-tip-guide .joyride-nub.right { | ||
+ | right: -28px; } | ||
+ | .joyride-tip-guide .joyride-nub.left { | ||
+ | left: -28px; } | ||
+ | |||
+ | /* Typography */ | ||
+ | .joyride-tip-guide h1, | ||
+ | .joyride-tip-guide h2, | ||
+ | .joyride-tip-guide h3, | ||
+ | .joyride-tip-guide h4, | ||
+ | .joyride-tip-guide h5, | ||
+ | .joyride-tip-guide h6 { | ||
+ | line-height: 1.25; | ||
+ | margin: 0; | ||
+ | font-weight: bold; | ||
+ | color: white; } | ||
+ | |||
+ | .joyride-tip-guide p { | ||
+ | margin: 0 0 1.125em 0; | ||
+ | font-size: 0.875em; | ||
+ | line-height: 1.3; } | ||
+ | |||
+ | .joyride-timer-indicator-wrap { | ||
+ | width: 50px; | ||
+ | height: 3px; | ||
+ | border: solid 1px #555555; | ||
+ | position: absolute; | ||
+ | right: 1.0625em; | ||
+ | bottom: 1em; } | ||
+ | |||
+ | .joyride-timer-indicator { | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: inherit; | ||
+ | background: #666666; } | ||
+ | |||
+ | .joyride-close-tip { | ||
+ | position: absolute; | ||
+ | right: 12px; | ||
+ | top: 10px; | ||
+ | color: #777777 !important; | ||
+ | text-decoration: none; | ||
+ | font-size: 30px; | ||
+ | font-weight: normal; | ||
+ | line-height: .5 !important; } | ||
+ | .joyride-close-tip:hover, .joyride-close-tip:focus { | ||
+ | color: #eee !important; } | ||
+ | |||
+ | .joyride-modal-bg { | ||
+ | position: fixed; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | background: transparent; | ||
+ | background: rgba(0, 0, 0, 0.5); | ||
+ | z-index: 100; | ||
+ | display: none; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | cursor: pointer; } | ||
+ | |||
+ | .joyride-expose-wrapper { | ||
+ | background-color: #ffffff; | ||
+ | position: absolute; | ||
+ | border-radius: 3px; | ||
+ | z-index: 102; | ||
+ | -moz-box-shadow: 0px 0px 30px #ffffff; | ||
+ | -webkit-box-shadow: 0px 0px 15px #ffffff; | ||
+ | box-shadow: 0px 0px 15px #ffffff; } | ||
+ | |||
+ | .joyride-expose-cover { | ||
+ | background: transparent; | ||
+ | border-radius: 3px; | ||
+ | position: absolute; | ||
+ | z-index: 9999; | ||
+ | top: 0px; | ||
+ | left: 0px; } | ||
+ | |||
+ | /* Styles for screens that are atleast 768px; */ | ||
+ | @media only screen and (min-width: 768px) { | ||
+ | .joyride-tip-guide { | ||
+ | width: 300px; | ||
+ | left: inherit; } | ||
+ | .joyride-tip-guide .joyride-nub.bottom { | ||
+ | border-color: black !important; | ||
+ | border-bottom-color: transparent !important; | ||
+ | border-left-color: transparent !important; | ||
+ | border-right-color: transparent !important; | ||
+ | bottom: -28px; } | ||
+ | .joyride-tip-guide .joyride-nub.right { | ||
+ | border-color: black !important; | ||
+ | border-top-color: transparent !important; | ||
+ | border-right-color: transparent !important; | ||
+ | border-bottom-color: transparent !important; | ||
+ | top: 22px; | ||
+ | left: auto; | ||
+ | right: -28px; } | ||
+ | .joyride-tip-guide .joyride-nub.left { | ||
+ | border-color: black !important; | ||
+ | border-top-color: transparent !important; | ||
+ | border-left-color: transparent !important; | ||
+ | border-bottom-color: transparent !important; | ||
+ | top: 22px; | ||
+ | left: -28px; | ||
+ | right: auto; } } | ||
/* Clearing Styles */ | /* Clearing Styles */ | ||
[data-clearing] { | [data-clearing] { | ||
Line 1,337: | Line 3,726: | ||
right: 20px; | right: 20px; | ||
padding-left: 0; | padding-left: 0; | ||
- | padding-top: 0; } | + | padding-top: 0; } } |
+ | /* Foundation Alerts */ | ||
+ | .alert-box { | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | display: block; | ||
+ | font-weight: bold; | ||
+ | margin-bottom: 1.25em; | ||
+ | position: relative; | ||
+ | padding: 0.6875em 1.3125em 0.75em 0.6875em; | ||
+ | font-size: 0.875em; | ||
+ | background-color: #2ba6cb; | ||
+ | border-color: #2284a1; | ||
+ | color: white; } | ||
+ | .alert-box .close { | ||
+ | font-size: 1.375em; | ||
+ | padding: 5px 4px 4px; | ||
+ | line-height: 0; | ||
+ | position: absolute; | ||
+ | top: 0.4375em; | ||
+ | right: 0.3125em; | ||
+ | color: #333333; | ||
+ | opacity: 0.3; } | ||
+ | .alert-box .close:hover, .alert-box .close:focus { | ||
+ | opacity: 0.5; } | ||
+ | .alert-box.radius { | ||
+ | -webkit-border-radius: 3px; | ||
+ | border-radius: 3px; } | ||
+ | .alert-box.round { | ||
+ | -webkit-border-radius: 1000px; | ||
+ | border-radius: 1000px; } | ||
+ | .alert-box.success { | ||
+ | background-color: #5da423; | ||
+ | border-color: #457a1a; | ||
+ | color: white; } | ||
+ | .alert-box.alert { | ||
+ | background-color: #c60f13; | ||
+ | border-color: #970b0e; | ||
+ | color: white; } | ||
+ | .alert-box.secondary { | ||
+ | background-color: #e9e9e9; | ||
+ | border-color: #d0d0d0; | ||
+ | color: #505050; } | ||
/* Breadcrumbs */ | /* Breadcrumbs */ | ||
Line 1,389: | Line 3,820: | ||
content: " "; | content: " "; | ||
margin: 0; } | margin: 0; } | ||
+ | |||
+ | /* Custom Checkbox and Radio Inputs */ | ||
+ | form.custom .hidden-field { | ||
+ | margin-left: -99999px; | ||
+ | position: absolute; | ||
+ | visibility: hidden; } | ||
+ | form.custom .custom { | ||
+ | display: inline-block; | ||
+ | width: 16px; | ||
+ | height: 16px; | ||
+ | position: relative; | ||
+ | top: -1px; | ||
+ | /* fix centering issue */ | ||
+ | vertical-align: middle; | ||
+ | border: solid 1px #cccccc; | ||
+ | background: white; } | ||
+ | form.custom .custom.checkbox { | ||
+ | -webkit-border-radius: 0px; | ||
+ | border-radius: 0px; | ||
+ | padding: -1px; } | ||
+ | form.custom .custom.radio { | ||
+ | -webkit-border-radius: 1000px; | ||
+ | border-radius: 1000px; | ||
+ | padding: 3px; } | ||
+ | form.custom .custom.checkbox:before { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | font-size: 16px; | ||
+ | color: white; } | ||
+ | form.custom .custom.radio.checked:before { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | width: 8px; | ||
+ | height: 8px; | ||
+ | -webkit-border-radius: 1000px; | ||
+ | border-radius: 1000px; | ||
+ | background: #222222; | ||
+ | position: relative; } | ||
+ | form.custom .custom.checkbox.checked:before { | ||
+ | content: "\00d7"; | ||
+ | color: #222222; | ||
+ | position: absolute; | ||
+ | top: -50%; | ||
+ | left: 50%; | ||
+ | margin-top: 4px; | ||
+ | margin-left: -5px; } | ||
/* Custom Select Options and Dropdowns */ | /* Custom Select Options and Dropdowns */ | ||
Line 1,541: | Line 4,018: | ||
form.custom .custom.disabled { | form.custom .custom.disabled { | ||
background: #dddddd; } | background: #dddddd; } | ||
+ | |||
+ | /* Keystroke Characters */ | ||
+ | .keystroke, | ||
+ | kbd { | ||
+ | background-color: #ededed; | ||
+ | border-color: #dbdbdb; | ||
+ | color: #222222; | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | margin: 0; | ||
+ | font-family: "Consolas", "Menlo", "Courier", monospace; | ||
+ | font-size: 0.875em; | ||
+ | padding: 0.125em 0.25em 0; | ||
+ | -webkit-border-radius: 3px; | ||
+ | border-radius: 3px; } | ||
/* Labels */ | /* Labels */ | ||
Line 1,669: | Line 4,161: | ||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
border-radius: 3px; } | border-radius: 3px; } | ||
+ | |||
+ | /* Pricing Tables */ | ||
+ | .pricing-table { | ||
+ | border: solid 1px #dddddd; | ||
+ | margin-left: 0; | ||
+ | margin-bottom: 1.25em; } | ||
+ | .pricing-table * { | ||
+ | list-style: none; | ||
+ | line-height: 1; } | ||
+ | .pricing-table .title { | ||
+ | background-color: #dddddd; | ||
+ | padding: 0.9375em 1.25em; | ||
+ | text-align: center; | ||
+ | color: #333333; | ||
+ | font-weight: bold; | ||
+ | font-size: 1em; } | ||
+ | .pricing-table .price { | ||
+ | background-color: #eeeeee; | ||
+ | padding: 0.9375em 1.25em; | ||
+ | text-align: center; | ||
+ | color: #333333; | ||
+ | font-weight: normal; | ||
+ | font-size: 1.25em; } | ||
+ | .pricing-table .description { | ||
+ | background-color: white; | ||
+ | padding: 0.9375em; | ||
+ | text-align: center; | ||
+ | color: #777777; | ||
+ | font-size: 0.75em; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.4; | ||
+ | border-bottom: dotted 1px #dddddd; } | ||
+ | .pricing-table .bullet-item { | ||
+ | background-color: white; | ||
+ | padding: 0.9375em; | ||
+ | text-align: center; | ||
+ | color: #333333; | ||
+ | font-size: 0.875em; | ||
+ | font-weight: normal; | ||
+ | border-bottom: dotted 1px #dddddd; } | ||
+ | .pricing-table .cta-button { | ||
+ | background-color: whitesmoke; | ||
+ | text-align: center; | ||
+ | padding: 1.25em 1.25em 0; } | ||
+ | |||
+ | /* Progress Bar */ | ||
+ | .progress { | ||
+ | background-color: transparent; | ||
+ | height: 1.5625em; | ||
+ | border: 1px solid #cccccc; | ||
+ | padding: 0.125em; | ||
+ | margin-bottom: 0.625em; } | ||
+ | .progress .meter { | ||
+ | background: #2ba6cb; | ||
+ | height: 100%; | ||
+ | display: block; } | ||
+ | .progress.secondary .meter { | ||
+ | background: #e9e9e9; | ||
+ | height: 100%; | ||
+ | display: block; } | ||
+ | .progress.success .meter { | ||
+ | background: #5da423; | ||
+ | height: 100%; | ||
+ | display: block; } | ||
+ | .progress.alert .meter { | ||
+ | background: #c60f13; | ||
+ | height: 100%; | ||
+ | display: block; } | ||
+ | .progress.radius { | ||
+ | -webkit-border-radius: 3px; | ||
+ | border-radius: 3px; } | ||
+ | .progress.radius .meter { | ||
+ | -webkit-border-radius: 2px; | ||
+ | border-radius: 2px; } | ||
+ | .progress.round { | ||
+ | -webkit-border-radius: 1000px; | ||
+ | border-radius: 1000px; } | ||
+ | .progress.round .meter { | ||
+ | -webkit-border-radius: 999px; | ||
+ | border-radius: 999px; } | ||
/* Side Nav */ | /* Side Nav */ | ||
Line 1,944: | Line 4,516: | ||
a.th { | a.th { | ||
display: inline-block; } | display: inline-block; } | ||
+ | |||
+ | /* Tooltips */ | ||
+ | .has-tip { | ||
+ | border-bottom: dotted 1px #cccccc; | ||
+ | cursor: help; | ||
+ | font-weight: bold; | ||
+ | color: #333333; } | ||
+ | .has-tip:hover, .has-tip:focus { | ||
+ | border-bottom: dotted 1px #196177; | ||
+ | color: #2ba6cb; } | ||
+ | .has-tip.tip-left, .has-tip.tip-right { | ||
+ | float: none !important; } | ||
+ | |||
+ | .tooltip { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | z-index: 999; | ||
+ | font-weight: bold; | ||
+ | font-size: 0.9375em; | ||
+ | line-height: 1.3; | ||
+ | padding: 0.5em; | ||
+ | max-width: 85%; | ||
+ | left: 50%; | ||
+ | width: 100%; | ||
+ | color: white; | ||
+ | background: black; | ||
+ | -webkit-border-radius: 3px; | ||
+ | border-radius: 3px; } | ||
+ | .tooltip > .nub { | ||
+ | display: block; | ||
+ | left: 5px; | ||
+ | position: absolute; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: solid 5px; | ||
+ | border-color: transparent transparent black transparent; | ||
+ | top: -10px; } | ||
+ | .tooltip.opened { | ||
+ | color: #2ba6cb !important; | ||
+ | border-bottom: dotted 1px #196177 !important; } | ||
+ | |||
+ | .tap-to-close { | ||
+ | display: block; | ||
+ | font-size: 0.625em; | ||
+ | color: #888888; | ||
+ | font-weight: normal; } | ||
+ | |||
+ | @media only screen and (min-width: 768px) { | ||
+ | .tooltip > .nub { | ||
+ | border-color: transparent transparent black transparent; | ||
+ | top: -10px; } | ||
+ | .tooltip.tip-top > .nub { | ||
+ | border-color: black transparent transparent transparent; | ||
+ | top: auto; | ||
+ | bottom: -10px; } | ||
+ | .tooltip.tip-left, .tooltip.tip-right { | ||
+ | float: none !important; } | ||
+ | .tooltip.tip-left > .nub { | ||
+ | border-color: transparent transparent transparent black; | ||
+ | right: -10px; | ||
+ | left: auto; | ||
+ | top: 50%; | ||
+ | margin-top: -5px; } | ||
+ | .tooltip.tip-right > .nub { | ||
+ | border-color: transparent black transparent transparent; | ||
+ | right: auto; | ||
+ | left: -10px; | ||
+ | top: 50%; | ||
+ | margin-top: -5px; } } | ||
+ | @media only screen and (max-width: 767px) { | ||
+ | .f-dropdown { | ||
+ | max-width: 100%; | ||
+ | left: 0; } } | ||
+ | /* Foundation Dropdowns */ | ||
+ | .f-dropdown { | ||
+ | position: absolute; | ||
+ | top: -9999px; | ||
+ | list-style: none; | ||
+ | margin-left: 0; | ||
+ | width: 100%; | ||
+ | max-height: none; | ||
+ | height: auto; | ||
+ | background: white; | ||
+ | border: solid 1px #cccccc; | ||
+ | font-size: 16; | ||
+ | z-index: 99; | ||
+ | margin-top: 2px; | ||
+ | max-width: 200px; } | ||
+ | .f-dropdown > *:first-child { | ||
+ | margin-top: 0; } | ||
+ | .f-dropdown > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .f-dropdown:before { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: inset 6px; | ||
+ | border-color: transparent transparent white transparent; | ||
+ | border-bottom-style: solid; | ||
+ | position: absolute; | ||
+ | top: -12px; | ||
+ | left: 10px; | ||
+ | z-index: 99; } | ||
+ | .f-dropdown:after { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: inset 7px; | ||
+ | border-color: transparent transparent #cccccc transparent; | ||
+ | border-bottom-style: solid; | ||
+ | position: absolute; | ||
+ | top: -14px; | ||
+ | left: 9px; | ||
+ | z-index: 98; } | ||
+ | .f-dropdown.right:before { | ||
+ | left: auto; | ||
+ | right: 10px; } | ||
+ | .f-dropdown.right:after { | ||
+ | left: auto; | ||
+ | right: 9px; } | ||
+ | .f-dropdown li { | ||
+ | font-size: 0.875em; | ||
+ | cursor: pointer; | ||
+ | line-height: 1.125em; | ||
+ | margin: 0; } | ||
+ | .f-dropdown li:hover, .f-dropdown li:focus { | ||
+ | background: #eeeeee; } | ||
+ | .f-dropdown li a { | ||
+ | display: block; | ||
+ | padding: 0.3125em 0.625em; | ||
+ | color: #555555; } | ||
+ | .f-dropdown.content { | ||
+ | position: absolute; | ||
+ | top: -9999px; | ||
+ | list-style: none; | ||
+ | margin-left: 0; | ||
+ | padding: 1.25em; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | max-height: none; | ||
+ | background: white; | ||
+ | border: solid 1px #cccccc; | ||
+ | font-size: 16; | ||
+ | z-index: 99; | ||
+ | max-width: 200px; } | ||
+ | .f-dropdown.content > *:first-child { | ||
+ | margin-top: 0; } | ||
+ | .f-dropdown.content > *:last-child { | ||
+ | margin-bottom: 0; } | ||
+ | .f-dropdown.tiny { | ||
+ | max-width: 200px; } | ||
+ | .f-dropdown.small { | ||
+ | max-width: 300px; } | ||
+ | .f-dropdown.medium { | ||
+ | max-width: 500px; } | ||
+ | .f-dropdown.large { | ||
+ | max-width: 800px; } | ||
+ | |||
/* iGEM-specific styles */ | /* iGEM-specific styles */ | ||
Line 2,087: | Line 4,819: | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
- | |||
- | |||
</style> | </style> |
Revision as of 10:06, 27 September 2013