/* @version 1.1.2 @package Toreda @author Nuevvo - http://nuevvo.com @copyright Copyright (c) 2010 - 2013 Nuevvo Webware Ltd. All rights reserved. @license http://nuevvo.com/license */ /* LEGEND ------------------------------------------------------ ### SECTION INDEX ### ---------------------------------------------------- [Note: Indent children entries by 1 tab] Normalize.css Grid Common (Base typography, links, headings, lists, forms etc.) Structure/Layout Components com_content Category Blog Category List Archive Article View com_contact com_users Modules mod_search mod_login mod_breadcrumbs Joomla! Content Modules Latest Newsflash nuContent mod_nuContent mod_nuContent_tools mod_nuContent_users mod_nuContent_comments Plugins Pagination Tooltip System Messages Frontend Editing Print Styling Media Queries (Responsive States) Browser Specific Styling */ /* Normalize.css v2.1.2 (May 11, 2013) ------------------------------------------------------ */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* Grid ------------------------------------------------------ */ /* Foundation 4 Grid + Visibility components */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #fff; color: #222; padding: 0; margin: 0; 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%; } .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 65.625em; *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; } } @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; } } .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; } .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; } table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; } thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; } tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; } td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; } @media only screen and (min-width: 768px) { .show-for-medium, .show-for-medium-up { display: inherit !important; } .show-for-small { display: none !important; } .hide-for-small { display: inherit !important; } .hide-for-medium, .hide-for-medium-up { display: none !important; } table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; } thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; } tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; } tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; } td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } } @media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; } .show-for-medium, .show-for-medium-down { display: none !important; } .hide-for-medium, .hide-for-medium-down { display: inherit !important; } .hide-for-large, .hide-for-large-up { display: none !important; } table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; } thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; } tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; } tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; } td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } } @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; } 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; } } .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } 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; } 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; } 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; } } .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } [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; } @media only screen and (min-width: 768px) { .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; } } @media only screen and (min-width: 569px) and (max-width: 900px) { .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; } .medium-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .medium-block-grid-1 > li:nth-of-type(n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .medium-block-grid-2 > li:nth-of-type(n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .medium-block-grid-3 > li:nth-of-type(n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .medium-block-grid-4 > li:nth-of-type(n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .medium-block-grid-5 > li:nth-of-type(n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .medium-block-grid-6 > li:nth-of-type(n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .medium-block-grid-7 > li:nth-of-type(n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .medium-block-grid-8 > li:nth-of-type(n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .medium-block-grid-9 > li:nth-of-type(n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .medium-block-grid-10 > li:nth-of-type(n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .medium-block-grid-11 > li:nth-of-type(n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .medium-block-grid-12 > li:nth-of-type(n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation 4 Grid for IE8 */ .lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; } .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns { padding: 0; } .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .lt-ie9 .row .row.large-collapse { margin: 0; } .lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } .lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; } .lt-ie9 [class*="column"] + [class*="column"].end { float: left; } .lt-ie9 .large-1, .lt-ie9 .row .large-1 { width: 8.33333%; } .lt-ie9 .large-2, .lt-ie9 .row .large-2 { width: 16.66667%; } .lt-ie9 .large-3, .lt-ie9 .row .large-3 { width: 25%; } .lt-ie9 .large-4, .lt-ie9 .row .large-4 { width: 33.33333%; } .lt-ie9 .large-5, .lt-ie9 .row .large-5 { width: 41.66667%; } .lt-ie9 .large-6, .lt-ie9 .row .large-6 { width: 50%; } .lt-ie9 .large-7, .lt-ie9 .row .large-7 { width: 58.33333%; } .lt-ie9 .large-8, .lt-ie9 .row .large-8 { width: 66.66667%; } .lt-ie9 .large-9, .lt-ie9 .row .large-9 { width: 75%; } .lt-ie9 .large-10, .lt-ie9 .row .large-10 { width: 83.33333%; } .lt-ie9 .large-11, .lt-ie9 .row .large-11 { width: 91.66667%; } .lt-ie9 .large-12, .lt-ie9 .row .large-12 { width: 100%; } .lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; } .lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; } .lt-ie9 .row .large-offset-3 { margin-left: 25%; } .lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; } .lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; } .lt-ie9 .row .large-offset-6 { margin-left: 50%; } .lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; } .lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; } .lt-ie9 .row .large-offset-9 { margin-left: 75%; } .lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; } .lt-ie9 .pull-2 { right: 16.66667%; } .lt-ie9 .pull-3 { right: 25%; } .lt-ie9 .pull-4 { right: 33.33333%; } .lt-ie9 .pull-5 { right: 41.66667%; } .lt-ie9 .pull-6 { right: 50%; } .lt-ie9 .pull-7 { right: 58.33333%; } .lt-ie9 .pull-8 { right: 66.66667%; } .lt-ie9 .pull-9 { right: 75%; } .lt-ie9 .pull-10 { right: 83.33333%; } .lt-ie9 .push-2 { left: 16.66667%; } .lt-ie9 .push-3 { left: 25%; } .lt-ie9 .push-4 { left: 33.33333%; } .lt-ie9 .push-5 { left: 41.66667%; } .lt-ie9 .push-6 { left: 50%; } .lt-ie9 .push-7 { left: 58.33333%; } .lt-ie9 .push-8 { left: 66.66667%; } .lt-ie9 .push-9 { left: 75%; } .lt-ie9 .push-10 { left: 83.33333%; } .lt-ie9 .row { *zoom: 1; } .lt-ie9 .row:before, .row:after { content: " "; display: table; } .lt-ie9 .row:after { clear: both; } .lt-ie9 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; } .lt-ie9 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; } .lt-ie9 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; } .lt-ie9 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; } .lt-ie9 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; } .lt-ie9 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; } .lt-ie9 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; } .lt-ie9 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; } .lt-ie9 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; } .lt-ie9 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; } .lt-ie9 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; } .lt-ie9 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; } .lt-ie9 .large-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .lt-ie9 .large-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .lt-ie9 .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .lt-ie9 .large-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .lt-ie9 .large-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .lt-ie9 .large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .lt-ie9 .large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .lt-ie9 .large-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .lt-ie9 .large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .lt-ie9 .large-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .lt-ie9 .large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .lt-ie9 .large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .lt-ie9 .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .lt-ie9 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } /* Common ------------------------------------------------------ */ body { padding: 0; margin: 0; font-family: "Merriweather Sans", sans-serif; color: #444444; line-height: 1.785; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } /* Additional Grids used for medium and very-small width devices - Styles for screens that are atleast 768px and max width 1024px ------------------------------------------------------ */ @media (min-width: 768px) and (max-width: 900px) { .medium-1 { position: relative; width: 8.33333%; } .medium-2 { position: relative; width: 16.66667%; } .medium-3 { position: relative; width: 25%; } .medium-4 { position: relative; width: 33.33333%; } .medium-5 { position: relative; width: 41.66667%; } .medium-6 { position: relative; width: 50%; } .medium-7 { position: relative; width: 58.33333%; } .medium-8 { position: relative; width: 66.66667%; } .medium-9 { position: relative; width: 75%; } .medium-10 { position: relative; width: 83.33333%; } .medium-11 { position: relative; width: 91.66667%; } .medium-12 { position: relative; width: 100%; } } @media (max-width: 900px) and (min-width: 569px) { .medium-module-1 { position: relative; width: 8.33333%; float: left; } .medium-module-2 { position: relative; width: 16.66667%; float: left; } .medium-module-3 { position: relative; width: 25%; float: left; } .medium-module-4 { position: relative; width: 33.33333%; float: left; } .medium-module-5 { position: relative; width: 41.66667%; float: left; } .medium-module-6 { position: relative; width: 50%; float: left; } .medium-module-7 { position: relative; width: 58.33333%; float: left; } .medium-module-8 { position: relative; width: 66.66667%; float: left; } .medium-module-9 { position: relative; width: 75%; float: left; } .medium-module-10 { position: relative; width: 83.33333%; float: left; } .medium-module-11 { position: relative; width: 91.66667%; float: left; } .medium-module-12 { position: relative; width: 100%; float: left; } } .row.full { max-width: 100%; } .serif { font-family: "Crimson Text", serif; } .sans { font-family: "Merriweather Sans", sans-serif; } .light { font-weight: 300; } .hidden { display: none !important; } .gridBlockPlain { display: inline-block; vertical-align: middle; } .gridBlock { display: inline-block; vertical-align: middle; margin-right: 15px; } .gridBlockNoMargin { display: inline-block; vertical-align: top; margin: 0 -2px; padding: 0 15px; } .gridBlockPadding { display: inline-block; vertical-align: middle; margin: 0 -2px; padding: 0 15px; } .resetPaddingLeft { padding-left: 0 !important; } .resetPaddingRight { padding-right: 0 !important; } .resetPadding { padding: 0 !important; } ul.reset { list-style: none outside none; margin: 0; padding: 0; } .blockit { display: block; } .transition { -webkit-transition: 250ms all ease-in; -moz-transition: 250ms all ease-in; transition: 250ms all ease-in; } .isInnerPage #main { border-bottom: 1px solid #e9e9e9; } /* positioning */ .relative { position: relative; } .fixed { position: fixed; } .backgroundCover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover !important; } /* Links */ a { text-decoration: none; color: #252525; } a:hover { text-decoration: underline; } a:active, a:focus { outline: 0; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: "Crimson Text", serif; line-height: 1.3; font-weight: 400; } h1 { color: #000; } h2 { color: #000; } h3 { color: #000; font-size: 30px; font-weight: 400; } h4 { color: #000; } /* Paragraphs */ /* Lists */ dl { margin: 0 0 30px; padding: 0; } dl dt { display: block; padding: 0 0 5px; font-weight: 700; } dl dd { margin-left: 0; font-weight: 300; } /* Forms */ form { padding: 0; margin: 0; } select { font-weight: normal; text-decoration: none; font-family: "Merriweather Sans", sans-serif; font-weight: 300; border-radius: 3px; } select:focus { outline: 0; } fieldset { margin: 0; padding: 0; border: 0; } legend { font-size: 22px; line-height: 1; font-style: italic; font-family: "Crimson Text", serif; } input, textarea { font-size: 14px; font-weight: 300; font-family: "Merriweather Sans", sans-serif; line-height: 1.2; border-radius: 3px; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } input:focus, textarea:focus { outline: 0; border-color: #000; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-weight: 300; color: #8d8d8d; } input:-moz-placeholder, textarea:-moz-placeholder { font-weight: 300; color: #8d8d8d; } input::-moz-placeholder, textarea::-moz-placeholder { font-weight: 300; color: #8d8d8d; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-weight: 300; color: #8d8d8d; } input { vertical-align: middle; padding: 0 5px; /* reset autofilled yellow color */ } input:-webkit-autofill { -webkit-appearance: textfield; padding: 0 10px !important; box-shadow: 0 0 0px 1000px white inset; } textarea { padding: 5px; } textarea.inputbox { line-height: 1.2; } label { font-size: 13px; font-family: "Merriweather Sans", sans-serif; } /* buttons */ .button, .btn, input[type="submit"], .btnWhiteTrans, a.btn { text-align: center; height: 40px; line-height: 40px; display: inline-block; padding: 0 43px; border: 1px solid #434343; border-radius: 3px; font-family: "Merriweather Sans", sans-serif; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; background: #fff; } .button:hover, .btn:hover, input[type="submit"]:hover, .btnWhiteTrans:hover, a.btn:hover { text-decoration: none; color: #fff; background: #000; } .button.invert, .btn.invert, input[type="submit"].invert, .btnWhiteTrans.invert, a.btn.invert { background: #000; color: #fff; } .button.invert:hover, .btn.invert:hover, input[type="submit"].invert:hover, .btnWhiteTrans.invert:hover, a.btn.invert:hover { background: #fff; color: #000; text-decoration: none; } .button.small, .btn.small, input[type="submit"].small, .btnWhiteTrans.small, a.btn.small { height: 31px; line-height: 31px; font-size: 12px; } .button.huge, .btn.huge, input[type="submit"].huge, .btnWhiteTrans.huge, a.btn.huge { height: 62px; line-height: 62px; } .button.transparent, .btn.transparent, input[type="submit"].transparent, .btnWhiteTrans.transparent, a.btn.transparent { color: #fff; border-color: #fff; background: transparent; } .button.transparent:hover, .btn.transparent:hover, input[type="submit"].transparent:hover, .btnWhiteTrans.transparent:hover, a.btn.transparent:hover { background: #fff; color: #000; } .transBg { background: #000; padding: 30px; border-radius: 3px; } .btnWhiteTrans { border: 1px solid #fff; color: #fff; font-size: 12px; font-weight: 700; text-transform: uppercase; } /* Horizontal lines */ hr { line-height: 0; height: 0; border: none; border-bottom: 1px solid #ccc; padding: 0; margin: 8px 0; } /* Images */ img { border: none; } /* Form elements */ .inputbox { border-radius: 3px; border: 1px solid #d9d9d9; height: 40px; line-height: 40px; } .button { cursor: pointer; } /* Horizontal lines */ /* Global clear */ .clr { clear: both; height: 0; line-height: 0; display: block; float: none; padding: 0; margin: 0; border: 0; } /* Structure/Layout ------------------------------------------------------ */ h1#logo { font-size: 30px; font-weight: 700; padding: 0; margin: 0; line-height: 1; } .contentRow { padding: 85px 0; border-bottom: 1px solid #e9e9e9; overflow: hidden; } .contentRowNoBrd { padding: 85px 0; overflow: hidden; } .lowerNav { border-top: 1px solid #e9e9e9; } .isInnerPage .lowerNav { border-top: 0; } /* header styling */ .mainHeader { /* max-height: 85px; */ box-shadow: 0 1px 6px rgba(37, 37, 37, 0.15); background: #fff; position: relative; z-index: 9999; /* force it on top of everything */ /* fixed state */ } .mainHeader .pushMenuIsActive { padding: 17px 15px; background: #fff; box-shadow: 0 1px 6px rgba(37, 37, 37, 0.15); } .mainHeader .pushMenuIsActive .headerSecondaryWrap { margin-top: 10px; } .mainHeader .logoWrapperFull { border-bottom: 1px solid #e9e9e9; } .mainHeader .logoWrapperFull h1#logo { padding: 30px 0; } .mainHeader .headerSecondaryWrap { text-align: right; } .mainHeader .pushMenuIsActive.fixed, .mainHeader #horiMenuWrap.fixed { width: 100%; z-index: 9999; background: #fff; top: 0; left: 0; right: 0; box-shadow: 0 1px 6px rgba(37, 37, 37, 0.15); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mainHeader .pushMenuIsActive.fixed { padding: 2px 0; } .mp-pushed .mainHeader { z-index: -1; } /* footer styling */ .colophon { padding-bottom: 60px; } .colophon small { font-size: 12px; color: #8d8d8d; font-weight: 700; } .colophon small a { color: #8d8d8d; } /* Components ------------------------------------------------------ */ /* Components - headings ----------------------------------------------------------------------*/ .componentheading { font-size: 3.4375em; font-weight: 400; color: #000; padding: 55px 0; margin: 0; font-family: "Crimson Text", serif; line-height: 1.1; } .componentheading h1, .componentheading h2 { font-size: 3.4375em; font-weight: 400; padding: 55px 0; margin: 0; line-height: 1.1; } /* some fixes for com_content */ .viewIsCategories .componentheading { padding-top: 0; } /* category heading - same as page heading */ .itemListCategoriesBlock .itemListCategory h2 { font-size: 3.4375em; font-weight: 400; padding: 0 0 35px; line-height: 0.8; margin: 0; letter-spacing: -1px; } .overlayedHeading { height: 230px; } /* Components - com_k2 ------------------------------------------------------ */ #k2Container, #joomlaContainer { padding-top: 50px; } #k2Container.tagView { padding-top: 75px; } /* remove this if you want to show the component in your frontpage */ .isFrontpage #k2Container, .isFrontpage #joomlaContainer { padding-top: 0; } /* --- Rating --- */ .itemRatingBlock { font-size: 12px; } .itemRatingBlock span { display: inline-block; vertical-align: middle; } .itemRatingForm { display: inline-block; vertical-align: middle; line-height: 25px; margin: 0 10px; } .itemRatingLog { font-size: 11px; margin: 0; padding: 0 0 0 4px; display: inline-block; vertical-align: middle; } .itemRatingForm .formLogLoading { background: url(../images/system/loading.gif) no-repeat left center; height: 25px; padding: 0 0 0 20px; } .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating { background: transparent url(../images/system/transparent_star.png) left -1000px repeat-x; } .itemRatingList { position: relative; float: left; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; } .itemRatingList li { display: inline; background: none; padding: 0; } .itemRatingList a, .itemRatingList .itemCurrentRating { position: absolute; top: 0; left: 0; text-indent: -1000px; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none; cursor: pointer; } .itemRatingList a:hover { background-position: left bottom; } .itemRatingList a.one-star { width: 20%; z-index: 6; } .itemRatingList a.two-stars { width: 40%; z-index: 5; } .itemRatingList a.three-stars { width: 60%; z-index: 4; } .itemRatingList a.four-stars { width: 80%; z-index: 3; } .itemRatingList a.five-stars { width: 100%; z-index: 2; } .itemRatingList .itemCurrentRating { z-index: 1; background-position: 0 0; margin: 0; padding: 0; } span.siteRoot { display: none; } /* Components - Tabs ----------------------------------------------------------------------*/ dl.tabs { margin: 30px 0 0; } dl.tabs dt { display: inline-block; vertical-align: bottom; font-size: 1.125em; padding: 5px 15px; } dl.tabs dt h3 { margin: 0; padding: 0; font-size: 1.125em; } dl.tabs dd { padding: 15px 0; margin: 0 0 60px; } .current dd { padding: 15px 0; margin: 0 0 60px; } /* Components - com_k2 && com_content subcategories ----------------------------------------------------------------------*/ .itemListSubCategories { padding: 0 0 60px; } .itemListSubCategories h3 { display: none; } .subCategoryContainer { padding: 0 15px; float: left; margin: 0 0 45px; } .subCategoryContainer .subCategoryDesc { font-size: 0.875em; font-weight: 300; } .subCategoryContainer h2 { font-family: "Crimson Text", serif; padding: 0; font-size: 1.6875em; margin: 10px 0; } .subCategoryContainer .subCategoryMore { font-size: 0.8125em; } /* subcateogry images */ .subCategoryImage { float: left; margin: 0 30px 20px 0; overflow: hidden; position: relative; } .subCategoryImage .icon { display: block; text-align: center; color: #fff; font-size: 2.1875em; position: relative; top: 50%; margin-top: -27px; } .subCategoryImage .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in; } .subCategoryImage:hover .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .subCategoryImage img { min-width: 100%; max-width: 100%; margin: 0; border-bottom: 1px solid #e9e9e9; } /* Components - com_k2 && com_content Listings View (default template) ----------------------------------------------------------------------*/ .itemListView { /* generic container class */ } .itemList { /* itemlist container class */ /* item/article author, category and date */ /* comment links */ /* item tags */ /* extra fields */ /* links Layout - K2 only */ /* only for blog listings */ /* only for grid Listings */ /* tag views */ /* when using the grid layout */ } .itemList .itemContainer, .itemList .latestItemsContainer { float: left; overflow: hidden; } .itemList .catItemView { padding: 0 0 25px; margin: 0 0 25px; border-bottom: 1px solid #e9e9e9; overflow: hidden; } .itemList .catItemImageBlock { float: left; margin: 0 30px 0 0; overflow: hidden; } .itemList .catItemImageBlock.latestItemImageBlock { margin-right: 0; margin-bottom: 30px; } .itemList .catItemImageBlock .icon { display: block; text-align: center; color: #fff; font-size: 2.1875em; position: relative; top: 50%; margin-top: -27px; } .itemList .catItemImageBlock a { position: relative; display: block; } .itemList .catItemImageBlock a .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in; } .itemList .catItemImageBlock a:hover .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .itemList .catItemImageBlock img { display: block; } .itemList .catItemImageBlock.fullImageBlock { float: none; margin: 0 0 20px; } .itemList .catItemImageBlock.fullImageBlock img { min-width: 100%; } .itemList h3.catItemTitle { margin: 0 0 10px; padding: 0; line-height: 1; } .itemList .catItemBody { overflow: hidden; } .itemList .catItemBody p { margin: 0; padding: 0; } .itemList .catItemAuthor, .itemList .catItemDateCreated { font-size: 0.8125em; font-weight: 700; color: #a1a1a1; margin-bottom: 20px; } .itemList .catItemAuthor a, .itemList .catItemDateCreated span { color: #383838; } .itemList .catItemCategory { font-size: 0.8125em; font-weight: 700; color: #a1a1a1; margin-bottom: 20px; } .itemList .catItemCategory a { color: #383838; } .itemList .catItemIntroText { margin: 0 0 10px; font-weight: 300; font-size: 0.875em; line-height: 23px; } .itemList .liItemLinks { line-height: 1.785; font-weight: normal; } .itemList .catItemCommentsLink { font-size: 1.375em; } .itemList .catItemCommentsLink a { color: #000; } .itemList .catItemCommentsLink .icon { color: #000; } .itemList .catItemTagsBlock { font-size: 0.875em; margin: 10px 0 0; font-size: 0.8125em; } .itemList .catItemTagsBlock span { display: inline-block; vertical-align: middle; margin-right: 5px; font-weight: 700; } .itemList .catItemTags { list-style: none outside none; margin: 0 0 15px; padding: 0; display: inline-block; } .itemList .catItemTags li { display: inline-block; vertical-align: middle; margin: 0 1px 0 0; } .itemList .catItemTags li:after { content: ","; } .itemList .catItemTags li:last-child:after { content: ""; } .itemList .catItemTags li a { font-weight: 300; } .itemList .catItemReadMore a { font-size: 0.8125em; font-weight: 700; color: #000; } .itemList .catItemExtraFields h4 { color: #000; font-size: 12px; text-transform: uppercase; font-family: "Merriweather Sans", sans-serif; margin: 0 0 3px; } .itemList .catItemExtraFields ul { list-style: none outside none; margin: 0 0 15px; padding: 0; } .itemList .catItemExtraFields ul li { display: block; font-size: 0.75em; font-weight: 700; color: #252525; } .itemList .catItemExtraFields ul li span.SKU { color: #595959; } .itemList .blogItem .catItemImageBlock { float: none; margin: 0 0 30px; line-height: 1; } .itemList .blogItem h3.catItemTitle { margin: 0 0 10px; padding: 0; font-size: 2.125em; line-height: 1; } .itemList.gridViewContainer .itemContainer { border-bottom: 0; } .itemList .gridView { padding: 0 15px; border-bottom: 0; } .itemList .gridView .catItemImageBlock { float: none; margin: 0; padding: 0 0 20px; border-bottom: 1px solid #e9e9e9; } .itemList .gridView h3.catItemTitle { margin: 0; padding: 0; font-family: "Merriweather Sans", sans-serif; font-size: 0.875em; margin: 15px 0 0; font-weight: 300; } .itemList.tagItemList { padding-bottom: 30px; } .itemList .tagItemView.gridView { padding: 0 15px; border-bottom: 0; margin: 0 -2px 30px; } .itemList .tagItemView.gridView .catItemImageBlock img { min-width: 100%; } .itemList .tagItemView.gridView h3.catItemTitle { margin-bottom: 15px; } .itemList .tagItemView.gridView .catItemAuthor, .itemList .tagItemView.gridView .catItemDateCreated, .itemList .tagItemView.gridView .catItemCategory { margin-bottom: 5px; } /* com_content overrides (for the nuContent plugin) */ #com_content .gridView h3.catItemTitle { margin-bottom: 15px; } .userBlock { background: #e9e9e9; border-top: 2px solid #000; overflow: hidden; padding: 30px; margin: 30px 0; font-weight: 300; } .userBlock img { float: left; display: block; border-radius: 66px; margin: 0 25px 0 0; } .userBlock h2 { margin: 0 0 4px 0; padding: 0; font-weight: 300; color: #000; font-size: 1.625em; } .userBlock .userDetails { overflow: hidden; } /* Components - com_k2 && com_content Item View (default template) ----------------------------------------------------------------------*/ /* Attach a class for each featured item */ .itemView { /* this is the item container for this view */ } .itemView .itemView a { text-decoration: underline; } h2.itemTitle { font-size: 3em; line-height: 48px; font-weight: 400; margin: 0; padding: 0 0 10px; letter-spacing: -1px; } .itemSubtitle { font-family: "Crimson Text", serif; font-size: 2em; line-height: 1; font-style: italic; } .itemSubtitle:after { background: #444444; width: 64px; height: 3px; display: block; margin: 15px 0 10px; content: ""; } .itemDateCreated { font-size: 0.8125em; font-weight: 700; display: block; } /* item author && category */ .itemAuthor, .itemCategory { font-weight: 700; font-size: 0.875em; color: #a1a1a1; margin-bottom: 15px; } .itemAuthor a, .itemCategory a { color: #252525; } /* item image */ .itemImageBlock { margin: 0 0 30px; text-align: center; } .itemImageBlock span.itemImage { display: block; } .itemImageBlock img { display: block; } span.itemImageCaption, p.img_caption { color: #737373; float: left; display: block; font-size: 0.75em; padding: 5px 0 0 15px; font-family: "Crimson Text", serif; } span.itemImageCredits { color: #737373; float: right; display: block; font-size: 0.75em; padding: 5px 15px 0 0; font-family: "Crimson Text", serif; } span.itemEditLink, span.itemAddLink { float: right; display: block; padding: 4px 0; margin: 0; width: 120px; text-align: right; } span.itemEditLink a, span.itemAddLink a { padding: 10px; border: 1px solid #e9e9e9; text-decoration: none; font-size: 0.6875em; font-weight: normal; } span.itemEditLink a:hover, span.itemAddLink a:hover { background: #e9e9e9; } span.itemAddLink a { margin: 15px 0; display: block; text-align: center; } /* item text */ .itemIntroText { font-size: 1.125em; font-weight: 400; line-height: 1.667; color: #000; } .itemIntroText p { margin: 0 0 30px; } .itemFullText { line-height: 1.685; font-weight: 300; color: #444444; } .itemFullText p { margin: 0 0 30px; } .itemFullText .itemTagsBlock { font-size: 0.75em; } .itemFullText .itemTagsBlock span { color: #000; } .itemFullText .itemTagsBlock ul li { list-style: none outside none; margin: 0; padding: 0; } /* item toolbar */ .itemToolbar { clear: both; border-top: 1px solid #e9e9e9; line-height: 1; } .itemToolbar ul { list-style: none outside none; padding: 15px 0 30px; margin: 0; display: block; overflow: hidden; /* remove the first CSS border from the left of the toolbar */ } .itemToolbar ul > li:first-child { border-right: 1px solid #737373; margin: 0 5px 0 0; } .itemToolbar ul li { display: inline-block; vertical-align: middle; margin: 0; padding: 0 7px 0 0; text-align: center; background: none; font-size: 0.8125em; } .itemToolbar ul li.videoToolbarLink { border-right: 1px solid #737373; margin: 0 5px 0 0; } .itemToolbar ul li a { font-size: 0.92308em; font-weight: normal; color: #444444; } .itemToolbar ul li a:hover { text-decoration: none; } .itemToolbar ul li .icon { font-size: 1.83333em; } .itemToolbar ul li a img { vertical-align: middle; } .itemToolbar ul li span.itemTextResizerTitle { font-weight: 800; } .itemToolbar ul li a#fontDecrease { margin: 0 0 0 2px; } .itemToolbar ul li a#fontDecrease img { width: 13px; height: 13px; background: url(../images/system/font_decrease.gif) no-repeat; } .itemToolbar ul li a#fontIncrease { margin: 0 0 0 2px; } .itemToolbar ul li a#fontIncrease img { width: 13px; height: 13px; background: url(../images/system/font_increase.gif) no-repeat; } .itemToolbar ul li a#fontDecrease span, .itemToolbar ul li a#fontIncrease span { display: none; } /* item tags/ modified date/ hits */ .itemSecondaryFields { padding: 20px 0 50px; overflow: hidden; border-top: 1px solid #e9e9e9; } .itemContentFooter { padding: 0 0 20px; overflow: hidden; } .itemTagsBlock { font-size: 0.8125em; } .itemTagsBlock span { display: inline-block; vertical-align: middle; margin-right: 5px; font-weight: 700; } .itemTags { list-style: none outside none; margin: 0 0 15px; padding: 0; display: inline-block; } .itemTags li { display: inline-block; vertical-align: middle; margin: 0 1px 0 0; } .itemTags li a { font-weight: 300; padding: 0 0 3px; } .itemTags li a:hover { text-decoration: none; border-bottom: 1px solid #000; } .itemDateModified { font-size: 0.75em; } .itemHits { font-size: 0.75em; } /* Author block */ .itemAuthorBlock { margin: 0 0 30px 0; padding: 30px 0; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; } .itemAuthorBlock img.itemAuthorAvatar { float: left; display: block; border-radius: 66px; margin: 0 25px 0 0; } .itemAuthorBlock .itemAuthorDetails { margin: 0; padding: 4px 0 0 0; overflow: hidden; } .itemAuthorBlock .itemAuthorDetails h3.itemAuthorName { margin: 0 0 4px 0; padding: 0; font-weight: 300; color: #000; font-size: 1.625em; } .itemAuthorBlock .itemAuthorDetails h3.itemAuthorName:after { background: #444444; width: 64px; height: 3px; display: block; margin: 10px 0; content: ""; } .itemAuthorBlock .itemAuthorDetails span.itemAuthorUrl { font-weight: bold; padding: 0 8px 0 0; margin: 0 4px 0 0; } .itemAuthorBlock .itemAuthorDetails span.itemAuthorEmail { font-weight: bold; } .itemAuthorBlock .itemAuthorDetails span.itemAuthorUrl a, .itemAuthorBlock .itemAuthorDetails span.itemAuthorEmail a { font-weight: normal; } /* Author latest */ .itemAuthorLatest { margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #e9e9e9; } .itemAuthorLatest h3 { margin: 0; padding: 15px 0 0; } .itemAuthorLatest ul { list-style: none outside none; margin: 0; padding: 0; } .itemAuthorLatest ul li { display: block; margin: 0 0 15px; padding: 0; } .itemAuthorLatest ul li:before { display: none; } .itemAuthorLatest ul li a:hover { text-decoration: underline; } .itemFullText .itemAuthorLatest { margin: 10px 0 0; padding: 0; border-bottom: 0; } /* social sharing */ .itemSocialSharing { margin: 0 0 100px; } .itemSocialSharing .itemTwitterButton { display: inline-block; vertical-align: middle; margin: 2px 20px 0 0; } .itemSocialSharing .itemFacebookButton { display: inline-block; vertical-align: middle; margin-right: 20px; width: 200px; } .itemSocialSharing .itemGooglePlusOneButton { display: inline-block; vertical-align: middle; } /* Video - responsive videos */ .itemVideoBlock { position: relative; margin: 0 0 60px; } .itemVideoBlock:before { color: #000; font-family: 'fontello'; font-size: 2.125em; content: '\e80d'; top: 0; left: -53px; position: absolute; line-height: 1; } .itemVideoBlock .itemVideoEmbedded { text-align: center; } /* for embedded videos (not using AllVideos) */ .avPlayerWrapper { position: relative; width: 100%; height: 1px; padding: 0 0 56%; } .avPlayerWrapper .avPlayerContainer { min-width: 100%; } .avPlayerWrapper iframe, .avPlayerWrapper object, .avPlayerWrapper embed, .avPlayerWrapper video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .itemVideoBlock span.itemVideo { display: block; overflow: hidden; } .itemVideoBlock span.itemVideoCaption { float: left; display: block; font-size: 0.6875em; font-weight: bold; width: 60%; margin: 5px 0 0; } .itemVideoBlock span.itemVideoCredits { float: right; display: block; font-style: italic; font-size: 0.6875em; width: 35%; text-align: right; margin: 5px 0 0; } /* Image Gallery */ .itemImageGallery { margin: 0 0 60px; position: relative; } .itemImageGallery:before { color: #000; font-family: 'fontello'; font-size: 2.125em; content: '\e80f'; top: 0; left: -53px; position: absolute; line-height: 1; } /* secondary elements - extrafields & attachments (only for K2) */ .itemExtraFields { border-top: 1px solid #e9e9e9; margin: 0 0 20px; } .itemExtraFields h3 { margin: 0; font-weight: 300; padding: 0 0 15px; } .itemExtraFields ul { list-style: none outside none; margin: 0; padding: 0; } .itemExtraFields ul li { display: block; line-height: 1; padding: 15px 0; border-bottom: 1px solid #e9e9e9; } .itemExtraFields span.itemExtraFieldsLabel { font-size: 0.625em; font-weight: 800; letter-spacing: 2px; margin-right: 3px; display: inline-block; vertical-align: middle; text-transform: uppercase; color: #252525; } .itemExtraFields span.itemExtraFieldsValue { font-size: 0.875em; display: inline-block; vertical-align: middle; } .itemAttachmentsBlock span { font-weight: 700; color: #000; padding: 0 12px 0 0; display: inline-block; vertical-align: middle; } .itemAttachmentsBlock ul.itemAttachments { list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: middle; } .itemAttachmentsBlock ul.itemAttachments li { display: inline; list-style: none; padding: 0 4px; margin: 0; text-align: center; } .itemAttachmentsBlock ul.itemAttachments li a { font-weight: 300; } .itemAttachmentsBlock ul.itemAttachments li a:hover { text-decoration: underline; } .itemAttachmentsBlock ul.itemAttachments li span { font-size: 0.625em; color: #999; font-weight: normal; } /* Article/item navigation */ .itemNavigation { overflow: hidden; margin: 0 0 80px; font-size: 0.8125em; margin-left: -0.9375em; margin-right: -0.9375em; /* joomla navigation */ } .itemNavigation a { font-weight: 300; } .itemNavigation a span { display: block; overflow: hidden; font-weight: 700; text-decoration: none; } .itemNavigation a em { font-style: normal; text-decoration: underline; } .itemNavigation a:hover { text-decoration: none; } .itemNavigation span.itemNavigationTitle { color: #999; } .itemNavigation ul { list-style: none outside none; margin: 0; padding: 0; } .itemNavigation ul li a { font-weight: 700; } .itemNavigation ul li.pagenav-prev a, .itemNavigation ul li.previous a { width: 50%; float: left; } .itemNavigation ul li.pagenav-next a, .itemNavigation ul li.next a { width: 50%; float: right; text-align: right; } /* specific - for product listings */ .itemIsProduct { /* social sharing */ } .itemIsProduct h2.itemTitle { font-size: 3.25em; padding: 0 0 25px; } .itemIsProduct .itemImageBlock { margin: 0 0 15px; } .itemIsProduct .itemImage { border: 1px solid #e9e9e9; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } .itemIsProduct .itemImageGallery { padding: 0; border-top: 1px solid #e9e9e9; } .itemIsProduct .itemNavigation { margin: 0 0 30px; line-height: 1; display: block; /* joomla navigation */ } .itemIsProduct .itemNavigation a { font-size: 2.625em; text-decoration: none; color: #a1a1a1; } .itemIsProduct .itemNavigation a:hover { color: #000; text-decoration: none; } .itemIsProduct .itemNavigation ul li a, .itemIsProduct .itemNavigation ul li a:hover { color: #fff; text-decoration: none; font-weight: 300; } .itemIsProduct .itemNavigation ul li a:before, .itemIsProduct .itemNavigation ul li a:after { font-family: 'fontello'; vertical-align: middle; color: #a1a1a1; } .itemIsProduct .itemNavigation ul li a:hover:before, .itemIsProduct .itemNavigation ul li a:hover:after { color: #000; } .itemIsProduct .itemNavigation ul li.pagenav-prev a:before, .itemIsProduct .itemNavigation ul li.previous a:before { content: '\e87c'; } .itemIsProduct .itemNavigation ul li.pagenav-next a:after, .itemIsProduct .itemNavigation ul li.next a:after { content: '\e87d'; } .itemIsProduct .itemImageGallery { margin: 0 0 20px; } .itemIsProduct li.sigProClear { display: none; } .itemIsProduct .itemImageGallery:before, .itemIsProduct .itemVideoBlock:before { display: none; } .itemIsProduct .itemFullText, .itemIsProduct .itemIntroText { font-size: 0.875em; font-weight: 300; } .itemIsProduct .itemFullText p, .itemIsProduct .itemIntroText p { margin: 0 0 15px; } .itemIsProduct .itemSecondaryFields { padding: 20px 0 10px; } .itemIsProduct .itemTags { margin: 0; } .itemIsProduct #socialShareHandler { font-weight: 300; color: #000; font-size: 0.8125em; } .itemIsProduct #socialShareHandler .icon { margin-right: 6px; font-weight: 400; font-style: 0.59091em; color: #444444; } .itemIsProduct .itemSocialSharing { margin: 10px 0 0; } .itemIsProduct #productShare { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .itemIsProduct #productShare.opacityElement { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .productGrid .itemNavigationAndJ2StoreInfo { float: right; width: 33.3333%; padding-left: 0.9375em; } .productGrid .itemFullText { float: left; width: 66.6667%; padding-right: 0.9375em; } .productGrid .itemFullText .itemRelated { font-size: 16px; font-weight: normal; } .productGrid .itemFullText .itemRelated h3 { padding: 0 0 45px; font-size: 2.5em; } .productGrid .resetPaddingRight { padding-left: 0; } /* Add to cart (K2 Store/ J2 Store) */ .k2store-product-info, .j2store-product-info { margin: 0 0 20px; } .product_price, .product_special_price { display: block; color: #000; font-size: 1.5em; font-weight: 700; line-height: 1; } .product_price strike { font-weight: 400; font-size: 13px; color: #737373; display: block; padding: 0 0 3px; } .product_quantity_input { border-top: 1px solid #e9e9e9; padding: 20px 0 0; margin: 20px 0 0; } .product_quantity_input span.title { font-size: 0.625em; margin: 0 6px 0 0; font-weight: 800; color: #252525; letter-spacing: 2px; text-transform: uppercase; display: inline-block; vertical-align: middle; text-transform: uppercase; } .product_quantity_input input[type="text"] { width: 91px; height: 35px; line-height: 2.1875em; border: 1px solid #d9d9d9; padding: 0 10px; } .k2store_add_to_cart, .j2store_add_to_cart { margin-top: 20px; } .k2store_add_to_cart input[type="submit"], .j2store_add_to_cart input[type="submit"] { color: #fff; background: #000; font-size: 1em; line-height: 33px; border-radius: 3px; box-shadow: 0 0 transparent; border: 1px solid #000; } .k2store_add_to_cart input[type="submit"]:hover, .j2store_add_to_cart input[type="submit"]:hover { color: #000; background: #fff; } /* hide some extra data when inside a module or iniside an item listing */ .module .k2store-product-info, .module .j2store-product-info { font-size: 16px; /* resseting */ } .module .k2store .options, .module .j2store .options, .module .k2store .product_quantity_input, .module .j2store .product_quantity_input, .module .k2store .k2store_add_to_cart, .module .j2store .k2store_add_to_cart, .module .k2store .j2store_add_to_cart, .module .j2store .j2store_add_to_cart, .module .j2store .options, .module .j2store .product_quantity_input, .module .j2store .k2store_add_to_cart, .module .j2store .j2store_add_to_cart { display: none; } .module .k2store .product_sku, .module .j2store .product_sku, .module .j2store .product_sku { font-size: 0.75em; font-weight: 700; color: #595959; margin: -3px 0 0; display: block; } .module .k2store .product_price, .module .j2store .product_price, .module .j2store .product_price { font-size: 13px; font-weight: 700; } .module .k2store .product_price strike, .module .j2store .product_price strike, .module .j2store .product_price strike { display: block; } .module .k2store .product_special_price, .module .j2store .product_special_price, .module .j2store .product_special_price { font-size: 13px; font-weight: 700; color: #252525; } /* hide the buy now functionality from the grid view */ .itemList.gridViewContainer .k2store .options, .itemList.gridViewContainer .j2store .options, .itemList.gridViewContainer .k2store .product_quantity_input, .itemList.gridViewContainer .j2store .product_quantity_input, .itemList.gridViewContainer .k2store .k2store_add_to_cart, .itemList.gridViewContainer .j2store .k2store_add_to_cart, .itemList.gridViewContainer .k2store .j2store_add_to_cart, .itemList.gridViewContainer .j2store .j2store_add_to_cart, .itemList.gridViewContainer .j2store .options, .itemList.gridViewContainer .j2store .product_quantity_input, .itemList.gridViewContainer .j2store .k2store_add_to_cart, .itemList.gridViewContainer .j2store .j2store_add_to_cart { display: none; } .itemList.gridViewContainer .k2store .product_sku, .itemList.gridViewContainer .j2store .product_sku, .itemList.gridViewContainer .j2store .product_sku { font-size: 0.75em; font-weight: 700; color: #595959; } .itemList.gridViewContainer .k2store .product_price, .itemList.gridViewContainer .j2store .product_price, .itemList.gridViewContainer .j2store .product_price { font-size: 13px; font-weight: 700; } .itemList.gridViewContainer .k2store .product_special_price, .itemList.gridViewContainer .j2store .product_special_price, .itemList.gridViewContainer .j2store .product_special_price { font-size: 0.8125em; font-weight: 700; color: #252525; } .itemList.fullItemList .k2store, .itemList.fullItemList .j2store, .itemList.fullItemList .j2store { margin-top: 20px; } .itemList.fullItemList .k2store .product_sku, .itemList.fullItemList .j2store .product_sku, .itemList.fullItemList .j2store .product_sku { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #e9e9e9; } .itemList.fullItemList .k2store .options, .itemList.fullItemList .j2store .options, .itemList.fullItemList .k2store .product_quantity_input, .itemList.fullItemList .j2store .product_quantity_input, .itemList.fullItemList .k2store .k2store_add_to_cart, .itemList.fullItemList .j2store .k2store_add_to_cart, .itemList.fullItemList .k2store .j2store_add_to_cart, .itemList.fullItemList .j2store .j2store_add_to_cart, .itemList.fullItemList .j2store .options, .itemList.fullItemList .j2store .product_quantity_input, .itemList.fullItemList .j2store .k2store_add_to_cart, .itemList.fullItemList .j2store .j2store_add_to_cart { display: block; } /* product options */ .k2store .options, .j2store .options { border-top: 1px solid #e9e9e9; font-size: 0.625em; padding: 0 0; margin: 20px 0 0; } .k2store .options b, .j2store .options b { letter-spacing: 2px; color: #252525; text-transform: uppercase; font-weight: 800; } .k2store .options .option, .j2store .options .option { padding: 20px 0 0; } .k2store + br, .j2store + br { display: none; } .k2store input[type="radio"], .j2store input[type="radio"] { display: inline-block; vertical-align: middle; margin-right: 6px; margin-left: 2px; } .k2store label, .j2store label { display: inline-block; vertical-align: middle; font-size: 1.3em; } .k2store select, .j2store select { line-height: 20px; width: auto; } /* Comments */ .commentsWrap { padding: 85px 0; } .itemComments { overflow: hidden; margin: 0 0 80px; } .itemComments h3 { margin: 0; padding: 0 0 4px 0; font-size: 2.25em; font-weight: 400; } .itemComments h3.itemCommentsCounter { color: #8d8d8d; } .itemComments h3:after { background: #444444; width: 64px; height: 3px; display: block; margin: 10px 0; content: ""; } .itemComments h3 span { color: #434343; } .itemComments h4 { line-height: 1; font-size: 1.375em; font-weight: 400; padding: 10px 0; margin: 0; } .itemComments ul.itemCommentsList { list-style: none outside none; margin: 30px 0 130px; padding: 0; } .itemComments ul.itemCommentsList li { overflow: hidden; padding: 0 0 10px; margin: 0 0 30px; border-bottom: 1px solid #e9e9e9; font-weight: 300; } .itemComments ul.itemCommentsList li.authorResponse { background: #e9e9e9; } .itemComments ul.itemCommentsList li.unpublishedComment { background: #ffeaea; } .itemComments ul.itemCommentsList li img { float: left; margin: 0 30px 0 0; border-radius: 66px; line-height: 0; } .itemComments ul.itemCommentsList li span.commentDate { font-size: 16px; display: block; } .itemComments ul.itemCommentsList li p { font-size: 1.25em; margin: 8px 0 0; font-weight: 300; } .itemComments ul.itemCommentsList li span.commentAuthorEmail { display: none; } .itemComments ul.itemCommentsList li span.commentLink { float: right; margin-left: 8px; font-size: 1.25em; } .itemComments ul.itemCommentsList li span.commentLink a { text-decoration: underline; } .itemComments ul.itemCommentsList li span.commentLink a:hover { text-decoration: underline; } .itemComments ul.itemCommentsList li span.commentToolbar { display: block; clear: both; } .itemComments ul.itemCommentsList li span.commentToolbar a { font-size: 0.6875em; color: #999; text-decoration: underline; margin-right: 4px; } .itemComments ul.itemCommentsList li span.commentToolbar a:hover { font-size: 0.6875em; color: #555; text-decoration: underline; } .itemComments ul.itemCommentsList li span.commentToolbarLoading { background: url(../images/system/searchLoader.gif) no-repeat 100% 50%; } .itemCommentsPagination { padding: 4px; margin: 0 0 24px 0; } .itemCommentsPagination span.pagination { display: block; float: right; clear: both; } /* the comment form */ p.itemCommentsFormNotes { margin: 0 0 30px; font-weight: 300; } .itemCommentsForm label { font-weight: 700; font-size: 0.8125em; font-family: "Merriweather Sans", sans-serif; display: block; margin: 0 0 10px; line-height: 1; text-align: left; color: #000; } .itemCommentsForm form textarea.inputbox { display: block; height: 160px; margin: 0 0 30px; padding: 5px 10px; border-radius: 3px; border: 1px solid #d9d9d9; width: 100%; } .itemCommentsForm form input.inputbox { display: block; margin: 0 0 30px; padding: 0 10px; border-radius: 3px; border: 1px solid #d9d9d9; width: 100%; height: 40px; line-height: 40px; } .itemCommentsForm .column.alpha { padding-right: 15px; } .itemCommentsForm .column.omega { padding-left: 15px; } .itemCommentsForm form input#submitCommentButton { float: right; } .itemCommentsForm form span#formLog { margin: 0 0 0 20px; padding: 0 0 0 20px; font-weight: bold; } .itemCommentsForm form .formLogLoading { background: url(../images/system/loading.gif) no-repeat left center; } /* "Report comment" form */ .k2ReportCommentFormContainer { padding: 8px; width: 480px; margin: 0 auto; } .k2ReportCommentFormContainer blockquote { width: 462px; background: #f7fafe; border: 1px solid #ddd; padding: 8px; margin: 0 0 8px 0; } .k2ReportCommentFormContainer blockquote span.quoteIconLeft { font-style: italic; font-weight: bold; font-size: 2.5em; color: #135CAE; line-height: 30px; vertical-align: top; display: block; float: left; } .k2ReportCommentFormContainer blockquote span.quoteIconRight { font-style: italic; font-weight: bold; font-size: 2.5em; color: #135CAE; line-height: 30px; vertical-align: top; display: block; float: right; } .k2ReportCommentFormContainer blockquote span.theComment { font-family: "Crimson Text", serif; font-style: italic; font-size: 0.75em; font-weight: normal; color: #000; padding: 0 4px; } .k2ReportCommentFormContainer form label { display: block; font-weight: 300; font-family: "Merriweather Sans", sans-serif; } .k2ReportCommentFormContainer form input, .k2ReportCommentFormContainer form textarea { display: block; border: 1px solid #ddd; font-size: 0.75em; padding: 2px; margin: 0 0 8px 0; width: 474px; } .k2ReportCommentFormContainer form #recaptcha { margin-bottom: 24px; } .k2ReportCommentFormContainer form span#formLog { margin: 0 0 0 20px; padding: 0 0 0 20px; font-weight: bold; color: #CF1919; } .k2ReportCommentFormContainer form .formLogLoading { background: url(../images/system/loading.gif) no-repeat left center; } /* Related by tag */ .itemRelated { padding: 0; overflow: hidden; border-top: 1px solid #e9e9e9; padding: 20px 0 60px; position: relative; } .itemRelated .navHolder { position: absolute; top: -80px; font-size: 2.125em; z-index: 99; color: #000; display: block; } .itemRelated .navHolder.prevHolder { left: 0; } .itemRelated .navHolder.nextHolder { right: 0; } .itemRelated .navHolder a { color: #000; } .itemRelated .navHolder a:hover { text-decoration: none; } .itemRelated h3 { font-weight: 400; margin: 0; padding: 0 0 30px; font-size: 2.5em; clear: both; } .itemRelated .itemsWrapper { height: 510px; overflow: visible !important; } .itemRelated ul { list-style: none outside none; margin: 0; padding: 0; } .itemRelated ul.items { height: 350px; } .itemRelated ul li { max-width: 350px; float: left; /* you need to insert this class in the related li element in item.php for this styling to take effect */ } .itemRelated ul li.item { min-height: 350px; margin: 0; padding: 0 15px; } .itemRelated ul li.k2ScrollerElement { float: left; overflow: hidden; border: 1px solid #ccc; padding: 4px; margin: 0 4px 4px 0; background: #fff; } .itemRelated ul li.clr { clear: both; height: 0; line-height: 0; display: block; float: none; padding: 0; margin: 0; border: none; } .itemRelated ul li a:hover { text-decoration: underline; } .itemRelated .nuSliderPagination { overflow: hidden; clear: both; position: absolute; left: 0; right: 0; bottom: 0; } .itemRelated .nuSliderPagination ul li { float: none; padding: 0; } .itemRelated .nuSliderPagination ul li a.navigationButton { display: inline-block; vertical-align: middle; width: 12px; height: 12px; background-color: #000; border-radius: 8px; margin: 0 2px; } .itemRelated .nuSliderPagination ul li a.navigationButtonActive { background: transparent; border: 2px solid #000; } .itemRelated a.itemRelTitle { font-size: 0.875em; display: block; margin: 0 0 3px; } .itemRelated .itemRelCat { font-size: 0.75em; font-weight: 700; text-transform: uppercase; } .itemRelated .itemRelDate { font-weight: 300; font-size: 0.8125em; } .itemRelated .itemRelAuthor { font-size: 0.75em; font-weight: 700; margin: 0 0 10px; } .itemRelated img.itemRelImg { margin: 0 0 20px; } /* Back to top link */ .itemBackToTop { text-align: right; margin: 0 0 15px; clear: both; font-size: 0.75em; font-weight: 300; } .itemBackToTop a { text-decoration: none; } .itemBackToTop a:hover { text-decoration: underline; } /* Joomla 3.x general component styling ----------------------------------------------------------------------*/ ul.categories { list-style: none outside none; margin: 30px 0; padding: 0; } ul.categories li { display: block; } ul.stripped { list-style: none outside none; margin: 30px 0; padding: 0; } ul.stripped li { display: block; } /* Components - com_contact ------------------------------------------------------ */ .contact { padding: 60px 0; /* reseting this label */ } .contact a { text-decoration: underline; } .contact .jicons-icons { display: none; } .contact [class^="icon-"] { vertical-align: top; } .contact .contact-form { padding-right: 30px; } .contact .contactDetails { font-size: 0.875em; } .contact .contactDetails:before { content: ""; display: block; border-top: 3px solid #434343; width: 65px; margin: 0 0 35px; } .contact h1 { font-size: 3.5em; margin: 0; padding: 0 0 50px; } .contact h2 { font-size: 3.5em; margin: 0; padding: 0 0 50px; } .contact h3 { font-size: 1.875em; margin: 0 0 10px; padding: 0; } .contact address { display: inline-block; vertical-align: top; font-style: normal; } .contact .contact-street { font-weight: 700; display: block; } .contact .tooltip { display: none !important; } .contact fieldset { padding: 20px 0 30px; } .contact .column.alpha { padding-left: 0; } .contact .column.omega { padding-right: 0; } .contact .column.formBlock { margin: 0 0 30px; } .contact input[type="text"], .contact input[type="email"] { width: 100%; } .contact input[type="checkbox"] { float: left; margin: 17px 13px 0 0; } .contact input[type="submit"], .contact button { font-size: 0.75em; font-weight: 800; } .contact label { display: block; margin: 0; font-weight: 700; } .contact textarea { height: 165px; width: 100%; } .contact label#jform_contact_email_copy-lbl { float: left; margin: 15px 0 0; } .contact .contact-miscinfo { border-radius: 4px; padding: 30px; font-size: 0.9375em; margin: 0 0 30px; } .contact .contact-miscinfo p { margin: 0; padding: 0; } /* Components - com_search ------------------------------------------------------ */ /* the form */ form#searchForm { padding: 30px; background: #e9e9e9; border-radius: 3px; /* seperate styles for the form */ } form#searchForm legend { font-style: normal; color: #000; } form#searchForm fieldset { margin: 0 0 30px; overflow: hidden; padding: 0; } form#searchForm label { display: inline-block; vertical-align: middle; margin-right: 15px; font-weight: 400; } form#searchForm label.titleLabel { font-weight: 700; } form#searchForm input[type="checkbox"], form#searchForm input[type="radio"] { display: inline-block; vertical-align: middle; margin-right: 4px; } form#searchForm .button { vertical-align: middle; background: #000; color: #fff; padding: 0; text-align: center; } form#searchForm .button:hover { background: #fff; color: #000; } form#searchForm .word { overflow: hidden; } form#searchForm .word label { display: block; font-family: "Crimson Text", serif; font-size: 1.375em; } form#searchForm .word input { width: 70%; } form#searchForm .word button { width: 28%; float: right; } form#searchForm select { width: auto; display: inline-block; vertical-align: middle; height: 30px; } form#searchForm .form-limit { overflow: hidden; margin: 0 0 30px; } form#searchForm .ordering-box { display: inline-block; vertical-align: middle; } form#searchForm .button-wrapper { margin-left: 20px; } form#searchForm .button-wrapper button.btn { width: 100%; padding: 0; } .searchintro { line-height: 1; padding: 15px 0; font-size: 1.375em; } .searchintro strong { font-family: "Crimson Text", serif; font-weight: 400; color: #000; } /* the results */ dl.search-results { padding: 30px 0; margin: 0; } dl.search-results dt { margin: 0 0 8px; padding: 0 30px; font-size: 1.875em; font-weight: 400; font-family: "Crimson Text", serif; } dl.search-results dt a { color: #000; font-weight: 400; } dl.search-results dt a:hover { text-decoration: underline; } dl.search-results dd { padding: 0 30px; margin: 0; } dl.search-results dd.result-text { padding: 0 30px 30px; margin: 0 0 30px; border-bottom: 1px solid #e9e9e9; font-weight: 300; } dl.search-results dd .result-created, dl.search-results dd .result-category { font-weight: 700; color: #000; font-size: 0.75em; } dl.search-results dd .result-category { margin: 0 0 8px; } dl.search-results dd p { margin: 0; } dl.search-results dd span.highlight { padding: 0 5px; background: gold; } /* K2 Account Pages ----------------------------------------------------------------------*/ /* register &&* profile page */ #k2Container.k2AccountPage { padding: 0 0 60px; overflow: hidden; } .k2AccountPageNotice { margin: 0 10px 30px; font-weight: 700; font-size: 0.75em; color: #8d8d8d; } .k2AccountPageUpdate { text-align: right; } table.admintable { width: 100%; margin: 0 0 30px; } table.admintable label { font-weight: 700; } table.admintable .button2-left { margin-top: 10px; font-weight: 700; } table.admintable th { text-transform: uppercase; } table.admintable tr td { vertical-align: top; } table.admintable tr td:first-child { padding-right: 30px; } table.admintable tr td:last-child { padding-left: 30px; } table.admintable tr td .inputbox { width: 98%; float: right; } table.admintable tr td input[type="file"] { display: block; margin: 0 0 15px; } table.admintable tr td input[type="radio"], table.admintable tr td input[type="checkbox"] { margin: 0 5px; display: inline-block; vertical-align: middle; } table.admintable tr td img.k2AccountPageImage { float: left; margin: 0 15px 0 0; } /* com_users ----------------------------------------------------------------------*/ #com_users { /* body id for com_user views */ /* user profile (if K2 is not present) */ } #com_users .login, #com_users .remind, #com_users .reset { padding: 30px 0; overflow: hidden; font-weight: 300; } #com_users .login dl, #com_users .remind dl, #com_users .reset dl { margin-bottom: 10px; } #com_users .login label, #com_users .remind label, #com_users .reset label { margin: 0 0 5px; display: block; font-weight: 800; } #com_users .login label#remember-lbl, #com_users .remind label#remember-lbl, #com_users .reset label#remember-lbl { margin: 0; display: inline-block; vertical-align: middle; } #com_users .login .inputbox[type="email"], #com_users .login .inputbox[type="password"], #com_users .login .inputbox[type="text"], #com_users .remind .inputbox[type="email"], #com_users .remind .inputbox[type="password"], #com_users .remind .inputbox[type="text"], #com_users .reset .inputbox[type="email"], #com_users .reset .inputbox[type="password"], #com_users .reset .inputbox[type="text"] { width: 100%; } #com_users .login-fields, #com_users .control-group { padding: 15px 15px 0; float: left; width: 50%; min-width: 250px; max-width: 510px; } #com_users .login-fields.groupusername, #com_users .control-group.groupusername { padding-right: 15px; } #com_users .login-fields.grouppassword, #com_users .control-group.grouppassword { padding-left: 15px; } #com_users .form-actions { padding-top: 30px; } #com_users fieldset { font-weight: 300; } #com_users input[type="checkbox"] { display: inline-block; vertical-align: middle; } #com_users .remind input[type="submit"], #com_users .remind button, #com_users .reset input[type="submit"], #com_users .reset button { clear: both; float: left; margin: 15px 15px 0 0; } #com_users .login input[type="submit"], #com_users .login button { clear: both; float: left; margin: 15px 15px 0; } #com_users .profile { padding: 60px 0; } #com_users .profile legend { font-style: normal; } #com_users .profile fieldset { margin: 0 0 30px; border: 0; padding: 0; float: left; width: 50%; } #com_users .profile dl { margin: 30px 0; } #com_users .profile dl dt { margin: 0; padding: 0; } #com_users .profile dl dd { margin: 0 0 15px; } #com_users .componentRow { padding: 0 0 30px; } #com_users .componentRow ul { list-style: none outside none; margin: 0 0 30px; padding: 0; font-weight: 300; font-size: 0.875em; } #com_users .login fieldset { margin: 0 -15px; } /* common for com_content, com_newsfeeds and com_weblinks (Joomla 2.5.x) ----------------------------------------------------------------------*/ .catItemFilters, .filters { margin: 0 0 20px; } .catItemFilters select, .filters select { width: auto; vertical-align: top; line-height: 1; padding: 8px 6px; } /* make search filter 100% wide */ input#filter-search { min-width: 100%; } img[alt="list-title"] { display: none; } div.categories-list ul, div.category-list ul, .weblink-category ul, .newsfeed-category ul, .newsfeed-category ul, .tag-category ul { list-style: none outside none; margin: 0; padding: 0; } div.categories-list ul li, div.category-list ul li, .weblink-category ul li, .newsfeed-category ul li, .newsfeed-category ul li, .tag-category ul li { margin: 0; padding: 10px 0; overflow: hidden; } .element-invisible, .hidelabeltxt, .catItemHideLabelTxt { display: none !important; } .categories-list h1, .category-list h1, .tag-category h1 { padding: 0; font-size: 3em; } .categories-list h2, .category-list h2, .tag-category h2 { padding: 0; font-size: 2em; } .categories-list ul li, .category-list ul li, .tag-category ul li { border-bottom: 1px solid #e9e9e9; } .categories-list ul li.last, .category-list ul li.last, .tag-category ul li.last { border: 0; } .categories-list ul li h3.item-title, .category-list ul li h3.item-title, .tag-category ul li h3.item-title { font-size: 1.5em; } .categories-list ul li span.item-title, .category-list ul li span.item-title, .tag-category ul li span.item-title { font-size: 1.5em; } .categories-list ul li a:hover, .category-list ul li a:hover, .tag-category ul li a:hover { text-decoration: underline; } .categories-list dl.cat-article-counter dd, .category-list dl.cat-article-counter dd, .tag-category dl.cat-article-counter dd { display: inline; font-size: 1.375em; } .categories-list .weblink-count, .category-list .weblink-count, .tag-category .weblink-count { float: right; margin: 0 15px; padding: 0; } .categories-list .weblink-count dt, .category-list .weblink-count dt, .tag-category .weblink-count dt { display: none; } .categories-list .weblink-count dd, .category-list .weblink-count dd, .tag-category .weblink-count dd { display: inline; font-size: 1.375em; } .display-limit { font-weight: 700; margin: 0 0 5px; padding: 0 10px 15px; border-bottom: 1px solid #e9e9e9; } .display-limit select { width: auto; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; } /* com_tags */ .tag-category { padding: 60px 0 30px; } .tag-category h1 { padding: 55px 0 0; margin: 0; } .tag-category h2 { padding: 0 0 15px; margin: 0; } .tag-category ul { margin: 30px 0; padding: 0 0 30px; } .tag-category ul li { font-weight: 300; padding: 0 0 20px; margin: 0 0 20px; } .tag-category ul li img { max-width: 300px; } .tag-category h3 { font-weight: 400; margin: 10px 0 15px; padding: 0 0 2px; font-size: 1.5625em; } .tag-category img { float: left; margin: 0 15px 0 0; } .tag-category .tag-body { overflow: hidden; } .tag-category ul.thumbnails h3 { margin: 0; padding: 0; } #com_tags ul.category li { overflow: hidden; font-weight: 300; } #com_tags ul.category li .tag-body { font-size: 0.875em; } /* com_weblinks && com_newsfeeds */ /* weblinks category */ .weblink-category h2, .newsfeed-category h2 { font-size: 3.4375em; font-weight: 400; padding: 55px 0; margin: 0; line-height: 1.1; } .weblink-category a:hover, .newsfeed-category a:hover { text-decoration: underline; } .weblink-category ul, .newsfeed-category ul { list-style: none outside none; margin: 15px; padding: 0; } .weblink-category ul li, .newsfeed-category ul li { display: block; border-bottom: 1px solid #e9e9e9; } .weblink-category table, .newsfeed-category table { width: 100%; margin-top: 0; } .weblink-category table th, .newsfeed-category table th { text-align: left; padding: 10px; } .weblink-category table tr, .newsfeed-category table tr { /**/ } .weblink-category table td, .newsfeed-category table td { border-top: 0; border-bottom: 1px solid #e9e9e9; } .weblink-category table td.hits, .newsfeed-category table td.hits { text-align: right; font-weight: 700; } .weblink-category table td img, .newsfeed-category table td img { display: none; } .weblink-category table td p, .newsfeed-category table td p { margin: 0; padding: 0; } .weblink-category table td ul, .newsfeed-category table td ul { list-style: none outside none; margin: 0; padding: 0; } .weblink-category table td ul li, .newsfeed-category table td ul li { display: inline-block; vertical-align: top; } .weblink-category table td ul.actions, .newsfeed-category table td ul.actions { /**/ } .weblink-category .btn-group, .newsfeed-category .btn-group { /**/ } .weblink-category .pull-right, .newsfeed-category .pull-right { float: right; } .weblink-category .pull-right select, .newsfeed-category .pull-right select { margin: 15px 0 0; } /* Feeds list (category view) */ table.category { width: 100%; margin: 0 0 40px; } table.category th { text-align: left; padding: 10px; } table.category th a img { /**/ } table.category td { padding: 10px; } /* single feed */ .newsfeed div.feed-description { padding: 30px; border-radius: 3px; font-family: "Crimson Text", serif; background: #e9e9e9; } .newsfeed h2 { font-size: 3.4375em; font-weight: 400; padding: 55px 0; margin: 0; line-height: 1.1; } .newsfeed ol { list-style: none outside none; margin: 30px 0; padding: 0; } .newsfeed ol > li { display: block; margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #e9e9e9; overflow: hidden; font-size: 0.875em; font-weight: 300; } .newsfeed ol > li > a { font-family: "Crimson Text", serif; font-size: 1.875em; font-weight: 400; line-height: 1.2; } .newsfeed ol li img { padding: 15px; float: left; } .newsfeed ol li img[height="1"] { display: none; } .newsfeed ol li .feed-item-description { margin: 20px 0 0; } .newsfeed ol li .feed-item-description a { text-decoration: underline; } /* Components - com_k2store/ com_j2store - cart and checkout proccess ------------------------------------------------------ */ .product_sku { display: block; font-size: 0.875em; } .itemView .product_sku { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #e9e9e9; } #k2storeCartPopup, #j2storeCartPopup { padding: 0 0 90px; } #k2storeCartPopup .componentheading, #j2storeCartPopup .componentheading { padding-bottom: 30px; } #k2storeCartPopup table.admintable, #j2storeCartPopup table.admintable { margin: 0 0 40px; width: 100%; } #k2storeCartPopup table.admintable th, #j2storeCartPopup table.admintable th { font-size: 10px; border: 0; padding: 0 0 15px; line-height: 1; } #k2storeCartPopup table.admintable tr td, #j2storeCartPopup table.admintable tr td { padding: 30px 0; } #k2storeCartPopup table.admintable tr td.cartImage, #j2storeCartPopup table.admintable tr td.cartImage { width: 20%; } #k2storeCartPopup table.admintable tr td.product_quantity_input, #j2storeCartPopup table.admintable tr td.product_quantity_input { width: 10%; } #k2storeCartPopup table.admintable tr td.priceCell, #j2storeCartPopup table.admintable tr td.priceCell { width: 15%; } #k2storeCartPopup table.admintable img, #j2storeCartPopup table.admintable img { max-width: 150px; } #k2storeCartPopup .productLinkTitle, #j2storeCartPopup .productLinkTitle { font-size: 1.14286em; display: block; font-weight: 300; } #k2storeCartPopup .blockit, #j2storeCartPopup .blockit { font-size: 14px; font-weight: 300; } #k2storeCartPopup .blockit strong, #j2storeCartPopup .blockit strong { font-size: 0.76923em; letter-spacing: 2px; text-transform: uppercase; } #k2storeCartPopup .icon-cancel-circled, #j2storeCartPopup .icon-cancel-circled { color: #737373; font-size: 20px; } #k2storeCartPopup .icon-cancel-circled:hover, #j2storeCartPopup .icon-cancel-circled:hover { color: #000; } label.error { margin-top: -15px !important; color: #dc0909 !important; } /* shopping cart */ #cart_actions { overflow: hidden; font-size: 0.8125em; } #cart_actions .cart_actions_wrap { background: #e9e9e9; margin: 0 0 25px; border-top: 2px solid #000; padding: 25px 10px; overflow: hidden; } #cart_actions .shipping-notes { margin: 15px 0 0; } #cart_actions .amount-tag { display: inline-block; vertical-align: middle; min-width: 130px; } #cart_actions .subTotal { font-weight: 700; } #cart_actions .blockit { margin: 0 0 5px; } #cart_actions .grandTotal { font-size: 1.375em; font-weight: 700; margin: 10px 0 0; } /* notifications */ .k2store-notification, .j2store-notification { width: 300px; max-height: 200px; background: #e9e9e9; border-radius: 3px; position: fixed; z-index: 9999; left: 50%; top: 50%; margin: -80px 0 0 -150px; padding: 30px; } .k2store-notification p, .j2store-notification p { margin: 0 0 25px; font-size: 0.875em; color: #252525; } .k2store-notification a.btn, .j2store-notification a.btn { display: block; } .k2store-notification .cart_dialogue_close, .j2store-notification .cart_dialogue_close { position: absolute; right: 10px; top: 10px; font-size: 1.5em; line-height: 1; } .k2store-notification .cart_dialogue_close:hover, .j2store-notification .cart_dialogue_close:hover { cursor: pointer; color: #000; } /* Checkout */ .checkout { padding: 0 0 80px; } /* structure */ #content h1 { font-size: 3em; margin: 0; padding: 60px 0 30px; } .checkout-heading { font-size: 24px; font-family: "Crimson Text", serif; margin: 0 0 20px; padding: 0 0 5px; border-bottom: 2px solid #a1a1a1; overflow: hidden; } .checkout-heading a { float: right; height: 31px; border-radius: 3px; display: inline-block; padding: 0 15px; line-height: 31px; font-size: 12px; background: #000; color: #fff; border: 1px solid #000; font-family: "Merriweather Sans", sans-serif; } .checkout-heading a:hover { border-color: #000; color: #000; text-decoration: none; background: #fff; } /* checkout content */ .checkout-content { /* typography/ block elements */ /* login or sign up phase */ /* registration page */ /* shipping address */ /* shipping methods */ /* Cart Confirm Table */ } .checkout-content .checkout-inner-content { padding: 30px 0 60px; } .checkout-content .checkoutBlock { padding: 0 0 45px; overflow: hidden; } .checkout-content h3 { padding: 10px 0 20px; margin: 0; font-size: 2em; } .checkout-content table tr td { border: 0; padding: 10px 0; } .checkout-content label { display: block; font-weight: 700; font-size: 13px; color: #252525; } .checkout-content label.shippingLabel { font-weight: 400; display: inline-block; vertical-align: middle; } .checkout-content p { margin: 0 0 15px; font-size: 0.8125em; } .checkout-content ul { font-size: 0.8125em; margin: 15px 0 0; padding: 0 0 0 15px; list-style-type: square; } .checkout-content ul li a { text-decoration: underline; } .checkout-content input.large-field, .checkout-content input.medium-field, .checkout-content input.small-field { border: 1px solid #e9e9e9; padding: 0 10px; border-radius: 3px; height: 40px; line-height: 40px; width: 100%; max-width: 510px; } .checkout-content input.large-field:focus, .checkout-content input.medium-field:focus, .checkout-content input.small-field:focus { border-color: #000; } .checkout-content input[type="radio"], .checkout-content input[type="checkbox"] { display: inline-block; vertical-align: middle; margin: 0 6px 0 2px; } .checkout-content select { line-height: 30px; height: 30px; display: block; } .checkout-content span.shippingLabel { font-size: 13px; display: inline-block; vertical-align: middle; font-weight: 400; } .checkout-content .k2error, .checkout-content j2error { color: #dc0909; font-weight: 700; font-size: 0.875em; display: block; margin: -15px 0 15px; } .checkout-content .note { font-weight: 300; margin: 0 0 30px; } .checkout-content .pluginOutput { font-weight: 300; margin: 0 0 30px; overflow: hidden; } .checkout-content #newClientRegister .helpText { font-weight: 700; margin: 15px 0; } .checkout-content #newClientRegister .checkoutOptions { font-weight: 700; margin: 0 0 15px; } .checkout-content #login input { background-position: 10px 50%; background-repeat: no-repeat; margin: 0 0 15px; padding-left: 40px; } .checkout-content #login input::-webkit-input-placeholder { font-family: "Crimson Text", serif; color: #a1a1a1; font-size: 19px; font-weight: 400; } .checkout-content #login input:-moz-placeholder { font-family: "Crimson Text", serif; color: #a1a1a1; font-size: 19px; font-weight: 400; } .checkout-content #login input::-moz-placeholder { font-family: "Crimson Text", serif; color: #a1a1a1; font-size: 19px; font-weight: 400; } .checkout-content #login input:-ms-input-placeholder { font-family: "Crimson Text", serif; color: #a1a1a1; font-size: 19px; font-weight: 400; } .checkout-content #login .userfield { background-image: url(../images/icons/user.png); } .checkout-content #login .passfield { background-image: url(../images/icons/key.png); } .checkout-content #k2Registration .inputbox, .checkout-content .checkoutRegistration .inputbox, .checkout-content #k2Registration select, .checkout-content .checkoutRegistration select { margin: 0 0 20px; } .checkout-content #k2Registration label, .checkout-content .checkoutRegistration label { margin: 0 0 5px; } .checkout-content #k2Registration label.shippingLabel, .checkout-content .checkoutRegistration label.shippingLabel { margin-bottom: 0; } .checkout-content #billing-existing, .checkout-content #shipping-existing { overflow: hidden; padding: 0 0 10px; } .checkout-content #billing-existing select, .checkout-content #shipping-existing select { padding: 10px; border-radius: 3px; border: 1px solid #e9e9e9; height: auto; font-weight: 300; } .checkout-content .shipping-method-pane textarea { width: 100%; padding: 10px; border: 1px solid #e9e9e9; height: 140px; display: block; margin-bottom: 25px; } .checkout-content #onCheckoutPayment_wrapper { overflow: hidden; margin: 0 0 15px; } .checkout-content #onCheckoutShipping_wrapper { overflow: hidden; margin: 0 0 30px; } .checkout-content #payment_form_div .init-msg { font-weight: 700; } .checkout-content #payment_form_div table { margin: 15px 0; } .checkout-content #payment_form_div table td { white-space: nowrap; padding-right: 15px; } .checkout-content .k2storeOrderSummary, .checkout-content .j2storeOrderSummary { /* general order summary class */ } .checkout-content .k2storeOrderSummary table#cart tr th, .checkout-content .j2storeOrderSummary table#cart tr th { padding: 0 0 10px; font-size: 0.625em; text-transform: uppercase; border: 0; } .checkout-content .k2storeOrderSummary table#cart tr td, .checkout-content .j2storeOrderSummary table#cart tr td { padding: 30px 0; border-top: 1px solid #e9e9e9; } .checkout-content .k2storeOrderSummary table#cart tr td a, .checkout-content .j2storeOrderSummary table#cart tr td a { padding: 0 0 5px; border-bottom: 1px solid #e9e9e9; font-weight: 300; font-size: 1.23077em; } .checkout-content .k2storeOrderSummary table#cart tr td a:hover, .checkout-content .j2storeOrderSummary table#cart tr td a:hover { border-color: #000; text-decoration: none; } .checkout-content .k2storeOrderSummary table#pricing, .checkout-content .j2storeOrderSummary table#pricing { border-top: 2px solid #000; } .checkout-content .k2storeOrderSummary table#pricing tr td, .checkout-content .j2storeOrderSummary table#pricing tr td { background: #e9e9e9; padding: 10px 30px; line-height: 2.3; } .checkout-content .k2storeOrderSummary table#pricing tr td.last, .checkout-content .j2storeOrderSummary table#pricing tr td.last { width: 130px; } .checkout-content .k2storeOrderSummary table#pricing tr:first-child td, .checkout-content .j2storeOrderSummary table#pricing tr:first-child td { padding-top: 20px; } .checkout-content .k2storeOrderSummary table#pricing tr:last-child td, .checkout-content .j2storeOrderSummary table#pricing tr:last-child td { padding-bottom: 30px; } .checkout-content .k2storeOrderSummary table#pricing .totalAmount, .checkout-content .j2storeOrderSummary table#pricing .totalAmount { font-size: 1.375em; line-height: 1; } /* post payment */ .postPaymentWrap { padding-top: 60px; } /* orders */ .orderViewForm { padding: 60px 0; } .orderViewForm .mainOrderForm h3 { padding: 0 0 30px; border-bottom: 2px solid #000; } .orderViewForm dl dt { margin: 0; padding: 0; } .orderViewForm dl dd { margin: 0 0 15px; } .userTable a { text-decoration: underline; } .singleOrderTotal { margin: 0 0 25px; border-top: 2px solid #000; overflow: hidden; } .singleOrderTotal tr td { background: #e9e9e9; padding: 10px 25px; } .singleOrderTotal tr td.orderTotal { font-size: 1.375em; padding: 20px 25px; } .singleOrderTotal tr:first-child td { padding-top: 20px; } .singleOrderTotal tr:last-child td { padding-bottom: 20px; } /* Modules ------------------------------------------------------ */ /* generic module classes - use them for repeating modules or for your custom templates */ /* module titles (seperated per area ) */ .underComponent h3.moduleTitle, .sliderArea h3.moduleTitle { text-align: center; margin: 0 0 25px; padding: 0; font-size: 40px; line-height: 1; letter-spacing: -1px; } .moduleItemIntrotext { font-size: 14px; } .moduleItemIntrotext p { margin: 0 0 20px; } .moduleItemTitle { display: block; line-height: 1.5; } .moduleItemDateCreated { font-size: 0.875em; } .moduleCustomLinkWrap { margin: 10px auto; } a.moduleCustomLink { font-size: 12px; font-weight: 800; } .moduleItemCategory { font-weight: 700; font-size: 13px; } .moduleItemHits { font-size: 13px; } /* General module sidebar styling */ .sidebar { padding-top: 50px; } .sidebar h3.moduleTitle { font-size: 26px; line-height: 1; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 2px solid #000; color: #000; } .sidebar .module { overflow: hidden; margin: 0 0 80px; } /* reset all list styles for modules with the .moduleItemList suffix or prefix - do the same for the authors */ .moduleItemList ul, .modAuthorsListBlock ul { list-style: none outside none; margin: 0; padding: 0; } .moduleItemList ul li, .modAuthorsListBlock ul li { display: block; } /* Menus */ ul.menu { list-style: none outside none; margin: 0; padding: 0; } /* banner Area - brands module */ .brands-module { text-align: center; } .brands-module img { margin: 0 20px; display: inline-block; vertical-align: middle; } .bannerArea p { margin: 0; padding: 0; } /* Menu modules - Regular Menu ------------------------------------------------------ */ .horizontal-menu ul.menu { list-style: none outside none; margin: 0; padding: 0; line-height: 0; /* fix white space */ /* second level */ /* active states */ } .horizontal-menu ul.menu li { display: inline-block; padding: 0 20px; position: relative; z-index: 99; /* top menus levels are horizontals */ } .horizontal-menu ul.menu li:first-child { padding-left: 0; } .horizontal-menu ul.menu li a { display: block; float: left; height: 60px; line-height: 60px; } .horizontal-menu ul.menu > li > a { color: #434343; font-size: 14px; font-weight: 400; } .horizontal-menu ul.menu > li:hover > a, .horizontal-menu ul.menu > li a:hover { color: #000; text-decoration: none; } .horizontal-menu ul.menu > li:hover > ul { left: 50%; margin-left: -125px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; top: 60px; /* css arrow - only for the second level