*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Open Sans", Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; } a:hover { cursor: pointer; } a:focus { outline: none; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } /* Grid HTML Classes */ .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } @media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .row .large-offset-0 { position: relative; margin-left: 0%; } .row .large-offset-1 { position: relative; margin-left: 8.33333%; } .row .large-offset-2 { position: relative; margin-left: 16.66667%; } .row .large-offset-3 { position: relative; margin-left: 25%; } .row .large-offset-4 { position: relative; margin-left: 33.33333%; } .row .large-offset-5 { position: relative; margin-left: 41.66667%; } .row .large-offset-6 { position: relative; margin-left: 50%; } .row .large-offset-7 { position: relative; margin-left: 58.33333%; } .row .large-offset-8 { position: relative; margin-left: 66.66667%; } .row .large-offset-9 { position: relative; margin-left: 75%; } .row .large-offset-10 { position: relative; margin-left: 83.33333%; } .row .large-offset-11 { position: relative; margin-left: 91.66667%; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: -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 */ @media only screen and (min-width: 768px) { /* Remove small grid clearing */ .small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; } .large-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } p.lead { font-size: 1.21875em; line-height: 1.6; } .subheader { line-height: 1.4; color: #ffcd99; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } /* Default Link Styles */ a { color: #007aff; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #006ee6; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #ff8200; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #ffcd99; line-height: 0; } h1 { font-size: 2.125em; } h2 { font-size: 1.6875em; } h3 { font-size: 1.375em; } h4 { font-size: 1.125em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; } ul, ol { margin-left: 1.25em; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3em; font-weight: bold; } dl dd { margin-bottom: 0.75em; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; } blockquote cite { display: block; font-size: 0.8125em; color: #ffb466; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #ffb466; } blockquote, blockquote p { line-height: 1.6; color: #ffcd99; } /* 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: 2.75em; } 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: #007aff; border-color: #0062cc; color: white; } button:hover, button:focus, .button:hover, .button:focus { background-color: #0062cc; } button:hover, button:focus, .button:hover, .button:focus { color: white; } button.secondary, body button.button, .button.secondary, body .button { background-color: #ff8200; border-color: #cc6800; color: white; } button.secondary:hover, body button.button:hover, button.secondary:focus, body button.button:focus, .button.secondary:hover, body .button:hover, .button.secondary:focus, body .button:focus { background-color: #cc6800; } button.secondary:hover, body button.button:hover, button.secondary:focus, body button.button:focus, .button.secondary:hover, body .button:hover, .button.secondary:focus, body .button:focus { color: white; } 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: #007aff; border-color: #0062cc; 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: #0062cc; } 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: #007aff; } button.disabled.secondary, body button.disabled.button, button[disabled].secondary, body button[disabled].button, .button.disabled.secondary, body .button.disabled, .button[disabled].secondary, body .button[disabled] { background-color: #ff8200; border-color: #cc6800; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { background-color: #cc6800; } button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { color: white; } button.disabled.secondary:hover, body button.disabled.button:hover, button.disabled.secondary:focus, body button.disabled.button:focus, button[disabled].secondary:hover, body button[disabled].button:hover, button[disabled].secondary:focus, body button[disabled].button:focus, .button.disabled.secondary:hover, body .button.disabled:hover, .button.disabled.secondary:focus, body .button.disabled:focus, .button[disabled].secondary:hover, body .button[disabled]:hover, .button[disabled].secondary:focus, body .button[disabled]:focus { background-color: #ff8200; } 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; } button.tiny, .button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; } button.small, .button.small { padding-top: 0.625em; padding-bottom: 0.5625em; } button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; } @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; } label.right { float: none; text-align: right; } label.inline { margin: 0 0 1em 0; padding: 0.625em 0; } /* 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 so buttons keep their own */ span.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; } span.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 { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333333; } span.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 */ .error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { background: #fafafa; border-color: #999999; } .error label, label.error { color: #c60f13; } .error small, 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; } /* 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; } /* 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%; } @-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; } .orbit-container .orbit-slides-container > * { position: relative; float: left; height: auto; } .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); } .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; } .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; } .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: 18px; height: 18px; background: #999999; float: left; margin-right: 6px; border: solid 2px #222222; -webkit-border-radius: 1000px; border-radius: 1000px; } .orbit-bullets li.active { background: #222222; } .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; } } .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; } } /* Labels */ .label { font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline-block; position: relative; padding: 0.1875em 0.625em 0.25em; font-size: 0.875em; background-color: #007aff; color: white; } .label.radius { -webkit-border-radius: 3px; border-radius: 3px; } .label.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .label.alert { background-color: #c60f13; color: white; } .label.success { background-color: #5da423; color: white; } .label.secondary, body .label.button { background-color: #ff8200; color: white; } /* Pagination */ .pagination { display: block; height: 1.5em; margin-left: -0.3125em; } .pagination li { display: block; float: left; height: 1.5em; color: #222222; font-size: 0.875em; margin-left: 0.3125em; } .pagination li a { display: block; padding: 0.0625em 0.4375em 0.0625em; color: #999999; } .pagination li:hover a, .pagination li a:focus { background: #e6e6e6; } .pagination li.unavailable a { cursor: default; color: #999999; } .pagination li.unavailable:hover a, .pagination li.unavailable a:focus { background: transparent; } .pagination li.current a { background: #007aff; color: white; font-weight: bold; cursor: default; } .pagination li.current a:hover, .pagination li.current a:focus { background: #007aff; } .pagination-centered { text-align: center; } .pagination-centered ul > li { float: none; display: inline-block; } /* Tables */ table { background: white; margin-bottom: 1.25em; border: solid 1px #dddddd; } table thead, table tfoot { background: whitesmoke; font-weight: bold; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: 0.875em; color: #222222; text-align: left; } table tr th, table tr td { padding: 0.5625em 0.625em; font-size: 0.875em; color: #222222; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125em; } /* Sprites */ .hovers-sprite, .hover.fri-villig, .hover.fri-villig span, .hover.tweets, .hover.tweets span, .hover.blog, .hover.blog span, .hover.instagram, .hover.instagram span, .hover.artists, .hover.artists span { background-image: url('/wp-content/themes/studio13/images/hovers-sc3f3cb13de.png'); background-repeat: no-repeat; } /* General styles */ body h1, body h2, body h3, body h4 { text-transform: uppercase; } body h1 { margin-bottom: 0.3em; } body a { -webkit-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; -moz-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; -o-transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, background-image 0.15s ease, color 0.15s ease; } body a:hover { color: #ff8200; } body span, body input[type=submit] { -webkit-transition: background-color 0.15s ease, opacity 0.15s ease, color 0.15s ease; -moz-transition: background-color 0.15s ease, opacity 0.15s ease, color 0.15s ease; -o-transition: background-color 0.15s ease, opacity 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, opacity 0.15s ease, color 0.15s ease; } body img { -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } .uppercase { text-transform: uppercase; } .semi-bold { font-weight: 600; } /* buttons */ body .button { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: uppercase; } body .button.button-primary { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: uppercase; } body .button.mega { font-size: 2.3125em; } body .btn-tiny { text-align: center; font-size: 1.3em; display: inline-block; color: white; width: 32px; height: 32px; line-height: 32px; } body .btn-tiny .icon-twitter { font-size: 0.8em; } body .primary, body .button.button-primary { background-color: #007aff; } body .primary:hover, body .button.button-primary:hover { color: white; background-color: #ff8200; } body .secondary, body .button { background-color: #ff8200; } body .secondary:hover, body .button:hover { color: white; background-color: #007aff; } /* Images */ .attachment-eight-columns, .attachment-four-columns { width: 100%; } .vcard { padding: 0; margin: 0; border: 0; } /* Image hovers */ /* Note: Disabled automatic generation of :hover for fade transition */ .hover { position: relative; } .hover span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } .hover span:hover { opacity: 1; } .hover.fri-villig { background-position: 0 -948px; } .hover.fri-villig span { background-position: 0 -1242px; } .hover.tweets { display: block; width: 291px; height: 114px; background-position: 0 -2144px; } .hover.tweets span { background-position: 0 -2258px; } .hover.blog { display: block; width: 285px; height: 258px; background-position: 0 -440px; } .hover.blog span { background-position: 0 -694px; } .hover.instagram { display: block; width: 300px; height: 304px; background-position: 0 -1536px; } .hover.instagram span { background-position: 0 -1840px; } .hover.artists { display: block; width: 300px; height: 220px; background-position: 0 0; } .hover.artists span { background-position: 0 -220px; } /* more hover stuff */ a.colored { display: block; background-color: #ff8200; } a.colored.primary, body a.colored.button.button-primary { background-color: #007aff; } a.colored img { display: block; width: 100%; } a.colored:hover img { opacity: .4; } /* Disco */ @-moz-keyframes disco { from { background-color: #007aff; } to { background-color: #ff8200; } } @-webkit-keyframes disco { from { background-color: #007aff; } to { background-color: #ff8200; } } @-o-keyframes disco { from { background-color: #007aff; } to { background-color: #ff8200; } } @keyframes disco { from { background-color: #007aff; } to { background-color: #ff8200; } } .disco { color: white; background-color: #007aff; -webkit-animation: disco 0.5s infinite alternate; -moz-animation: disco 0.5s infinite alternate; -o-animation: disco 0.5s infinite alternate; animation: disco 0.5s infinite alternate; } .disco.reversed { -webkit-animation: disco 0.5s 0.5s infinite alternate; -moz-animation: disco 0.5s 0.5s infinite alternate; -o-animation: disco 0.5s 0.5s infinite alternate; animation: disco 0.5s 0.5s infinite alternate; } header.header { margin-top: 0.5em; margin-bottom: 2em; } header.header .date { color: #007aff; font-size: 3.4em; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; display: inline-block; } header.header .logo img { position: relative; bottom: -15px; left: 10px; } header.header .logo img.multiply { position: absolute; left: 373px; bottom: -12px; z-index: 1; } header.header .nav-menu { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; margin: 0 auto; } header.header .nav-menu li { list-style-image: none; list-style-type: none; margin-left: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; white-space: nowrap; } header.header .nav-menu a { background-color: #007aff; font-size: 1.5em; font-weight: 600; display: inline-block; padding: .7em .785em; color: white; text-transform: uppercase; position: relative; } header.header .nav-menu a:hover { z-index: 2; background-color: #ff8200; } .highlight a { height: 280px; line-height: 1.1; font-size: 2.5em; font-weight: bold; text-transform: uppercase; text-align: center; display: block; } .highlight a.primary, .highlight body a.button.button-primary, body .highlight a.button.button-primary { color: white; background-color: #ff8200; } .highlight a.primary:hover, .highlight body a.button.button-primary:hover, body .highlight a.button.button-primary:hover { color: white; background-color: #007aff; } .highlight a span { display: inline-block; padding-top: 30px; } .highlight a span.larger { padding-top: 70px; font-size: 1.4em; } .highlight a .number { font-size: 3em; } .separator { height: 2px; background-color: #ff8200; margin-top: 1.8em; margin-bottom: 1em; } .separator.tiny-margin { margin-top: 0; margin-bottom: 0.4em; } article { margin-bottom: 1.5em; } article p { margin-bottom: 0.6em; } article .article-header h1 a { color: #ff8200; background-color: white; } article .article-header h1 a:hover { color: #007aff; } article .article-header h4 a { color: #ff8200; background-color: white; } article .article-header h4 a:hover { color: #007aff; } article .byline { color: #999; font-size: 0.75em; margin-bottom: 0.5em; } article .byline a { color: #4da2ff; } article .byline a:hover { color: #007aff; } article .entry-content { font-size: 0.9em; } article .article-footer { text-align: right; } h4.no-margin, .home article .article-header h1 { line-height: 1.1; margin-bottom: 0; } .moretag { font-weight: bold; } .bluebordered { border-left: 2px solid #007aff; } .row.row.tweets-and-blog { margin-top: 2em; margin-bottom: 3em; } .social-media { font-size: 2em; color: #ff8200; } .social-media a { font-size: 1.5em; color: #007aff; padding: 0 0.25em; } .social-media a:hover { color: #ff8200; } .social-media .icon-twitter { margin-left: 0.25em; } .social-media .follow { position: relative; font-size: 0.85em; top: -8px; } .sidebar .lineup ul.artists { list-style-type: none; padding-left: 0; text-transform: uppercase; font-size: 1.2em; font-weight: bold; line-height: 1.2; } .sidebar .lineup ul.artists a { color: #007aff; } .sidebar .lineup ul.artists a:hover { color: white; background-color: #ff8200; } .sidebar .lineup ul.artists.headliners { margin-top: 1em; font-size: 2em; } .sidebar .lineup ul.artists.headliners li:nth-child(even) a { color: #ff8200; } .sidebar .lineup ul.artists.headliners li:nth-child(even) a:hover { color: white; background-color: #007aff; } .flying-megawhale { width: 719px; height: 582px; background-image: url("../images/megawhale_wink.gif"); background-size: 100% 100%; background-repeat: no-repeat; margin: auto; margin-top: 4em; position: relative; top: 50px; z-index: -1; } .flying-megawhale img { position: absolute; right: -20px; top: 0px; width: 190px; } .footer { position: relative; z-index: 2; min-width: 100%; text-align: center; height: 400px; background-color: #007aff; } .footer #inner-footer img { margin-top: 100px; } .wave { position: fixed; left: 0px; bottom: 0px; height: 30px; width: 100%; background-color: #007aff; } .wavetop { position: relative; bottom: 12px; height: 12px; background-image: url("../images/wave_top.png"); background-size: 48px 12px; background-repeat: repeat-x; background-position: 0; width: 100%; } .wavetop.animated { -webkit-animation: move-left 1s infinite linear; -moz-animation: move-left 1s infinite linear; -o-animation: move-left 1s infinite linear; animation: move-left 1s infinite linear; } .row { /* FIXME: responsive */ width: 1000px; max-width: 1000px; } /* Template styles */ .template-artists img { display: block; } .template-artists .artists { font-size: 1.5em; text-transform: uppercase; text-align: center; font-weight: bold; } .template-artists .artists .artist-box a { color: #007aff; } .template-artists .artists .artist-box a span { display: block; color: white; background-color: #007aff; } .template-artists .artists .artist-box a:hover { color: white; } .template-artists .artists .artist-box a:hover span { color: white; background-color: #ff8200; } /* 404 */ .search .screen-reader-text { display: none; } .search label, .search input { margin-bottom: 10px; } .search input { width: 300px; margin: 0 auto; } .search input[type=text] { margin-bottom: 1em; } .search input[type=submit] { text-transform: uppercase; font-weight: bold; padding: 0.5em 0.4em; background-color: #ff8200; color: white; border: 0; } .search input[type=submit]:hover { background-color: #007aff; } /* Samuel E. Wright - Under the sea */ .anda-da-zee { position: relative; width: 100%; height: 5000px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF007AFF', endColorstr='#FF0B00FF'); /* IE9 */ background-image: -webkit-linear-gradient(#007aff, #0b00ff); background-image: -moz-linear-gradient(#007aff, #0b00ff); background-image: -o-linear-gradient(#007aff, #0b00ff); background-image: linear-gradient(#007aff, #0b00ff); border-bottom: solid 65px #000043; } .anda-da-zee .punsjebollen { position: absolute; bottom: -40px; left: 25%; z-index: 1; width: 512px; height: 340px; background-image: url("../images/punsjebolle.png"); background-repeat: no-repeat; } .anda-da-zee .trail-of-bubbles { position: absolute; top: 475px; left: 50%; } .anda-da-zee .trail-of-bubbles .bubble { border-color: #0062cc; } .anda-da-zee .bubble { width: 20px; height: 20px; display: inline-block; position: absolute; bottom: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; border: 6px solid #007aff; } .anda-da-zee .bubble.first { left: 80px; width: 50px; height: 50px; border-width: 14px; -webkit-animation: fade-move-long 4s infinite; -moz-animation: fade-move-long 4s infinite; -o-animation: fade-move-long 4s infinite; animation: fade-move-long 4s infinite; } .anda-da-zee .bubble.second { left: 150px; width: 35px; height: 35px; bottom: 40px; border-width: 10px; -webkit-animation: fade-move-middle 4s 0.6s infinite; -moz-animation: fade-move-middle 4s 0.6s infinite; -o-animation: fade-move-middle 4s 0.6s infinite; animation: fade-move-middle 4s 0.6s infinite; } .anda-da-zee .bubble.third { left: 100px; -webkit-animation: fade-move 4s 1.4s infinite; -moz-animation: fade-move 4s 1.4s infinite; -o-animation: fade-move 4s 1.4s infinite; animation: fade-move 4s 1.4s infinite; } /* fade move bubbles */ @-moz-keyframes fade-move { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 230px; } } @-webkit-keyframes fade-move { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 230px; } } @-o-keyframes fade-move { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 230px; } } @keyframes fade-move { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 230px; } } @-moz-keyframes fade-move-middle { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 330px; } } @-webkit-keyframes fade-move-middle { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 330px; } } @-o-keyframes fade-move-middle { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 330px; } } @keyframes fade-move-middle { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 330px; } } @-moz-keyframes fade-move-long { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 430px; } } @-webkit-keyframes fade-move-long { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 430px; } } @-o-keyframes fade-move-long { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 430px; } } @keyframes fade-move-long { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0; bottom: 430px; } } /* move left */ @-moz-keyframes move-left { 0% { background-position: 0; } 100% { background-position: 48px; } } @-webkit-keyframes move-left { 0% { background-position: 0; } 100% { background-position: 48px; } } @-o-keyframes move-left { 0% { background-position: 0; } 100% { background-position: 48px; } } @keyframes move-left { 0% { background-position: 0; } 100% { background-position: 48px; } }