/* @version 1.0.4 @package NewsWorth @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 RTL Support Print Styling Media Queries (Responsive States) Color THemes 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 / Block 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-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: normal; font-style: normal; line-height: 1.3; 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: 82.5em; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } @media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } @media only screen and (min-width: 900px) { .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: 1200px; 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; } .row.collapse .row { margin-left: auto; margin-right: auto; } /* Additional Grids used for medium and very-small width devices - Styles for screens that are atleast 768px and max width 1024px ------------------------------------------------------ */ @media (min-width: 900px) and (max-width: 1060px) { .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; } } @media (max-width: 596px) { .very-small-1 { position: relative; width: 8.33333%; } .very-small-2 { position: relative; width: 16.66667%; } .very-small-3 { position: relative; width: 25%; } .very-small-4 { position: relative; width: 33.33333%; } .very-small-5 { position: relative; width: 41.66667%; } .very-small-6 { position: relative; width: 50%; } .very-small-7 { position: relative; width: 58.33333%; } .very-small-8 { position: relative; width: 66.66667%; } .very-small-9 { position: relative; width: 75%; } .very-small-10 { position: relative; width: 83.33333%; } .very-small-11 { position: relative; width: 91.66667%; } .very-small-12 { position: relative; width: 100%; } } /* icomoon - custom icon font ------------------------------------------------------ */ @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { /*font-family: 'icomoon';*/ content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ [class*="icon-"]:before { /*font-family: 'icomoon';*/ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } /* .icon-arrow-left-circled, .icon-envelope-circled, .icon-arrow-left-circled-2, .icon-vimeo, .icon-user-avatar, .icon-twitter, .icon-tag, .icon-star, .icon-star-empty, .icon-search, .icon-rss, .icon-plus-circled, .icon-pinterest, .icon-photo, .icon-page, .icon-mail, .icon-info, .icon-hamburger, .icon-gplus, .icon-globe, .icon-facebook, .icon-eye, .icon-error, .icon-empty-dot, .icon-dot, .icon-current-page, .icon-comments, .icon-close, .icon-checkmark, .icon-camera, .icon-attention, .icon-arrow-up, .icon-arrow-start, .icon-arrow-right, .icon-arrow-right-circled, .icon-arrow-left, .icon-arrow-end, .icon-arrow-down { } */ .icon-arrow-left-circled:before { content: "\26"; } .icon-envelope-circled:before { content: "\1f53f"; } .icon-arrow-left-circled-2:before { content: "\e759"; } .icon-vimeo:before { content: "\f307"; } .icon-user-avatar:before { content: "\1f464"; } .icon-twitter:before { content: "\f309"; } .icon-tag:before { content: "\e70c"; } .icon-star:before { content: "\2605"; } .icon-star-empty:before { content: "\2606"; } .icon-search:before { content: "\1f50d"; } .icon-rss:before { content: "\e73a"; } .icon-plus-circled:before { content: "\2295"; } .icon-pinterest:before { content: "\f312"; } .icon-photo:before { content: "\1f4f7"; } .icon-page:before { content: "\e00e"; } .icon-mail:before { content: "\2709"; } .icon-info:before { content: "\e705"; } .icon-hamburger:before { content: "\2630"; } .icon-gplus:before { content: "\f30f"; } .icon-globe:before { content: "\e013"; } .icon-facebook:before { content: "\f30e"; } .icon-eye:before { content: "\e70a"; } .icon-error:before { content: "\274e"; } .icon-empty-dot:before { content: "\e017"; } .icon-dot:before { content: "\23f4"; } .icon-current-page:before { content: "\25cf"; } .icon-comments:before { content: "\e718"; } .icon-close:before { content: "\2716"; } .icon-checkmark:before { content: "\2713"; } .icon-camera:before { content: "\1f3ac"; } .icon-attention:before { content: "\26a0"; } .icon-arrow-up:before { content: "\e767"; } .icon-arrow-start:before { content: "\e761"; } .icon-arrow-right:before { content: "\e766"; } .icon-arrow-right-circled:before { content: "\e75a"; } .icon-arrow-left:before { content: "\e765"; } .icon-arrow-end:before { content: "\23ed"; } .icon-arrow-down:before { content: "\e764"; } /* Common ------------------------------------------------------ */ body { padding: 0; margin: 0; background: #939393; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-family: "Noto Serif", Georgia, serif; color: #404041; line-height: 1.44; } #page { margin: 0 auto; overflow: hidden; background: #ecf0f1; width: 100%; max-width: 82.5em; box-shadow: 0 0 5px rgba(0, 0, 0, 0.51); } .clr { clear: both; } .sans { font-family: "Raleway", "Roboto", sans-serif; } .serif { font-family: "Noto Serif", Georgia, serif; } .floatLeft { float: left; } .floatRight { float: right; } .row .gridBlock, .gridBlock, .gridblock { float: none; display: inline-block; margin-right: -4px; } .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: #1dcd6d; } a:active, a:focus { outline: 0; } /* Headings */ h1 { font-family: "Raleway", "Roboto", sans-serif; } h2 { font-family: "Raleway", "Roboto", sans-serif; } h3 { font-family: "Raleway", "Roboto", sans-serif; } h4 { font-family: "Raleway", "Roboto", sans-serif; } h5 { font-family: "Raleway", "Roboto", sans-serif; } h6 { font-family: "Raleway", "Roboto", sans-serif; margin-bottom: 0; } /* Paragraphs */ /* Lists */ ul.noPaddingList > li { padding: 0; } dl dt { font-size: 22px; color: #2b3d51; font-family: "Raleway", "Roboto", sans-serif; } dl dd { color: #7c8894; margin: 0 0 30px; padding: 0; } /* Forms */ form { padding: 0; margin: 0; } fieldset { margin: 0; padding: 0; border: 0; } select, option { font-weight: normal; text-decoration: none; } input { vertical-align: middle; } legend { font-weight: 400; font-size: 28px; font-family: "Raleway", "Roboto", sans-serif; color: #2b3d51; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 2px solid #ecf0f1; } .hidelabeltxt { display: none; } textarea { line-height: 1.4; } label { font-family: "Raleway", "Roboto", sans-serif; } /* Horizontal lines */ hr { line-height: 0; height: 0; border: none; border-bottom: 2px solid #3f3f3f; padding: 0; margin: 8px 0; } /* Images */ img { border: none; } /* Form elements */ input, textarea { font-family: "Raleway", "Roboto", sans-serif; -webkit-transition: 250ms all ease-in; -moz-transition: 250ms all ease-in; transition: 250ms all ease-in; border: 2px solid #1dcd6d; border-radius: 4px; color: #8f9ba7; background: transparent; } input:focus, textarea:focus { box-shadow: none; outline: 0; } input::-webkit-input-placeholder { /**/ } input:-moz-placeholder { /**/ } input::-moz-placeholder { /**/ } input:-ms-input-placeholder { /**/ } .inputbox { line-height: 50px; height: 50px; font-size: 21px; font-weight: 400; width: 100%; padding: 0 15px; } .inputbox:focus { background: #fff; } .button, input[type="submit"], button { background: #1dcd6d; border-radius: 4px; color: #fff; font-weight: 800; font-family: "Raleway", "Roboto", sans-serif; text-align: center; padding: 0; line-height: 50px; padding: 0 50px; border: 0; cursor: pointer; height: 50px; font-size: 16px; -webkit-transition: 250ms all ease-in; -moz-transition: 250ms all ease-in; transition: 250ms all ease-in; font-weight: 300; } .button:hover, input[type="submit"]:hover, button:hover { background: #19a558; } /* Horizontal lines */ /* Other */ /* Global clear */ .clr { clear: both; height: 0; line-height: 0; display: block; float: none; padding: 0; margin: 0; border: 0; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hidden { display: none !important; } /* Structure/Layout ------------------------------------------------------ */ .content { /* our component wrapper */ box-shadow: 0 0 10px rgba(52, 73, 95, 0.26); background: #fff; z-index: 5; margin-bottom: 90px; } .content.hasSlideshow, .content.pushUp { margin-top: -30px; position: relative; z-index: 98; } .content.threeCols { box-shadow: 0 0 5px rgba(0, 0, 0, 0.51); } .leaderboard .module { padding: 25px 0; } /* header */ .mainHeader { background: #fff; box-shadow: 0 1px 4px rgba(52, 73, 95, 0.26); position: relative; z-index: 9999; } .mainHeader h1 { margin: 0; padding: 0; line-height: 90px; text-align: center; font-size: 30px; font-weight: 500; } .mainHeader h1 a { color: #fff; } .mainHeader h1 .textLogo { background: #1dcd6d; display: block; } /* footer */ .mainFooter { background: #1dcd6d; color: #fff; } .mainFooter .topFooterRow { padding: 30px; } .mainFooter .footerMod { padding: 30px 15px; } /* copyrights */ .crights { background: #19a558; padding: 20px 15px; font-weight: 800; color: #fff; } .crights .column { font-size: 12px; } .crights a { color: white; } .crights a:hover { text-decoration: underline; } /* Typography ------------------------------------------------------ */ .itemFullText blockquote { font-family: "Noto Serif", Georgia, serif; color: #2b3d51; font-style: normal; display: block; margin: 30px 0; padding: 12px 0 0; font-size: 28px; position: relative; } .itemFullText blockquote p { margin: 0; } .itemFullText blockquote.pull { left: -70px; } .itemFullText blockquote:before { content: ""; display: block; border-top: 2px solid #1dcd6d; position: absolute; top: 0px; left: 0px; max-width: 75%; width: 360px; height: 1px; } .itemFullText blockquote cite { color: #1dcd6d; font-weight: 800; font-size: 18px; font-family: "Raleway", "Roboto", sans-serif; font-style: normal; line-height: 1; display: block; margin-top: 5px; } /* Item (com_content && com_k2 typography) */ .nuTypoBlock { overflow: hidden; margin: 0 0 60px; } .itemFullText h1, .itemFullText h2, .itemFullText h3, .itemFullText h4, .itemFullText h5, .itemFullText h6 { font-family: "Raleway", "Roboto", sans-serif; margin-top: 0; padding: 0; } .itemFullText h1 { color: #2b3d51; font-weight: 300; font-size: 56px; margin-bottom: 60px; line-height: 1.2; } .itemFullText h2 { color: #2b3d51; font-weight: 300; font-size: 36px; margin-bottom: 45px; line-height: 1.2; } .itemFullText h3 { color: #2b3d51; font-weight: 300; font-size: 30px; margin-bottom: 30px; } .itemFullText h4 { color: #2b3d51; font-weight: 300; font-size: 24px; margin-bottom: 15px; } .itemFullText h5 { color: #2b3d51; font-weight: 700; font-size: 18px; margin-bottom: 15px; } .itemFullText h6 { color: #7c8894; font-weight: 800; font-size: 14px; margin-bottom: 0; } .itemFullText h6.nuTypoTitle { margin-bottom: 15px; } .itemFullText p.leading { font-size: 24px; } .itemFullText ul { list-style: none outside none; margin: 0 0 30px; padding: 0; } .itemFullText ul li { position: relative; padding: 0 0 0 30px; } .itemFullText ul li:before { position: absolute; top: 5px; left: 0; padding: 0; color: #1dcd6d; font-size: 13px; font-weight: 700; text-align: center; font-family: 'icomoon'; content: "\23f4"; } .itemFullText ul.nuUnorderedList01 li:before { content: "\23f4"; font-size: 7px; top: 10px; } .itemFullText ul.nuUnorderedList02 li:before { content: "\2713"; } .itemFullText ol { list-style: none outside none; margin: 0 0 30px; padding: 0; counter-reset: li; } .itemFullText ol li { position: relative; padding: 0 0 0 30px; } .itemFullText ol li:before { position: absolute; top: 0px; left: 0; padding: 0; color: #1dcd6d; font-size: 20px; font-weight: 700; text-align: center; counter-increment: li; content: counter(li,decimal); } .itemFullText ol.orderedList02 li:before { content: counter(li,lower-latin); } .itemFullText table { width: 100%; border-collapse: collapse; border-spacing: 0; } .itemFullText table tr th { text-align: left; color: #2b3d51; font-weight: 700; font-size: 16px; padding: 0 0 20px; border-bottom: 2px solid #838383; font-family: "Raleway", "Roboto", sans-serif; } .itemFullText table tr td { vertical-align: top; font-size: 16px; padding: 20px 0; border-bottom: 2px solid #adb3ba; } .itemFullText table tr:last-child td { padding-bottom: 0; border-bottom: 0; } /* code && Pre */ pre, code { padding: 30px; margin: 0; } /* buttons */ .itemView .btn, .itemView .btn01, .itemView .btn02, .itemView .btn03, .itemView .btn04 { font-size: 16px; display: inline-block; vertical-align: middle; font-family: "Raleway", "Roboto", sans-serif; color: #fff; border-radius: 3px; padding: 0 45px; margin: 0 10px 10px; border-style: solid; border-width: 2px; height: 45px; line-height: 42px; } .itemView .btn01 { background: #1dcd6d; border-color: #1dcd6d; } .itemView .btn01:hover { background: #fff; color: #1dcd6d; } .itemView .btn01:active { background: #36c275; color: #fff; } .itemView .btn02 { background: #2b3d51; border-color: #2b3d51; } .itemView .btn02:hover { background: #fff; color: #2b3d51; } .itemView .btn02:active { background: #ecf0f1; } .itemView .btn03 { background: #fff; color: #1dcd6d; border-color: #1dcd6d; } .itemView .btn03:hover { background: #1dcd6d; color: #fff; } .itemView .btn03:active { background: #36c275; color: #fff; } .itemView .btn04 { background: #fff; color: #2b3d51; border-color: #2b3d51; } .itemView .btn04:hover { background: #2b3d51; color: #fff; } .itemView .btn04:active { background: #7c8894; color: #fff; } /* blocks */ .nuBlocks { color: #fff; padding: 30px; margin: 0 0 30px; border-radius: 3px; } .nuBlocks h3 { font-weight: 700; font-size: 14px; margin: 0 0 20px; line-height: 1; color: #fff; } .nuBlocks p { margin: 0; padding: 0; } .nuBlocks.block01 { background: #1dcd6d; } .nuBlocks.block02 { background: #adb3ba; color: #2b3d51; } .nuBlocks.block02 h3 { color: #fff; } .nuBlocks.block03 { background: #2b3d51; } .nuBlocks p, .itemFullText .nuBlocks p { margin: 0; } /* highlights */ .hightlight01, mark { color: #fff; padding: 1px 2px; background: #2b3d51; } .hightlight02 { color: #fff; padding: 2px; background: #1dcd6d; } /* dividers */ hr { margin: 0 0 30px; } hr.hr2 { border-bottom-color: #ecf0f1; } hr.hr3 { border-bottom-color: #1dcd6d; } /* bubble text */ .nuBubble { color: #fff; padding: 30px; border-radius: 3px; position: relative; } .nuBubble h3, .nuBubble h4, .nuBubble h5, .nuBubble h6 { font-weight: 700; font-size: 14px; margin: 0 0 20px; line-height: 1; color: #fff; } .nuBubble p { margin: 0; } .nuBubble:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #1dcd6d; border-width: 10px; left: 30px; margin-left: -10px; } .nuBubble.bubble01 { background: #1dcd6d; } .nuBubble.bubble02 { background: #adb3ba; color: #2b3d51; } .nuBubble.bubble02 h3 { color: #2b3d51; } .nuBubble.bubble02:after { border-top-color: #adb3ba; } .nuBubble.bubble03 { background: #2b3d51; } .nuBubble.bubble03:after { border-top-color: #2b3d51; } .itemFullText p.nuBubbleMeta, p.nuBubbleMeta { margin: 10px 0 30px; font-weight: 700; font-size: 15px; padding: 0 0 0 25px; } /* alert Messages */ .nuWarnings { margin: 0 0 30px; padding: 25px 25px 25px 60px; border-radius: 3px; position: relative; font-size: 19px; line-height: 25px; position: relative; } .nuWarnings:before { font-family: 'icomoon'; display: inline-block; vertical-align: middle; position: absolute; top: 30px; left: 20px; } .nuWarnings.nuAlert { background: #f8bd27; color: #3f3f3f; } .nuWarnings.nuAlert:before { content: "\26a0"; } .nuWarnings.nuInfo { background: #adb3ba; color: #3f3f3f; } .nuWarnings.nuInfo:before { content: "\e705"; } .nuWarnings.nuSuccess { background: #1dcd6d; color: #fff; } .nuWarnings.nuSuccess:before { content: "\2713"; } .nuWarnings.nuError { background: #e23720; color: #fff; } .nuWarnings.nuError:before { content: "\274e"; } /* Components ------------------------------------------------------ */ /* Components - headings ----------------------------------------------------------------------*/ .componentheading { background: #2b3d51; color: #fff; padding: 65px 25px; font-family: "Raleway", "Roboto", sans-serif; font-weight: 300; font-size: 56px; line-height: 1; } .componentheading.homeTitle { background: #fff; color: #2b3d51; padding: 30px; font-size: 40px; } .componentheading h1, .componentheading h2 { margin: 0; padding: 0 0 10px; font-family: "Raleway", "Roboto", sans-serif; font-weight: 400; font-size: 56px; line-height: 1; } .componentheading p { margin: 0; padding: 0; font-size: 14px; } .k2FeedIcon { padding: 10px 10px; margin: 0 0 -10px; color: #adb3ba; } .k2FeedIcon a { color: #ecf0f1; } .k2FeedIcon a:hover { color: #1dcd6d; } /* Components - com_k2 ------------------------------------------------------ */ /* --- Rating --- */ .itemSideInfo .itemRatingBlock.sideItemBlock { overflow: visible; } .itemRatingForm { display: block; vertical-align: middle; line-height: 25px; float: left; } .itemRatingLog { font-size: 11px; margin: 0; padding: 0; } .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: 0 0; margin-left: -11px; } .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; background-position: 0 100%; } .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: 18px; padding: 5px 15px; } dl.tabs dt h3 { margin: 0; padding: 0; font-size: 18px; } dl.tabs dd { padding: 15px 0; margin: 0 0 60px; } .current dd { padding: 15px 0; margin: 0 0 60px; } /* Components - article navigation ----------------------------------------------------------------------*/ .pagenav { list-style: none outside none; margin: 30px 0; padding: 0; font-family: "Raleway", "Roboto", sans-serif; } .pagenav li { width: 45%; display: inline-block; vertical-align: middle; } .pagenav li a { color: #3f3f3f; } .pagenav li.pagenav-prev { text-align: left; } .pagenav li.pagenav-next, .pagenav li.next { text-align: right; } /* Components - com_k2 Item view ----------------------------------------------------------------------*/ a.itemPrintThisPage { display: block; width: 160px; margin: 4px auto 16px; padding: 4px; background: #ecf0f1; border: 1px solid #ccc; text-align: center; color: #555; font-size: 13px; } a.itemPrintThisPage:hover { background: #eee; text-decoration: none; } /* this is the item container for this view */ .itemView a { color: #1dcd6d; } /* Attach a class for each featured item */ 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 #adb3ba; background: #ecf0f1; text-decoration: none; font-size: 11px; font-weight: normal; font-family: "Raleway", "Roboto", sans-serif; } span.itemEditLink a:hover, span.itemAddLink a:hover { background: #adb3ba; } span.itemAddLink a { margin: 15px 0; display: block; text-align: center; } span.itemDateCreated { position: relative; padding: 10px 0 0; } span.itemDateCreated span { display: block; font-weight: 700; color: #2b3d51; } span.itemDateCreated:before { display: block; content: ""; position: absolute; top: 0px; right: 0px; left: auto; width: 60%; border-top: 2px solid #7c8894; } h2.itemTitle { font-size: 56px; font-weight: 200; padding: 70px 0 60px; margin: 0; color: #2b3d51; line-height: 1; } h2.itemTitle span sup { font-size: 18px; color: #1dcd6d; text-decoration: none; text-transform: uppercase; display: block; font-weight: 400; margin: 0 0 5px; } /* "Featured" presented in superscript */ span.itemAuthor { display: block; padding: 0; margin: 0; } a.itemCommentsLink { display: block; font-size: 50px; line-height: 1; } .row.collapse .column.itemSideInfo { padding: 0 35px 0 0; } .itemSideInfo { font-size: 18px; color: #7c8894; } .itemSideInfo .sideItemBlock { overflow: hidden; margin: 0 0 45px; display: block; } .itemToolbar { padding: 2px 0; margin: 15px 0 0 0; border-top: 2px solid #ecf0f1; border-bottom: 2px solid #ecf0f1; line-height: 1; } .itemToolbar ul { list-style: none; padding: 5px; margin: 0; font-weight: 700; } .itemToolbar ul li { display: inline; list-style: none; padding: 5px 5px 5px 10px; margin: 0; border-left: 1px solid #ecf0f1; text-align: center; background: none; font-size: 13px; } .itemToolbar ul > li:first-child { border: none; } /* remove the first CSS border from the left of the toolbar */ .itemToolbar ul li a { font-size: 12px; font-weight: normal; } .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; } .itemRatingBlock { padding: 8px 0; } .itemRatingBlock span { display: block; float: left; font-style: normal; padding: 0 4px 0 0; margin: 0; color: #999; } .itemBody { padding: 8px 0; margin: 0; } .itemImageBlock span.itemImage { display: block; } .itemImageBlock span.itemImage img { min-width: 100%; } .itemImageBlock.portaitSize { position: relative; padding: 0 0 56%; z-index: 1; overflow: hidden; } .itemImageBlock.portaitSize .blkOverlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 2; } .itemImageBlock.portaitSize .itemImage { display: block; position: absolute; z-index: 9; left: 28%; top: 30px; bottom: 30px; } .itemImageBlock.portaitSize .itemImage img { max-height: 100%; width: auto; } .itemImageBlock.landscapeSize { position: relative; padding: 0 0 56%; overflow: hidden; } .itemImageBlock.landscapeSize img { position: absolute; left: 0; top: 0; max-width: 100%; } span.itemImageCaption { color: #7c8894; float: left; display: block; font-size: 11px; padding: 5px 0 0 15px; } span.itemImageCredits { color: #7c8894; float: right; display: block; font-style: italic; font-size: 11px; padding: 5px 15px 0 0; } .itemIntroText { font-size: 23px; line-height: 1.35; } .itemIntroText p { margin: 0 0 30px; } .itemFullText { font-size: 19px; line-height: 1.55; } .itemFullText p { margin: 0 0 30px; } span.itemHits b { color: #2b3d51; } span.itemDateModified { font-size: 15px; } span.itemDateModified span { display: block; color: #2b3d51; font-weight: 700; font-size: 18px; } .itemSocialSharing { margin: 0 0 115px; } .itemSocialSharing span { display: inline-block; vertical-align: middle; text-transform: uppercase; color: #adb3ba; font-weight: 700; font-size: 14px; margin: 0 12px 0 0; } .itemTwitterButton { display: inline-block; vertical-align: middle; margin: 2px 20px 0 0; } .itemFacebookButton { display: inline-block; vertical-align: middle; margin-right: 20px; width: 200px; } .itemGooglePlusOneButton { display: inline-block; vertical-align: middle; } .itemCategory { margin: 0 0 10px; } .itemCategory span { display: block; } /* Video - responsive videos */ .itemVideoBlock { margin: 0 0 60px -12px; border-left: 2px solid #1dcd6d; padding: 0 0 0 12px; position: relative; } .itemVideoBlock:before { color: #7c8894; font-family: 'icomoon'; font-size: 55px; content: "\1f3ac"; top: 0; left: -74px; position: absolute; } .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: 11px; font-weight: bold; width: 60%; margin: 5px 0 0; } .itemVideoBlock span.itemVideoCredits { float: right; display: block; font-style: italic; font-size: 11px; width: 35%; text-align: right; margin: 5px 0 0; } /* secondary elements item attachmnets && extra fields */ .itemSecondaryZone { margin: 60px 0; overflow: hidden; } .itemExtraFields { padding: 8px 0 0 0; border-top: 1px solid #ecf0f1; } .itemExtraFields h3 { margin: 0; font-weight: 300; padding: 0 0 15px; } .itemExtraFields ul { margin: 0; padding: 0; list-style: none; } .itemExtraFields ul li { display: block; } .itemExtraFields ul li span.itemExtraFieldsLabel { display: block; float: left; font-weight: bold; margin: 0 4px 0 0; width: 30%; } .itemAttachmentsBlock span { font-weight: 800; color: #3f3f3f; 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:hover { text-decoration: underline; } .itemAttachmentsBlock ul.itemAttachments li span { font-size: 10px; color: #999; font-weight: normal; } /* Image Gallery */ .itemImageGallery { margin: 0 0 60px -12px; border-left: 2px solid #1dcd6d; padding: 0 0 0 12px; position: relative; } .itemImageGallery:before { color: #7c8894; font-family: 'icomoon'; font-size: 55px; content: "\1f4f7"; top: 0; left: -74px; position: absolute; } .itemTagsBlock { margin: 0 0 60px -12px; } .itemTagsBlock span { display: inline-block; vertical-align: middle; text-transform: uppercase; color: #adb3ba; font-weight: 700; font-size: 14px; margin: 0 12px 0 0; } .itemTagsBlock ul.itemTags { list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: middle; } .itemTagsBlock ul.itemTags li { display: inline; list-style: none; padding: 0 8px 0 0; margin: 0; text-align: center; } .itemTagsBlock ul.itemTags li a { display: inline-block; vertical-align: middle; padding: 0 20px; height: 30px; color: #fff; line-height: 30px; border-radius: 2px; background: #1dcd6d; font-weight: 500; } .itemTagsBlock ul.itemTags li a:hover { background: #19a558; } /* Author block */ .row .column.authorSideBlock { padding: 0 30px; } .itemAuthorBlock { margin: 0 0 70px 0; } .itemAuthorBlock img.itemAuthorAvatar { float: left; display: block; border-radius: 66px; border: 3px solid #2b3d51; 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: #1dcd6d; font-size: 28px; } .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 115px; padding: 0; } .itemAuthorLatest h3 { margin: 0; padding: 0 0 15px; } .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; } /* Related by tag */ .itemRelated { padding: 0; height: 420px; overflow: hidden; /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */ } .itemRelated .nuSliderPagination .navHolder { position: absolute; top: -57px; font-size: 34px; z-index: 99; } .itemRelated .nuSliderPagination .navHolder.prevHolder { color: #fff; left: 30px; } .itemRelated .nuSliderPagination .navHolder.nextHolder { color: #fff; right: 30px; } .itemRelated .nuSliderPagination .navHolder a { color: #fff; } .itemRelated .nuSliderPagination .navHolder a:hover { text-decoration: none; } .itemRelated h3 { color: #fff; font-weight: 300; background: #1dcd6d; margin: 0; line-height: 70px; font-size: 28px; clear: both; } .itemRelated .itemsWrapper { height: 350px; overflow: visible !important; } .itemRelated ul { list-style: none outside none; margin: 0; padding: 0; } .itemRelated ul.items { height: 350px; } .itemRelated ul li { max-width: 300px; float: left; } .itemRelated ul li a:hover { text-decoration: underline; } .itemRelated li.item { min-height: 350px; margin: 0; padding: 0; border-right: 1px solid #ecf0f1; } .itemRelated ul li.k2ScrollerElement { float: left; overflow: hidden; border: 1px solid #ccc; padding: 4px; margin: 0 4px 4px 0; background: #fff; } /* you need to insert this class in the related li element in item.php for this styling to take effect */ .itemRelated ul li.clr { clear: both; height: 0; line-height: 0; display: block; float: none; padding: 0; margin: 0; border: none; } a.itemRelTitle { color: #2b3d51; font-size: 18px; display: block; margin: 0 0 10px; } .itemRelCat { font-size: 12px; font-weight: 700; text-transform: uppercase; } .itemRelAuthor { font-size: 12px; font-weight: 700; margin: 0 0 10px; } /* Article navigation */ .itemNavigation a { overflow: hidden; color: #fff; background: #1dcd6d; display: block; max-width: 100%; width: 450px; padding: 10px 0; position: absolute; top: 817px; font-weight: 600; font-size: 16px; } .itemNavigation a span { display: inline-block; overflow: hidden; max-width: 160px; padding: 20px 0; } .itemNavigation a .icon { line-height: 110px; display: block; text-align: center; width: 55px; font-size: 35px; } .itemNavigation a.itemPrevious { float: left; left: -395px; } .itemNavigation a.itemPrevious:hover { left: 0; } .itemNavigation a.itemPrevious img { height: 110px; width: auto; } .itemNavigation a.itemPrevious span.imgNavWrap { display: block; margin-left: 20px; padding: 0; } .itemNavigation a.itemNext { float: right; right: -395px; } .itemNavigation a.itemNext:hover { right: 0; } .itemNavigation a.itemNext img { height: 110px; width: auto; } .itemNavigation a.itemNext span.imgNavWrap { display: block; margin-right: 20px; padding: 0; } .itemNavigation span.itemNavigationTitle { color: #999; } /* Comments */ .commentsWrap { background: #ecf0f1; padding: 85px 0; } .itemComments { background: #ecf0f1; } .itemComments h3 { margin: 0; padding: 0 0 4px 0; font-size: 35px; font-weight: 300; text-transform: capitalize; } .itemComments h3 span { font-weight: 800; color: #1dcd6d; } .itemComments ul.itemCommentsList { list-style: none outside none; margin: 30px 0 0; padding: 0; } .itemComments ul.itemCommentsList li { overflow: hidden; padding: 0 0 60px; } .itemComments ul.itemCommentsList li.authorResponse { background: #ecf0f1; } .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 { padding: 0 4px 0 0; margin: 0 8px 0 0; border-right: 1px solid #7c8894; font-size: 18px; } .itemComments ul.itemCommentsList li span.commentAuthorName { font-size: 18px; } .itemComments ul.itemCommentsList li p { font-size: 20px; margin: 8px 0 0; } .itemComments ul.itemCommentsList li span.commentAuthorEmail { display: none; } .itemComments ul.itemCommentsList li span.commentLink { float: right; margin-left: 8px; } .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: 11px; color: #999; text-decoration: underline; margin-right: 4px; } .itemComments ul.itemCommentsList li span.commentToolbar a:hover { font-size: 11px; 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; } p.itemCommentsFormNotes { margin: 10px 0 30px; } .itemCommentsForm label { font-weight: 400; font-family: "Raleway", "Roboto", sans-serif; display: block; margin: 0 0 10px; line-height: 1; } .itemCommentsForm form textarea.inputbox { display: block; height: 160px; margin: 0 0 30px; padding: 0 5px; } .itemCommentsForm form input.inputbox { display: block; margin: 0 0 30px; padding: 0 5px; } .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; color: #f8bd27; } .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: 40px; color: #135CAE; line-height: 30px; vertical-align: top; display: block; float: left; } .k2ReportCommentFormContainer blockquote span.quoteIconRight { font-style: italic; font-weight: bold; font-size: 40px; color: #135CAE; line-height: 30px; vertical-align: top; display: block; float: right; } .k2ReportCommentFormContainer blockquote span.theComment { font-family: "Noto Serif", Georgia, serif; font-style: italic; font-size: 12px; font-weight: normal; color: #000; padding: 0 4px; } .k2ReportCommentFormContainer form label { display: block; font-weight: 300; font-family: "Raleway", "Roboto", sans-serif; } .k2ReportCommentFormContainer form input, .k2ReportCommentFormContainer form textarea { display: block; border: 1px solid #ddd; font-size: 12px; 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; } /* Back to top link */ .itemBackToTop { text-align: right; margin: 0 0 15px; } .itemBackToTop a { text-decoration: underline; } .itemBackToTop a:hover { text-decoration: underline; } /* Components - com_k2 && com_content Listings View (default template) ----------------------------------------------------------------------*/ /* generic container class */ /* com_k2 category heading */ .overlayedHeading { position: relative; } .overlayedHeading .overlayOpacity { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: 0.2; } .overlayedHeading .relativePos { position: relative; z-index: 2; } .itemList { /* itemlist container class */ } .itemContainer, .latestItemsContainer { float: left; } .catItemView { margin: 0; padding: 0; border-bottom: 1px solid #ecf0f1; overflow: hidden; /* links Layout - K2 only */ } .catItemView.listSingleItemView .catItemImageBlock img, .catItemView.listSingleItemView .catItemImageBlock { min-width: 100%; max-width: 100%; } .catItemView.listSingleItemView .catItemIntroText { line-height: 27px; } .catItemView .catItemImageBlock { width: auto; position: relative; overflow: hidden; } .catItemView .catItemImageBlock .sideGreenOverlay { position: absolute; right: -100px; top: 0; height: 100%; background-color: #1dcd6d; background-color: rgba(30, 205, 109, 0.9); padding: 25px 17px; color: #fff; } .catItemView .catItemImageBlock .sideGreenOverlay a { color: #fff; } .catItemView .catItemImageBlock .sideGreenOverlay .icon-desc { color: #fff; display: block; font-size: 25px; } .catItemView .catItemImageBlock .sideGreenOverlay .green-block { margin: 0 0 25px; } .catItemView:hover .sideGreenOverlay { right: 0; } .catItemView .catItemDateCreated { color: #2b3d51; font-weight: 700; font-size: 15px; margin: 0 10px 0 0; } .catItemView .catItemWrapper { padding: 30px; overflow: hidden; } .catItemView .catItemWrapper a { color: #1dcd6d; } .catItemView .catItemWrapper a:hover { text-decoration: underline; } .catItemView h3.catItemTitle { font-weight: 400; margin: 0; padding: 0 0 2px; font-size: 25px; } .catItemView h3.catItemTitle a { color: #2b3d51; } .catItemView .catItemAuthor { font-size: 15px; margin: 0 0 15px; } .catItemView .catItemCategory { font-size: 15px; font-weight: 700; display: inline-block; vertical-align: middle; margin: 0; text-transform: uppercase; } .catItemView .catItemCategory.tagItemCategory, .catItemView .catItemCategory.userItemCategory, .catItemView .catItemCategory.latestItemCategory { margin: 0; } .catItemView .catItemBody { margin: 0 0 10px; } .catItemView .catItemBody .catItemIntroText { margin: 0 0 10px; } .catItemView .catItemTagsBlock { font-size: 14px; margin: 10px 0 0; } .catItemView .catItemTagsBlock span { display: inline-block; vertical-align: middle; margin-right: 5px; color: #2b3d51; font-size: 18px; } .catItemView .catItemTags { list-style: none outside none; margin: 0 0 15px; padding: 0; display: inline-block; } .catItemView .catItemTags li { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; } .catItemView .catItemTags li a { color: #2b3d51; } .catItemView .catItemExtraFields ul { list-style: none outside none; margin: 0 0 15px; padding: 0; } .catItemView .catItemExtraFields ul li { display: block; } .catItemView .catItemImageLinksBlock { display: inline-block; vertical-align: middle; } .catItemView .catItemLinkWrapper { padding: 0 15px; overflow: hidden; display: inline-block; vertical-align: middle; } .catItemView .catItemLinkWrapper h3.catItemTitle { font-size: 16px; } .catItemView .catItemLinkWrapper h3.catItemTitle a:hover { text-decoration: underline; } /* Blocks used for multicolumned layouts */ .block50 .catItemWrapper, .block25 .catItemWrapper, .block33 .catItemWrapper { border-right: 1px solid #ecf0f1; } .block50 .catItemVideoBlock, .block25 .catItemVideoBlock, .block33 .catItemVideoBlock { min-width: 100%; } .block50 .catItemVideoBlock h3, .block25 .catItemVideoBlock h3, .block33 .catItemVideoBlock h3 { margin: 0; padding: 0 0 10px; color: #2b3d51; font-weight: 400; } .block50 .catItemVideoBlock .avPlayerContainer, .block25 .catItemVideoBlock .avPlayerContainer, .block33 .catItemVideoBlock .avPlayerContainer { min-width: 100%; position: relative; padding: 0 0 56%; } .block50 .catItemVideoBlock .avPlayerContainer .video, .block25 .catItemVideoBlock .avPlayerContainer .video, .block33 .catItemVideoBlock .avPlayerContainer .video, .block50 .catItemVideoBlock .avPlayerContainer object, .block25 .catItemVideoBlock .avPlayerContainer object, .block33 .catItemVideoBlock .avPlayerContainer object, .block50 .catItemVideoBlock .avPlayerContainer emded, .block25 .catItemVideoBlock .avPlayerContainer emded, .block33 .catItemVideoBlock .avPlayerContainer emded, .block50 .catItemVideoBlock .avPlayerContainer iframe, .block25 .catItemVideoBlock .avPlayerContainer iframe, .block33 .catItemVideoBlock .avPlayerContainer iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #itemListLinks h4 { text-align: center; color: #fff; font-weight: 700; line-height: 1; background: #1dcd6d; padding: 15px 0; margin: 0; font-size: 16px; border-bottom: 1px solid #ecf0f1; } .itemListSubCategories h3 { margin: 0; font-size: 40px; padding: 30px; color: #2b3d51; font-weight: 300; border-bottom: 1px solid #ecf0f1; } .subCategoryContainer { float: left; padding: 30px; border-bottom: 1px solid #ecf0f1; } .subCategoryContainer h2 { font-size: 22px; font-weight: 400; } .subCategoryContainer h2 a { color: #2b3d51; } /* only for the frontpage template */ /* category - rollover state */ .catItemImageBlock { position: relative; } .catItemRollOver { position: absolute; bottom: -250px; left: 0; width: 100%; -webkit-transition: 325ms bottom ease-out; -moz-transition: 325ms bottom ease-out; transition: 325ms bottom ease-out; } .catItemView:hover .catItemRollOver { bottom: 0; } /* only for the frontpage template */ /* generic itemlisting styles - both for com_content && com_k2 */ .listSingleItemView h3.catItemTitle { font-weight: 400; font-size: 25px; margin: 0; padding: 0 0 10px; text-transform: capitalize; } .listSingleItemView h3.catItemTitle a { color: #2b3d51; } .listSingleItemView .catItemCategory { font-weight: 700; display: block; margin: 0; } .listSingleItemView .catItemAuthor { display: inline-block; margin: 0 0 10px; } .listSingleItemView a { color: #1dcd6d; } .listSingleItemView .greenOpOverlay a { color: #fff; } .listSingleItemView .greenOpOverlay a:hover { text-decoration: underline; } .listSingleItemView .catItemTagsBlock ul { list-style: none outside none; margin: 0; padding: 0; } .listSingleItemView .catItemTagsBlock ul li { display: inline-block; vertical-align: top; } .listSingleItemView .catItemIntroText { color: #666464; } .listSingleItemView .catItemIntroText p { margin: 0 0 10px; } /* only for the frontpage template */ .catItemView .greenOpOverlay { background-color: #1dcd6d; background-color: rgba(30, 205, 109, 0.9); padding: 30px; } .catItemView .greenOpOverlay .fpageGreenBlock { margin: 0 0 10px; color: #fff; font-size: 28px; line-height: 1; } .catItemView .greenOpOverlay .fpageGreenBlock .icon { font-size: 22px; vertical-align: middle; margin-right: 5px; } .catItemView .greenOpOverlay .fpageGreenBlock a { color: #fff; } .catItemView .greenOpOverlay .fpageGreenBlock ul.catItemTags { margin: 0; } .catItemView .greenOpOverlay .fpageGreenBlock ul.catItemTags a { color: #fff; font-size: 19px; } /* K2 User Block ----------------------------------------------------------------------*/ .userBlock { padding: 30px; border-bottom: 1px solid #ecf0f1; } .userBlock img { border-radius: 66px; margin: 0 15px 0 0; } .userBlock h2 { color: #2b3d51; font-weight: 300; margin: 15px 0; font-size: 24px; padding: 0; } .userBlock .authorBlockInfo { overflow: hidden; } /* K2 User Block && K2 Category Block - latest items ----------------------------------------------------------------------*/ .latestItemsUser, .latestItemsCategory { padding: 30px; border-bottom: 1px solid #ecf0f1; border-right: 1px solid #ecf0f1; } .latestItemsUser img, .latestItemsCategory img { border-radius: 66px; margin: 0 15px 0 0; } .latestItemsUser h2, .latestItemsCategory h2 { color: #2b3d51; font-weight: 300; margin: 15px 0; font-size: 24px; padding: 0; } .latestItemsUser h2 a, .latestItemsCategory h2 a { color: #2b3d51; } /* K2 Account Pages ----------------------------------------------------------------------*/ /* register &&* profile page */ .k2AccountPage { padding: 0 30px 30px; } .k2AccountPageNotice { margin: 0 0 30px; } .k2AccountPageUpdate { text-align: right; } table.admintable { width: 100%; font-family: "Raleway", "Roboto", sans-serif; margin: 0 0 30px; } table.admintable th { background: #1dcd6d; text-align: center; color: #fff; font-size: 16px; font-weight: 700; padding: 15px 0; text-transform: uppercase; } table.admintable tr td { padding: 30px 0; border-bottom: 2px solid #ecf0f1; } 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; } table.admintable tr:last-child td { border: 0; } /* com_users specific styles ----------------------------------------------------------------------*/ #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; } #com_users label { margin: 0 0 5px; display: inline-block; } #com_users inputbox { margin: 0 0 15px; } #com_users .login-fields, #com_users .control-group { padding-top: 30px; float: left; } #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 input[type="checkbox"] { display: inline-block; vertical-align: middle; } #com_users .profile { padding: 30px; } #com_users .profile fieldset { margin: 0 0 30px; border: 0; padding: 0; float: left; width: 50%; } #com_users .login ul { margin: 0 0 30px; padding: 0; list-style: none; } /* General Component Styling */ /* Joomla 3.x general component styling ----------------------------------------------------------------------*/ ul.categories { list-style: none outside none; margin: 30px 0; padding: 0; } ul.categories li { display: block; } ul.categories li a { color: #1dcd6d; } ul.categories li img { /**/ } ul.stripped { list-style: none outside none; margin: 30px 0; padding: 0; } ul.stripped li { display: block; } ul.stripped li a { color: #1dcd6d; } ul.stripped li img { /**/ } /* com_contact ----------------------------------------------------------------------*/ /* com_contact Contact form */ .contact { padding: 60px; /* reseting this label */ } .contact .contact-form { padding-right: 25px; } .contact h1 { color: #1dcd6d; font-weight: 300; font-size: 56px; margin-top: 0; } .contact h2 { color: #1dcd6d; font-weight: 300; font-size: 56px; margin: 0; padding: 0; } .contact h3 { color: #1dcd6d; font-weight: 300; font-size: 30px; margin: 0 0 10px; padding: 0; } .contact .tooltip { display: none !important; } .contact legend { color: #3f3f3f; margin: 0; padding: 0; border: 0; font-size: 16px; font-family: "Noto Serif", Georgia, serif; } .contact .formBlock { margin: 20px 0 0; } .contact .formBlock .alphaBlock { padding-right: 15px; margin-top: 25px; } .contact .formBlock .omegaBlock { padding-left: 15px; margin-top: 25px; } .contact textarea { height: 165px; } .contact label { display: block; margin: 0 0 10px; } .contact input[type="checkbox"] { float: left; margin: 17px 13px 0 0; } .contact label#jform_contact_email_copy-lbl { float: left; margin: 15px 0 0; } .contact .contact-miscinfo { border-radius: 4px; padding: 30px; background: #ecf0f1; font-size: 15px; margin: 0 0 30px; color: #2b3d51; } .contact .contact-miscinfo p { margin: 0; padding: 0; } /* com_contact Contact details */ .contactDetails { margin: 66px 0 0; padding: 0 0 0 20px; } .contactDetails span.jicons-icons { display: block; width: 24px; float: left; margin: 0 10px 0 0; text-align: center; } .contactDetails p { overflow: hidden; margin: 0 0 20px; } .contactDetails .contact-address { margin: 0 0 20px; } .contactDetails .contact-address address { overflow: hidden; } .contactDetails .contact-address address span.contact-street { /**/ } .contactDetails p.contact-position { font-weight: 700; } /* common for com_content, com_newsfeeds and com_weblinks (Joomla 2.5.x) ----------------------------------------------------------------------*/ 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; font-family: "Raleway", "Roboto", sans-serif; } .element-invisible { display: none !important; } .categories-list, .category-list, .tag-category { padding: 30px; } .categories-list h1, .category-list h1, .tag-category h1 { color: #1dcd6d; font-weight: 300; font-size: 56px; margin: 0 0 30px; padding: 0; } .categories-list h2, .category-list h2, .tag-category h2 { color: #1dcd6d; font-weight: 300; font-size: 56px; margin: 0 0 30px; padding: 0; } .categories-list ul li, .category-list ul li, .tag-category ul li { border-bottom: 2px solid #ecf0f1; } .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 { color: #2b3d51; font-size: 22px; font-family: "Raleway", "Roboto", sans-serif; } .categories-list ul li h3.item-title a, .category-list ul li h3.item-title a, .tag-category ul li h3.item-title a { color: #2b3d51; } .categories-list ul li span.item-title, .category-list ul li span.item-title, .tag-category ul li span.item-title { color: #2b3d51; font-size: 22px; font-family: "Raleway", "Roboto", sans-serif; } .categories-list ul li span.item-title a, .category-list ul li span.item-title a, .tag-category ul li span.item-title a { color: #2b3d51; } .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: 22px; } .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: 22px; } .display-limit { font-family: "Raleway", "Roboto", sans-serif; font-weight: 700; border-bottom: 2px solid #ecf0f1; margin: 0 0 5px; padding: 0 10px 15px; } .display-limit select { width: auto; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; } /* com_tags */ .tag-category ul { margin-top: 30px; } .tag-category h3 { font-weight: 400; margin: 10px 0 15px; padding: 0 0 2px; font-size: 25px; } .tag-category h3 a { color: #3f3f3f; } .tag-category img { float: left; margin: 0 15px 0 0; } .tag-category .tag-body { overflow: hidden; } /* com_weblinks && com_newsfeeds */ /* weblinks category */ .weblink-category, .newsfeed-category { padding: 30px; } .weblink-category h2, .newsfeed-category h2 { color: #1dcd6d; font-weight: 300; font-size: 56px; margin: 0 0 30px; padding: 0; } .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: 2px solid #ecf0f1; } .weblink-category table.category, .newsfeed-category table.category { width: 100%; font-family: "Raleway", "Roboto", sans-serif; margin-top: 0; } .weblink-category table.category th, .newsfeed-category table.category th { font-family: "Raleway", "Roboto", sans-serif; text-align: left; padding: 10px; } .weblink-category table.category tr, .newsfeed-category table.category tr { /**/ } .weblink-category table.category td, .newsfeed-category table.category td { border-bottom: 2px solid #ecf0f1; padding: 10px; } .weblink-category table.category td.hits, .newsfeed-category table.category td.hits { text-align: right; font-weight: 700; } .weblink-category table.category td.title a, .newsfeed-category table.category td.title a, .weblink-category table.category td.item-title a, .newsfeed-category table.category td.item-title a { color: #2b3d51; } .weblink-category table.category td img, .newsfeed-category table.category td img { display: none; } .weblink-category table.category td p, .newsfeed-category table.category td p { margin: 0; padding: 0; } .weblink-category table.category td ul, .newsfeed-category table.category td ul { list-style: none outside none; margin: 0; padding: 0; } .weblink-category table.category td ul li, .newsfeed-category table.category td ul li { display: inline-block; vertical-align: top; } .weblink-category table.category td ul.actions, .newsfeed-category table.category 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%; font-family: "Raleway", "Roboto", sans-serif; margin: 30px 0 0; } table.category th { font-family: "Raleway", "Roboto", sans-serif; text-align: left; padding: 10px; } table.category th a { color: #2b3d51; } table.category th a img { /**/ } table.category td { border-bottom: 2px solid #ecf0f1; padding: 10px; } table.category td.item-link a { color: #7c8894; } table.category td.item-link a:hover { color: #7c8894; } /* single feed */ .newsfeed { padding: 30px; } .newsfeed div.feed-description { color: #2b3d51; background: #ecf0f1; padding: 30px; border-radius: 4px; } .newsfeed h2 { font-weight: 400; color: #2b3d51; font-size: 56px; margin: 30px 0; } .newsfeed h2 a { color: #2b3d51; } .newsfeed ol { list-style: none outside none; margin: 30px 0; padding: 0; } .newsfeed ol li { display: block; margin: 0 0 30px; overflow: hidden; } .newsfeed ol li img { padding: 15px; float: left; } .newsfeed ol li .feed-item-description { margin: 30px 0 0; } .newsfeed ol li .feed-item-description a { text-decoration: underline; } /* com_search - the form */ form#searchForm { padding: 30px; } form#searchForm fieldset { margin: 0 0 30px; overflow: hidden; padding: 0; } form#searchForm label { display: inline-block; vertical-align: middle; font-family: "Noto Serif", Georgia, serif; margin-right: 15px; font-weight: 400; } form#searchForm label.titleLabel { font-weight: 700; font-family: "Raleway", "Roboto", sans-serif; } form#searchForm legend { color: #3f3f3f; margin: 0; padding: 0; border: 0; font-size: 16px; font-family: "Noto Serif", Georgia, serif; } form#searchForm input[type="checkbox"], form#searchForm input[type="radio"] { display: inline-block; vertical-align: middle; margin-right: 4px; } 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 { background: #1dcd6d; color: #fff; line-height: 1; padding: 15px 30px; font-size: 22px; } /* com_search - the results */ dl.search-results { padding: 30px 0 0; margin: 0; } dl.search-results dt { margin: 0 0 8px; padding: 0 30px; font-family: "Raleway", "Roboto", sans-serif; color: #1dcd6d; font-weight: 700; font-size: 20px; } dl.search-results dt a { color: #2b3d51; font-size: 24px; 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-created { font-weight: 700; color: #3f3f3f; font-size: 15px; } dl.search-results dd.result-text { padding: 0 30px 30px; margin: 0 0 30px; border-bottom: 1px solid #ecf0f1; } 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: #f8bd27; } .itemListCategoriesBlock h2 { font-weight: 300; } .itemListCategoriesBlock h2 a { color: #fff; } .itemListCategoriesBlock h2 a:hover { text-decoration: underline; } .itemListCategoriesBlock .subCategoryContainer { padding: 30px; border-bottom: 2px solid #ecf0f1; } .itemListCategoriesBlock .subCategoryContainer .subCategory p { margin: 0 0 15px; } /* com_content specific styles ----------------------------------------------------------------------*/ #com_content .itemAuthorLatest, #com_content .itemSocialSharing { margin: 0 0 60px; } .catItemFilterSearch { padding: 30px; overflow: hidden; border-bottom: 1px solid #ecf0f1; } .catItemFilterSearch h3 { font-size: 24px; color: #2b3d51; font-weight: 400; margin: 0 0 15px; } .catItemFilterSearch select { margin-right: 20%; height: 35px; line-height: 35px; width: 80%; } .catItemFilterSearch button { height: 35px; line-height: 35px; } /* Modules ------------------------------------------------------ */ /* General module styling - mod_k2_content && nu_content */ /* general module classes */ .banner300 { margin: 30px auto; padding: 0; text-align: center; } .offsetTop { margin-top: 30px; } .offsetBottom { margin-bottom: 30px; } .transition { -webkit-transition: 250ms all ease-in; -moz-transition: 250ms all ease-in; transition: 250ms all ease-in; } .padd15 { padding: 0 15px; } .padd30 { padding: 0 30px; } .whiteBg .moduleContent { background: #fff; padding: 30px; } .moduleTitle { font-weight: 800; clear: both; } .moduleItemCategory { text-transform: uppercase; } .frontPageModule h3.moduleTitle { background: #fff; padding: 30px; margin: 0; font-size: 40px; font-weight: 300; } /* widely used module classes */ .whiteWrapper { background: #fff; padding: 30px; color: #404041; } .smallerWhiteWrapper { background: #fff; padding: 20px; color: #404041; } .tippedWrapper { position: relative; } .tippedWrapper:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tippedWrapper:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; left: 30px; margin-left: 0; } .tippedWrapper.largeTip:after { border-width: 16px; } a.moduleItemCategory { color: #1dcd6d; } .nuSliderPagination ul { list-style: none outside none; } .moduleCustomLink { padding: 27px 30px; font-weight: 300; display: block; color: #2b3d51; } .moduleCustomLink span { display: inline-block; vertical-align: middle; padding-right: 5px; } .moduleCustomLink span:hover { text-decoration: underline; } .moduleCustomLink .icon { font-size: 23px; display: inline-block; vertical-align: middle; color: #1dcd6d; } /* Creating the sliding search bar */ nav#mainNavigation.p11 { margin-left: -91.66667%; } #logoWrap.p3 { margin-left: -25%; } /* header Menu */ #menuToggler { display: none; text-align: right; } #menuToggler a { color: #2b3d51; display: block; line-height: 90px; height: 90px; font-size: 22px; padding: 0 15px; } #menuToggler a.activeToggler { color: #1dcd6d; } .mainHeader ul.menu { list-style: none outside none; margin: 0; padding: 0; line-height: 0; /* fix white space */ padding: 0 0 0 30px; /* second level */ /* active states */ } .mainHeader ul.menu li { display: inline-block; padding: 0 16px; position: relative; z-index: 99; /* top menus levels are horizontals */ } .mainHeader ul.menu li:first-child { padding-left: 0; } .mainHeader ul.menu li a { display: block; float: left; height: 90px; line-height: 90px; font-weight: 700; } .mainHeader ul.menu > li > a { color: #adb3ba; font-size: 14px; text-transform: uppercase; } .mainHeader ul.menu > li:hover > a, .mainHeader ul.menu > li a:hover { color: #1dcd6d; } .mainHeader ul.menu > li:hover > ul { left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; top: 90px; } .mainHeader ul.menu ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background-color: #1dcd6d; background-color: rgba(30, 205, 109, 0.9); position: absolute; z-index: 100; left: -999em; top: 110px; width: 250px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.26); padding: 0; -webkit-transition: top 150ms ease-in, opacity 250ms ease-in; -moz-transition: top 150ms ease-in, opacity 250ms ease-in; transition: top 150ms ease-in, opacity 250ms ease-in; } .mainHeader ul.menu ul li { display: block; float: none; padding: 0; /* third level */ } .mainHeader ul.menu ul li a { color: #fff; font-size: 14px; float: none; padding: 15px; line-height: 1; height: auto; display: block; -webkit-transition: all 250ms ease-in; -moz-transition: all 250ms ease-in; transition: all 250ms ease-in; } .mainHeader ul.menu ul li a:hover, .mainHeader ul.menu ul li:hover > a { text-decoration: none; color: #fff; background: #19a558; } .mainHeader ul.menu ul li:hover ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .mainHeader ul.menu ul li > ul { background: #19a558; left: 250px; top: 0; } .mainHeader ul.menu ul li > ul a:hover { background-color: #1dcd6d; background-color: rgba(30, 205, 109, 0.9); } .mainHeader ul.menu > li.parent > a { position: relative; } .mainHeader ul.menu > li.parent > a:after { font-family: 'icomoon'; position: absolute; left: 50%; bottom: 15px; margin: 0 0 0 -5px; text-align: center; content: "\e764"; font-size: 10px; line-height: 1; } .mainHeader ul.menu > li > ul > li.parent > a:after { font-family: 'icomoon'; float: right; content: "\e75a"; font-size: 20px; position: relative; top: -3px; } .mainHeader ul.menu > li.active > a { color: #1dcd6d; } .mainHeader ul.menu > li.active > ul > li.active > a { background: #19a558; } .mainHeader ul.menu > li.active > ul > li.active > ul > li.active > a { background: #1dcd6d; } /* Footer Menus */ aside ul.menu { list-style: none outside none; margin: 0; padding: 0; } aside ul.menu li { display: block; padding: 0 0 30px; font-size: 14px; } aside ul.menu li a { color: #fff; display: block; line-height: 1; font-weight: 700; } aside ul.menu li > a { text-transform: uppercase; font-family: "icomoon", "Raleway", "Roboto", sans-serif; } aside ul.menu li a:hover { color: #fff; text-decoration: underline; } /* use this suffix to add some more padding */ aside .mainMenu ul.menu { padding: 0 15px; } /* Social Menus -- needs the socialMenu suffix */ aside .socialMenu ul.menu li a { text-transform: none; color: #2b3d51; } aside .socialMenu ul.menu li a:hover { color: #fff; text-decoration: none; } aside .socialMenu ul.menu li a:before { padding-right: 15px; font-size: 20px; vertical-align: middle; color: #fff; } /* general sidebar module styling */ .sidebar { margin-bottom: 90px; } .sidebar .moduleTitle { background: #1dcd6d; text-align: center; color: #fff; font-size: 16px; padding: 15px 0; margin: 0; text-transform: uppercase; } /* footer general module styling */ .mainFooter .module h3.moduleTitle { font-size: 24px; font-weight: 400; margin: 0 0 30px; padding: 0; } .mainFooter .module p { margin: 0 0 30px; } /* reset all list styles for modules with the .moduleItemList suffix or prefix */ .moduleItemList ul { list-style: none outside none; margin: 0; padding: 0; } .moduleItemList ul li { display: block; } .moduleItemList ul li h3 { margin: 0; } .moduleItemExtraFields { font-weight: 800; color: #1dcd6d; font-size: 15px; padding: 0 0 5px; } .moduleItemExtraFields a { color: #1dcd6d; } .moduleItemExtraFields a:hover { text-decoration: underline; } /* slideshow Module - mod_k2_content && nu_content */ .contentSlideshow { position: relative; } .contentSlideshow ul { list-style: none outside none; margin: 0; padding: 0; } .contentSlideshow ul li { display: inline-block; } .contentSlideshow .itemsWrapper { height: 590px; } .contentSlideshow .itemsWrapper .items { height: 100%; } .contentSlideshow .itemsWrapper .item { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; width: 100%; height: 100%; } .contentSlideshow .itemsWrapper a, .contentSlideshow .itemsWrapper a:visited { color: #fff; } .contentSlideshow .itemsWrapper a:hover { text-decoration: underline; } .contentSlideshow .itemsWrapper .textWrapper { position: absolute; bottom: 14%; left: 4%; background-color: #1dcd6d; background-color: rgba(30, 205, 109, 0.9); color: #fff; padding: 20px; } .contentSlideshow .itemsWrapper .textWrapper .slideTitle { font-size: 36px; font-weight: 300; line-height: 1; margin: 0 0 10px; } .contentSlideshow .itemsWrapper .textWrapper .moduleItemAuthor { float: left; font-size: 16px; margin: 0 15px 15px 0; } .contentSlideshow .itemsWrapper .textWrapper .moduleItemAuthor a { font-weight: 700; } .contentSlideshow .itemsWrapper .textWrapper .moduleItemCategory, .contentSlideshow .itemsWrapper .textWrapper .moduleItemDateCreated { font-weight: 800; font-size: 15px; display: inline-block; vertical-align: top; margin: 0 15px 0 0; } .contentSlideshow .itemsWrapper .textWrapper p { margin: 0; padding: 0; } .contentSlideshow .nuSliderPagination .navButton { position: absolute; bottom: 0; font-size: 30px; } .contentSlideshow .nuSliderPagination .navButton a { color: #fff; background-color: #1dcd6d; background-color: rgba(30, 205, 109, 0.9); line-height: 58px; height: 54px; width: 54px; text-align: center; display: block; } .contentSlideshow .nuSliderPagination .navButton a:hover { background: #1dcd6d; } .contentSlideshow .nuSliderPagination .navButton.prev { right: 54px; } .contentSlideshow .nuSliderPagination .navButton.next { right: 0; } .contentSlideshow .nuSliderPagination ul { position: absolute; z-index: 999; left: 1%; bottom: 1.33333%; } .contentSlideshow .nuSliderPagination ul li { margin: 1px 2px; } .contentSlideshow .nuSliderPagination ul li a { color: #fff; } .contentSlideshow .nuSliderPagination ul li a.navigationButton { background: #fff; border: 1px solid #fff; border-radius: 6px; display: inline-block; width: 12px; height: 12px; } .contentSlideshow .nuSliderPagination ul li a.navigationButton.navigationButtonActive { background: transparent; } /* Popular Picks module - mod_k2_content && nu_content */ .popularList ul { margin: 0; padding: 0; } .popularList ul li { margin: 0; padding-bottom: 100%; position: relative; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; color: #fff; text-align: center; } .popularList ul li:hover .textWrapper { width: 80%; height: 80%; left: 10%; top: 10%; padding: 10%; } .popularList ul li a { color: #fff; } .popularList ul li a:hover { text-decoration: underline; } .popularList ul li .moduleItemTitle { font-size: 22px; line-height: 24px; font-weight: 500; display: block; padding: 10% 0 0; } .popularList ul li .moduleItemCategory { display: block; font-weight: 700; font-size: 13px; } .popularList .textWrapper { -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in; background-color: #1dcd6d; background-color: rgba(30, 205, 109, 0.8); position: absolute; z-index: 2; width: 70%; height: 70%; left: 17.5%; top: 17.5%; padding: 10%; } /* Content lists module - mod_k2_content && nu_content */ .contentList { background: #fff; font-size: 14px; } .contentList ul li { padding: 28px; margin: 0; border-bottom: 2px solid #ecf0f1; font-size: 14px; line-height: 20px; } .contentList ul li h3 { margin: 0; padding: 0 0 5px; font-weight: 400; font-size: 18px; line-height: 20px; } .contentList ul li h3 a { color: #2b3d51; } .contentList ul li a { color: #1dcd6d; } .contentList ul li a:hover { text-decoration: underline; } .contentList ul li .moduleItemImage { margin: 0 15px 10px 0; } .contentList ul li .moduleItemAuthor { display: block; margin: 0 0 10px; } .contentList ul li .moduleItemAuthor a { font-weight: 700; } .contentList ul li .moduleItemIntrotext { margin: 0 0 10px; font-size: 16px; line-height: 1.55; } /* Agenda Module - same template overrides somes values */ .agendaModule { font-size: 14px; line-height: 20px; } .agendaModule h3 { line-height: 23px; } /* Don't miss module template - mod_k2_content && nu_content */ .dontMiss li { overflow: hidden; margin: 0; } .dontMiss li:hover .moduleItemIntrotext { visibility: visible; display: block; text-overflow: ellipsis; overflow: hidden; height: 50px; margin: 5px 0; } .dontMiss .moduleItemCategory { display: block; font-weight: 800; font-size: 12px; } .dontMiss h3 { font-weight: 400; font-size: 18px; line-height: 23px; padding: 0; } .dontMiss h3 a { color: #2b3d51; } .dontMiss a:hover { text-decoration: underline; } .dontMiss.singleBlockTip { font-size: 14px; line-height: 20px; } .dontMiss.singleBlockTip h3 { font-size: 16px; } .dontMiss.singleBlockTip .moduleItemDateCreated { font-weight: 700; display: block; padding: 5px 0 0; } .dontMiss .moduleItemImage img, .dontMiss .moduleItemImage { min-width: 100%; display: block; } .dontMiss .moduleItemIntrotext { height: 1px; visibility: hidden; } /* interview template */ .interviewList { color: #fff; } .interviewList ul li { position: relative; } .interviewList ul li h3 { padding: 0; font-size: 24px; line-height: 28px; font-weight: 400; } .interviewList ul li .moduleItemTitle { color: #fff; } .interviewList ul li .moduleItemCategory { display: block; font-weight: 800; font-size: 12px; margin: 0 0 10px; } .interviewList ul li a:hover { text-decoration: underline; } .interviewList .imgWrap { position: relative; } .interviewList .imgWrap:hover + .txtWrap { padding-bottom: 45px; } .interviewList .imgWrap img { min-width: 100%; max-width: 100%; width: 100%; height: auto; } .interviewList .txtWrap { position: absolute; background-color: #33495f; background-color: rgba(52, 73, 95, 0.9); width: 100%; bottom: 0; left: 0; padding: 30px; } .interviewList .txtWrap:hover { padding-bottom: 45px; } /* slides (user nuSlider) - mod_k2_content && nucontent */ .contentSlider { min-height: 510px; background: #fff; /* the pagination */ } .contentSlider ul { list-style: none outside none; margin: 0; padding: 0; } .contentSlider ul li { display: inline-block; } .contentSlider .itemsWrapper { min-height: 510px; height: 510px; } .contentSlider .itemsWrapper .items { height: 100%; margin: 0; padding: 0; } .contentSlider .itemsWrapper .item { height: 100%; } .contentSlider .itemsWrapper .item a { color: #2b3d51; } .contentSlider .itemsWrapper .item h2 { margin: 0; padding: 0 0 10px; font-weight: 400; font-size: 22px; } .contentSlider .itemsWrapper .item .moduleItemImage { display: block; position: relative; width: 100%; height: 1px; padding: 0 0 56%; overflow: hidden; max-height: 320px; } .contentSlider .itemsWrapper .item .moduleItemImage img { position: absolute; top: 0px; left: 0px; width: 100%; min-width: 100%; } .contentSlider .itemsWrapper .item .moduleItemCategory { display: block; font-weight: 700; color: #adb3ba; font-size: 14px; } .contentSlider .nuSliderPagination { overflow: hidden; height: 56px; } .contentSlider .nuSliderPagination ul { text-align: center; display: inline-block; vertical-align: middle; height: 56px; } .contentSlider .nuSliderPagination ul li { margin: 1px 2px; display: inline-block; vertical-align: middle; padding-top: 21px; } .contentSlider .nuSliderPagination ul li a { color: #1dcd6d; } .contentSlider .nuSliderPagination ul li a.navigationButton { background: #1dcd6d; border: 1px solid #1dcd6d; border-radius: 6px; display: inline-block; width: 12px; height: 12px; } .contentSlider .nuSliderPagination ul li a.navigationButton.navigationButtonActive { background: transparent; } .contentSlider .nuSliderPagination .arrowNav { float: right; margin-top: -56px; } .contentSlider .nuSliderPagination .navButton a { background-color: #33495f; background-color: rgba(52, 73, 95, 0.9); display: block; float: left; width: 56px; text-align: center; height: 56px; line-height: 56px; font-size: 22px; color: #fff; } .contentSlider .nuSliderPagination .navButton a:hover { background: #2b3d51; } /* Above footer && Under Component positions */ #aboveFooter { overflow: hidden; padding: 0 30px; } .lowerModArea { margin: 0 0 90px; } .lowerModArea h3.moduleTitle { margin: 0 0 20px; padding: 0 0 20px; font-family: "Raleway", "Roboto", sans-serif; color: #2b3d51; border-bottom: 2px solid #adb3ba; font-weight: 400; font-size: 28px; } /* Newsletter Template - Specific mod_jw_tinyletter */ .jwTinyLetterContainer { padding: 0 65px; } .jwTinyLetterContainer h3 { font-size: 27px; margin: 20px 0 0; padding: 0; color: #2b3d51; font-weight: 400; } .jwTinyLetterContainer .newsletterTitle { overflow: hidden; display: inline-block; vertical-align: middle; font-size: 14px; } .jwTinyLetterContainer .newsletterTitle:before { width: 108px; height: 108px; line-height: 108px; border-radius: 108px; text-align: center; color: #1dcd6d; margin-right: 20px; content: "\1f53f"; font-family: 'icomoon'; float: left; display: block; font-size: 108px; } .jwTinyLetterContainer .nslForm { margin: 25px 0 0; } .jwTinyLetterContainer .inputbox { max-width: 275px; margin-right: 15px; } /* K2 Users Template */ .usersList ul.singleBlock { list-style: none outside none; margin: 0; padding: 0; background: #fff; } .usersList ul.singleBlock > li { border-bottom: 1px solid #ecf0f1; padding: 30px; } .usersList .ubUserAvatar { border-radius: 66px; margin: 0 20px 0 0; display: inline-block; border: 5px solid #2b3d51; } .usersList .ubUserAvatar img { border-radius: 66px; } .usersList .ubUserAvatar.ubAvatar { float: left; } .usersList .ubName { display: block; margin: 10px 0 5px; } .usersList .userModInfo { overflow: hidden; } .usersList a { color: #19a558; } .usersList .odd .ubUserAvatar { border-color: #1dcd6d; } .usersList .ubUserName { font-size: 18px; display: block; color: #2b3d51; margin: 10px 0 5px; } .usersList h3 { display: block; color: #666464; font-weight: 800; padding: 0 0 15px; font-size: 14px; text-transform: uppercase; } .usersList .ubUserDescription { font-size: 14px; margin: 15px 0; } .usersList .ubUserDescription p { margin: 0; } .usersList .ubUserAdditionalInfo { margin: 10px 0; } .usersList .ubUserAdditionalInfo a { color: #2b3d51; } .usersList ul.ubUserItems li { display: block; margin: 0 0 10px; font-size: 14px; } .usersList ul.ubUserItems li:last-child { border-bottom: 0; } .usersList ul.ubUserItems li a { color: #3f3f3f; } .usersList ul.ubUserItems li .icon { font-size: 13px; margin-right: 5px; } .usersList ul.ubUserItems li a:hover span { text-decoration: underline; } /* K2 Video Player - Specific for K2 Content modules */ .itemsVideoBlock { /* The new slider part */ /* the active thumb */ /* the thumbs navigation */ } .itemsVideoBlock .avVideo { background: black url(../images/loader.gif) no-repeat 50% 50%; } .itemsVideoBlock .avPlayerWrapper { position: relative; width: 100%; height: 1px; padding: 0 0 56%; } .itemsVideoBlock .avPlayerWrapper .avPlayerContainer { min-width: 100%; } .itemsVideoBlock .avPlayerWrapper iframe, .itemsVideoBlock .avPlayerWrapper object, .itemsVideoBlock .avPlayerWrapper embed, .itemsVideoBlock .avPlayerWrapper video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .itemsVideoBlock a { color: #2b3d51; } .itemsVideoBlock .moduleItemIntroText { color: #959494; } .itemsVideoBlock .moduleItemIntroText p { margin: 0; padding: 0; } .itemsVideoBlock h3.moduleItemTitle { font-size: 22px; font-weight: 400; padding: 0 0 10px; margin: 0; } .itemsVideoBlock .vThumbsContainerBg { background: #fff; position: relative; } .itemsVideoBlock .vThumbsContainer { height: 500px; } .itemsVideoBlock .vThumbsContainer .vThumbs { height: 100%; } .itemsVideoBlock .vThumbsContainer .vThumb { display: block; background: #fff; height: 115px; } .itemsVideoBlock .vThumbTitle { color: #2b3d51; padding: 20px; font-size: 15px; display: block; overflow: hidden; } .itemsVideoBlock .moduleVItemImageInner { width: 115px; height: 115px; overflow: hidden; float: right; } .itemsVideoBlock .moduleVItemImageInner img { height: auto; min-height: 100%; max-width: none; } .itemsVideoBlock .activeVThumb .vThumbTitle { color: #1dcd6d; font-size: 18px; overflow: hidden; } .itemsVideoBlock .activeVThumb .vThumbTitle:before { content: "\e75a"; color: #1dcd6d; font-family: 'icomoon'; float: left; overflow: hidden; font-size: 22px; margin: 0 15px 0 0; } .itemsVideoBlock .activeVThumb .moduleVItemImageInner { display: none; } .itemsVideoBlock .videoThumbsNav ul { margin: 0; padding: 0; } .itemsVideoBlock .videoThumbsNav ul li { position: absolute; margin-left: -32px; left: 50%; } .itemsVideoBlock .videoThumbsNav ul li.nextBtn { top: -32px; } .itemsVideoBlock .videoThumbsNav ul li.prevBtn { bottom: -32px; } .itemsVideoBlock .videoThumbsNav ul li a { color: #fff; background: #7c8894; width: 65px; height: 32px; font-size: 20px; display: block; } .itemsVideoBlock .videoThumbsNav ul li a:hover { background: #2b3d51; } .itemsVideoBlock .videoThumbsNav ul li a.previousButton { border-radius: 0 0 75px 75px; line-height: 27px; } .itemsVideoBlock .videoThumbsNav ul li a.nextButton { border-radius: 75px 75px 0 0; line-height: 40px; } /* Search module common for mod_k2_tools && mod_search */ .searchModule a { color: #2b3d51; } .searchModule .huge-search { display: block; float: left; font-size: 30px; text-align: center; line-height: 90px; } .searchModule input[type="submit"] { font-size: 22px; font-weight: 300; } .searchModule input[type="text"] { border: 0; border-radius: 0; color: #7c8894; font-size: 39px; font-weight: 300; } .searchModule input[type="text"]:focus { color: #2b3d51; -webkit-appearance: none; } /* some elements are hidden when the module is small */ .small-1 .searchModule form, .small-1 .searchModule #searchClose { display: none; } .small-1 .searchModule .huge-search { width: 100%; } /* and they become visible when the module is expanded */ .formIsOpen .searchModule form, .formIsOpen .searchModule #searchClose { display: block; float: left; } .formIsOpen .searchModule form { width: 80%; padding: 20px 0 0; } .formIsOpen .searchModule .huge-search { width: 10%; } /* K2_Tools && nuContent_tools Modules */ /* --- Archives --- */ .modArchivesBlock ul { list-style: none outside none; margin: 0; padding: 0; } .modArchivesBlock ul li { display: block; margin: 0 0 15px; } .modArchivesBlock ul li:last-child { margin: 0; } .modArchivesBlock ul li a { color: #3f3f3f; font-weight: 700; } .modArchivesBlock ul li a:hover { text-decoration: underline; } .modArchivesBlock ul li a span.catTitle { display: inline-block; padding: 0 4px; } .modArchivesBlock ul li a:hover span.catTitle { text-decoration: underline; } .modArchivesBlock ul li a:hover span.catCounter { text-decoration: none; } /* --- Calendar --- */ .modCalendarBlock { min-height: 190px; text-align: center; padding: 30px 15px; background: #fff; /* use this height value so that the calendar height won't change on Month change via ajax */ } .modCalendarBlock .k2CalendarLoader, .modCalendarBlock .nuContentCalendarLoader { background: white url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%; } .modCalendarBlock table.calendar { margin: 0 auto; background: #fff; border-collapse: collapse; width: 100%; } .modCalendarBlock table.calendar tr td { text-align: center; vertical-align: middle; padding: 6px; font-size: 14px; } .modCalendarBlock table.calendar tr td.calendarNavMonthPrev, .modCalendarBlock table.calendar tr td.calendarNavMonthNext { text-align: center; } .modCalendarBlock table.calendar tr td.calendarNavMonthPrev a, .modCalendarBlock table.calendar tr td.calendarNavMonthNext a { font-size: 20px; text-decoration: none; font-weight: 600; } .modCalendarBlock table.calendar tr td.calendarNavMonthPrev a:hover, .modCalendarBlock table.calendar tr td.calendarNavMonthNext a:hover { color: #3f3f3f; } .modCalendarBlock table.calendar tr td.calendarCurrentMonth { font-size: 14px; font-weight: 600; font-family: "Raleway", "Roboto", sans-serif; text-transform: uppercase; } .modCalendarBlock table.calendar tr td.calendarDayName { background: #fff; border-top: 1px solid #ecf0f1; border-bottom: 1px solid #ecf0f1; font-family: "Raleway", "Roboto", sans-serif; font-weight: 700; text-align: center; text-transform: uppercase; font-size: 13px; } .modCalendarBlock table.calendar tr td.calendarDateEmpty { background: #fff; } .modCalendarBlock table.calendar tr td.calendarDateLinked { padding: 0; } .modCalendarBlock table.calendar tr td.calendarDateLinked:hover { background: #ecf0f1; } .modCalendarBlock table.calendar tr td.calendarDateLinked a { display: block; text-decoration: none; color: #1dcd6d; font-weight: 700; } .modCalendarBlock table.calendar tr td.calendarDateLinked:hover a { color: #fff; } .modCalendarBlock table.calendar tr td.calendarToday { color: #fff; font-weight: 600; background: #1dcd6d; } .modCalendarBlock table.calendar tr td.calendarTodayLinked { background: #1dcd6d; color: #fff; } .modCalendarBlock table.calendar tr td.calendarTodayLinked a { display: block; color: #fff; text-decoration: none; } /* --- Category Tree Select Box --- */ .modCategorySelectBlock { background: #fff; } .modCategorySelectBlock form select { width: auto; height: 30px; } /* --- Category List/Menu --- */ .modCategoriesListBlock { font-family: "Raleway", "Roboto", sans-serif; } .modCategoriesListBlock ul { list-style: none outside none; margin: 0; padding: 0; font-size: 15px; } .modCategoriesListBlock ul ul.level1 { padding-top: 30px; } .modCategoriesListBlock ul li { padding: 0; margin: 0 0 30px; display: block; text-transform: uppercase; } .modCategoriesListBlock ul li a { font-weight: 700; color: #3f3f3f; } .modCategoriesListBlock ul li a:hover { text-decoration: underline; } .modCategoriesListBlock ul li a span.catTitle { padding-right: 4px; } .modCategoriesListBlock ul li a:hover span.catTitle { text-decoration: underline; } .modCategoriesListBlock ul li a:hover span.catCounter { text-decoration: none; } .modCategoriesListBlock ul li.activeCategory a { color: #1dcd6d; } /* --- Tag Cloud + Joomla! Popular Tags --- */ .modTagCloudBlock { padding: 30px; background: #fff; } .modTagCloudBlock .tagspopular ul li { display: inline-block; vertical-align: bottom; } .modTagCloudBlock a, .modTagCloudBlock .tagspopular ul li a { display: inline-block; vertical-align: bottom; color: #fff; color: #3f3f3f; font-weight: 600; } .modTagCloudBlock a:hover, .modTagCloudBlock .tagspopular ul li a:hover { text-decoration: underline; } /* --- Authors --- */ .modAuthorsListBlock { background: #fff; } .modAuthorsListBlock ul { list-style: none outside none; margin: 0; padding: 30px 0 0; } .modAuthorsListBlock ul li { border-bottom: 1px solid #ecf0f1; padding: 0 30px 30px; margin: 0 0 30px; } .modAuthorsListBlock ul li:last-child { margin: 0; border: 0; } .modAuthorsListBlock ul li .authorModDetails { overflow: hidden; padding-left: 20px; } .modAuthorsListBlock ul li span.abAuthorAvatar { margin: 0; border: 0; } .modAuthorsListBlock ul li span.abAuthorAvatar img, .modAuthorsListBlock ul li a.abAuthorAvatar img { border-radius: 66px; float: left; } .modAuthorsListBlock ul li .abAuthorName { font-size: 14px; } .modAuthorsListBlock ul li a.abAuthorName { color: #2b3d51; font-size: 18px; display: block; } .modAuthorsListBlock ul li .abAuthorName span { display: inline-block; } .modAuthorsListBlock ul li .abAuthorLatestItem { display: block; font-size: 14px; color: #3f3f3f; margin: 10px 0 0; } .modAuthorsListBlock ul li .abAuthorLatestItem:hover span { text-decoration: underline; } .modAuthorsListBlock ul li .abAuthorLatestItem span.abAuthorCommentsCount { display: block; font-size: 14px; margin: 10px 0 0; } .modAuthorsListBlock ul li .abAuthorLatestItem a:hover span.abAuthorCommentsCount { text-decoration: none; } /* mod_k2_comments + mod_nucontent_comments ----------------------------------------------------------------------------- */ /* Latest Comments and Top Commenters */ .modCCBlock { background: #fff; } .modCCBlock ul { list-style: none outside none; margin: 0; padding: 30px 0 0; } .modCCBlock ul li { border-bottom: 1px solid #ecf0f1; padding: 0 30px 30px; margin: 0 0 30px; } .modCCBlock ul li.lastItem { margin: 0; border: 0; } .modCCBlock ul li .commenterDetails { overflow: hidden; padding-left: 20px; } .modCCBlock ul li a.lcAvatar img, .modCCBlock ul li a.tcAvatar img { border-radius: 66px; } .modCCBlock ul li a:hover { text-decoration: underline; } .modCCBlock ul li span.lcComment { display: block; margin: 10px 0; color: #2b3d51; font-size: 14px; } .modCCBlock ul li span.lcUsername, .modCCBlock ul li span.tcUsername { display: block; font-size: 18px; color: #2b3d51; } .modCCBlock ul li span.lcUsername a { color: #2b3d51; } .modCCBlock ul li span.lcCommentDate { display: block; font-size: 14px; color: #3f3f3f; font-weight: 700; } .modCCBlock ul li span.lcItemTitle { display: block; font-size: 14px; margin: 0 0 5px; } .modCCBlock ul li span.lcItemTitle a { color: #2b3d51; } .modCCBlock ul li span.lcItemCategory, .modCCBlock ul li span.lcItemCategory a { color: #2b3d51; display: block; font-size: 14px; } .modCCBlock ul li span.tcCommentsCounter { padding-left: 8px; display: inline-block; color: #2b3d51; } .modCCBlock ul li a.tcLatestComment { display: block; margin: 10px 0; color: #3f3f3f; font-size: 14px; line-height: 20px; display: block; } .modCCBlock ul li .blockit { display: block; color: #3f3f3f; font-size: 14px; } .modCCBlock ul li span.tcLatestCommentDate { font-weight: 300; display: block; font-size: 14px; } .modCCBlock ul li span.tcLatestCommentDate span { font-weight: 700; } /* User login Forms (mod_k2_user && mod_login) ----------------------------------------------------------------------------- */ #form-login .loginLabel { text-transform: uppercase; } #form-login .smallLabel { font-size: 14px; display: inline-block; margin-right: 5px; } #form-login .inputbox, #form-login input[type="submit"] { height: 44px; line-height: 44px; } #form-login .formLink { display: block; color: #3f3f3f; font-size: 14px; margin: 3px 0 0; } #form-login .formLink:hover { color: #1dcd6d; } /* Bredcrumbs ----------------------------------------------------------------------------- */ .breadcrumbs { padding: 0 30px; } .breadcrumbs ul { list-style: none outside none; margin: 0; padding: 0; } .breadcrumbs ul li { display: inline-block; vertical-align: top; } .breadcrumbs a:hover { text-decoration: underline; } .hasPageHeading.breadcrumbs { color: #fff; margin: 0 0 -35px; position: relative; z-index: 99; top: 35px; font-size: 24px; } .hasPageHeading.breadcrumbs a { color: #fff; } /* Plugins ------------------------------------------------------ */ .k2Pagination, .pagination { padding: 30px; font-family: "Raleway", "Roboto", sans-serif; text-align: center; font-size: 14px; } .k2Pagination ul, .pagination ul { list-style: none outside none; margin: 0; padding: 0; } .k2Pagination ul li, .pagination ul li { display: inline-block; vertical-align: middle; } .k2Pagination ul li .pagenav, .pagination ul li .pagenav { display: inline-block; margin: 0 10px; } .k2Pagination ul li span.pagenav, .pagination ul li span.pagenav { font-size: 55px; line-height: 1; color: #1dcd6d; font-weight: 400; } .k2Pagination ul li a.pagenav, .pagination ul li a.pagenav, .k2Pagination ul li a.hasTooltip, .pagination ul li a.hasTooltip { height: 26px; line-height: 1; text-align: center; padding: 0 6px; border: 2px solid #1dcd6d; background: #1dcd6d; color: #1dcd6d; border-radius: 15px; font-size: 18px; font-weight: 700; } .k2Pagination ul li .hasTooltip, .pagination ul li .hasTooltip { display: inline-block; vertical-align: top; margin: 0 10px; } .k2Pagination ul li a:hover, .pagination ul li a:hover { color: #fff; } .k2Pagination ul li[class*="pagination-"] .tooltip, .pagination ul li[class*="pagination-"] .tooltip { display: none !important; } .k2Pagination ul li[class*="pagination-"] .pagenav, .pagination ul li[class*="pagination-"] .pagenav, .k2Pagination ul li[class*="pagination-"] a.hasTooltip, .pagination ul li[class*="pagination-"] a.hasTooltip { background: none; border: 0; color: transparent; font: 0/0 a; text-shadow: none; font-family: 'icomoon'; padding: 0; } .k2Pagination ul li[class*="pagination-"] .pagenav:after, .pagination ul li[class*="pagination-"] .pagenav:after, .k2Pagination ul li[class*="pagination-"] .hasTooltip:after, .pagination ul li[class*="pagination-"] .hasTooltip:after { font-size: 27px; line-height: 1; color: #1dcd6d; position: relative; top: 1px; display: block; } .k2Pagination ul li.pagination-start .pagenav:after, .pagination ul li.pagination-start .pagenav:after, .k2Pagination ul li.pagination-start .hasTooltip:after, .pagination ul li.pagination-start .hasTooltip:after { content: "\e761"; } .k2Pagination ul li.pagination-prev .pagenav:after, .pagination ul li.pagination-prev .pagenav:after, .k2Pagination ul li.pagination-prev .hasTooltip:after, .pagination ul li.pagination-prev .hasTooltip:after { content: "\e759"; } .k2Pagination ul li.pagination-next .pagenav:after, .pagination ul li.pagination-next .pagenav:after, .k2Pagination ul li.pagination-next .hasTooltip:after, .pagination ul li.pagination-next .hasTooltip:after { content: "\e75a"; } .k2Pagination ul li.pagination-end .pagenav:after, .pagination ul li.pagination-end .pagenav:after, .k2Pagination ul li.pagination-end .hasTooltip:after, .pagination ul li.pagination-end .hasTooltip:after { content: "\23ed"; } /* (tooltip)(plugin) */ .tip-wrap { z-index: 999; } div.tip { float: left; padding: 5px; max-width: 200px; z-index: 13000; background: #1dcd6d !important; border: 1px solid #1dcd6d; } div.tip-title { padding: 0; margin: 0; font-size: 95%; font-weight: bold; background: #1dcd6d; color: #fff; } div.tip-text { font-size: 90%; margin: 0; padding: 3px 5px; background: #fff; color: #404041; } /* Caption fixes - general.css */ .img_caption { text-align: center !important; } .img_caption.none { margin-left: auto; margin-right: auto; } .img_caption .left { float: left; margin-right: 1em; } .img_caption .left p { clear: left; text-align: center; } .img_caption .right { float: right; margin-left: 1em; } .img_caption .right p { clear: right; text-align: center; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../images/editor/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } /* System.css */ /* Unpublished */ .system-unpublished, tr.system-unpublished { background: #ecf0f1; } .img-fulltext-float-right { float: right; margin-left: 10px; margin-bottom: 10px; } .img-fulltext-float-left { float: left; margin-right: 10px; margin-bottom: 10px; } .img-intro-float-right { float: right; margin-left: 5px; margin-bottom: 5px; } .img-intro-float-left { float: left; margin-right: 5px; margin-bottom: 5px; } /* System Messages ------------------------------------------------------ */ /* System Messages ------------------------------------------------------ */ #system-message { margin: 0; padding: 0; } #system-message ul { list-style: none outside none; margin: 0; padding: 0; } #system-message > dt { display: none; } #system-message > dd { margin: 0; } #system-message > dd > ul > li { margin: 0; padding: 30px; overflow: hidden; } #system-message > dd > ul > li:before { font-family: "icomoon"; font-size: 22px; line-height: 1; float: left; margin: 0 15px 0 0; } /* System Standard Messages */ #system-message > .message > ul { background: #ecf0f1; color: #2b3d51; } #system-message > .message > ul li:before { content: "\e705"; } /* System Error Messages */ #system-message > .error > ul { background: #e23720; color: #fff; } #system-message > .error > ul li:before { content: "\274e"; } /* System Warning Messages */ #system-message > .warning > ul { background: #f8bd27; color: #3f3f3f; } #system-message > .warning > ul li:before { content: "\26a0"; } /* System Notice Messages */ #system-message > .notice > ul { background: #f8bd27; color: #3f3f3f; } #system-message > .notice > ul li:before { content: "\e705"; } /* System Success Messages */ #system-message > .success > ul { background: #1fce6e; color: #fff; } #system-message > .success > ul li:before { content: "\2713"; } /* Joomla 3.0 messages */ .alert { padding: 30px; } .alert h4 { font-size: 18px; font-weight: 400; margin: 0 0 10px; } .alert h4:before { font-family: "icomoon"; font-size: 22px; display: inline-block; padding-right: 15px; vertical-align: middle; } .alert.alert-error h4:before { content: "\274e"; } .alert.alert-success h4:before { content: "\2713"; } .alert.alert-notice h4:before, .alert.alert-message h4:before { content: "\e705"; } .alert p { margin: 0; padding: 0; } .alert a.close { float: right; font-weight: 700; font-size: 22px; margin: 0; } .alert a:hover { text-decoration: none; cursor: pointer; } .alert.alert-error { background: #e23720; color: #fff; } .alert.alert-error a { color: #fff; } .alert.alert-warning { background: #f8bd27; color: #3f3f3f; } .alert.alert-warning a { color: #3f3f3f; } .alert.alert-notice { background: #f8bd27; color: #3f3f3f; } .alert.alert-notice a { color: #3f3f3f; } .alert.alert-success { background: #1fce6e; color: #fff; } .alert.alert-success a { color: #fff; } .alert.alert-message { background: #ecf0f1; color: #2b3d51; } .alert.alert-message a { color: #2b3d51; } /* Frontend Editing ------------------------------------------------------ */ /* Front end editing ----------------------------------------------------------------------*/ .edit.item-page { padding: 0 0 24px; } div.fltlft { float: left; margin: 0 10px 0 0; } /* Basic Tab Setup */ ul.tabsPlain { margin: 30px 0 0; padding: 0; width: 100%; float: left; } ul.tabsPlain li { list-style: none; display: inline-block; border-radius: 6px 6px 0 0; margin-right: 5px; } ul.tabsPlain li { cursor: pointer; margin: 0; font-size: 14px; font-weight: 800; padding: 10px 15px; text-align: center; text-transform: uppercase; } ul.tabsPlain li { background: #62b9b0; color: #fff; } ul.tabsPlain li { color: #fff; } ul.tabsPlain li.current { background: #f8f8f8; color: #7f8c8c; } ul.tabsPlain li.current a { color: #7f8c8c; } ul.tabsPlain li a:hover, ul.tabsPlain li:hover { background: #e2534b; color: #fff; } ul.tabsPlain li.current a:hover, ul.tabsPlain ul.tabsPlain li.current:hover { background: #f8f8f8; color: #7f8c8c; } .panePlain { clear: both; margin: 0 0 30px; background: #f8f8f8; border-bottom: 3px solid #e5e6e6; border-radius: 0 0 6px 6px; padding: 20px; } /* w/icon */ ul.tabsPlain .icon { margin: -3px 7px -3px -5px; position: relative; top: -2px; left: 0; } /* Buttons*/ /*IE 7 ONLY*/ /* labels */ .edit.item-page label { display: inline-block; min-width: 125px; } /* form elements */ .edit.item-page .formelm, .edit.item-page .formelm-area { margin: 10px 0; } .edit.item-page .panePlain .formelm, .edit.item-page .panePlain .formelm-area { border-bottom: 1px solid #eee; overflow: hidden; padding: 0 0 10px; margin: 0 0 10px; } .edit.item-page form { padding: 0; margin: 0; } .edit.item-page fieldset { display: block; border: 0; background: #f8f8f8; border-bottom: 3px solid #e5e6e6; border-radius: 6px; padding: 15px 20px 5px; margin: 0 0 8px; } .edit.item-page legend { background: #62b9b0; border-radius: 6px; color: #fff; font-size: 18px; font-weight: 600; line-height: 1; padding: 12px 18px; } .edit.item-page img.calendar { border-radius: 6px; display: inline; margin: 0 0 0 5px; padding: 6px; vertical-align: middle; cursor: pointer; } .edit.item-page .formelm-buttons { text-align: right; } .edit.item-page .formelm-buttons button { min-width: 125px; } /* For Joomla! 3.x.x */ .edit.item-page .pull-left { float: left; } .edit.item-page .pull-right { float: right; } .edit.item-page .btn-toolbar { width: auto; margin: 0; padding: 0; } .edit.item-page .btn-toolbar .btn-group { float: none; width: auto; } .edit.item-page .btn-toolbar a, .edit.item-page .btn-group a { position: relative; top: 0; left: 0; vertical-align: middle; padding: 10px 15px; line-height: 100%; border-radius: 5px; cursor: pointer; width: auto; overflow: visible; font-weight: normal; font-size: 14px; /*Pixels for consistancy*/ text-shadow: 0 1px 0 #fff; color: #666; text-decoration: none; vertical-align: middle; box-sizing: border-box; display: inline-block; *display: inline; /*IE ONLY*/ zoom: 1; border: 1px solid #ccc; margin: 5px 0; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ background: linear, top, #fcfcfc 0%, #e0e0e0 100%; /* W3C */ } .edit.item-page .btn-toolbar a:hover, .edit.item-page .btn-group a:hover { border: 1px solid #bbb; background: #fcfcfc; /* Old browsers */ background: -moz-linear-gradient(top, #fcfcfc 0%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fcfcfc 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fcfcfc 0%, #ededed 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fcfcfc 0%, #ededed 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ background: linear, top, #fcfcfc 0%, #ededed 100%; /* W3C */ } .edit.item-page div.input-append { display: inline; } .edit.item-page button#jform_publish_up_img, .edit.item-page button#jform_publish_down_img { margin: 0 0 0 5px; padding: 6px; line-height: 1; } .edit.item-page button#jform_publish_up_img i, .edit.item-page button#jform_publish_down_img i { color: #fff; line-height: 1; font-size: 15px; } /* ------ */ /*IE ONLY */ .edit.item-page .msie fieldset { padding-top: 25px; } .edit.item-page .msie legend { position: absolute; top: -0.7em; left: 10px; } .edit.item-page input::-webkit-input-placeholder, .edit.item-page input:-moz-placeholder, .placeholder { color: #bbb; } .edit.item-page input::-moz-focus-inner { border: 0; } .edit.item-page input[disabled=disabled], .edit.item-page input.disabled { color: #999; background: #f5f5f5; box-shadow: inset 0 1px 2px #ddd; } /* FOCUS STATES */ .edit.item-page input[type=text]:focus, .edit.item-page textarea:focus, .edit.item-page button:focus, .edit.item-page select:focus, .edit.item-page input[type=file]:focus, .edit.item-page input[type=password]:focus { box-shadow: 0 0 7px #6DB9FF; border: 1px solid #50B1FE; outline: none; } /* TRANSITION */ .edit.item-page input[type=text], .edit.item-page textarea, .edit.item-page button { transition: box-shadow .5s border .5s background .5s; -moz-transition: 0 .5s border .5s background .5s; -webkit-transition: 0 .5s border .5s background .5s; -o-transition: 0 .5s border .5s background .5s; } .edit.item-page input.checkbox, .edit.item-page input[type=checkbox] { display: inline; width: auto; margin: 0; padding: 0; border: 0; background: none; vertical-align: center; vertical-align: top; } .edit.item-page input.radio, .edit.item-page input[type=radio] { display: inline; width: auto; margin: 0; padding: 0; border: 0; background: none; vertical-align: center; vertical-align: top; } .edit.item-page input[type=radio]:focus, .edit.item-page input[type=checkbox]:focus { box-shadow: 0 0 5px #6DB9FF; outline-color: #6DB9FF; } .edit.item-page input.file, input[type=file] { font-size: .8em; box-shadow: none; } /* editor buttons */ #editor-xtd-buttons { padding: 0; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left button, .button2-right button, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 1em; color: #333; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span, .button2-left .blank a, .button2-right .blank a, .button2-left .blank span, .button2-right .blank span, .button2-left .blank button, .button2-right .blank button { padding: 0 6px; } .button2-left a:hover, .button2-right a:hover, .button2-left button:hover, .button2-left button:hover { text-decoration: none; color: #0B55C4; } .button2-left a, .button2-left span, .button2-left button { padding: 0 24px 0 6px; } .button2-right a, .button2-right span, .button2-right button { padding: 0 6px 0 24px; } .button2-left { background: url(../images/editor/j_button2_left.png) no-repeat; float: left; margin-right: 10px; margin-top: 8px; } .button2-right { background: url(../images/editor/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; margin-right: 10px; } .button2-left .page, .button2-left .blank { background: url(../images/editor/j_button2_right_cap.png) 100% 0 no-repeat; } .button2-left.off .end { background: url(../images/editor/j_button2_last_off.png) 100% 0 no-repeat; } .button2-left .image { background: url(../images/editor/j_button2_image.png) 100% 0 no-repeat; } .button2-left .readmore { background: url(../images/editor/j_button2_readmore.png) 100% 0 no-repeat; } .button2-left .pagebreak { background: url(../images/editor/j_button2_pagebreak.png) 100% 0 no-repeat; } .button2-left .blank { background: url(../images/editor/j_button2_blank.png) 100% 0 no-repeat; } .button2-left .article { background: url(../images/editor/j_button2_readmore.png) 100% 0 no-repeat; } /* The main calendar widget. DIV containing a table. */ body.edit div.calendar { position: relative; z-index: 100; width: 226px; } body.edit .calendar, body.edit .calendar table { border: 1px solid #ccc; font-size: 11px; color: #000; cursor: default; background: #efefef; font-family: arial,verdana,sans-serif; margin: 0; } /* Header part -- contains navigation buttons and day names. */ body.edit .calendar .button { text-align: center; padding: 2px; background: none; border: 0; font: inherit; color: #000; } body.edit .calendar thead .title { font-weight: bold; text-align: center; background: #333; color: #fff; padding: 2px; } body.edit .calendar thead .headrow { background: #dedede; color: #000; } body.edit .calendar thead .name { border-bottom: 1px solid #ccc; padding: 2px; text-align: center; color: #000; } body.edit .calendar thead .weekend { color: #999; } body.edit .calendar thead .hilite { background: #bbb; color: #000; border: 1px solid #ccc; padding: 1px; } body.edit .calendar thead .active { background: #c77; padding: 2px 0px 0px 2px; } body.edit .calendar thead .daynames { background: #ddd; } /* The body part -- contains all the days in month. */ body.edit .calendar tbody .day { width: 2em; text-align: right; padding: 2px 4px 2px 2px; vertical-align: middle; background: none; } body.edit .calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #ccc; background: #ddd; } body.edit .calendar tbody .rowhilite td { background: #666; color: #fff; } body.edit .calendar tbody .rowhilite td.wn { background: #666; color: #fff; } body.edit .calendar tbody td.active { background: #000; color: #fff; padding: 2px 2px 0px 2px; } body.edit .calendar tbody td.weekend { color: #999; } body.edit .calendar tbody td.selected { font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #000; color: #fff; } body.edit .calendar tbody td.hilite { background: #999; padding: 1px 3px 1px 1px; border: 1px solid #666; color: #fff; } body.edit .calendar tbody td.today { font-weight: bold; } body.edit .calendar tbody .disabled { color: #999; } .calendar tbody .emptycell { visibility: hidden; } body.edit .calendar tbody .emptyrow { display: none; } /* The footer part -- status bar and "Close" button */ body.edit .calendar tfoot .footrow { text-align: center; background: #ccc; color: #000; } body.edit .calendar tfoot .ttip { border-top: 1px solid #ccc; background: #efefef; color: #000; } body.edit .calendar tfoot .hilite { background: #666; border: 1px solid #f40; padding: 1px; } body.edit .calendar tfoot .active { background: #999; padding: 2px 0px 0px 2px; } /* RTL ------------------------------------------------------ */ /* inverting foundation */ html[dir="rtl"] { /* K2 item */ /* video and gallery indicators and blocks */ /* item navigation */ /* K2 Component */ /* com_contact */ /* video player */ /* modules */ /* menu */ /* tinyletter module */ /* com_users */ /* typography */ } html[dir="rtl"] .row [class*="column"] + [class*="column"].end { float: right; } html[dir="rtl"] [class*="column"] + [class*="column"]:last-child { float: left; } html[dir="rtl"] .columns, html[dir="rtl"] .column { float: right; } html[dir="rtl"] .row.collapse .column, html[dir="rtl"] .row.collapse .columns { float: right; } html[dir="rtl"] body { direction: rtl; } html[dir="rtl"] .text-right { text-align: left !important; } html[dir="rtl"] .floatLeft, html[dir="rtl"] .left { float: right !important; } html[dir="rtl"] .floatRight, html[dir="rtl"] .right { float: left !important; } html[dir="rtl"] .row .gridBlock, html[dir="rtl"] .gridBlock, html[dir="rtl"] .gridblock { margin-left: -4px; margin-right: 0; } html[dir="rtl"] .push-2 { left: auto; right: 16.66667%; } html[dir="rtl"] .row.collapse .column.itemSideInfo { padding: 0 0 0 35px; } html[dir="rtl"] .itemAuthorBlock img.itemAuthorAvatar { float: right; margin: 0 0 0 25px; } html[dir="rtl"] blockquote.pull { left: auto; right: -70px; } html[dir="rtl"] .itemComments ul.itemCommentsList li img { float: right; margin: 0 0 0 30px; } html[dir="rtl"] .itemComments ul.itemCommentsList li span.commentLink { float: left; } html[dir="rtl"] .itemCommentsForm .column.omega { padding-right: 15px; padding-left: 0; } html[dir="rtl"] .itemCommentsForm .column.alpha { padding-left: 15px; padding-right: 0; } html[dir="rtl"] span.itemDateCreated:before { right: auto; left: 0; } html[dir="rtl"] .itemImageGallery, html[dir="rtl"] .itemVideoBlock { border-left: 0; border-right: 2px solid #1dcd6d; margin: 60px 0 0 -12px; padding: 0 12px 0 0; } html[dir="rtl"] .itemVideoBlock { margin-bottom: 60px; } html[dir="rtl"] .itemImageGallery:before, html[dir="rtl"] .itemVideoBlock:before { right: -74px; left: auto; } html[dir="rtl"] .itemNavigation a.itemNext { left: -395px; right: auto; } html[dir="rtl"] .itemNavigation a.itemNext:hover { left: 0; right: auto; } html[dir="rtl"] .itemNavigation a.itemNext img { margin-right: 0; margin-left: 15px; } html[dir="rtl"] .itemNavigation a.itemPrevious { right: -395px; left: auto; } html[dir="rtl"] .itemNavigation a.itemPrevious:hover { right: 0; left: auto; } html[dir="rtl"] .itemNavigation a.itemPrevious img { margin-right: 15px; margin-left: 0; } html[dir="rtl"] .userBlock img { margin: 0 0 0 25px; } html[dir="rtl"] .catItemView .greenOpOverlay .fpageGreenBlock .icon { float: right; margin-left: 10px; } html[dir="rtl"] .contactDetails { padding: 0 20px 0 0; } html[dir="rtl"] .contact .contact-form { padding-right: 0; padding-left: 25px; } html[dir="rtl"] .contact .formBlock .alphaBlock { padding-right: 0; padding-left: 15px; } html[dir="rtl"] .contact .formBlock .omegaBlock { padding-right: 15px; padding-left: 0; } html[dir="rtl"] .contact .button.right { float: right !important; } html[dir="rtl"] .itemsVideoBlock .vThumbsContainer .vThumb { right: 0; } html[dir="rtl"] .usersList .ubUserAvatar { margin: 0 0 0 20px; } html[dir="rtl"] .modCCBlock ul li .commenterDetails { padding-left: 0; padding-right: 20px; } html[dir="rtl"] nav#mainNavigation.p11 { margin-left: 0; margin-right: -91.66667%; } html[dir="rtl"] #logoWrap.p3 { margin-left: 0; margin-right: -25%; } html[dir="rtl"] .mainHeader ul.menu > li > ul > li.parent > a:after { margin-left: 10px; } html[dir="rtl"] .jwTinyLetterContainer .newsletterTitle:before { float: right; margin-left: 20px; margin-right: 20px; } html[dir="rtl"] .jwTinyLetterContainer .inputbox { float: left; } html[dir="rtl"] #com_users .login-fields, html[dir="rtl"] #com_users .control-group { float: right; } html[dir="rtl"] #com_users .login-fields.groupusername, html[dir="rtl"] #com_users .control-group.groupusername { padding-right: 0; padding-left: 15px; } html[dir="rtl"] blockquote:before { left: auto; right: 0; } html[dir="rtl"] .nuBubble:after { left: auto; right: 30px; } html[dir="rtl"] .itemFullText ul li { padding: 0 35px 0 0; } html[dir="rtl"] .itemFullText ul li:before { right: 0; left: auto; } html[dir="rtl"] .itemFullText ol li { padding: 0 35px 0 0; } html[dir="rtl"] .itemFullText ol li:before { right: 0; left: auto; } @media screen and (max-width: 1060px) { html[dir="rtl"] .contact .formBlock .omegaBlock { padding-right: 0; } html[dir="rtl"] .contact .formBlock .alphaBlock { padding-left: 0; } } @media screen and (max-width: 900px) { html[dir="rtl"] { /* com_k2 && com_content */ } html[dir="rtl"] .itemImageGallery, html[dir="rtl"] .itemVideoBlock { border: 0; margin-right: 0; padding-right: 0; } html[dir="rtl"] blockquote.pull { right: 0; } html[dir="rtl"] .push-2 { left: auto; right: auto; } html[dir="rtl"] .itemSideInfo { text-align: right !important; } html[dir="rtl"] .row.collapse .column.itemSideInfo { padding: 0 45px; } html[dir="rtl"] .itemCommentsForm .column.omega, html[dir="rtl"] .itemCommentsForm .column.alpha { padding: 0; } } /* Print Styling ------------------------------------------------------ */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } /* Media Queries (Responsive States) ------------------------------------------------------ */ @media screen and (max-width: 1060px) { /* component - com_contact */ .contact .formBlock .omegaBlock { margin-top: 0; padding-left: 0; } .contact .formBlock .alphaBlock { padding-right: 0; } /* Modules - Newsletter */ .jwTinyLetterContainer { text-align: center; padding: 0; } .jwTinyLetterContainer h3 { margin: 0 0 10px; } .jwTinyLetterContainer .newsletterTitle { text-align: left; } .jwTinyLetterContainer .newsletterTitle:before { display: none; } .jwTinyLetterContainer .nslForm { margin-top: 20px; } .jwTinyLetterContainer .inputbox { margin-bottom: 20px; margin-right: 0; min-width: 100%; } .jwTinyLetterContainer .button { margin-left: 15px; float: left; } } @media screen and (max-width: 1024px) and (min-width: 900px) { .catItemView .catItemImageBlock { max-width: 275px; } .catItemView .catItemImageBlock img { max-width: 275px; } } @media screen and (max-width: 900px) { .content.hasSlideshow { margin-top: 0; } .offsetTop { margin-top: 0; } /* responsive video player */ .k2ItemsVideoBlockContainer .whiteWrapper { border-bottom: 2px solid #ecf0f1; } .itemsVideoBlock .vThumbsContainer { height: 115px; margin: 0 50px; } .itemsVideoBlock .vThumbsContainer .vThumb { border-right: 2px solid #ecf0f1; } .itemsVideoBlock .vThumbsContainer .even.vThumb .moduleVItemImageInner { float: left; } .itemsVideoBlock .videoThumbsNav ul li { left: auto; margin-left: 0; top: 0; width: 50px; height: 115px; line-height: 115px; } .itemsVideoBlock .videoThumbsNav ul li.nextBtn { right: 0; bottom: 0; top: 0; } .itemsVideoBlock .videoThumbsNav ul li.prevBtn { left: 0; bottom: 0; top: 0; } .itemsVideoBlock .videoThumbsNav ul li a.nextButton, .itemsVideoBlock .videoThumbsNav ul li a.previousButton { display: block; height: 115px; width: 50px; line-height: 115px; border-radius: 0; } .itemsVideoBlock .videoThumbsNav ul li a.nextButton.icon-arrow-up:before { content: "\e766"; } .itemsVideoBlock .videoThumbsNav ul li a.previousButton.icon-arrow-down:before { content: "\e765"; } /* slideshow */ .contentSlideshow .itemsWrapper .textWrapper { bottom: 78px; } .contentSlideshow .nuSliderPagination ul { bottom: 28px; } /* com_contact */ .contactDetails { padding-left: 0; } /* com_users */ #com_users .login-fields.grouppassword, #com_users .control-group.grouppassword { padding-left: 0; } #com_users .login-fields.groupusername, #com_users .control-group.groupusername { padding-right: 0; } /* responsive menu */ .mainHeader .row { position: relative; } .mainHeader #mainNavigation { position: static; } #menuToggler { display: block; } #logoWrap.p3 { margin-left: -66.66667%; } .mainHeader ul.menu { position: absolute; max-height: 0px; overflow: hidden; right: 0; width: 100%; max-width: 450px; top: 70px; padding: 0; background: #1dcd6d; z-index: 10009; top: 90px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in; } .mainHeader ul.menu.activeMenu { max-height: 3500px; padding: 0 0 20px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.26); border-top: 2px solid #19a558; } .mainHeader ul.menu li { position: static; display: block; padding: 0; background: #1dcd6d; } .mainHeader ul.menu li a { display: block; float: none; height: auto; padding: 20px; line-height: 1; color: white !important; } .mainHeader ul.menu li a:before, .mainHeader ul.menu li a:after { display: none; } .mainHeader ul.menu > li > ul { padding: 0 20px; } .mainHeader ul.menu ul { display: block; opacity: 1 !important; position: static; box-shadow: 0 0 transparent; width: 100%; max-width: none; padding-left: 30px; background: transparent !important; } .mainHeader ul.menu ul li { padding: 0; } .mainHeader ul.menu ul li a { padding: 15px; } /* components - K2 Item */ /* item styles */ .itemView .row .column, .itemView .column, .itemView .itemBlock { padding: 0 60px; } h2.itemTitle { padding: 60px 0 20px; } .row.collapse .column.itemSideInfo { padding: 0 60px 30px; } .itemSideInfo { text-align: left !important; } .itemSideInfo .itemCategory { display: inline-block; vertical-align: bottom; margin: 0 15px 05px 0; } .itemSideInfo .itemCategory span { display: inline-block; vertical-align: bottom; } .itemSideInfo .sideItemBlock { display: inline-block; vertical-align: bottom; margin: 0 15px 5px 0; } .itemSideInfo .sideItemBlock.itemDateCreated:before { display: none; } .itemSideInfo .sideItemBlock.itemDateCreated span { display: inline; color: #7c8894; font-weight: 400; } .itemSideInfo .sideItemBlock a.itemCommentsLink { display: inline; font-size: 100%; } blockquote.pull { left: 0; } /* gallery and video indicators */ ul.sigProClassic { margin: 0; } .itemImageGallery, .itemVideoBlock { border: 0; margin-left: 0; padding-left: 0; } .itemImageGallery:before, .itemVideoBlock:before { position: static; display: block; left: 0; border-bottom: 2px solid #1dcd6d; width: 130px; padding: 0 0 15px 5px; margin: 0 0 30px 0; line-height: 1; } /* item social sharing */ .itemSocialSharing { margin: 0 0 60px; } /* item navigation */ .itemNavigation { margin: 0 0 30px; float: left; width: 100%; min-width: 100%; } .itemNavigation a { position: static; max-width: 49%; } .itemNavigation span.imgNavWrap { max-width: 110px; overflow: hidden; } /* comments */ .row.collapse .commentsWrap { padding: 60px; } .itemCommentsForm .column.omega, .itemCommentsForm .column.alpha { padding: 0; } .contentSlider { margin: 0 30px; } .contentSlider .itemsWrapper .item .moduleItemImage { padding: 0 0 50%; } .itemRatingList { margin-left: 0; } } @media only screen and (min-width: 569px) and (max-width: 1060px) { .sidebarLeft { margin: 0 0 30px; } .sidebarLeft .module { margin-bottom: 30px; } .sidebarLeft .medium-block-grid-2 > li, .sidebarLeft .medium-module-6 { width: 50%; } } @media only screen and (min-width: 569px) and (max-width: 900px) { aside .module { margin-bottom: 120px; } .popularList ul li { padding-bottom: 50%; } } @media screen and (max-width: 720px) { .itemList { border-bottom: 1px solid #adb3ba; } .itemContainer { float: none; max-width: 50%; min-width: 50%; display: inline-block; vertical-align: top; margin-right: -4px; border-right: 1px solid #adb3ba; } .itemContainer + .clr { display: none; } .itemContainer .catItemView { border-bottom: 0; } #joomlaContainer .itemContainer { min-width: 100%; max-width: 100%; } .tagItemView, .userItemView, .genericItemView { float: none; max-width: 50%; min-width: 50%; display: inline-block; vertical-align: top; margin-right: -4px; border-right: 1px solid #adb3ba; } .tagItemView .catItemImageBlock, .tagItemView .catItemImageBlock img, .userItemView .catItemImageBlock, .userItemView .catItemImageBlock img, .genericItemView .catItemImageBlock, .genericItemView .catItemImageBlock img { min-width: 100%; max-width: 100%; } /* the search module */ .searchModule input[type="text"] { font-size: 24px; } .searchModule input[type="submit"] { padding: 0 15px; } .searchModule .huge-search { font-size: 22px; } .itemNavigation a.itemPrevious img { display: none; } } @media only screen and (max-width: 650px) { /* Scroller */ .contentSlider { min-height: 479px; } .contentSlider .itemsWrapper { height: 425px; min-height: 425px; } } @media only screen and (max-width: 569px) { .center-on-small { text-align: center !important; } .block-on-vsmall { width: 100% !important; display: block; clear: both !important; } .map-module { max-height: 200px; } .map-module iframe { max-height: 200px; height: 200px; } /* setting the correct paddings */ .whiteBg .moduleContent, .whiteWrapper { padding: 20px; } .popularList ul li { width: 100%; } .componentheading6, .componentheading, .componentheading h1, .contact h2 { font-size: 38px; } .jwTinyLetterContainer { padding: 0 20px; } .jwTinyLetterContainer .newsletterTitle { text-align: center; } .jwTinyLetterContainer .button { float: none; } .jwTinyLetterContainer .inputbox { margin-left: 0; margin-right: 0; font-size: 16px; } /* some basic module styling */ aside .module { margin-bottom: 30px; } .lowerModArea h3.moduleTitle { text-align: center; } .hasPageHeading.breadcrumbs { font-size: 16px; } /* Forcing a one columned layout for all our item listings */ .itemContainer { max-width: 100%; min-width: 100%; display: block; margin-right: 0; border-right: 0; } .itemContainer + .clr { display: block; } .catItemView { border-bottom: 1px solid #adb3ba; max-width: 100%; min-width: 100%; display: block; margin-right: 0; border-right: 0; } .catItemView .catItemImageBlock, .catItemView .catItemImageBlock img { min-width: 100%; max-width: 100%; } .subCategoryContainer { max-width: 100%; min-width: 100%; display: block; float: none; } /* Footer Layout - centering the titles and the menus */ .mainFooter .footerMod { padding: 0 30px; } .mainFooter .module h3.moduleTitle { text-align: center; } .mainFooter ul.menu { text-align: center; } .mainFooter .topFooterRow { padding: 60px 0; } .crights, .crights .text-right { text-align: center !important; } /* slideshow - strictly for mobile viewports - */ .contentSlideshow .itemsWrapper .textWrapper { margin-left: -4%; min-width: 100%; bottom: 34px; padding: 20px; } .contentSlideshow .itemsWrapper .textWrapper h2.slideTitle { font-size: 24px; font-size: 24px; } .contentSlideshow .nuSliderPagination ul { background-color: #1dcd6d; background-color: rgba(30, 205, 109, 0.9); text-align: center; margin: 0; padding: 0 20px 20px; bottom: 0; left: 0; width: 100%; line-height: 1; height: 35px; overflow: hidden; } .contentSlideshow .nuSliderPagination ul li a.navigationButton { width: 12px; height: 12px; line-height: 1; border-radius: 66px; margin: 0 5px; } .contentSlideshow .nuSliderPagination .navButton { display: none; } /* Scroller */ .contentSlider { min-height: 456px; max-height: 456px; margin: 0 20px; } .contentSlider .itemsWrapper { height: 400px; min-height: 400px; } .contentSlider .nuSliderPagination ul { text-align: left; padding: 0 20px; } /* K2 Items */ /* component - K2 item */ .itemView .row .column, .itemView .column, .itemView .itemBlock { padding: 0 20px; } .itemView .itemImageBlock span.itemImage img { min-width: 0; } h2.itemTitle { font-size: 30px; font-weight: 400; padding: 45px 0 20px; } .itemSideInfo .itemCategory, .itemSideInfo .sideItemBlock { display: block; margin-bottom: 10px; } span.itemDateCreated { padding: 0; } /* item social sharing */ .itemSocialSharing { margin: 0 0 60px; } .itemSocialSharing span { display: block; text-align: center; margin: 0 0 15px; } .itemSocialSharing .itemTwitterButton, .itemSocialSharing .itemFacebookButton, .itemSocialSharing .itemGooglePlusOneButton { float: none; text-align: center; width: 100%; margin: 0 0 15px; } .row.collapse .column.itemSideInfo { padding: 0 20px 20px; } .row.collapse .commentsWrap { padding: 45px 20px 110px; } .itemNavigation a { max-width: 55px; } .itemNavigation a img, .itemNavigation a span { display: none; } .itemAuthorBlock img.itemAuthorAvatar { margin: 0 auto; float: none; } .itemAuthorName { text-align: center; } .itemComments ul.itemCommentsList li p { overflow: hidden; font-size: 15px; } .contact { padding: 20px; } .searchModule #searchOpen { padding-right: 5px; } /* pagination */ .k2Pagination ul li, .pagination ul li, .pagination ul li { display: none; } .k2Pagination ul li a.pagenav, .pagination ul li a.pagenav, .pagination ul li a.pagenav { border: 0 !important; } .k2Pagination ul li[class*="pagination-"], .pagination ul li[class*="pagination-"], .pagination ul li[class*="pagination-"] { display: inline-block; vertical-align: top; } } @media only screen and (max-width: 400px) { .mainHeader h1 { font-size: 22px; } /* Scroller */ .contentSlider { min-height: 366px; max-height: 366px; } .contentSlider .itemsWrapper { height: 310px; min-height: 310px; } } @media only screen and (max-width: 320px) { /* Scroller */ .contentSlider { min-height: 336px; max-height: 336px; } .contentSlider .itemsWrapper { height: 280px; min-height: 280px; } } /* Color Themes ------------------------------------------------------ */ /* Black and white Theme */ .themeColorIsblack { /* text logo background */ /* footer styles */ /* component styles */ /* itemlist styles */ /* component styling */ /* com_contact */ /* content - weblinks- newsfeeds */ /* com search */ /* module styling */ /* menu styling */ /* general module styling */ /* the slideshow */ /*popoular list */ /* content list modules */ /* Don't miss module template */ /* interview template */ /* slides (user nuSlider) - mod_k2_content && nucontent */ /* Above footer && Under Component positions */ /* Newsletter Template - Specific mod_jw_tinyletter */ /* K2 Users Template */ /* K2 Video Player - Specific for K2 Content modules */ /* search module */ /* Calendar */ /* Category List/Menu */ /* Authors */ /* Latest Comments and Top Commenters */ /* User login Forms */ /* typography */ /* buttons */ /* blocks */ /* highlights */ /* dividers */ /* bubble text */ /* latest from the blog */ /* pagination */ /* K2 Calendar */ } .themeColorIsblack a { color: #252525; } .themeColorIsblack dl dt, .themeColorIsblack dl dd, .themeColorIsblack legend { color: #252525; } .themeColorIsblack input, .themeColorIsblack textarea { border-color: #252525 !important; } .themeColorIsblack .button, .themeColorIsblack input[type="submit"], .themeColorIsblack button, .themeColorIsblack .button:hover, .themeColorIsblack input[type="submit"]:hover, .themeColorIsblack button:hover { background: #252525; } .themeColorIsblack .mainHeader h1 .textLogo { background: #252525; } .themeColorIsblack .mainFooter { background: #fff; color: #252525; } .themeColorIsblack .mainFooter a { color: #252525; } .themeColorIsblack .crights { background: #e8e8e8; color: #252525; } .themeColorIsblack .crights a { color: #252525; } .themeColorIsblack h2.itemTitle { color: #252525; } .themeColorIsblack .componentheading { background: #252525; } .themeColorIsblack .componentheading.homeTitle { color: #252525; background: #fff; } .themeColorIsblack .itemView a, .themeColorIsblack span.itemDateCreated span { color: #252525; } .themeColorIsblack .itemSideInfo, .themeColorIsblack span.itemHits b, .themeColorIsblack span.itemDateModified span, .themeColorIsblack .catItemView .catItemTags, .themeColorIsblack .catItemView .catItemTags li a, .themeColorIsblack .catItemView .catItemTagsBlock span { color: #252525; } .themeColorIsblack span.itemDateCreated span:before { border-top: 2px solid #252525; } .themeColorIsblack .itemVideoBlock, .themeColorIsblack .itemImageGallery { border-color: #252525 !important; } .themeColorIsblack .itemVideoBlock:before, .themeColorIsblack .itemImageGallery:before { color: #252525; } .themeColorIsblack .itemTagsBlock ul.itemTags li a { background: #252525; } .themeColorIsblack .itemTagsBlock ul.itemTags li a:hover { background: #252525; } .themeColorIsblack img.itemAuthorAvatar { border-color: #252525 !important; } .themeColorIsblack .itemAuthorDetails h3.itemAuthorName, .themeColorIsblack .itemComments h3 span { color: #252525; } .themeColorIsblack .itemRelated h3, .themeColorIsblack .itemNavigation a { background: #252525; color: #fff; } .themeColorIsblack .subCategoryContainer h2 a { color: #252525; } .themeColorIsblack .itemList .catItemImageBlock .sideGreenOverlay { background: #252525; background: rgba(0, 0, 0, 0.67); } .themeColorIsblack .itemList .catItemImageBlock .sideGreenOverlay .icon-desc { color: #fff; } .themeColorIsblack h3.catItemTitle a { color: #252525; } .themeColorIsblack .catItemDateCreated, .themeColorIsblack .catItemWrapper a, .themeColorIsblack .catItemTagsBlock a, .themeColorIsblack .block50 .catItemVideoBlock a, .themeColorIsblack .block25 .catItemVideoBlock a, .themeColorIsblack .block33 .catItemVideoBlock a, .themeColorIsblack .itemListSubCategories h3, .themeColorIsblack .userBlock h2, .themeColorIsblack .latestItemsUser h2, .themeColorIsblack .latestItemsCategory h2, .themeColorIsblack .latestItemsUser h2 a, .themeColorIsblack .latestItemsCategory h2 a, .themeColorIsblack .latestItemsCategory h2, .themeColorIsblack .latestItemsCategory h2 a { color: #252525; } .themeColorIsblack table.admintable th, .themeColorIsblack #itemListLinks h4 { background: #252525; } .themeColorIsblack ul.categories li a, .themeColorIsblack ul.stripped li a { color: #252525; } .themeColorIsblack .listSingleItemView a, .themeColorIsblack .listSingleItemView h3.catItemTitle a { color: #252525; } .themeColorIsblack .catItemView .greenOpOverlay { background: #252525; background: rgba(0, 0, 0, 0.67); } .themeColorIsblack .contact h1, .themeColorIsblack .contact h2, .themeColorIsblack .contact h3, .themeColorIsblack .categories-list h1, .themeColorIsblack .category-list h1, .themeColorIsblack .categories-list h3, .themeColorIsblack .category-list h3 { color: #252525; } .themeColorIsblack .contact .contact-miscinfo { color: #252525; } .themeColorIsblack .categories-list h3.item-title a, .themeColorIsblack .category-list h3.item-title a, .themeColorIsblack .categories-list h3.item-title, .themeColorIsblack .category-list h3.item-title, .themeColorIsblack .categories-list span.item-title, .themeColorIsblack .category-list span.item-title, .themeColorIsblack .categories-list span.item-title a, .themeColorIsblack .category-list span.item-title a { color: #252525; } .themeColorIsblack .weblink-category h2, .themeColorIsblack .newsfeed-category h2, .themeColorIsblack .newsfeed-category h2, .themeColorIsblack table.category td.item-title a, .themeColorIsblack table.category td.item-title a:hover, .themeColorIsblack .newsfeed h2, .themeColorIsblack .newsfeed div.feed-description, .themeColorIsblack .newsfeed h2 a { color: #252525; } .themeColorIsblack .searchintro { background: #252525; } .themeColorIsblack dl.search-result dt { color: #252525; } .themeColorIsblack dl.search-result dt a { color: #252525; } .themeColorIsblack a.moduleItemCategory { color: #252525; } .themeColorIsblack .moduleCustomLink .icon { color: #252525; } .themeColorIsblack #menuToggler a { color: #252525; } .themeColorIsblack #menuToggler a.activeToggler { color: #252525; } .themeColorIsblack .mainHeader ul.menu > li > a:hover, .themeColorIsblack .mainHeader ul.menu > li:hover > a, .themeColorIsblack .mainHeader ul.menu ul li a { color: #252525; } .themeColorIsblack .mainHeader ul.menu ul { background: #fff; } .themeColorIsblack .mainHeader ul.menu ul li a:hover, .themeColorIsblack .mainHeader ul.menu ul li:hover > a { background: #252525; color: #fff; } .themeColorIsblack .mainHeader ul.menu ul ul { background: #252525; } .themeColorIsblack .mainHeader ul.menu ul ul a { color: #fff; } .themeColorIsblack .mainHeader ul.menu ul ul li a:hover { background: #e8e8e8; color: #252525; } .themeColorIsblack .mainHeader ul.menu > li.active > a { color: #252525; } .themeColorIsblack .mainHeader ul.menu > li.active > ul > li.active > a { color: #252525; } .themeColorIsblack .mainHeader ul.menu > li.active > ul > li.active > ul > li.active > a { color: #252525; } .themeColorIsblack .mainHeader ul.menu > li.active > ul > li.active > a { background: #252525; color: #e8e8e8; } .themeColorIsblack aside .socialMenu ul.menu li a, .themeColorIsblack aside .socialMenu ul.menu li a:before { color: #252525; } .themeColorIsblack .sidebar .moduleTitle { background: #e8e8e8; color: #252525; } .themeColorIsblack .moduleItemExtraFields, .themeColorIsblack .moduleItemExtraFields a { color: #252525; } .themeColorIsblack .contentSlideshow .itemsWrapper .textWrapper, .themeColorIsblack .contentSlideshow .nuSliderPagination .navButton a { background: #252525; background: rgba(0, 0, 0, 0.67); } .themeColorIsblack .contentSlideshow .nuSliderPagination .navButton a:hover { background: #252525; } .themeColorIsblack .contentSlideshow .itemsWrapper .textWrapper a.moduleItemCategory { color: #fff; } .themeColorIsblack .popularList { color: #fff; } .themeColorIsblack .popularList .textWrapper { background: #252525; background: rgba(0, 0, 0, 0.67); } .themeColorIsblack .popularList ul li a, .themeColorIsblack .popularList ul li a.moduleItemCategory { color: #fff; } .themeColorIsblack .contentList ul li a { color: #252525; } .themeColorIsblack .contentList ul li h3 a { color: #252525; } .themeColorIsblack .dontMiss h3 a { color: #252525; } .themeColorIsblack .interviewList .txtWrap { background: #252525; background: rgba(0, 0, 0, 0.67); } .themeColorIsblack .interviewList .moduleItemExtraFields, .themeColorIsblack .interviewList .moduleItemExtraFields a { color: #fff; } .themeColorIsblack .contentSlider .nuSliderPagination ul li a.navigationButton { background: #252525; border: 1px solid #252525; } .themeColorIsblack .contentSlider .nuSliderPagination ul li a.navigationButton.navigationButtonActive { background: transparent; } .themeColorIsblack .contentSlider .nuSliderPagination .navButton a { background: #252525; background: rgba(0, 0, 0, 0.67); } .themeColorIsblack .contentSlider .nuSliderPagination .navButton a:hover { background: #252525; } .themeColorIsblack .lowerModArea h3.moduleTitle { color: #252525; } .themeColorIsblack .jwTinyLetterContainer h3 { color: #252525; } .themeColorIsblack .jwTinyLetterContainer .newsletterTitle:before { color: #252525; } .themeColorIsblack h2.itemTitle span sup { color: #848484; } .themeColorIsblack .usersList a { color: #252525; } .themeColorIsblack .usersList .ubUserAvatar { border: 5px solid #252525; } .themeColorIsblack .usersList .odd .ubUserAvatar { border-color: #252525; } .themeColorIsblack .usersList .ubUserName { color: #252525; } .themeColorIsblack .usersList .ubUserAdditionalInfo a { color: #252525; } .themeColorIsblack .itemsVideoBlock a, .themeColorIsblack .itemsVideoBlock .activeVThumb .vThumbTitle, .themeColorIsblack .itemsVideoBlock .activeVThumb .vThumbTitle:before { color: #252525; } .themeColorIsblack .itemsVideoBlock .videoThumbsNav ul li a { color: #fff; background: #252525; background: rgba(0, 0, 0, 0.67); } .themeColorIsblack .itemsVideoBlock .videoThumbsNav ul li a:hover { background: #252525; } .themeColorIsblack .searchModule a { color: #252525; } .themeColorIsblack .searchModule input[type="text"] { color: #ecf0f1; } .themeColorIsblack .searchModule input[type="text"]:focus { color: #3f3f3f; } .themeColorIsblack tr td.calendarDateLinked a { color: #252525; } .themeColorIsblack tr td.calendarToday, .themeColorIsblack tr td.calendarTodayLinked { background: #252525; } .themeColorIsblack .modCategoriesListBlock ul li.activeCategory a { color: #252525; } .themeColorIsblack .modAuthorsListBlock ul li a.abAuthorName { color: #252525; } .themeColorIsblack .modCCBlock ul li span.lcComment, .themeColorIsblack .modCCBlock ul li span.lcUsername a, .themeColorIsblack .modCCBlock ul li span.lcItemTitle a, .themeColorIsblack .modCCBlock ul li span.lcItemCategory, .themeColorIsblack .modCCBlock ul li span.lcItemCategory a, .themeColorIsblack .modCCBlock ul li a.tcLatestComment { color: #252525; } .themeColorIsblack #form-login .formLink:hover { color: #252525; } .themeColorIsblack .itemFullText h1, .themeColorIsblack .itemFullText h2, .themeColorIsblack .itemFullText h3, .themeColorIsblack .itemFullText h4, .themeColorIsblack .itemFullText h5, .themeColorIsblack .itemFullText h6 { color: #252525; } .themeColorIsblack .itemFullText blockquote { color: #252525; } .themeColorIsblack .itemFullText blockquote:before { border-color: #252525; } .themeColorIsblack .itemFullText blockquote cite { color: #252525; } .themeColorIsblack .itemFullText ul li:before, .themeColorIsblack .itemFullText ol li:before { color: #252525 !important; } .themeColorIsblack .itemFullText tr th { color: #252525; } .themeColorIsblack .itemView .btn01 { background: #252525; border-color: #252525; color: #fff; } .themeColorIsblack .itemView .btn01:active, .themeColorIsblack .itemView .btn01:hover { background: #fff; color: #252525; } .themeColorIsblack .itemView .btn02 { background: #252525; border-color: #252525; color: #fff; } .themeColorIsblack .itemView .btn02:active, .themeColorIsblack .itemView .btn02:hover { background: #e8e8e8; color: #252525; } .themeColorIsblack .itemView .btn03 { color: #252525; border-color: #252525; background: #e8e8e8; } .themeColorIsblack .itemView .btn03:active, .themeColorIsblack .itemView .btn03:hover { background: #252525; border-color: #252525; color: #fff; } .themeColorIsblack .itemView .btn04 { color: #252525; border-color: #252525; } .themeColorIsblack .itemView .btn04:active, .themeColorIsblack .itemView .btn04:hover { background: #252525; border-color: #252525; color: #fff; } .themeColorIsblack .nuBlocks.block01 { background: #252525; } .themeColorIsblack .nuBlocks.block02 { background: #e8e8e8; color: #252525; } .themeColorIsblack .nuBlocks.block03 { background: #252525; } .themeColorIsblack .hightlight01, .themeColorIsblack mark { background: #252525; } .themeColorIsblack .hightlight02 { background: #252525; } .themeColorIsblack hr.hr3 { border-bottom-color: #252525; } .themeColorIsblack .nuBubble.bubble01 { background: #252525; } .themeColorIsblack .nuBubble.bubble01:after { border-top-color: #252525; } .themeColorIsblack .nuBubble.bubble02 { background: #e8e8e8; color: #252525; } .themeColorIsblack .nuBubble.bubble02:after { border-top-color: #e8e8e8; } .themeColorIsblack .nuBubble.bubble03 { background: #252525; } .themeColorIsblack .nuBubble.bubble03:after { border-top-color: #252525; } .themeColorIsblack .singleBlockTip h3 a { color: #fff; } .themeColorIsblack .singleBlockTip .tippedWrapper:after { border-bottom-color: #252525; } .themeColorIsblack .singleBlockTip .smallerWhiteWrapper { background: #252525; color: #fff; color: #fff; } .themeColorIsblack .k2Pagination ul li span.pagenav, .themeColorIsblack .pagination ul li span.pagenav, .themeColorIsblack .pagination ul li span.pagenav { color: #252525; } .themeColorIsblack .k2Pagination ul li a.pagenav, .themeColorIsblack .pagination ul li a.pagenav, .themeColorIsblack .pagination ul li a.pagenav { border: 2px solid #e8e8e8; background: #e8e8e8; color: #252525; } .themeColorIsblack .k2Pagination ul li a:hover, .themeColorIsblack .pagination ul li a:hover, .themeColorIsblack .pagination ul li a:hover { color: #252525; background: #fff; border-color: transparent; } .themeColorIsblack .k2Pagination ul li[class*="pagination-"] a.pagenav, .themeColorIsblack .pagination ul li[class*="pagination-"] a.pagenav, .themeColorIsblack .pagination ul li[class*="pagination-"] a.pagenav { background: transparent; border-color: transparent; } .themeColorIsblack .k2Pagination ul li[class*="pagination-"] .pagenav:after, .themeColorIsblack .pagination ul li[class*="pagination-"] .pagenav:after, .themeColorIsblack .pagination ul li[class*="pagination-"] .pagenav:after { color: #252525; } .themeColorIsblack .contactDetails span.jicons-icons { display: none; } .themeColorIsblack div.tip { background: #252525 !important; border: 1px solid #252525; } .themeColorIsblack div.tip-title { background: #252525; color: #fff; } .themeColorIsblack .modCalendarBlock table.calendar tr td.calendarToday { background: #252525; } /* Orange/ Plum Theme */ .themeColorIsorange { /* text logo background */ /* footer styles */ /* component styles */ /* itemlist styles */ /* component styling */ /* com_contact */ /* content - weblinks- newsfeeds */ /* com search */ /* module styling */ /* menu styling */ /* general module styling */ /* the slideshow */ /*popoular list */ /* content list modules */ /* Don't miss module template */ /* interview template */ /* slides (user nuSlider) - mod_k2_content && nucontent */ /* Above footer && Under Component positions */ /* Newsletter Template - Specific mod_jw_tinyletter */ /* K2 Users Template */ /* K2 Video Player - Specific for K2 Content modules */ /* search module */ /* Calendar */ /* Category List/Menu */ /* Authors */ /* Latest Comments and Top Commenters */ /* User login Forms */ /* typography */ /* buttons */ /* blocks */ /* highlights */ /* dividers */ /* bubble text */ /* latest from the blog */ /* pagination */ /* K2 Calendar */ /* responsive */ } .themeColorIsorange a { color: #e87e04; } .themeColorIsorange input, .themeColorIsorange textarea { border-color: #848484 !important; } .themeColorIsorange .button, .themeColorIsorange input[type="submit"], .themeColorIsorange button { background: #e87e04; color: #fff; } .themeColorIsorange .button:hover, .themeColorIsorange input[type="submit"]:hover, .themeColorIsorange button:hover { background: #e87e04; color: #333333; } .themeColorIsorange .mainHeader h1 .textLogo { background: #e87e04; color: #fff; } .themeColorIsorange .mainFooter { background: #391722; color: #fff; } .themeColorIsorange .mainFooter a { color: #fff; } .themeColorIsorange .mainFooter .module h3.moduleTitle { color: #e87e04; } .themeColorIsorange .crights { background: #391722; color: #fff; } .themeColorIsorange .crights a { color: #fff; } .themeColorIsorange .componentheading { background: #391722; color: #e87e04; } .themeColorIsorange .componentheading.homeTitle { color: #e87e04; background: #fff; } .themeColorIsorange .itemView a { color: #e87e04; } .themeColorIsorange span.itemDateCreated span, .themeColorIsorange a.itemRelTitle { color: #333333; } .themeColorIsorange .itemSideInfo, .themeColorIsorange span.itemHits b, .themeColorIsorange span.itemDateModified span, .themeColorIsorange .catItemView .catItemTags, .themeColorIsorange .catItemView .catItemTags li a, .themeColorIsorange .catItemView .catItemTagsBlock span { color: #333333; } .themeColorIsorange span.itemDateCreated span:before { border-top: 2px solid #333333; } .themeColorIsorange .itemVideoBlock, .themeColorIsorange .itemImageGallery { border-color: #e87e04 !important; } .themeColorIsorange .itemVideoBlock:before, .themeColorIsorange .itemImageGallery:before { color: #333333; } .themeColorIsorange .itemTagsBlock ul.itemTags li a { background: #e87e04; color: #fff; } .themeColorIsorange .itemTagsBlock ul.itemTags li a:hover { background: #e87e04; color: #391722; } .themeColorIsorange img.itemAuthorAvatar { border-color: #e87e04 !important; } .themeColorIsorange .itemAuthorDetails h3.itemAuthorName { color: #333333; } .themeColorIsorange .itemComments h3 span { color: #e87e04; } .themeColorIsorange .itemRelated h3, .themeColorIsorange .itemNavigation a { background: #e87e04; color: #fff; } .themeColorIsorange .itemRelated .nuSliderPagination .navHolder a { color: #fff; } .themeColorIsorange .itemRelated .nuSliderPagination .navHolder a:hover { color: #fff; } .themeColorIsorange .subCategoryContainer h2 a { color: #333333; } .themeColorIsorange .itemList .catItemImageBlock .sideGreenOverlay { background: #391722; background: rgba(57, 23, 34, 0.85); } .themeColorIsorange .itemList .catItemImageBlock .sideGreenOverlay .icon-desc { color: #e87e04; } .themeColorIsorange h3.catItemTitle a { color: #e87e04; } .themeColorIsorange .catItemDateCreated, .themeColorIsorange .catItemWrapper a, .themeColorIsorange .catItemTagsBlock a, .themeColorIsorange .block50 .catItemVideoBlock a, .themeColorIsorange .block25 .catItemVideoBlock a, .themeColorIsorange .block33 .catItemVideoBlock a, .themeColorIsorange .itemListSubCategories h3, .themeColorIsorange .userBlock h2, .themeColorIsorange .latestItemsUser h2, .themeColorIsorange .latestItemsCategory h2, .themeColorIsorange .latestItemsUser h2 a, .themeColorIsorange .latestItemsCategory h2 a, .themeColorIsorange .latestItemsCategory h2, .themeColorIsorange .latestItemsCategory h2 a { color: #333333; } .themeColorIsorange table.admintable th, .themeColorIsorange #itemListLinks h4 { background: #e87e04; color: #fff; } .themeColorIsorange ul.categories li a, .themeColorIsorange ul.stripped li a { color: #333333; } .themeColorIsorange .listSingleItemView a { color: #333333; } .themeColorIsorange .listSingleItemView h3.catItemTitle a { color: #e87e04; } .themeColorIsorange .catItemView .greenOpOverlay { background: #391722; background: rgba(57, 23, 34, 0.85); color: #e87e04; } .themeColorIsorange .catItemView .greenOpOverlay .fpageGreenBlock ul.catItemTags a, .themeColorIsorange .catItemView .greenOpOverlay .fpageGreenBlock a, .themeColorIsorange .catItemView .greenOpOverlay .fpageGreenBlock .catItemHits { color: #fff; } .themeColorIsorange .catItemView .greenOpOverlay .fpageGreenBlock .catItemHits .icon, .themeColorIsorange .catItemView .greenOpOverlay .fpageGreenBlock .icon { color: #e87e04; } .themeColorIsorange .contact h1, .themeColorIsorange .contact h2, .themeColorIsorange .contact h3, .themeColorIsorange .categories-list h1, .themeColorIsorange .category-list h1, .themeColorIsorange .categories-list h3, .themeColorIsorange .category-list h3 { color: #e87e04; } .themeColorIsorange .categories-list h3.item-title a, .themeColorIsorange .category-list h3.item-title a, .themeColorIsorange .categories-list h3.item-title, .themeColorIsorange .category-list h3.item-title, .themeColorIsorange .categories-list span.item-title, .themeColorIsorange .category-list span.item-title, .themeColorIsorange .categories-list span.item-title a, .themeColorIsorange .category-list span.item-title a, .themeColorIsorange .weblink-category h2, .themeColorIsorange .newsfeed-category h2, .themeColorIsorange .newsfeed-category h2, .themeColorIsorange table.category td.item-title a, .themeColorIsorange table.category td.item-title a:hover, .themeColorIsorange .newsfeed h2, .themeColorIsorange .newsfeed div.feed-description, .themeColorIsorange .newsfeed h2 { color: #333333; } .themeColorIsorange .searchintro { background: #e87e04; color: #fff; } .themeColorIsorange dl.search-result dt, .themeColorIsorange dl.search-result dt a { color: #e87e04; } .themeColorIsorange a.moduleItemCategory, .themeColorIsorange #menuToggler a { color: #333333; } .themeColorIsorange #menuToggler a.activeToggler { color: #e87e04; } .themeColorIsorange .moduleCustomLink { color: #333333; } .themeColorIsorange .moduleCustomLink .icon { color: #e87e04; } .themeColorIsorange .mainHeader ul.menu > li > a:hover, .themeColorIsorange .mainHeader ul.menu > li:hover > a { color: #391722; } .themeColorIsorange .mainHeader ul.menu ul li a { color: #fff; } .themeColorIsorange .mainHeader ul.menu ul { background: #e87e04; background: rgba(232, 126, 4, 0.85); } .themeColorIsorange .mainHeader ul.menu ul li a:hover, .themeColorIsorange .mainHeader ul.menu ul li:hover > a { background: #391722; color: #fff; } .themeColorIsorange .mainHeader ul.menu ul ul { background: #391722; } .themeColorIsorange .mainHeader ul.menu ul ul a { color: #fff; } .themeColorIsorange .mainHeader ul.menu ul ul li a:hover { background: #e87e04; color: #fff; } .themeColorIsorange .mainHeader ul.menu > li.active > a { color: #e87e04; } .themeColorIsorange .mainHeader ul.menu > li.active > ul > li.active > a { color: #fff; } .themeColorIsorange .mainHeader ul.menu > li.active > ul > li.active > ul > li.active > a { color: #fff; } .themeColorIsorange .mainHeader ul.menu > li.active > ul > li.active > a { background: #391722; color: #fff; } .themeColorIsorange aside .socialMenu ul.menu li a { color: #fff; } .themeColorIsorange aside .socialMenu ul.menu li a:before { color: #e87e04; } .themeColorIsorange .sidebar .moduleTitle { color: #fff; background: #e87e04; } .themeColorIsorange .moduleItemExtraFields, .themeColorIsorange .moduleItemExtraFields a, .themeColorIsorange .modTagCloudBlock a, .themeColorIsorange .modTagCloudBlock .tagspopular ul li a { color: #333333; } .themeColorIsorange .contentSlideshow .itemsWrapper .textWrapper, .themeColorIsorange .contentSlideshow .nuSliderPagination .navButton a { background: #391722; background: rgba(57, 23, 34, 0.85); } .themeColorIsorange .contentSlideshow .itemsWrapper a, .themeColorIsorange .contentSlideshow .itemsWrapper a:visited { color: #fff; } .themeColorIsorange .contentSlideshow .nuSliderPagination .navButton a:hover { background: #e87e04; } .themeColorIsorange .popularList { color: #fff; } .themeColorIsorange .popularList .textWrapper { background: #391722; background: rgba(57, 23, 34, 0.85); } .themeColorIsorange .popularList ul li a { color: #fff; } .themeColorIsorange .popularList ul li a.moduleItemCategory { color: #e87e04; } .themeColorIsorange .contentList ul li a { color: #333333; } .themeColorIsorange .contentList ul li h3 a { color: #e87e04; } .themeColorIsorange .dontMiss h3 a { color: #333333; } .themeColorIsorange .interviewList .txtWrap { background: #e87e04; background: rgba(232, 126, 4, 0.85); color: #fff; } .themeColorIsorange .interviewList .moduleItemExtraFields, .themeColorIsorange .interviewList .moduleItemExtraFields a { color: #fff; } .themeColorIsorange .contentSlider .nuSliderPagination ul li a.navigationButton { background: #391722; border: 1px solid #391722; } .themeColorIsorange .contentSlider .nuSliderPagination ul li a.navigationButton.navigationButtonActive { background: transparent; } .themeColorIsorange .contentSlider .nuSliderPagination .navButton a { background: #e87e04; background: rgba(232, 126, 4, 0.85); } .themeColorIsorange .contentSlider .nuSliderPagination .navButton a:hover { background: #e87e04; } .themeColorIsorange .contentSlider .itemsWrapper .item h2 a { color: #e87e04; } .themeColorIsorange .lowerModArea h3.moduleTitle { color: #e87e04; } .themeColorIsorange .jwTinyLetterContainer h3 { color: #333333; } .themeColorIsorange .jwTinyLetterContainer .newsletterTitle:before { color: #e87e04; } .themeColorIsorange a.itemCommentsLink { color: #e87e04; } .themeColorIsorange h2.itemTitle span sup { color: #e87e04; } .themeColorIsorange .usersList a { color: #333333; } .themeColorIsorange .usersList .ubUserAvatar { border: 5px solid #e87e04; } .themeColorIsorange .usersList .odd .ubUserAvatar { border-color: #e87e04; } .themeColorIsorange .usersList .ubUserName { color: #e87e04; } .themeColorIsorange .usersList .ubUserAdditionalInfo a { color: #e87e04; } .themeColorIsorange .itemsVideoBlock a, .themeColorIsorange .itemsVideoBlock .activeVThumb .vThumbTitle { color: #333333; } .themeColorIsorange .itemsVideoBlock .activeVThumb .vThumbTitle:before { color: #e87e04; } .themeColorIsorange .itemsVideoBlock .videoThumbsNav ul li a { color: #fff; background: #e87e04; background: rgba(232, 126, 4, 0.85); } .themeColorIsorange .itemsVideoBlock .videoThumbsNav ul li a:hover { background: #e87e04; } .themeColorIsorange .searchModule a { color: #333333; } .themeColorIsorange .searchModule input[type="text"] { color: #ecf0f1; } .themeColorIsorange .searchModule input[type="text"]:focus { color: #333333; } .themeColorIsorange tr td.calendarDateLinked a { color: #333333; } .themeColorIsorange tr td.calendarToday, .themeColorIsorange tr td.calendarTodayLinked { background: #e87e04; color: #fff; } .themeColorIsorange .modCategoriesListBlock ul li.activeCategory a { color: #e87e04; } .themeColorIsorange .modAuthorsListBlock ul li a.abAuthorName { color: #e87e04; } .themeColorIsorange .modCCBlock ul li span.lcComment, .themeColorIsorange .modCCBlock ul li span.lcUsername a, .themeColorIsorange .modCCBlock ul li span.lcItemTitle a, .themeColorIsorange .modCCBlock ul li span.lcItemCategory, .themeColorIsorange .modCCBlock ul li span.lcItemCategory a, .themeColorIsorange .modCCBlock ul li a.tcLatestComment { color: #333333; } .themeColorIsorange #form-login .formLink:hover { color: #333333; } .themeColorIsorange h2.itemTitle { color: #333333; } .themeColorIsorange .itemFullText h1, .themeColorIsorange .itemFullText h2, .themeColorIsorange .itemFullText h3, .themeColorIsorange .itemFullText h4, .themeColorIsorange .itemFullText h5, .themeColorIsorange .itemFullText h6 { color: #333333; } .themeColorIsorange .itemFullText blockquote { color: #333333; } .themeColorIsorange .itemFullText blockquote:before { border-color: #e87e04; } .themeColorIsorange .itemFullText blockquote cite { color: #333333; } .themeColorIsorange .itemFullText ul li:before, .themeColorIsorange .itemFullText ol li:before { color: #e87e04 !important; } .themeColorIsorange .itemFullText tr th { color: #333333; } .themeColorIsorange .itemView .btn01 { background: #333333; border-color: #333333; color: #fff; } .themeColorIsorange .itemView .btn01:active { background: #fff; border-color: #333333; color: #333333; } .themeColorIsorange .itemView .btn01:hover { background: #e87e04; border-color: #e87e04; color: #fff; } .themeColorIsorange .itemView .btn02 { background: #e87e04; border-color: #e87e04; color: #fff; } .themeColorIsorange .itemView .btn02:active, .themeColorIsorange .itemView .btn02:hover { background: #fff; color: #e87e04; } .themeColorIsorange .itemView .btn03 { border-color: #333333; background: #fff; color: #333333; } .themeColorIsorange .itemView .btn03:active, .themeColorIsorange .itemView .btn03:hover { background: #333333; border-color: #333333; color: #fff; } .themeColorIsorange .itemView .btn04 { color: #e87e04; border-color: #e87e04; background: #fff; } .themeColorIsorange .itemView .btn04:active, .themeColorIsorange .itemView .btn04:hover { background: #e87e04; border-color: #e87e04; color: #fff; } .themeColorIsorange .nuBlocks.block01 { background: #391722; } .themeColorIsorange .nuBlocks.block01 h3 { color: white !important; } .themeColorIsorange .nuBlocks.block02 { background: #e87e04; color: #fff; } .themeColorIsorange .nuBlocks.block02 h3 { color: white !important; } .themeColorIsorange .nuBlocks.block03 { background: #391722; color: #e87e04; } .themeColorIsorange .nuBlocks.block03 h3 { color: #e87e04 !important; } .themeColorIsorange .hightlight01, .themeColorIsorange mark { background: #391722; } .themeColorIsorange .hightlight02 { background: #e87e04; color: #391722; } .themeColorIsorange hr.hr2 { border-bottom-color: #e87e04; } .themeColorIsorange hr.hr3 { border-bottom-color: #391722; } .themeColorIsorange .nuBubble.bubble01 { background: #391722; } .themeColorIsorange .nuBubble.bubble01:after { border-top-color: #391722; } .themeColorIsorange .nuBubble.bubble02 { background: #e87e04; color: #e87e04; color: #fff; } .themeColorIsorange .nuBubble.bubble02:after { border-top-color: #e87e04; } .themeColorIsorange .nuBubble.bubble03 { background: #391722; color: #f2c600; } .themeColorIsorange .nuBubble.bubble03:after { border-top-color: #391722; } .themeColorIsorange .singleBlockTip { color: #391722; } .themeColorIsorange .singleBlockTip h3 a { color: #e87e04; } .themeColorIsorange .singleBlockTip .tippedWrapper:after { border-bottom-color: #fff; } .themeColorIsorange .singleBlockTip .smallerWhiteWrapper { background: #fff; color: #391722; color: #391722; } .themeColorIsorange .k2Pagination ul li span.pagenav, .themeColorIsorange .pagination ul li span.pagenav, .themeColorIsorange .pagination ul li span.pagenav { color: #333333; } .themeColorIsorange .k2Pagination ul li a.pagenav, .themeColorIsorange .pagination ul li a.pagenav, .themeColorIsorange .pagination ul li a.pagenav { border: 2px solid #e87e04; background: #e87e04; color: #fff; } .themeColorIsorange .k2Pagination ul li a:hover, .themeColorIsorange .pagination ul li a:hover, .themeColorIsorange .pagination ul li a:hover { color: #333333; background: #fff; border-color: transparent; } .themeColorIsorange .k2Pagination ul li[class*="pagination-"] a.pagenav, .themeColorIsorange .pagination ul li[class*="pagination-"] a.pagenav, .themeColorIsorange .pagination ul li[class*="pagination-"] a.pagenav { background: transparent; border-color: transparent; } .themeColorIsorange .k2Pagination ul li[class*="pagination-"] .pagenav:after, .themeColorIsorange .pagination ul li[class*="pagination-"] .pagenav:after, .themeColorIsorange .pagination ul li[class*="pagination-"] .pagenav:after { color: #333333; } .themeColorIsorange .contactDetails span.jicons-icons { display: none; } .themeColorIsorange div.tip { background: #333333 !important; border: 1px solid #333333; } .themeColorIsorange div.tip-title { background: #333333; color: #fff; } .themeColorIsorange .modCalendarBlock table.calendar tr td.calendarToday { background: #333333; } /* Teal/ Gray theme */ .themeColorIsteal { /* text logo background */ /* footer styles */ /* component styles */ /* itemlist styles */ /* component styling */ /* com_contact */ /* content - weblinks- newsfeeds */ /* com search */ /* module styling */ /* menu styling */ /* general module styling */ /* the slideshow */ /*popoular list */ /* content list modules */ /* Don't miss module template */ /* interview template */ /* slides (user nuSlider) - mod_k2_content && nucontent */ /* Above footer && Under Component positions */ /* Newsletter Template - Specific mod_jw_tinyletter */ /* K2 Users Template */ /* K2 Video Player - Specific for K2 Content modules */ /* search module */ /* Calendar */ /* Category List/Menu */ /* Authors */ /* Latest Comments and Top Commenters */ /* User login Forms */ /* typography */ /* buttons */ /* blocks */ /* highlights */ /* dividers */ /* bubble text */ /* latest from the blog */ /* pagination */ /* K2 Calendar */ /* responsive */ } .themeColorIsteal a { color: #00bd9b; } .themeColorIsteal input, .themeColorIsteal textarea { border-color: #848484 !important; } .themeColorIsteal .button, .themeColorIsteal input[type="submit"], .themeColorIsteal button { background: #00bd9b; color: #fff; } .themeColorIsteal .button:hover, .themeColorIsteal input[type="submit"]:hover, .themeColorIsteal button:hover { background: #00bd9b; color: #333333; } .themeColorIsteal .mainHeader h1 .textLogo { background: #00bd9b; color: #fff; } .themeColorIsteal .mainFooter { background: #777777; color: #fff; } .themeColorIsteal .mainFooter a { color: #fff; } .themeColorIsteal .crights { background: #777777; color: #fff; } .themeColorIsteal .crights a { color: #fff; } .themeColorIsteal .componentheading { background: #777777; color: #00bd9b; } .themeColorIsteal .componentheading.homeTitle { color: #00bd9b; background: #fff; } .themeColorIsteal .itemView a { color: #00bd9b; } .themeColorIsteal span.itemDateCreated span, .themeColorIsteal a.itemRelTitle { color: #333333; } .themeColorIsteal .itemSideInfo, .themeColorIsteal span.itemHits b, .themeColorIsteal span.itemDateModified span, .themeColorIsteal .catItemView .catItemTags, .themeColorIsteal .catItemView .catItemTags li a, .themeColorIsteal .catItemView .catItemTagsBlock span { color: #333333; } .themeColorIsteal span.itemDateCreated span:before { border-top: 2px solid #333333; } .themeColorIsteal .itemVideoBlock, .themeColorIsteal .itemImageGallery { border-color: #00bd9b !important; } .themeColorIsteal .itemVideoBlock:before, .themeColorIsteal .itemImageGallery:before { color: #333333; } .themeColorIsteal .itemTagsBlock ul.itemTags li a { background: #00bd9b; color: #fff; } .themeColorIsteal .itemTagsBlock ul.itemTags li a:hover { background: #00bd9b; color: #777777; } .themeColorIsteal img.itemAuthorAvatar { border-color: #00bd9b !important; } .themeColorIsteal .itemAuthorDetails h3.itemAuthorName { color: #333333; } .themeColorIsteal .itemComments h3 span { color: #00bd9b; } .themeColorIsteal .itemRelated h3, .themeColorIsteal .itemNavigation a { background: #00bd9b; color: #fff; } .themeColorIsteal .itemRelated .nuSliderPagination .navHolder a { color: #fff; } .themeColorIsteal .itemRelated .nuSliderPagination .navHolder a:hover { color: #fff; } .themeColorIsteal .subCategoryContainer h2 a { color: #333333; } .themeColorIsteal .itemList .catItemImageBlock .sideGreenOverlay { background: #777777; background: rgba(112, 112, 122, 0.85); } .themeColorIsteal .itemList .catItemImageBlock .sideGreenOverlay .icon-desc { color: #00bd9b; } .themeColorIsteal h3.catItemTitle a { color: #333333; } .themeColorIsteal .catItemDateCreated, .themeColorIsteal .catItemWrapper a, .themeColorIsteal .catItemTagsBlock a, .themeColorIsteal .block50 .catItemVideoBlock a, .themeColorIsteal .block25 .catItemVideoBlock a, .themeColorIsteal .block33 .catItemVideoBlock a, .themeColorIsteal .itemListSubCategories h3, .themeColorIsteal .userBlock h2, .themeColorIsteal .latestItemsUser h2, .themeColorIsteal .latestItemsCategory h2, .themeColorIsteal .latestItemsUser h2 a, .themeColorIsteal .latestItemsCategory h2 a, .themeColorIsteal .latestItemsCategory h2, .themeColorIsteal .latestItemsCategory h2 a { color: #333333; } .themeColorIsteal table.admintable th, .themeColorIsteal #itemListLinks h4 { background: #00bd9b; color: #fff; } .themeColorIsteal ul.categories li a, .themeColorIsteal ul.stripped li a { color: #333333; } .themeColorIsteal .listSingleItemView a { color: #333333; } .themeColorIsteal .listSingleItemView h3.catItemTitle a { color: #00bd9b; } .themeColorIsteal .catItemView .greenOpOverlay { background: #777777; background: rgba(112, 112, 122, 0.85); color: #00bd9b; } .themeColorIsteal .catItemView .greenOpOverlay .fpageGreenBlock ul.catItemTags a, .themeColorIsteal .catItemView .greenOpOverlay .fpageGreenBlock a, .themeColorIsteal .catItemView .greenOpOverlay .fpageGreenBlock .catItemHits { color: #fff; } .themeColorIsteal .catItemView .greenOpOverlay .fpageGreenBlock .catItemHits .icon, .themeColorIsteal .catItemView .greenOpOverlay .fpageGreenBlock .icon { color: #00bd9b; } .themeColorIsteal .contact h1, .themeColorIsteal .contact h2, .themeColorIsteal .contact h3, .themeColorIsteal .categories-list h1, .themeColorIsteal .category-list h1, .themeColorIsteal .categories-list h3, .themeColorIsteal .category-list h3 { color: #00bd9b; } .themeColorIsteal .categories-list h3.item-title a, .themeColorIsteal .category-list h3.item-title a, .themeColorIsteal .categories-list h3.item-title, .themeColorIsteal .category-list h3.item-title, .themeColorIsteal .categories-list span.item-title, .themeColorIsteal .category-list span.item-title, .themeColorIsteal .categories-list span.item-title a, .themeColorIsteal .category-list span.item-title a, .themeColorIsteal .weblink-category h2, .themeColorIsteal .newsfeed-category h2, .themeColorIsteal .newsfeed-category h2, .themeColorIsteal table.category td.item-title a, .themeColorIsteal table.category td.item-title a:hover, .themeColorIsteal .newsfeed h2, .themeColorIsteal .newsfeed div.feed-description, .themeColorIsteal .newsfeed h2 { color: #333333; } .themeColorIsteal .searchintro { background: #00bd9b; color: #fff; } .themeColorIsteal dl.search-result dt, .themeColorIsteal dl.search-result dt a { color: #00bd9b; } .themeColorIsteal a.moduleItemCategory, .themeColorIsteal #menuToggler a { color: #333333; } .themeColorIsteal #menuToggler a.activeToggler { color: #00bd9b; } .themeColorIsteal .moduleCustomLink { color: #333333; } .themeColorIsteal .moduleCustomLink .icon { color: #00bd9b; } .themeColorIsteal .mainHeader ul.menu > li > a:hover, .themeColorIsteal .mainHeader ul.menu > li:hover > a { color: #333333; } .themeColorIsteal .mainHeader ul.menu ul li a { color: #fff; } .themeColorIsteal .mainHeader ul.menu ul { background: #00bd9b; background: rgba(0, 189, 155, 0.85); } .themeColorIsteal .mainHeader ul.menu ul li a:hover, .themeColorIsteal .mainHeader ul.menu ul li:hover > a { background: #333333; color: #fff; } .themeColorIsteal .mainHeader ul.menu ul ul { background: #333333; } .themeColorIsteal .mainHeader ul.menu ul ul a { color: #fff; } .themeColorIsteal .mainHeader ul.menu ul ul li a:hover { background: #00bd9b; color: #fff; } .themeColorIsteal .mainHeader ul.menu > li.active > a { color: #00bd9b; } .themeColorIsteal .mainHeader ul.menu > li.active > ul > li.active > a { color: #fff; } .themeColorIsteal .mainHeader ul.menu > li.active > ul > li.active > ul > li.active > a { color: #fff; } .themeColorIsteal .mainHeader ul.menu > li.active > ul > li.active > a { background: #333333; color: #fff; } .themeColorIsteal aside .socialMenu ul.menu li a { color: #fff; } .themeColorIsteal aside .socialMenu ul.menu li a:before { color: #00bd9b; } .themeColorIsteal .sidebar .moduleTitle { color: #fff; background: #00bd9b; } .themeColorIsteal .moduleItemExtraFields, .themeColorIsteal .moduleItemExtraFields a, .themeColorIsteal .modTagCloudBlock a, .themeColorIsteal .modTagCloudBlock .tagspopular ul li a { color: #333333; } .themeColorIsteal .contentSlideshow .itemsWrapper .textWrapper, .themeColorIsteal .contentSlideshow .nuSliderPagination .navButton a { background: #00bd9b; background: rgba(0, 189, 155, 0.85); } .themeColorIsteal .contentSlideshow .itemsWrapper a, .themeColorIsteal .contentSlideshow .itemsWrapper a:visited { color: #fff; } .themeColorIsteal .contentSlideshow .nuSliderPagination .navButton a:hover { background: #00bd9b; } .themeColorIsteal .popularList { color: #fff; } .themeColorIsteal .popularList .textWrapper { background: #777777; background: rgba(112, 112, 122, 0.85); } .themeColorIsteal .popularList ul li a { color: #fff; } .themeColorIsteal .popularList ul li a.moduleItemCategory { color: #00bd9b; } .themeColorIsteal .contentList ul li a { color: #333333; } .themeColorIsteal .contentList ul li h3 a { color: #00bd9b; } .themeColorIsteal .dontMiss h3 a { color: #333333; } .themeColorIsteal .interviewList .txtWrap { background: #00bd9b; background: rgba(0, 189, 155, 0.85); color: #fff; } .themeColorIsteal .interviewList .moduleItemExtraFields, .themeColorIsteal .interviewList .moduleItemExtraFields a { color: #fff; } .themeColorIsteal .contentSlider .nuSliderPagination ul li a.navigationButton { background: #777777; border: 1px solid #777777; } .themeColorIsteal .contentSlider .nuSliderPagination ul li a.navigationButton.navigationButtonActive { background: transparent; } .themeColorIsteal .contentSlider .nuSliderPagination .navButton a { background: #00bd9b; background: rgba(0, 189, 155, 0.85); } .themeColorIsteal .contentSlider .nuSliderPagination .navButton a:hover { background: #00bd9b; } .themeColorIsteal .contentSlider .itemsWrapper .item h2 a { color: #00bd9b; } .themeColorIsteal .lowerModArea h3.moduleTitle { color: #00bd9b; } .themeColorIsteal .jwTinyLetterContainer h3 { color: #333333; } .themeColorIsteal .jwTinyLetterContainer .newsletterTitle:before { color: #00bd9b; } .themeColorIsteal a.itemCommentsLink { color: #00bd9b; } .themeColorIsteal h2.itemTitle span sup { color: #00bd9b; } .themeColorIsteal .usersList a { color: #333333; } .themeColorIsteal .usersList .ubUserAvatar { border: 5px solid #00bd9b; } .themeColorIsteal .usersList .odd .ubUserAvatar { border-color: #00bd9b; } .themeColorIsteal .usersList .ubUserName { color: #00bd9b; } .themeColorIsteal .usersList .ubUserAdditionalInfo a { color: #00bd9b; } .themeColorIsteal .itemsVideoBlock a, .themeColorIsteal .itemsVideoBlock .activeVThumb .vThumbTitle { color: #333333; } .themeColorIsteal .itemsVideoBlock .activeVThumb .vThumbTitle:before { color: #00bd9b; } .themeColorIsteal .itemsVideoBlock .videoThumbsNav ul li a { color: #fff; background: #00bd9b; background: rgba(0, 189, 155, 0.85); } .themeColorIsteal .itemsVideoBlock .videoThumbsNav ul li a:hover { background: #00bd9b; } .themeColorIsteal .searchModule a { color: #333333; } .themeColorIsteal .searchModule input[type="text"] { color: #ecf0f1; } .themeColorIsteal .searchModule input[type="text"]:focus { color: #333333; } .themeColorIsteal tr td.calendarDateLinked a { color: #333333; } .themeColorIsteal tr td.calendarToday, .themeColorIsteal tr td.calendarTodayLinked { background: #00bd9b; color: #fff; } .themeColorIsteal .modCategoriesListBlock ul li.activeCategory a { color: #00bd9b; } .themeColorIsteal .modAuthorsListBlock ul li a.abAuthorName { color: #00bd9b; } .themeColorIsteal .modCCBlock ul li span.lcComment, .themeColorIsteal .modCCBlock ul li span.lcUsername a, .themeColorIsteal .modCCBlock ul li span.lcItemTitle a, .themeColorIsteal .modCCBlock ul li span.lcItemCategory, .themeColorIsteal .modCCBlock ul li span.lcItemCategory a, .themeColorIsteal .modCCBlock ul li a.tcLatestComment { color: #333333; } .themeColorIsteal #form-login .formLink:hover { color: #333333; } .themeColorIsteal h2.itemTitle { color: #333333; } .themeColorIsteal .itemFullText h1, .themeColorIsteal .itemFullText h2, .themeColorIsteal .itemFullText h3, .themeColorIsteal .itemFullText h4, .themeColorIsteal .itemFullText h5, .themeColorIsteal .itemFullText h6 { color: #333333; } .themeColorIsteal .itemFullText blockquote { color: #333333; } .themeColorIsteal .itemFullText blockquote:before { border-color: #00bd9b; } .themeColorIsteal .itemFullText blockquote cite { color: #333333; } .themeColorIsteal .itemFullText ul li:before, .themeColorIsteal .itemFullText ol li:before { color: #00bd9b !important; } .themeColorIsteal .itemFullText tr th { color: #333333; } .themeColorIsteal .itemView .btn01 { background: #333333; border-color: #333333; color: #fff; } .themeColorIsteal .itemView .btn01:active { background: #fff; border-color: #333333; color: #333333; } .themeColorIsteal .itemView .btn01:hover { background: #00bd9b; border-color: #00bd9b; color: #fff; } .themeColorIsteal .itemView .btn02 { background: #00bd9b; border-color: #00bd9b; color: #fff; } .themeColorIsteal .itemView .btn02:active, .themeColorIsteal .itemView .btn02:hover { background: #fff; color: #00bd9b; } .themeColorIsteal .itemView .btn03 { border-color: #333333; background: #fff; color: #333333; } .themeColorIsteal .itemView .btn03:active, .themeColorIsteal .itemView .btn03:hover { background: #333333; border-color: #333333; color: #fff; } .themeColorIsteal .itemView .btn04 { color: #00bd9b; border-color: #00bd9b; background: #fff; } .themeColorIsteal .itemView .btn04:active, .themeColorIsteal .itemView .btn04:hover { background: #00bd9b; border-color: #00bd9b; color: #fff; } .themeColorIsteal .nuBlocks.block01 { background: #333333; } .themeColorIsteal .nuBlocks.block02 { background: #00bd9b; color: #fff; } .themeColorIsteal .nuBlocks.block02 h3 { color: white !important; } .themeColorIsteal .nuBlocks.block03 { background: #333333; color: #00bd9b; } .themeColorIsteal .nuBlocks.block03 h3 { color: #00bd9b !important; } .themeColorIsteal .hightlight01, .themeColorIsteal mark { background: #333333; } .themeColorIsteal .hightlight02 { background: #00bd9b; color: #333333; } .themeColorIsteal hr.hr2 { border-bottom-color: #00bd9b; } .themeColorIsteal hr.hr3 { border-bottom-color: #333333; } .themeColorIsteal .nuBubble.bubble01 { background: #333333; } .themeColorIsteal .nuBubble.bubble01:after { border-top-color: #333333; } .themeColorIsteal .nuBubble.bubble02 { background: #00bd9b; color: #00bd9b; color: #fff; } .themeColorIsteal .nuBubble.bubble02:after { border-top-color: #00bd9b; } .themeColorIsteal .nuBubble.bubble03 { background: #333333; color: #f2c600; } .themeColorIsteal .nuBubble.bubble03:after { border-top-color: #333333; } .themeColorIsteal .singleBlockTip h3 a { color: #fff; } .themeColorIsteal .singleBlockTip .tippedWrapper:after { border-bottom-color: #333333; } .themeColorIsteal .singleBlockTip .smallerWhiteWrapper { background: #333333; color: #fff; color: #fff; } .themeColorIsteal .k2Pagination ul li span.pagenav, .themeColorIsteal .pagination ul li span.pagenav, .themeColorIsteal .pagination ul li span.pagenav { color: #333333; } .themeColorIsteal .k2Pagination ul li a.pagenav, .themeColorIsteal .pagination ul li a.pagenav, .themeColorIsteal .pagination ul li a.pagenav { border: 2px solid #00bd9b; background: #00bd9b; color: #fff; } .themeColorIsteal .k2Pagination ul li a:hover, .themeColorIsteal .pagination ul li a:hover, .themeColorIsteal .pagination ul li a:hover { color: #333333; background: #fff; border-color: transparent; } .themeColorIsteal .k2Pagination ul li[class*="pagination-"] a.pagenav, .themeColorIsteal .pagination ul li[class*="pagination-"] a.pagenav, .themeColorIsteal .pagination ul li[class*="pagination-"] a.pagenav { background: transparent; border-color: transparent; } .themeColorIsteal .k2Pagination ul li[class*="pagination-"] .pagenav:after, .themeColorIsteal .pagination ul li[class*="pagination-"] .pagenav:after, .themeColorIsteal .pagination ul li[class*="pagination-"] .pagenav:after { color: #333333; } .themeColorIsteal .contactDetails span.jicons-icons { display: none; } .themeColorIsteal div.tip { background: #333333 !important; border: 1px solid #333333; } .themeColorIsteal div.tip-title { background: #333333; color: #fff; } .themeColorIsteal .modCalendarBlock table.calendar tr td.calendarToday { background: #333333; } /* Yellow/ Gray */ .themeColorIsyellow { /* text logo background */ /* footer styles */ /* component styles */ /* itemlist styles */ /* component styling */ /* com_contact */ /* content - weblinks- newsfeeds */ /* com search */ /* module styling */ /* menu styling */ /* general module styling */ /* the slideshow */ /*popoular list */ /* content list modules */ /* Don't miss module template */ /* interview template */ /* slides (user nuSlider) - mod_k2_content && nucontent */ /* Above footer && Under Component positions */ /* Newsletter Template - Specific mod_jw_tinyletter */ /* K2 Users Template */ /* K2 Video Player - Specific for K2 Content modules */ /* search module */ /* Calendar */ /* Category List/Menu */ /* Authors */ /* Latest Comments and Top Commenters */ /* User login Forms */ /* typography */ /* buttons */ /* blocks */ /* highlights */ /* dividers */ /* bubble text */ /* latest from the blog */ /* pagination */ /* K2 Calendar */ /* Responsive */ } .themeColorIsyellow a { color: #252525; } .themeColorIsyellow dl dt, .themeColorIsyellow dl dd, .themeColorIsyellow legend { color: #333333; } .themeColorIsyellow input, .themeColorIsyellow textarea { border-color: #333333 !important; } .themeColorIsyellow .button, .themeColorIsyellow input[type="submit"], .themeColorIsyellow button { background: #333333; color: #f2c600; } .themeColorIsyellow .button:hover, .themeColorIsyellow input[type="submit"]:hover, .themeColorIsyellow button:hover { background: #f2c600; color: #333333; } .themeColorIsyellow .mainHeader h1 .textLogo { background: #333333; color: #f2c600; } .themeColorIsyellow .mainFooter { background: #f2c600; color: #333333; } .themeColorIsyellow .mainFooter a { color: #333333; } .themeColorIsyellow .crights { background: #f2c600; color: #333333; } .themeColorIsyellow .crights a { color: #333333; } .themeColorIsyellow .componentheading { background: #333333; color: #f2c600; } .themeColorIsyellow .componentheading.homeTitle { color: #333333; background: #fff; } .themeColorIsyellow .itemView a, .themeColorIsyellow span.itemDateCreated span { color: #333333; } .themeColorIsyellow .itemSideInfo, .themeColorIsyellow span.itemHits b, .themeColorIsyellow span.itemDateModified span, .themeColorIsyellow .catItemView .catItemTags, .themeColorIsyellow .catItemView .catItemTags li a, .themeColorIsyellow .catItemView .catItemTagsBlock span { color: #333333; } .themeColorIsyellow span.itemDateCreated span:before { border-top: 2px solid #333333; } .themeColorIsyellow .itemVideoBlock, .themeColorIsyellow .itemImageGallery { border-color: #f2c600 !important; } .themeColorIsyellow .itemVideoBlock:before, .themeColorIsyellow .itemImageGallery:before { color: #333333; } .themeColorIsyellow .itemTagsBlock ul.itemTags li a { background: #333333; color: #f2c600; } .themeColorIsyellow .itemTagsBlock ul.itemTags li a:hover { background: #f2c600; color: #333333; } .themeColorIsyellow img.itemAuthorAvatar { border-color: #333333 !important; } .themeColorIsyellow .itemAuthorDetails h3.itemAuthorName { color: #333333; } .themeColorIsyellow .itemComments h3 span { color: #f2c600; } .themeColorIsyellow .itemRelated h3, .themeColorIsyellow .itemNavigation a { background: #333333; color: #f2c600; } .themeColorIsyellow .itemRelated .nuSliderPagination .navHolder a { color: #f2c600; } .themeColorIsyellow .itemRelated .nuSliderPagination .navHolder a:hover { color: #fff; } .themeColorIsyellow .subCategoryContainer h2 a { color: #333333; } .themeColorIsyellow .itemList .catItemImageBlock .sideGreenOverlay { background: #474747; background: rgba(51, 51, 51, 0.9); } .themeColorIsyellow .itemList .catItemImageBlock .sideGreenOverlay .icon-desc { color: #fff; } .themeColorIsyellow h3.catItemTitle a { color: #333333; } .themeColorIsyellow .catItemDateCreated, .themeColorIsyellow .catItemWrapper a, .themeColorIsyellow .catItemTagsBlock a, .themeColorIsyellow .block50 .catItemVideoBlock a, .themeColorIsyellow .block25 .catItemVideoBlock a, .themeColorIsyellow .block33 .catItemVideoBlock a, .themeColorIsyellow .itemListSubCategories h3, .themeColorIsyellow .userBlock h2, .themeColorIsyellow .latestItemsUser h2, .themeColorIsyellow .latestItemsCategory h2, .themeColorIsyellow .latestItemsUser h2 a, .themeColorIsyellow .latestItemsCategory h2 a, .themeColorIsyellow .latestItemsCategory h2, .themeColorIsyellow .latestItemsCategory h2 a { color: #333333; } .themeColorIsyellow table.admintable th, .themeColorIsyellow #itemListLinks h4 { background: #333333; color: #f2c600; } .themeColorIsyellow ul.categories li a, .themeColorIsyellow ul.stripped li a { color: #333333; } .themeColorIsyellow .listSingleItemView a, .themeColorIsyellow .listSingleItemView h3.catItemTitle a { color: #333333; } .themeColorIsyellow .catItemView .greenOpOverlay { background: #474747; background: rgba(51, 51, 51, 0.9); } .themeColorIsyellow .catItemView .greenOpOverlay .fpageGreenBlock ul.catItemTags a, .themeColorIsyellow .catItemView .greenOpOverlay .fpageGreenBlock a, .themeColorIsyellow .catItemView .greenOpOverlay .fpageGreenBlock .catItemHits { color: #f2c600; } .themeColorIsyellow .catItemView .greenOpOverlay .fpageGreenBlock .catItemHits .icon { color: #fff; } .themeColorIsyellow .contact h1, .themeColorIsyellow .contact h2, .themeColorIsyellow .contact h3, .themeColorIsyellow .categories-list h1, .themeColorIsyellow .category-list h1, .themeColorIsyellow .categories-list h3, .themeColorIsyellow .category-list h3, .themeColorIsyellow .contact .contact-miscinfo { color: #333333; } .themeColorIsyellow .categories-list h3.item-title a, .themeColorIsyellow .category-list h3.item-title a, .themeColorIsyellow .categories-list h3.item-title, .themeColorIsyellow .category-list h3.item-title, .themeColorIsyellow .categories-list span.item-title, .themeColorIsyellow .category-list span.item-title, .themeColorIsyellow .categories-list span.item-title a, .themeColorIsyellow .category-list span.item-title a, .themeColorIsyellow .weblink-category h2, .themeColorIsyellow .newsfeed-category h2, .themeColorIsyellow .newsfeed-category h2, .themeColorIsyellow table.category td.item-title a, .themeColorIsyellow table.category td.item-title a:hover, .themeColorIsyellow .newsfeed h2, .themeColorIsyellow .newsfeed div.feed-description, .themeColorIsyellow .newsfeed h2 { color: #333333; } .themeColorIsyellow .searchintro { background: #333333; color: #f2c600; } .themeColorIsyellow dl.search-result dt, .themeColorIsyellow dl.search-result dt a { color: #333333; } .themeColorIsyellow a.moduleItemCategory, .themeColorIsyellow #menuToggler a { color: #333333; } .themeColorIsyellow #menuToggler a.activeToggler { color: #f2c600; } .themeColorIsyellow .moduleCustomLink { color: #333333; } .themeColorIsyellow .moduleCustomLink .icon { color: #f2c600; } .themeColorIsyellow .mainHeader ul.menu > li > a:hover, .themeColorIsyellow .mainHeader ul.menu > li:hover > a, .themeColorIsyellow .mainHeader ul.menu ul li a { color: #333333; } .themeColorIsyellow .mainHeader ul.menu ul { background: #f2c600; } .themeColorIsyellow .mainHeader ul.menu ul li a:hover, .themeColorIsyellow .mainHeader ul.menu ul li:hover > a { background: #333333; color: #f2c600; } .themeColorIsyellow .mainHeader ul.menu ul ul { background: #333333; } .themeColorIsyellow .mainHeader ul.menu ul ul a { color: #f2c600; } .themeColorIsyellow .mainHeader ul.menu ul ul li a:hover { background: #333333; color: #f2c600; } .themeColorIsyellow .mainHeader ul.menu > li.active > a { color: #333333; } .themeColorIsyellow .mainHeader ul.menu > li.active > ul > li.active > a { color: #333333; } .themeColorIsyellow .mainHeader ul.menu > li.active > ul > li.active > ul > li.active > a { color: #333333; } .themeColorIsyellow .mainHeader ul.menu > li.active > ul > li.active > a { background: #333333; color: #f2c600; } .themeColorIsyellow aside .socialMenu ul.menu li a { color: #333333; } .themeColorIsyellow aside .socialMenu ul.menu li a:before { color: #fff; } .themeColorIsyellow .sidebar .moduleTitle { color: #fff; background: #f2c600; } .themeColorIsyellow .moduleItemExtraFields, .themeColorIsyellow .moduleItemExtraFields a { color: #333333; } .themeColorIsyellow .contentSlideshow .itemsWrapper .textWrapper, .themeColorIsyellow .contentSlideshow .nuSliderPagination .navButton a { background: #474747; background: rgba(51, 51, 51, 0.9); } .themeColorIsyellow .contentSlideshow .itemsWrapper a, .themeColorIsyellow .contentSlideshow .itemsWrapper a:visited { color: #f2c600; } .themeColorIsyellow .contentSlideshow .nuSliderPagination .navButton a:hover { background: #333333; } .themeColorIsyellow .popularList { color: #fff; } .themeColorIsyellow .popularList .textWrapper { background: #474747; background: rgba(51, 51, 51, 0.9); } .themeColorIsyellow .popularList ul li a { color: #fff; } .themeColorIsyellow .popularList ul li a.moduleItemCategory { color: #f2c600; } .themeColorIsyellow .contentList ul li a, .themeColorIsyellow .contentList ul li h3 a { color: #333333; } .themeColorIsyellow .dontMiss h3 a { color: #333333; } .themeColorIsyellow .interviewList .txtWrap { background: #474747; background: rgba(51, 51, 51, 0.9); } .themeColorIsyellow .interviewList .moduleItemExtraFields, .themeColorIsyellow .interviewList .moduleItemExtraFields a { color: #fff; } .themeColorIsyellow .contentSlider .nuSliderPagination ul li a.navigationButton { background: #333333; border: 1px solid #333333; } .themeColorIsyellow .contentSlider .nuSliderPagination ul li a.navigationButton.navigationButtonActive { background: transparent; } .themeColorIsyellow .contentSlider .nuSliderPagination .navButton a { background: #474747; background: rgba(51, 51, 51, 0.9); } .themeColorIsyellow .contentSlider .nuSliderPagination .navButton a:hover { background: #333333; } .themeColorIsyellow .lowerModArea h3.moduleTitle { color: #333333; } .themeColorIsyellow .jwTinyLetterContainer h3 { color: #333333; } .themeColorIsyellow .jwTinyLetterContainer .newsletterTitle:before { color: #333333; } .themeColorIsyellow a.itemCommentsLink { color: #f2c600; } .themeColorIsyellow h2.itemTitle span sup { color: #f2c600; } .themeColorIsyellow .usersList a { color: #333333; } .themeColorIsyellow .usersList .ubUserAvatar { border: 5px solid #333333; } .themeColorIsyellow .usersList .odd .ubUserAvatar { border-color: #333333; } .themeColorIsyellow .usersList .ubUserName { color: #333333; } .themeColorIsyellow .usersList .ubUserAdditionalInfo a { color: #333333; } .themeColorIsyellow .itemsVideoBlock a, .themeColorIsyellow .itemsVideoBlock .activeVThumb .vThumbTitle { color: #333333; } .themeColorIsyellow .itemsVideoBlock .activeVThumb .vThumbTitle:before { color: #f2c600; } .themeColorIsyellow .itemsVideoBlock .videoThumbsNav ul li a { color: #f2c600; background: #474747; background: rgba(51, 51, 51, 0.9); } .themeColorIsyellow .itemsVideoBlock .videoThumbsNav ul li a:hover { background: #333333; } .themeColorIsyellow .searchModule a { color: #333333; } .themeColorIsyellow .searchModule input[type="text"] { color: #ecf0f1; } .themeColorIsyellow .searchModule input[type="text"]:focus { color: #333333; } .themeColorIsyellow tr td.calendarDateLinked a { color: #333333; } .themeColorIsyellow tr td.calendarToday, .themeColorIsyellow tr td.calendarTodayLinked { background: #333333; color: #f2c600; } .themeColorIsyellow .modCategoriesListBlock ul li.activeCategory a { color: #333333; } .themeColorIsyellow .modAuthorsListBlock ul li a.abAuthorName { color: #333333; } .themeColorIsyellow .modCCBlock ul li span.lcComment, .themeColorIsyellow .modCCBlock ul li span.lcUsername a, .themeColorIsyellow .modCCBlock ul li span.lcItemTitle a, .themeColorIsyellow .modCCBlock ul li span.lcItemCategory, .themeColorIsyellow .modCCBlock ul li span.lcItemCategory a, .themeColorIsyellow .modCCBlock ul li a.tcLatestComment { color: #333333; } .themeColorIsyellow #form-login .formLink:hover { color: #333333; } .themeColorIsyellow .itemFullText h1, .themeColorIsyellow .itemFullText h2, .themeColorIsyellow .itemFullText h3, .themeColorIsyellow .itemFullText h4, .themeColorIsyellow .itemFullText h5, .themeColorIsyellow .itemFullText h6 { color: #333333; } .themeColorIsyellow .itemFullText blockquote { color: #333333; } .themeColorIsyellow .itemFullText blockquote:before { border-color: #f2c600; } .themeColorIsyellow .itemFullText blockquote cite { color: #333333; } .themeColorIsyellow .itemFullText ul li:before, .themeColorIsyellow .itemFullText ol li:before { color: #f2c600 !important; } .themeColorIsyellow .itemFullText tr th { color: #333333; } .themeColorIsyellow .itemView .btn01 { background: #333333; border-color: #333333; color: #f2c600; } .themeColorIsyellow .itemView .btn01:active { background: #f2c600; color: #333333; } .themeColorIsyellow .itemView .btn01:hover { background: #fff; color: #333333; } .themeColorIsyellow .itemView .btn02 { background: #f2c600; border-color: #f2c600; color: #333333; } .themeColorIsyellow .itemView .btn02:active, .themeColorIsyellow .itemView .btn02:hover { background: #fff; color: #f2c600; } .themeColorIsyellow .itemView .btn03 { color: #333333; border-color: #333333; background: #fff; color: #333333; } .themeColorIsyellow .itemView .btn03:active, .themeColorIsyellow .itemView .btn03:hover { background: #333333; border-color: #333333; color: #f2c600; } .themeColorIsyellow .itemView .btn04 { color: #f2c600; border-color: #f2c600; background: #fff; } .themeColorIsyellow .itemView .btn04:active, .themeColorIsyellow .itemView .btn04:hover { background: #f2c600; border-color: #f2c600; color: #333333; } .themeColorIsyellow .nuBlocks.block01 { background: #333333; } .themeColorIsyellow .nuBlocks.block02 { background: #f2c600; color: #333333; } .themeColorIsyellow .nuBlocks.block03 { background: #333333; color: #f2c600; } .themeColorIsyellow .hightlight01, .themeColorIsyellow mark { background: #333333; } .themeColorIsyellow .hightlight02 { background: #f2c600; color: #333333; } .themeColorIsyellow hr.hr2 { border-bottom-color: #f2c600; } .themeColorIsyellow hr.hr3 { border-bottom-color: #333333; } .themeColorIsyellow .nuBubble.bubble01 { background: #333333; } .themeColorIsyellow .nuBubble.bubble01:after { border-top-color: #333333; } .themeColorIsyellow .nuBubble.bubble02 { background: #f2c600; color: #333333; } .themeColorIsyellow .nuBubble.bubble02:after { border-top-color: #f2c600; } .themeColorIsyellow .nuBubble.bubble03 { background: #333333; color: #f2c600; } .themeColorIsyellow .nuBubble.bubble03:after { border-top-color: #333333; } .themeColorIsyellow .singleBlockTip h3 a { color: #fff; } .themeColorIsyellow .singleBlockTip .tippedWrapper:after { border-bottom-color: #333333; } .themeColorIsyellow .singleBlockTip .smallerWhiteWrapper { background: #333333; color: #fff; color: #fff; } .themeColorIsyellow .k2Pagination ul li span.pagenav, .themeColorIsyellow .pagination ul li span.pagenav, .themeColorIsyellow .pagination ul li span.pagenav { color: #333333; } .themeColorIsyellow .k2Pagination ul li a.pagenav, .themeColorIsyellow .pagination ul li a.pagenav, .themeColorIsyellow .pagination ul li a.pagenav { border: 2px solid #f2c600; background: #f2c600; color: #333333; } .themeColorIsyellow .k2Pagination ul li a:hover, .themeColorIsyellow .pagination ul li a:hover, .themeColorIsyellow .pagination ul li a:hover { color: #333333; background: #fff; border-color: transparent; } .themeColorIsyellow .k2Pagination ul li[class*="pagination-"] a.pagenav, .themeColorIsyellow .pagination ul li[class*="pagination-"] a.pagenav, .themeColorIsyellow .pagination ul li[class*="pagination-"] a.pagenav { background: transparent; border-color: transparent; } .themeColorIsyellow .k2Pagination ul li[class*="pagination-"] .pagenav:after, .themeColorIsyellow .pagination ul li[class*="pagination-"] .pagenav:after, .themeColorIsyellow .pagination ul li[class*="pagination-"] .pagenav:after { color: #333333; } .themeColorIsyellow .contactDetails span.jicons-icons { display: none; } .themeColorIsyellow div.tip { background: #333333 !important; border: 1px solid #333333; } .themeColorIsyellow div.tip-title { background: #333333; color: #f2c600; } .themeColorIsyellow .modCalendarBlock table.calendar tr td.calendarToday { background: #333333; } @media screen and (max-width: 900px) { .themeColorIsyellow .mainHeader ul.menu { border: 0; } .themeColorIsyellow .mainHeader ul.menu li, .themeColorIsyellow .mainHeader ul.menu, .themeColorIsyellow .mainHeader ul.menu ul { background: #f2c600; } .themeColorIsblack .mainHeader ul.menu { border: 0; } .themeColorIsblack .mainHeader ul.menu li, .themeColorIsblack .mainHeader ul.menu, .themeColorIsblack .mainHeader ul.menu ul { background: #252525; } .themeColorIsorange .mainHeader ul.menu { border: 0; } .themeColorIsorange .mainHeader ul.menu li, .themeColorIsorange .mainHeader ul.menu, .themeColorIsorange .mainHeader ul.menu ul { background: #e87e04; } .themeColorIsteal .mainHeader ul.menu { border: 0; } .themeColorIsteal .mainHeader ul.menu li, .themeColorIsteal .mainHeader ul.menu, .themeColorIsteal .mainHeader ul.menu ul { background: #00bd9b; } } /* Browser Specific Styling ------------------------------------------------------ */ html.isIE8 .catItemView .catItemImageBlock { width: 400px; } html.isIE8 .usersList .ubUserAvatar { width: 80px; } html.isIE8 .commentsWrap, html.isIE9 .commentsWrap { overflow: hidden; clear: both; padding-bottom: 85px !important; } html.isIE8 #page { position: relative; overflow: hidden; } html.isIE8 footer { clear: both; } html.isIE9 .itemView, html.isIE8 .itemView { overflow: hiddenl; } /* --- END --- */