Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Newsmag
- Theme URI: http://themeforest.net/user/tagDiv/portfolio
- Description: Premium wordpress template, clean and easy to use.
- Version: 1.7
- Author: tagDiv
- Author URI: http://themeforest.net/user/tagDiv/portfolio
- License:
- License URI:
- Tags:black, white, one-column, two-columns, fixed-layout
- */
- /*
- ___________________________________________
- | __ _ ___ _ _ __ __ __ __ __ |
- | | \| | __|| | | |/' _/| V |/ \ / _] |
- | | | ' | _| | 'V' |`._`.| \_/ | /\ | [/\ |
- | |_|\__|___|!_/ \_!|___/|_| |_|_||_|\__/ |
- |___________________________________________|
- ~ tagDiv 2015 ~
- Thanks for using our theme !
- Our portfolio is here: http://themeforest.net/user/tagDiv/portfolio
- */
- body {
- visibility: visible !important;
- }
- /* ----------------------------------------------------------------------------
- responsive settings
- */
- /* responsive portrait tablet */
- /* responsive portrait phone */
- /* ----------------------------------------------------------------------------
- module settings
- */
- /* ----------------------------------------------------------------------------
- header_menu settings
- */
- .mx_image_background {
- background-color: #f2f2f2;
- }
- .td-visibility-hidden {
- visibility: hidden;
- }
- /* ----------------------------------------------------------------------------
- from bootstrap
- */
- .clearfix {
- *zoom: 1;
- }
- .clearfix:before,
- .clearfix:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .clearfix:after {
- clear: both;
- }
- .td-dispaly-none {
- display: none;
- }
- .td-dispaly-block {
- display: block;
- }
- /*
- usage:
- .td-block-row {
- .mx-row(td-block-span);
- }
- @all_span_selector - is the begining of the span selector
- */
- /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
- html {
- font-family: sans-serif;
- -ms-text-size-adjust: 100%;
- -webkit-text-size-adjust: 100%;
- }
- body {
- margin: 0;
- }
- article,
- aside,
- details,
- figcaption,
- figure,
- footer,
- header,
- hgroup,
- main,
- nav,
- section,
- summary {
- display: block;
- }
- audio,
- canvas,
- progress,
- video {
- display: inline-block;
- vertical-align: baseline;
- }
- audio:not([controls]) {
- display: none;
- height: 0;
- }
- [hidden],
- template {
- display: none;
- }
- a {
- background: transparent;
- }
- a:active,
- a:hover {
- outline: 0;
- }
- abbr[title] {
- border-bottom: 1px dotted;
- }
- b,
- strong {
- font-weight: bold;
- }
- dfn {
- font-style: italic;
- }
- h1 {
- font-size: 2em;
- margin: 0.67em 0;
- }
- mark {
- background: #ff0;
- color: #000;
- }
- 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;
- display: block;
- }
- svg:not(:root) {
- overflow: hidden;
- }
- figure {
- margin: 0px;
- }
- hr {
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
- }
- pre {
- overflow: auto;
- }
- code,
- kbd,
- pre,
- samp {
- font-family: monospace, monospace;
- font-size: 1em;
- }
- button,
- input,
- optgroup,
- select,
- textarea {
- color: inherit;
- font: inherit;
- margin: 0;
- }
- button {
- overflow: visible;
- }
- 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;
- }
- button::-moz-focus-inner,
- input::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
- input {
- line-height: normal;
- }
- input[type="checkbox"],
- input[type="radio"] {
- box-sizing: border-box;
- padding: 0;
- }
- input[type="number"]::-webkit-inner-spin-button,
- input[type="number"]::-webkit-outer-spin-button {
- height: auto;
- }
- 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;
- }
- fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
- }
- legend {
- border: 0;
- padding: 0;
- }
- textarea {
- overflow: auto;
- }
- optgroup {
- font-weight: bold;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- td,
- th {
- padding: 0;
- }
- @media print {
- html,
- body {
- background-color: #FFF;
- color: #000;
- margin: 0px;
- padding: 0px;
- }
- img {
- max-width: 100%;
- display: block;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- page-break-after: avoid;
- }
- ul,
- ol,
- li {
- page-break-inside: avoid;
- }
- table,
- tr,
- td {
- page-break-before: avoid;
- }
- .single-post #td-theme-settings,
- .single-post .td-header-top-menu,
- .single-post .td-header-menu-wrap,
- .single-post .td-header-sp-ads,
- .single-post .td-mobile-nav-wrap,
- .single-post .td-main-sidebar,
- .single-post .td-post-source-tags,
- .single-post .td-post-sharing,
- .single-post .td-post-next-prev,
- .single-post .td_block_related_posts,
- .single-post #comments,
- .single-post .td-footer-container,
- .single-post .td-sub-footer-container,
- .single-post .entry-crumbs,
- .single-post .td-category,
- .single-post .td-post-views,
- .single-post .td-post-comments,
- .single-post .td-scroll-up,
- .single-post iframe,
- .single-post .td-more-articles-box {
- display: none !important;
- }
- .backstretch {
- display: none;
- }
- .td-main-content,
- header {
- width: 80% !important;
- }
- .td-pb-row [class*="td-pb-span"] {
- border: 0px !important;
- }
- }
- * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- *:before,
- *:after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- img {
- max-width: 100%;
- width: auto\9;
- height: auto;
- }
- .td-page-title {
- font-size: 24px;
- font-weight: 600;
- line-height: 32px;
- margin: 1px 0px 20px 0px;
- }
- .td-page-header.td-pb-padding-side {
- padding-top: 20px;
- }
- .td-attachment-prev {
- display: inline-block;
- margin-top: 10px;
- margin-bottom: 16px;
- }
- .td-attachment-prev img {
- width: 100px;
- height: 100px;
- }
- .td-attachment-next {
- float: right;
- margin-top: 10px;
- margin-bottom: 16px;
- }
- .td-attachment-next img {
- width: 100px;
- height: 100px;
- }
- .td-author-counters {
- margin-bottom: 13px;
- line-height: 19px;
- height: 19px;
- }
- .td-author-counters span {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-style: normal;
- font-weight: bold;
- background-color: #222222;
- border-radius: 3px;
- color: #ffffff;
- display: inline-table;
- line-height: 16px;
- padding: 2px 15px;
- vertical-align: middle;
- position: relative;
- top: -1px;
- }
- .author .author-box-wrap {
- border-bottom: 1px dashed #f1f1f1;
- border-top: 1px dashed #f1f1f1;
- margin: 0px 19px 20px 20px;
- padding: 21px 0px 21px 0px;
- }
- .td-author-post-count {
- margin-right: 10px;
- }
- .error404 .td-pb-span12 .block-title {
- margin-left: 20px;
- }
- .td-404-title {
- font-family: 'Roboto Condensed', sans-serif;
- font-size: 40px;
- color: #222222;
- text-align: center;
- line-height: 50px;
- padding: 30px 0px 17px 0px ;
- }
- .td-404-sub-title {
- font-family: 'Roboto Condensed', sans-serif;
- font-size: 21px;
- line-height: 24px;
- color: #a6a6a6;
- text-align: center;
- padding: 0 0 40px 0;
- }
- .td-404-sub-sub-title {
- text-align: center;
- margin-bottom: 70px;
- }
- .td-404-sub-sub-title a {
- background-color: #444444;
- border: medium none;
- border-radius: 3px;
- color: #FFFFFF;
- font-size: 11px;
- font-weight: bold;
- line-height: 16px;
- padding: 8px 15px;
- margin-left: 6px;
- }
- .td-404-sub-sub-title a:hover {
- color: white;
- background-color: #4db2ec;
- text-decoration: none !important;
- }
- .td-404-head {
- text-align: center;
- }
- .td-search-query {
- color: #4db2ec;
- }
- .search-page-search-wrap {
- border-bottom: 1px dashed #f1f1f1;
- border-top: 1px dashed #f1f1f1;
- margin: 0px 0px 20px 0px;
- padding: 40px 0px 40px 0px;
- }
- .td-search-form-widget {
- position: relative;
- line-height: 21px;
- }
- .td-search-form-widget .wpb_button {
- border-radius: 0 3px 3px 0;
- height: 32px;
- position: absolute;
- right: 0px;
- top: 0px;
- text-shadow: none;
- padding: 7px 15px 8px 15px;
- line-height: 16px;
- margin: 0px;
- }
- .td-search-form-widget .wpb_button:hover {
- background-color: #222222;
- }
- .td-search-form-widget div {
- text-align: left;
- }
- .td-search-form-widget .td-widget-search-input {
- width: 95%;
- border-right: 0px;
- height: 32px;
- line-height: 21px;
- position: relative;
- top: 0;
- display: inline-table;
- vertical-align: middle;
- }
- .td_search_subtitle {
- position: relative;
- top: 11px;
- left: 2px;
- }
- /* -----------------------------------------------------------------
- Pagination
- -------------------------------------------------------------------- */
- .page-nav {
- margin-bottom: 35px;
- height: 28px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .page-nav {
- margin-right: auto;
- margin-left: auto;
- display: table;
- }
- }
- .page-nav a:hover {
- color: #ffffff;
- background-color: #444444;
- border-color: #444444;
- }
- .page-nav a,
- .page-nav span {
- padding: 2px 5px 3px 5px;
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- display: inline-block;
- margin-right: 5px;
- min-width: 28px;
- text-align: center;
- color: #444444;
- line-height: 21px;
- float: left;
- -o-transition: none;
- -moz-transition: none;
- -khtml-transition: none;
- -webkit-transition: none;
- -ms-transition: none;
- transition: none;
- }
- .page-nav .first,
- .page-nav .last {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .page-nav .first,
- .page-nav .last {
- display: none;
- }
- }
- .page-nav .extend {
- border: none;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .page-nav .extend {
- display: none;
- }
- }
- .page-nav i {
- font-size: 10px;
- line-height: 0;
- display: inline-table;
- }
- .page-nav .pages {
- float: right;
- margin-right: 0;
- border: none;
- padding: 3px 0 3px 5px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .page-nav .pages {
- display: none;
- }
- }
- .page-nav .current {
- background-color: #4db2ec;
- color: #ffffff;
- border-color: #4db2ec;
- }
- .page-nav:first-child > div {
- padding: 2px 5px 3px 5px;
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- display: inline-block;
- margin-right: 5px;
- min-width: 28px;
- text-align: center;
- line-height: 21px;
- background-color: #4db2ec;
- color: #ffffff;
- border-color: #4db2ec;
- float: left;
- }
- /* ----------------------------------------------------------------------------
- Typography
- */
- .td-page-content {
- margin-top: 20px;
- }
- .td-page-content ul {
- list-style-position: inside;
- }
- .td-page-content ul li {
- margin: 0 0 0 21px;
- }
- .td-page-content ul ul,
- .td-page-content ul ol {
- margin-bottom: 0;
- padding-left: 0;
- }
- .td-page-content ol {
- list-style-position: inside;
- }
- .td-page-content ol li {
- list-style-type: decimal;
- margin: 0 0 0 21px;
- }
- .td-page-content ol ul {
- margin-bottom: 0;
- padding-left: 0;
- }
- .td-page-content ol ul > li {
- list-style-type: none;
- }
- .td-page-content ol ol {
- padding-left: 0;
- margin-bottom: 0;
- }
- .td-page-content .td-arrow-list li:before {
- font-family: 'newsmag', sans-serif;
- content: '\e803';
- float: left;
- margin-left: -19px;
- line-height: 24px;
- font-size: 14px;
- }
- .td-page-content .td-arrow-list {
- margin-left: 21px;
- list-style: none;
- }
- .widget a:hover {
- color: #4db2ec;
- }
- .widget ul li {
- margin-left: 0px;
- }
- .widget ul li:before {
- content: '';
- }
- /*
- Page Template - Pagebuilder + article list
- */
- .td-pb-article-list {
- border-bottom: 0px !important;
- }
- .td-pb-article-list .td-pb-span8 .block-title,
- .td-pb-article-list .td-pb-span12 .block-title {
- margin-left: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-article-list .td-pb-span8 .block-title,
- .td-pb-article-list .td-pb-span12 .block-title {
- margin-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-pb-article-list .td-pb-span8 .block-title,
- .td-pb-article-list .td-pb-span12 .block-title {
- margin-left: 10px;
- }
- }
- .td-pb-article-list .td-ss-main-content {
- padding-top: 20px;
- }
- /*
- Page Template - Title + content + sidebar
- */
- .page-template-page-pagebuilder-title-php .td-page-content {
- padding: 0px;
- }
- .page-template-page-pagebuilder-title-php .wpb_row .wpb_column:first-child {
- border-left: 0px;
- }
- .page-template-page-pagebuilder-title-php .td-pb-row .td-pb-row {
- overflow: hidden !important;
- }
- .page-template-page-pagebuilder-title-php .td-page-content > .wpb_row:first-child {
- border-top: 1px solid #e6e6e6;
- }
- /*
- Index.php
- */
- .td-blog-index .td-page-header {
- margin-bottom: 10px;
- }
- .sticky .entry-title a {
- color: #4db2ec !important;
- }
- .category .td-category-header {
- min-height: 48px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .category .td-category-header {
- min-height: 44px;
- }
- }
- .category .td-category-header .td-category-description {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 13px;
- font-style: italic;
- line-height: 22px;
- color: #444444;
- border-top: 1px dashed #f1f1f1;
- border-bottom: 1px dashed #f1f1f1;
- padding: 11px 0 14px 0;
- margin-bottom: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .category .td-category-header .td-category-description {
- padding: 7px 0 10px 0;
- margin-bottom: 17px;
- }
- }
- @media (max-width: 767px) {
- .category .td-category-header .td-category-description {
- padding: 7px 0 10px 0;
- margin-bottom: 17px;
- }
- }
- .category .td-subcategory-header {
- min-height: 48px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .category .td-subcategory-header {
- min-height: 44px;
- }
- }
- .category .td-subcategory-header .td-category-pulldown-filter {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .category .td-subcategory-header .td-category-pulldown-filter {
- display: none;
- }
- }
- .category .td-subcategory-header .td-pulldown-filter-display-option {
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .category .td-subcategory-header .td-pulldown-filter-display-option {
- margin-right: 15px;
- }
- }
- @media (max-width: 767px) {
- .category .td-subcategory-header .td-pulldown-filter-display-option {
- margin-right: 10px;
- }
- }
- .category .td-subcategory-header .td-category {
- padding-top: 9px;
- margin: 0 0 9px 12px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .category .td-subcategory-header .td-category {
- padding-top: 11px;
- margin-bottom: 12px;
- }
- }
- @media (max-width: 767px) {
- .category .td-subcategory-header .td-category {
- text-align: center;
- margin: 0 10px 9px 10px;
- }
- }
- .category .td-subcategory-header .td-category li {
- margin: 5px 3px 5px 0;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .category .td-subcategory-header .td-category li {
- margin: 3px 2px 0 0;
- }
- }
- @media (max-width: 767px) {
- .category .td-subcategory-header .td-category li {
- margin: 5px 2px 0 0;
- }
- }
- .category .td-subcategory-header .td-category a {
- font-size: 11px;
- padding: 0 14px;
- line-height: 20px;
- background: none;
- color: #222222;
- white-space: nowrap;
- display: inline-table;
- -o-transition: none;
- -moz-transition: none;
- -khtml-transition: none;
- -webkit-transition: none;
- -ms-transition: none;
- transition: none;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .category .td-subcategory-header .td-category a {
- font-size: 11px;
- line-height: 15px;
- font-weight: 700;
- padding: 2px 9px;
- height: 20px;
- }
- }
- @media (max-width: 767px) {
- .category .td-subcategory-header .td-category a {
- background-color: #222222;
- color: #ffffff;
- padding: 1px 5px 1px 5px;
- font-size: 9px;
- margin-right: 5px;
- line-height: 13px;
- }
- }
- .category .td-subcategory-header .td-category a:hover {
- background-color: #222222;
- color: #ffffff;
- }
- .category .td-subcategory-header a.td-current-sub-category {
- background-color: #222222;
- color: #ffffff;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .category .td-subcategory-header a.td-current-sub-category {
- background-color: #4db2ec;
- }
- }
- .category header {
- display: inline-block;
- }
- .category .entry-title {
- line-height: 10px;
- margin: 20px 14px 22px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .category .entry-title {
- margin-bottom: 17px;
- margin-top: 16px;
- }
- }
- @media (max-width: 767px) {
- .category .entry-title {
- margin-bottom: 14px;
- margin-top: 14px;
- }
- }
- .category .entry-title span {
- display: inline-block;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-weight: 700;
- text-transform: uppercase;
- padding: 2px 14px;
- background: none;
- color: #ffffff;
- background-color: #222222;
- border-radius: 3px;
- line-height: 16px;
- }
- .category .entry-crumbs {
- display: inline-block;
- position: relative;
- top: 0;
- margin: 0px 0px 14px 0px;
- }
- .category .page-nav {
- margin-top: 26px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .category .page-nav {
- margin-top: 22px;
- }
- }
- .paged .td-subcategory-header .td-category-header {
- border-bottom: 1px solid #e6e6e6;
- }
- .td_line_above_cat_big_grid {
- border-bottom: 1px solid #e6e6e6;
- }
- .td-category-siblings {
- z-index: 2;
- opacity: 0;
- width: 700px;
- position: relative;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-category-siblings {
- width: 550px;
- }
- }
- @media (max-width: 767px) {
- .td-category-siblings {
- text-align: center;
- margin-right: 0;
- width: 100%;
- }
- }
- .td-category-siblings .td-category {
- display: inline-block;
- }
- .td-category-siblings .td-subcat-dropdown {
- display: inline-block;
- margin: 0 0 0 10px;
- padding: 0 5px;
- position: relative;
- border: 1px solid #e6e6e6;
- color: #444444;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-category-siblings .td-subcat-dropdown {
- top: 0;
- position: absolute;
- margin-right: 10px;
- margin-top: 12px;
- display: block;
- }
- }
- .td-category-siblings .td-subcat-dropdown i {
- padding-left: 0;
- }
- .td-category-siblings .td-subcat-dropdown ul {
- z-index: 999;
- border: 1px solid #e6e6e6;
- }
- .td-category-siblings .td-subcat-dropdown:hover {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- .td-category-siblings .td-subcat-dropdown:hover ul {
- display: block;
- }
- .td-category-siblings .td-subcat-dropdown li {
- list-style: none;
- }
- .td-category-siblings .td-subcat-dropdown a {
- display: block;
- color: #444444;
- padding: 0 30px 0 16px;
- white-space: nowrap;
- }
- .td-category-siblings .td-subcat-dropdown a:hover {
- color: #4db2ec;
- }
- .td-category-siblings .td-subcat-dropdown a.td-current-sub-category {
- background-color: transparent;
- color: #4db2ec;
- }
- .td_category_template_1.td_category_top_posts_style_2 .td-subcategory-header {
- border-bottom: 1px solid #e6e6e6;
- }
- .td_category_template_2.td_category_top_posts_style_1 .td-subcategory-header {
- margin-top: 4px;
- }
- /* ----------------------------------------------------------------------------
- WordPress default widgets
- */
- .widget {
- padding: 0px 19px 0px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- margin-bottom: 13px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget {
- padding: 0px 17px 0px 17px;
- }
- }
- @media (max-width: 767px) {
- .widget {
- padding: 0px 10px 0px 10px;
- }
- }
- .widget a {
- color: #222222;
- }
- .widget ul {
- list-style: none;
- padding: 0px;
- margin: 0px;
- }
- .widget li {
- line-height: 30px;
- list-style: none;
- padding: 0px;
- margin: 0px;
- }
- .widget select {
- max-width: 100%;
- }
- .widget .block-title {
- margin-left: 0px;
- margin-top: 21px;
- margin-bottom: 7px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget .block-title {
- margin-top: 17px;
- }
- }
- .widget_archive a span {
- float: right;
- }
- .widget_archive select {
- display: block;
- width: 100%;
- margin: 12px 0px 22px 0px;
- }
- .widget_calendar {
- margin-bottom: 14px;
- }
- .widget_calendar table {
- width: 100%;
- text-align: center;
- }
- .widget_calendar th {
- text-align: center;
- }
- .widget_calendar td {
- padding: 8px 0;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_calendar td {
- padding: 5px 0;
- }
- }
- .widget_calendar #today {
- background-color: #e6e6e6;
- font-weight: bold;
- color: #000000;
- }
- .widget_calendar caption {
- font-weight: bold;
- padding-bottom: 10px;
- }
- .widget_calendar thead tr {
- border-bottom: 1px dashed #f1f1f1;
- margin: 10px 0 10px 0;
- line-height: 34px;
- }
- .widget_calendar tfoot td {
- border: none;
- }
- .widget_calendar tfoot #prev {
- text-align: left;
- }
- .widget_calendar tfoot #next {
- text-align: right;
- }
- .widget_calendar tfoot a {
- background-color: #444444;
- border-radius: 3px;
- display: inline-block;
- color: #ffffff;
- padding: 2px 15px;
- font-weight: bold;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 16px;
- }
- .widget_calendar tfoot a:hover {
- background-color: #4db2ec;
- color: #ffffff;
- }
- .widget_calendar .block-title {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_calendar .block-title {
- margin-bottom: 8px;
- }
- }
- .widget_categories a span {
- float: right;
- }
- .widget_categories li > ul {
- margin-left: 21px;
- }
- .widget_categories select {
- display: block;
- width: 100%;
- margin: 12px 0px 22px 0px;
- }
- .widget_nav_menu a span {
- float: right;
- }
- .widget_nav_menu li > ul {
- margin-left: 21px;
- box-shadow: none;
- }
- .widget_pages li > ul {
- margin-left: 21px;
- }
- .widget_recent_comments {
- margin-bottom: 16px;
- }
- .widget_recent_comments li {
- margin: 0px 0px 10px 0px !important;
- line-height: 21px;
- padding-bottom: 13px;
- border-bottom: 1px dashed #f1f1f1;
- }
- .widget_recent_comments li:last-child {
- border-bottom: 0px;
- padding-bottom: 0px;
- }
- .widget_recent_comments a:last-child {
- font-style: italic;
- font-size: 11px;
- font-weight: bold;
- }
- .widget_recent_comments .block-title {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_recent_comments .block-title {
- margin-bottom: 8px;
- }
- }
- .widget_recent_entries {
- margin-bottom: 5px;
- }
- .widget_recent_entries li {
- display: block;
- margin-bottom: 4px;
- padding-bottom: 7px;
- border-bottom: 1px dashed #f1f1f1;
- }
- .widget_recent_entries li:last-child {
- border-bottom: none;
- }
- .widget_recent_entries li:last-child .post-date {
- margin-bottom: 5px;
- }
- .widget_recent_entries li a {
- display: inline-block;
- line-height: 21px;
- }
- .widget_recent_entries .block-title {
- margin-bottom: 11px;
- }
- .widget_recent_entries .post-date {
- display: block;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 16px;
- color: #b5b5b5;
- font-style: italic;
- }
- .widget_search {
- margin-bottom: 19px;
- margin-top: 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- .widget_search .td-widget-search-input {
- width: 95%;
- }
- .widget_search .block-title {
- margin-bottom: 19px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_search .block-title {
- margin-bottom: 15px;
- }
- }
- .widget_search .wpb_button {
- margin: 0px !important;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_search .wpb_button {
- margin: 0px 17px 0px 0px;
- }
- }
- @media (max-width: 767px) {
- .widget_search .wpb_button {
- margin: 0px 10px 0px 0px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_search {
- margin: 17px 0px 15px 0px;
- }
- }
- @media (max-width: 767px) {
- .widget_search {
- margin: 17px 0px 15px 0px;
- }
- }
- .widget_tag_cloud .block-title {
- margin-bottom: 20px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_tag_cloud .block-title {
- margin-bottom: 16px;
- }
- }
- .widget_tag_cloud a {
- border: 1px solid #e6e6e6;
- display: inline-table;
- line-height: 1;
- margin-bottom: 3px;
- padding: 5px 8px;
- vertical-align: middle;
- border-color: #e6e6e6;
- -o-transition: none;
- -moz-transition: none;
- -khtml-transition: none;
- -webkit-transition: none;
- -ms-transition: none;
- transition: none;
- }
- .widget_tag_cloud a:hover {
- border-color: #4db2ec;
- }
- .widget_rss {
- margin-bottom: 8px;
- }
- .widget_rss .block-title {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_rss .block-title {
- margin-bottom: 8px;
- }
- }
- .widget_rss .block-title a:first-child {
- display: none;
- }
- .widget_rss .block-title .rsswidget {
- color: #ffffff;
- line-height: 16px;
- }
- .widget_rss li {
- margin-bottom: 4px;
- border-bottom: 1px dashed #f1f1f1;
- }
- .widget_rss li:last-child {
- border-bottom: none;
- }
- .widget_rss .rsswidget {
- display: table;
- line-height: 21px;
- }
- .widget_rss .rss-date,
- .widget_rss cite {
- display: inline-block;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 16px;
- color: #b5b5b5;
- font-style: italic;
- position: relative;
- top: -5px;
- }
- .widget_text {
- margin-bottom: 17px;
- }
- .widget_text .block-title {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .widget_text .block-title {
- margin-bottom: 8px;
- }
- }
- /* ----------------------------------------------------------------------------
- Contact Form 7
- */
- .wpcf7-text {
- font-family: Verdana, Geneva, sans-serif;
- font-size: 12px;
- line-height: 21px;
- color: #444444;
- border: 1px solid #e6e6e6;
- width: 100%;
- max-width: 100%;
- height: 34px;
- padding: 3px 9px 3px 9px;
- }
- .wpcf7-text:active,
- .wpcf7-text:focus {
- border-color: #999999;
- }
- .wpcf7 {
- padding: 20px 19px 20px 20px !important;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .wpcf7 {
- padding: 20px 10px 20px 10px !important;
- }
- }
- /* ----------------------------------------------------------------------------
- Jetpack
- */
- .sharedaddy .sd-content ul {
- margin: 0px !important;
- padding: 0px !important;
- }
- .sharedaddy li:before {
- content: '' !important;
- }
- .td-page-content .sharedaddy,
- .page-template-page-pagebuilder-latest-php .sharedaddy {
- padding: 0px 19px 12px 20px;
- border-top: 1px solid #e6e6e6;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-page-content .sharedaddy,
- .page-template-page-pagebuilder-latest-php .sharedaddy {
- padding-right: 17px;
- padding-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-page-content .sharedaddy,
- .page-template-page-pagebuilder-latest-php .sharedaddy {
- padding-right: 10px;
- padding-left: 10px;
- }
- }
- .page-template-page-pagebuilder-latest-php .sharedaddy {
- border-left: 1px solid #e6e6e6;
- }
- /* ----------------------------------------------------------------------------
- Revolution slider
- */
- .page-template-page-pagebuilder-title-php .rev_slider ul {
- padding-left: 0px;
- }
- /* ----------------------------------------------------------------------------
- fake border (right of the container)
- */
- .td-container-border:after {
- position: absolute;
- bottom: 0px;
- right: 0px;
- display: block;
- content: '';
- height: 100%;
- width: 1px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- background-color: #e6e6e6;
- z-index: 0;
- }
- /* ----------------------------------------------------------------------------
- smart sidebar - fix ?
- */
- .td-ss-main-sidebar,
- .td-ss-row .td-pb-span4 .wpb_wrapper {
- -webkit-backface-visibility: hidden;
- -webkit-perspective: 1000;
- }
- /* ----------------------------------------------------------------------------
- container
- */
- .td-container {
- width: 1021px;
- margin-right: auto;
- margin-left: auto;
- border-bottom: 1px solid #e6e6e6;
- background-color: white;
- position: relative;
- clear: both;
- z-index: 1;
- }
- /* ----------------------------------------------------------------------------
- rows
- */
- .td-pb-row {
- width: 100%;
- *zoom: 1;
- margin-bottom: 0px;
- margin-left: 0px;
- }
- .td-pb-row:before,
- .td-pb-row:after {
- display: table;
- content: "";
- }
- .td-pb-row:after {
- clear: both;
- }
- .page .td-pb-row {
- overflow: hidden;
- }
- /* ----------------------------------------------------------------------------
- all spans
- */
- .td-pb-row [class*="td-pb-span"] {
- display: block;
- min-height: 1px;
- float: left;
- margin-left: 0px;
- border-left: 1px solid #e6e6e6;
- margin-bottom: -99998px !important;
- padding-bottom: 99999px;
- }
- .wpb_column,
- .wpb_row {
- border-style: solid;
- border-width: 0px;
- border-color: #e6e6e6;
- }
- /* ----------------------------------------------------------------------------
- grid in grid
- */
- .td-pb-row .td-pb-row .td-pb-span12 {
- width: 100%;
- }
- .td-pb-row .td-pb-row .td-pb-span11 {
- width: 91.66%;
- }
- .td-pb-row .td-pb-row .td-pb-span10 {
- width: 83.33%;
- }
- .td-pb-row .td-pb-row .td-pb-span9 {
- width: 75%;
- }
- .td-pb-row .td-pb-row .td-pb-span8 {
- width: 66.66%;
- }
- .td-pb-row .td-pb-row .td-pb-span7 {
- width: 58.33%;
- }
- .td-pb-row .td-pb-row .td-pb-span6 {
- width: 50%;
- }
- .td-pb-row .td-pb-row .td-pb-span5 {
- width: 41.66%;
- }
- .td-pb-row .td-pb-row .td-pb-span4 {
- width: 33.33%;
- }
- .td-pb-row .td-pb-row .td-pb-span3 {
- width: 25%;
- }
- .td-pb-row .td-pb-row .td-pb-span2 {
- width: 16.66%;
- }
- .td-pb-row .td-pb-row .td-pb-span1 {
- width: 8.333%;
- }
- /* ----------------------------------------------------------------------------
- main grid
- */
- .td-pb-span1 {
- width: 85px;
- }
- .td-pb-span2 {
- width: 170px;
- }
- .td-pb-span3 {
- width: 255px;
- }
- .td-pb-span4 {
- width: 340px;
- position: relative;
- }
- .td-pb-span5 {
- width: 425px;
- }
- .td-pb-span6 {
- width: 510px;
- }
- .td-pb-span7 {
- width: 595px;
- }
- .td-pb-span8 {
- width: 680px;
- /*
- one span 8 devided by 2 = td-1-col
- only this span needs fixing, the rest are procentual.
- */
- }
- .td-pb-span8 .td-pb-row {
- width: 680px;
- position: relative;
- left: -1px;
- }
- .td-pb-span8 .td-pb-row div.td-pb-span6 {
- width: 340px;
- }
- .td-pb-span9 {
- width: 765px;
- }
- .td-pb-span10 {
- width: 850px;
- }
- .td-pb-span11 {
- width: 935px;
- }
- .td-pb-span12 {
- width: 1020px;
- }
- /* ----------------------------------------------------------------------------
- black edition cell
- */
- .td-pb-full-cell {
- z-index: 1;
- position: relative;
- }
- .td-container-border > .td-pb-row > .td-pb-span4 > * > .td-pb-full-cell {
- width: 341px;
- left: -1px;
- }
- .td-main-sidebar .td-pb-full-cell {
- width: 341px;
- left: -1px;
- }
- /* when we have a wordpress sidebar added via visual composer that has a block with background. fix for td-1-col - with background - root */
- @media (min-width: 1023px) {
- .td-container-border > .td-pb-row > .td-pb-span4 .wpb_widgetised_column .td-pb-full-cell {
- width: 341px;
- left: -1px;
- }
- }
- .td-pb-span8 .td-pb-span6 .td-pb-full-cell {
- width: 341px;
- left: -1px;
- }
- .td-container-border > .td-pb-row > .td-pb-span8 > * > .td-pb-full-cell {
- width: 681px;
- left: -1px;
- }
- .td-container-border > .td-pb-row > .td-pb-span12 > * > .td-pb-full-cell {
- width: 1021px;
- left: -1px;
- }
- /* ----------------------------------------------------------------------------
- padding cell
- */
- .td-pb-padding {
- padding: 20px 19px 20px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-padding {
- padding: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-pb-padding {
- padding: 10px;
- }
- }
- /* ----------------------------------------------------------------------------
- padding left-right
- */
- .td-pb-padding-side {
- padding: 0px 19px 0px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-padding-side {
- padding: 0px 17px 0px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-pb-padding-side {
- padding: 0px 10px 0px 10px;
- }
- }
- /* ----------------------------------------------------------------------------
- margin left-right
- */
- .td-pb-margin-side {
- margin: 0px 19px 0px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-margin-side {
- margin: 0px 17px 0px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-pb-margin-side {
- margin: 0px 10px 0px 10px;
- }
- }
- /* ----------------------------------------------------------------------------
- padding left-right for default page builder elements
- */
- .wpb_content_element {
- padding: 0px 19px 20px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .wpb_content_element {
- padding: 0px 17px 17px 17px;
- }
- }
- @media (max-width: 767px) {
- .wpb_content_element {
- padding: 0px 10px 17px 10px;
- }
- }
- /* ----------------------------------------------------------------------------
- remove border for first row in container
- @todo check this Radu if is correct
- */
- .td-container .wpb_row:first-child .td_block_wrap {
- border-top: 0;
- }
- /* ----------------------------------------------------------------------------
- border top class for cell
- */
- .td-pb-border-top {
- border-top: 1px solid #e6e6e6;
- }
- .td-top-border {
- border-top: 1px solid #e6e6e6 !important;
- }
- .td-no-left-border {
- border-left: 0px !important;
- }
- /* ----------------------------------------------------------------------------
- hacks
- */
- .wpb_raw_code {
- margin-bottom: 0px !important;
- }
- .wpb_row,
- .wpb_content_element,
- ul.wpb_thumbnails-fluid > li,
- .last_toggle_el_margin,
- .wpb_button {
- margin-bottom: 0px;
- }
- p {
- margin-top: 0px;
- }
- /* ----------------------------------------------------------------------------
- visual editor live
- */
- /* body.view-mode - in live editor with guides off, body.compose-mode in live editor with guides on */
- body.compose-mode [class*="vc_span"],
- body.view-mode [class*="vc_span"] {
- padding: 0px 0px 0px 0px !important;
- }
- /* row edit controlls in live edit mode */
- body.compose-mode .controls-out-tl {
- top: 0px !important;
- }
- body.compose-mode .controls-bc {
- z-index: 99999;
- }
- body.compose-mode .control-btn-append {
- top: 0px !important;
- }
- /* block row + global block spans */
- .td-block-row {
- width: 100%;
- *zoom: 1;
- }
- .td-block-row:before,
- .td-block-row:after {
- display: table;
- content: "";
- }
- .td-block-row:after {
- clear: both;
- }
- .td-block-row [class*="td-block-span"] {
- display: block;
- min-height: 1px;
- float: left;
- }
- /* full row (used when the block is on td-1-col ) */
- .td-block-span12 {
- padding-left: 20px;
- padding-right: 19px;
- }
- /* half - used when the block is on td-2-col */
- .td-block-span6 {
- width: 339px;
- padding-left: 20px;
- padding-right: 19px;
- }
- .td-block-row .td-block-span6:first-child {
- width: 340px;
- padding-right: 20px;
- }
- /* 1/3 - used when the block is on td-3-col */
- .td-block-span4 {
- width: 340px;
- padding-left: 20px;
- padding-right: 20px;
- }
- .td-block-row .td-block-span4:last-child {
- width: 339px;
- padding-right: 19px;
- }
- /* responsive portrait tablet */
- @media (min-width: 768px) and (max-width: 1023px) {
- /* ----------------------------------------------------------------------------
- container
- */
- .td-container {
- width: 756px;
- }
- /* ----------------------------------------------------------------------------
- main grid - the grid in grid is procentual except for grid in grid td-col-1 that is defined bellow
- 'column_padding_left' => 17,
- 'column_padding_right' => 16,
- */
- .td-pb-span1 {
- width: 63px;
- }
- .td-pb-span2 {
- width: 126px;
- }
- .td-pb-span3 {
- width: 189px;
- }
- .td-pb-span4 {
- width: 252px;
- }
- .td-pb-span5 {
- width: 315px;
- }
- .td-pb-span6 {
- width: 378px;
- }
- .td-pb-span7 {
- width: 441px;
- }
- .td-pb-span8 {
- width: 504px;
- }
- .td-pb-span8 .td-pb-row {
- width: 504px;
- }
- .td-pb-span8 .td-pb-row div.td-pb-span6 {
- /* grid in grid td-col-1 */
- width: 252px;
- }
- .td-pb-span9 {
- width: 567px;
- }
- .td-pb-span10 {
- width: 630px;
- }
- .td-pb-span11 {
- width: 693px;
- }
- .td-pb-span12 {
- width: 756px;
- }
- /* ----------------------------------------------------------------------------
- black edition cells
- */
- .td-pb-span8 .td-pb-span6 .td-pb-full-cell {
- width: 253px;
- }
- .td-main-sidebar .td-pb-full-cell {
- width: 253px;
- }
- .td-container-border > .td-pb-row .td-pb-span4 > * > .td-pb-full-cell {
- width: 253px;
- }
- .td-container-border > .td-pb-row .td-pb-span8 > * > .td-pb-full-cell {
- width: 505px;
- }
- .td-container-border > .td-pb-row .td-pb-span12 > * > .td-pb-full-cell {
- width: 757px;
- }
- /* ----------------------------------------------------------------------------
- blocks grid
- */
- /* full row (used when the block is on td-1-col ) */
- .td-block-span12 {
- padding-left: 17px;
- padding-right: 16px;
- }
- /* half - used when the block is on td-2-col */
- .td-block-span6 {
- width: 251px;
- padding-left: 17px;
- padding-right: 16px;
- }
- .td-block-row .td-block-span6:first-child {
- width: 252px;
- padding-right: 17px;
- }
- /* 1/3 - used when the block is on td-3-col */
- .td-block-span4 {
- width: 252px;
- padding-left: 17px;
- padding-right: 17px;
- }
- .td-block-row .td-block-span4:last-child {
- width: 251px;
- padding-right: 16px;
- }
- }
- /* responsive portrait phone */
- @media (max-width: 767px) {
- /* container */
- .td-container {
- width: 100%;
- }
- .td-pb-row {
- width: 100% !important;
- }
- .td-pb-row .td-pb-span1,
- .td-pb-row .td-pb-span2,
- .td-pb-row .td-pb-span3,
- .td-pb-row .td-pb-span4,
- .td-pb-row .td-pb-span5,
- .td-pb-row .td-pb-span6,
- .td-pb-row .td-pb-span7,
- .td-pb-row .td-pb-span8,
- .td-pb-row .td-pb-span9,
- .td-pb-row .td-pb-span10,
- .td-pb-row .td-pb-span11,
- .td-pb-row .td-pb-span12 {
- float: none;
- width: 100% !important;
- margin-bottom: 0px !important;
- padding-bottom: 0px;
- border-left: none;
- }
- .td-block-span4,
- .td-block-span6,
- .td-block-span12 {
- float: none;
- width: 100% !important;
- margin-bottom: 0px !important;
- padding-bottom: 0px;
- padding-left: 10px;
- padding-right: 10px !important;
- }
- .td-pb-full-cell {
- width: 100% !important;
- left: 0px !important;
- }
- .td-container-border:after {
- display: none;
- }
- }
- /* ----------------------------------------------------------------------------
- header grid container
- @todo meniurile trebuie mutate in menu-top si menu header
- */
- .td-header-container {
- width: 1021px;
- margin-right: auto;
- margin-left: auto;
- position: relative;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-container {
- width: 756px;
- }
- }
- @media (max-width: 767px) {
- .td-header-container {
- width: 100%;
- }
- }
- .td-header-main-menu {
- background-color: #222222;
- position: relative;
- z-index: 2;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-main-menu {
- height: 53px;
- }
- }
- .td-header-menu-wrap {
- min-height: 44px;
- /* responsive phone */
- }
- @media (max-width: 767px) {
- .td-header-menu-wrap {
- min-height: 53px;
- }
- }
- body .td-header-row .td-header-sp-ads {
- min-height: 0px;
- }
- body .td-make-full {
- width: 1021px;
- margin-left: auto;
- margin-right: auto;
- position: relative;
- padding: 1px 0px 2px 0px;
- display: table;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- body .td-make-full {
- width: 756px;
- }
- }
- @media (max-width: 767px) {
- body .td-make-full {
- width: 100%;
- }
- }
- body .td-make-full .sub-menu {
- border-top: 0px;
- /* a {
- color: #222222;
- } */
- }
- .td-make-full .td-icon-logout {
- color: #ffffff;
- }
- /* header rows */
- .td-header-row {
- width: 100%;
- *zoom: 1;
- }
- .td-header-row:before,
- .td-header-row:after {
- display: table;
- content: "";
- }
- .td-header-row:after {
- clear: both;
- }
- .td-header-row [class*="td-header-sp"] {
- display: block;
- min-height: 1px;
- float: left;
- }
- /* ----------------------------------------------------------------------------
- header menu affix
- */
- .td-header-main-menu.td-affix {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- width: 1021px;
- margin-right: auto;
- margin-left: auto;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- left: 0;
- right: 0;
- top: 0;
- z-index: 9999;
- position: fixed !important;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-main-menu.td-affix {
- width: 756px;
- }
- }
- @media (max-width: 767px) {
- .td-header-main-menu.td-affix {
- width: auto;
- }
- }
- .admin-bar .td-header-main-menu.td-affix {
- top: 32px;
- }
- @media (min-width: 527px) and (max-width: 782px) {
- .admin-bar .td-header-main-menu.td-affix {
- top: 46px;
- }
- }
- @media (max-width: 602px) {
- .admin-bar .td-header-main-menu.td-affix {
- top: 0;
- }
- }
- /* ----------------------------------------------------------------------------
- top menu
- */
- .td-header-sp-top-menu {
- position: relative;
- padding-left: 0;
- /* ipad landscape fix */
- }
- @media (max-height: 768px) {
- .td-header-sp-top-menu {
- padding-left: 20px;
- }
- }
- .td-top-menu-widget {
- float: right !important;
- text-align: right;
- right: 0;
- }
- /* ----------------------------------------------------------------------------
- social widget
- */
- .td-header-sp-top-widget {
- float: right !important;
- text-align: right;
- position: relative;
- right: 0;
- /* ipad landscape fix */
- }
- @media (max-height: 768px) {
- .td-header-sp-top-widget {
- right: 15px;
- }
- }
- .td-header-sp-top-widget .td-social-icon-wrap > a {
- margin: 2px 3px 4px 0;
- }
- .td-top-menu-full {
- background-color: #222222;
- z-index: 3;
- position: relative;
- }
- .td-top-menu-full .top-header-menu a {
- color: #ffffff;
- }
- .td-header-sp-top-menu .td_data_time {
- position: relative;
- display: inline-block;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-weight: 700;
- margin: 0 32px 0 0;
- text-transform: uppercase;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-sp-top-menu .td_data_time {
- font-size: 10px;
- }
- }
- /* ----------------------------------------------------------------------------
- main menu
- */
- .td-main-menu-logo {
- display: none;
- float: left;
- height: 44px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-main-menu-logo {
- display: inline;
- float: none;
- width: 100%;
- }
- }
- .td-main-menu-logo a {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-main-menu-logo a {
- display: table;
- margin-left: auto;
- margin-right: auto;
- }
- }
- .td-main-menu-logo img {
- position: relative;
- max-height: 44px;
- margin: 0px 21px 0px 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-main-menu-logo img {
- margin: 0px 17px 0px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-main-menu-logo img {
- margin: auto;
- bottom: 0px;
- top: 0px;
- left: 0px;
- right: 0px;
- position: absolute;
- max-height: 44px !important;
- }
- }
- #td-header-menu .td-container-border:after {
- background-color: #e6e6e6;
- }
- .td-main-menu-full {
- background-color: #222222;
- position: relative;
- }
- .td-main-menu-full .td-make-full {
- padding: 0px;
- }
- .td-header-gradient:before {
- content: "";
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAHCAYAAADJTCeUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMjViOTdiYS1kZjJlLTNlNDUtYjk3Yi00N2I1NjQyOTRjODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ3M0QzQTVFNzE5MTFFMzk1RTdCODk0MTJBMEZFMUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQ3M0QzQTRFNzE5MTFFMzk1RTdCODk0MTJBMEZFMUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZiZjM2Y2ExLTgzODYtMDE0Mi05NTU2LWNiZTFmMzg5YmM3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDphMjViOTdiYS1kZjJlLTNlNDUtYjk3Yi00N2I1NjQyOTRjODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mNy80AAAAI0lEQVR42mJgYGBgZQISnCCCn+H///8MIJY8iMUOYv0BCDAAU6YHQs4scEAAAAAASUVORK5CYII=);
- background-color: transparent;
- width: 100%;
- height: 7px;
- position: absolute;
- top: -3px;
- z-index: 1;
- }
- .td-header-border:before {
- content: "";
- background-color: #4db2ec;
- display: block;
- height: 4px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-border:before {
- display: none;
- }
- }
- /* ----------------------------------------------------------------------------
- header
- */
- .td-header-container {
- clear: both;
- }
- /* ----------------------------------------------------------------------------
- logo
- */
- .td-header-sp-logo {
- width: 272px;
- position: relative;
- margin-bottom: 8px;
- margin-top: 8px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-sp-logo {
- margin-bottom: 0px;
- display: none !important;
- }
- }
- .td-header-sp-logo a {
- height: 114px;
- display: block;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-sp-logo a {
- height: 90px;
- }
- }
- .td-header-sp-logo img {
- bottom: 0;
- max-height: 90px;
- left: 0;
- margin: auto;
- position: absolute;
- right: 0;
- top: 0;
- width: auto;
- }
- .menu-td-header-container {
- display: block;
- }
- /* ----------------------------------------------------------------------------
- ads
- */
- .td-header-sp-ads {
- float: right;
- margin-bottom: 8px;
- margin-top: 8px;
- width: 728px;
- position: relative;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- /* ipad horizontal */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-sp-ads {
- width: 468px;
- }
- }
- @media (max-width: 767px) {
- .td-header-sp-ads {
- margin-bottom: 0px;
- margin-top: 0px;
- width: 100%;
- float: none;
- min-height: 0px !important;
- }
- }
- @media (min-width: 1024px) and (max-height: 768px) {
- .td-header-sp-ads {
- margin-right: 7px;
- }
- }
- .td-header-sp-ads .td-header-ad-wrap {
- height: 114px;
- display: block;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-sp-ads .td-header-ad-wrap {
- height: 90px;
- }
- }
- @media (max-width: 767px) {
- .td-header-sp-ads .td-header-ad-wrap {
- height: auto;
- margin-left: auto;
- margin-right: auto;
- display: table;
- }
- }
- .td-header-sp-ads .adsbygoogle {
- margin: auto;
- position: absolute;
- top: 0;
- bottom: 0;
- right: 0;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-sp-ads .adsbygoogle {
- position: relative;
- margin-top: 8px;
- margin-bottom: 8px;
- }
- }
- .td-header-style-5 .td-ad-m,
- .td-header-style-7 .td-ad-m,
- .td-header-style-8 .td-ad-m,
- .td-header-style-9 .td-ad-m,
- .td-header-style-10 .td-ad-m {
- /* responsive desktop */
- }
- @media (min-width: 1024px) {
- .td-header-style-5 .td-ad-m,
- .td-header-style-7 .td-ad-m,
- .td-header-style-8 .td-ad-m,
- .td-header-style-9 .td-ad-m,
- .td-header-style-10 .td-ad-m {
- border-bottom: 1px solid #e6e6e6;
- }
- }
- .td-header-style-5 .td-ad-tp,
- .td-header-style-7 .td-ad-tp,
- .td-header-style-8 .td-ad-tp,
- .td-header-style-9 .td-ad-tp,
- .td-header-style-10 .td-ad-tp {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-style-5 .td-ad-tp,
- .td-header-style-7 .td-ad-tp,
- .td-header-style-8 .td-ad-tp,
- .td-header-style-9 .td-ad-tp,
- .td-header-style-10 .td-ad-tp {
- border-bottom: 1px solid #e6e6e6;
- }
- }
- .td-header-style-5 .td-ad-p,
- .td-header-style-7 .td-ad-p,
- .td-header-style-8 .td-ad-p,
- .td-header-style-9 .td-ad-p,
- .td-header-style-10 .td-ad-p {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-5 .td-ad-p,
- .td-header-style-7 .td-ad-p,
- .td-header-style-8 .td-ad-p,
- .td-header-style-9 .td-ad-p,
- .td-header-style-10 .td-ad-p {
- border-bottom: 1px solid #e6e6e6;
- }
- }
- /* general fix the main menu for white background color
- //
- //
- */
- .white-menu .td-mega-menu .td-mega-grid {
- border-top-width: 1px;
- border-style: solid;
- border-color: #e6e6e6;
- }
- .white-menu #td-header-menu .td-normal-menu .sub-menu {
- box-shadow: none;
- background-color: #fcfcfc;
- }
- .white-menu #td-header-menu .sf-menu > .td-normal-menu > .sub-menu > li:first-child {
- border-top: 1px solid #e6e6e6;
- }
- .white-menu #td-header-menu .sf-menu > li > a:hover {
- color: #4db2ec;
- }
- .white-menu #td-header-menu .sf-menu > .current-menu-ancestor > a,
- .white-menu #td-header-menu .sf-menu > .current-menu-item > a {
- color: #4db2ec;
- }
- .white-menu .sf-menu {
- margin-left: 5px;
- }
- .white-menu .td-header-main-menu.td-affix {
- box-shadow: none;
- }
- .white-menu .td-header-main-menu {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .white-menu .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- border-top: 1px solid #e6e6e6;
- background-color: #fcfcfc;
- }
- }
- .white-menu .td-header-main-menu {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .white-menu .td-header-main-menu {
- height: 55px;
- }
- }
- .white-menu .header-search-wrap .td-drop-down-search {
- box-shadow: none;
- border-top: 1px solid #e6e6e6;
- border-bottom: 1px solid #e6e6e6;
- }
- .white-menu .header-search-wrap .td-drop-down-search:before {
- border-color: transparent transparent #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Header style
- ---------------------------------------------------------------------- */
- /* -------------------------------------------------------------------
- Style 1
- ---------------------------------------------------------------------- */
- .td-header-style-1 .td-header-sp-ads {
- float: right;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-1 .td-header-sp-ads {
- float: none;
- }
- }
- .td-header-style-1 .td-header-sp-ads .adsbygoogle {
- left: 0;
- }
- .td-header-style-1 .td-header-sp-top-widget {
- top: 9px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-style-1 .td-header-sp-top-widget {
- top: 12px;
- margin-top: -5px;
- }
- }
- .td-header-style-1 .td-header-sp-top-menu {
- position: relative;
- margin-bottom: 0px;
- top: 9px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-style-1 .td-header-sp-top-menu {
- width: 567px;
- top: 12px;
- margin-top: -5px;
- }
- }
- .td-header-style-1 .menu-top-container {
- margin-left: 0px;
- }
- .white-menu .td-header-style-1 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 2
- ---------------------------------------------------------------------- */
- .td-header-style-2 .td-header-sp-top-menu {
- padding: 4px 0px 4px 20px;
- }
- .td-header-style-2 .menu-top-container {
- margin-left: 0px;
- }
- .td-header-style-2 .td-header-sp-top-widget {
- right: 15px;
- padding-top: 4px;
- padding-bottom: 4px;
- }
- .td-header-style-2 .td-header-sp-logo {
- background-color: #4db2ec;
- position: relative;
- margin-bottom: 0px;
- margin-top: 0px;
- min-height: 0px;
- }
- .td-header-style-2 .td-header-sp-logo img {
- bottom: 0;
- max-height: 114px;
- left: 0;
- margin: auto;
- padding: 0 20px;
- position: absolute;
- right: 0;
- top: 0;
- width: auto;
- }
- .td-header-style-2 .td-header-container {
- background-color: #fafafa;
- }
- .td-header-style-2 .td-header-sp-ads {
- float: right;
- margin-bottom: 0px;
- margin-top: 0px;
- margin-right: 0px;
- width: 749px;
- position: relative;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-style-2 .td-header-sp-ads {
- width: 484px;
- }
- }
- @media (max-width: 767px) {
- .td-header-style-2 .td-header-sp-ads {
- margin-bottom: 0px;
- width: 100%;
- float: none;
- min-height: 0px !important;
- }
- }
- .td-header-style-2 .td-header-sp-ads .adsbygoogle {
- margin: auto;
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-2 .td-header-sp-ads .adsbygoogle {
- position: relative;
- margin-top: 8px;
- margin-bottom: 8px;
- }
- }
- .single_template_6 .td-header-container {
- background-color: transparent;
- }
- .white-menu .td-header-style-2 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 3
- ---------------------------------------------------------------------- */
- .td-header-style-3 .td-top-menu-full {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-3 .td-top-menu-full {
- display: none;
- }
- }
- .td-header-style-3 .td-make-full {
- padding: 0px;
- }
- .td-header-style-3 .td-header-sp-top-menu {
- margin-bottom: 0px;
- }
- .td-header-style-3 .td-header-sp-top-menu .sub-menu a {
- color: #222222;
- }
- .td-header-style-3 .td-header-sp-top-widget i {
- color: #ffffff;
- }
- .td-header-style-3 .td_data_time {
- color: #ffffff;
- }
- .td-header-style-3 .sf-menu {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-style-3 .sf-menu {
- margin-left: 17px;
- }
- }
- .td-header-style-3 .td-header-sp-logo {
- margin-top: 8px;
- }
- .td-header-style-3 .td-header-sp-ads {
- margin-top: 8px;
- float: right;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-3 .td-header-sp-ads {
- margin-bottom: 8px;
- }
- }
- .td-header-style-3 .td-header-sp-ads .adsbygoogle {
- left: 0;
- }
- .white-menu .td-header-style-3 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 4
- ---------------------------------------------------------------------- */
- .td-header-style-4 .td-top-menu-full {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-4 .td-top-menu-full {
- display: none;
- }
- }
- .td-header-style-4 .td-make-full {
- padding: 0px;
- }
- .td-header-style-4 .td-header-sp-top-menu {
- margin-bottom: 0px;
- }
- .td-header-style-4 .td-header-sp-top-menu .sub-menu a {
- color: #222222;
- }
- .td-header-style-4 .td-header-sp-top-widget i {
- color: #ffffff;
- }
- .td-header-style-4 .td_data_time {
- color: #ffffff;
- }
- .td-header-style-4 .td-main-menu-logo {
- display: table;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-4 .td-main-menu-logo {
- display: inline;
- }
- }
- .td-header-style-4 .td-main-menu-logo a {
- display: table-cell;
- vertical-align: middle;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-4 .td-main-menu-logo a {
- display: table;
- }
- }
- .td-header-style-4 .td-header-sp-ads {
- margin-top: 8px;
- width: 100%;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-4 .td-header-sp-ads {
- margin-bottom: 8px;
- }
- }
- .td-header-style-4 .td-header-sp-ads .adsbygoogle {
- left: 0;
- }
- .white-menu .td-header-style-4 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 5
- ---------------------------------------------------------------------- */
- .td-header-style-5 .td-header-sp-top-widget {
- top: -2px;
- }
- .td-header-style-5 .td-header-sp-top-widget i {
- color: #ffffff;
- }
- .td-header-style-5 .td-make-full {
- padding: 0px;
- }
- .td-header-style-5 .td-top-menu-full {
- background-color: #348cbf;
- }
- .td-header-style-5 .td-header-sp-ads {
- margin-top: 0px;
- margin-bottom: 0px;
- width: 100%;
- }
- .td-header-style-5 .td-header-sp-ads .td-header-ad-wrap {
- height: auto;
- width: 100%;
- }
- .td-header-style-5 .td-header-sp-ads .td-g-rec,
- .td-header-style-5 .td-header-sp-ads .td-a-rec {
- display: table;
- height: auto;
- margin-left: auto;
- margin-right: auto;
- }
- .td-header-style-5 .td-header-sp-ads .adsbygoogle,
- .td-header-style-5 .td-header-sp-ads img {
- position: relative;
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .td-header-style-5 .td-affix {
- margin-left: 0px;
- margin-right: 0px;
- width: auto;
- }
- .td-header-style-5 .td-main-menu-logo {
- display: table;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-5 .td-main-menu-logo {
- display: inline;
- }
- }
- .td-header-style-5 .td-main-menu-logo a {
- display: table-cell;
- vertical-align: middle;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-5 .td-main-menu-logo a {
- display: table;
- }
- }
- .white-menu .td-header-style-5 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 6
- ---------------------------------------------------------------------- */
- .td-header-style-6 .td-make-full {
- padding: 0px;
- }
- .td-header-style-6 .top-header-menu {
- position: relative;
- top: -2px;
- }
- .td-header-style-6 .top-header-menu a:hover {
- color: #ffffff;
- }
- .td-header-style-6 .td_data_time {
- color: #ffffff;
- float: left;
- top: 2px;
- }
- .td-header-style-6 .td-affix {
- margin-left: 0px;
- margin-right: 0px;
- width: auto;
- }
- .td-header-style-6 .td-top-menu-full {
- background-color: #4db2ec;
- text-align: right;
- height: 25px;
- /* responsive portrait phone */
- }
- .td-header-style-6 .td-top-menu-full .sub-menu a {
- color: #222222;
- }
- @media (max-width: 767px) {
- .td-header-style-6 .td-top-menu-full {
- display: none;
- }
- }
- .td-header-style-6 .td-top-menu-full .td-header-sp-top-menu {
- width: 100%;
- margin-bottom: 0px;
- line-height: 21px;
- height: 25px;
- padding-left: 0px;
- /* ipad landscape fix */
- }
- @media (max-height: 768px) {
- .td-header-style-6 .td-top-menu-full .td-header-sp-top-menu {
- padding-left: 20px;
- }
- }
- .td-header-style-6 .td-top-menu-full .td-header-sp-top-menu a {
- margin: 0px 0px 0px 16px;
- }
- .td-header-style-6 .td-top-menu-full .menu-top-container {
- margin-left: 0px;
- margin-right: 0px;
- /* ipad landscape fix */
- }
- @media (max-height: 768px) {
- .td-header-style-6 .td-top-menu-full .menu-top-container {
- padding-right: 20px;
- }
- }
- .td-header-style-6 .td-top-menu-full .sub-menu {
- text-align: left;
- top: 27px !important;
- left: auto !important;
- right: -13px;
- }
- .td-header-style-6 .td-top-menu-full .sub-menu li {
- padding-right: 10px;
- }
- .td-header-style-6 .td-top-menu-full .sub-menu a {
- margin: 0px 0px 0px 10px;
- }
- .td-header-style-6 .td_ul_logout .menu-item img {
- left: -25px;
- }
- .td-header-style-6 .sf-menu {
- margin-left: 0px;
- }
- @media (max-height: 768px) {
- .td-header-style-6 .sf-menu {
- margin-left: 20px;
- }
- }
- .td-header-style-6 .td-header-sp-ads {
- margin-top: 8px;
- float: right;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-6 .td-header-sp-ads {
- margin-bottom: 0px;
- margin-top: 0px;
- }
- }
- .td-header-style-6 .td-header-sp-ads .adsbygoogle {
- left: 0;
- }
- .td-header-style-6 .td-header-sp-logo {
- margin-top: 8px;
- }
- .td-header-style-6 .td-header-container {
- border-bottom: 1px solid #e6e6e6;
- }
- .td-header-style-6 .td-header-header .td-make-full {
- border-bottom: 1px solid #e6e6e6;
- }
- .white-menu .td-header-style-6 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 7
- ---------------------------------------------------------------------- */
- .td-header-style-7 {
- background-color: transparent !important;
- }
- .td-header-style-7 .td-header-sp-top-menu {
- margin-bottom: 0px;
- padding-left: 10px;
- }
- .td-header-style-7 .td-header-sp-top-widget {
- right: 5px;
- }
- .td-header-style-7 .td-header-container {
- background-color: transparent !important;
- }
- .td-header-style-7 .td-header-container .td-header-header {
- background-color: transparent;
- }
- .td-header-style-7 .sf-menu {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-style-7 .sf-menu {
- margin-left: 18px;
- }
- }
- .td-header-style-7 .td-header-sp-logo {
- margin-bottom: 0px;
- margin-top: 0px;
- width: 100%;
- }
- .td-header-style-7 .td-header-sp-logo a {
- height: auto;
- }
- .td-header-style-7 .td-header-sp-logo img {
- position: relative;
- max-height: 100%;
- }
- .td-header-style-7 .td-header-sp-ads {
- margin-top: 0px;
- margin-bottom: 0px;
- width: 100%;
- min-height: inherit;
- }
- .td-header-style-7 .td-header-sp-ads .td-header-ad-wrap {
- height: auto;
- width: 100%;
- }
- .td-header-style-7 .td-header-sp-ads .td-g-rec,
- .td-header-style-7 .td-header-sp-ads .td-a-rec {
- display: table;
- height: auto;
- margin-left: auto;
- margin-right: auto;
- }
- .td-header-style-7 .td-header-sp-ads .adsbygoogle,
- .td-header-style-7 .td-header-sp-ads img {
- position: relative;
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .white-menu .td-header-style-7 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 8
- ---------------------------------------------------------------------- */
- .td-header-style-8 {
- background-color: transparent !important;
- }
- .td-header-style-8 .td-make-full {
- padding: 0px;
- }
- .td-header-style-8 .td-header-sp-top-menu {
- margin-bottom: 0px;
- padding-left: 10px;
- }
- .td-header-style-8 .td-header-sp-top-menu .sub-menu a {
- color: #222222;
- }
- .td-header-style-8 .td-top-menu-full {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-8 .td-top-menu-full {
- display: none;
- }
- }
- .td-header-style-8 .td-header-border #td-top-search {
- margin-top: -22px;
- }
- .td-header-style-8 .td-header-container {
- background-color: transparent !important;
- }
- .td-header-style-8 .td-header-container .td-header-header {
- background-color: transparent;
- }
- .td-header-style-8 .td-header-sp-top-widget {
- right: 5px;
- }
- .td-header-style-8 .td-header-sp-top-widget i {
- color: #ffffff;
- }
- .td-header-style-8 .td_data_time {
- color: #ffffff;
- }
- .td-header-style-8 .td-header-sp-logo {
- margin-bottom: 0px;
- margin-top: 0px;
- width: 100%;
- }
- .td-header-style-8 .td-header-sp-logo a {
- height: auto;
- }
- .td-header-style-8 .td-header-sp-logo img {
- position: relative;
- max-height: 100%;
- }
- .td-header-style-8 .sf-menu {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-header-style-8 .sf-menu {
- margin-left: 18px;
- }
- }
- .td-header-style-8 .td-affix {
- margin-left: 0px;
- margin-right: 0px;
- width: auto;
- }
- .td-header-style-8 .td-header-sp-ads {
- margin-top: 0px;
- margin-bottom: 0px;
- width: 100%;
- }
- .td-header-style-8 .td-header-sp-ads .td-header-ad-wrap {
- height: auto;
- width: 100%;
- }
- .td-header-style-8 .td-header-sp-ads .td-g-rec,
- .td-header-style-8 .td-header-sp-ads .td-a-rec {
- display: table;
- height: auto;
- margin-left: auto;
- margin-right: auto;
- }
- .td-header-style-8 .td-header-sp-ads .adsbygoogle,
- .td-header-style-8 .td-header-sp-ads img {
- position: relative;
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .td-boxed-layout .td-header-style-8 .td-header-menu-wrap,
- .td-boxed-layout .td-header-style-8 > .td-header-header {
- margin-left: auto;
- margin-right: auto;
- width: 1021px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-boxed-layout .td-header-style-8 .td-header-menu-wrap,
- .td-boxed-layout .td-header-style-8 > .td-header-header {
- width: 756px;
- }
- }
- @media (max-width: 767px) {
- .td-boxed-layout .td-header-style-8 .td-header-menu-wrap,
- .td-boxed-layout .td-header-style-8 > .td-header-header {
- width: 100%;
- }
- }
- .white-menu .td-header-style-8 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 9
- ---------------------------------------------------------------------- */
- .td-header-style-9 {
- background-color: transparent !important;
- }
- .td-header-style-9 .td-make-full {
- padding: 0px;
- }
- .td-header-style-9 .td-header-sp-top-menu {
- margin-bottom: 0px;
- padding-left: 10px;
- }
- .td-header-style-9 .td-header-sp-top-menu .sub-menu a {
- color: #222222;
- }
- .td-header-style-9 .td-top-menu-full {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-9 .td-top-menu-full {
- display: none;
- }
- }
- .td-header-style-9 .td-header-border #td-top-search {
- margin-top: -22px;
- }
- .td-header-style-9 .td-header-container {
- background-color: transparent !important;
- }
- .td-header-style-9 .td-header-container .td-header-header {
- background-color: transparent;
- }
- .td-header-style-9 .td_data_time {
- color: #ffffff;
- }
- .td-header-style-9 .td-header-sp-top-widget {
- right: 5px;
- top: 0px;
- }
- .td-header-style-9 .td-header-sp-top-widget i {
- color: #ffffff;
- }
- .td-header-style-9 .td-top-menu-full {
- box-shadow: none;
- }
- .td-header-style-9 .td-affix {
- margin-left: 0px;
- margin-right: 0px;
- width: auto;
- }
- .td-header-style-9 .td-header-sp-ads {
- margin-top: 0px;
- margin-bottom: 0px;
- width: 100%;
- }
- .td-header-style-9 .td-header-sp-ads .td-header-ad-wrap {
- height: auto;
- width: 100%;
- }
- .td-header-style-9 .td-header-sp-ads .td-g-rec,
- .td-header-style-9 .td-header-sp-ads .td-a-rec {
- display: table;
- height: auto;
- margin-left: auto;
- margin-right: auto;
- }
- .td-header-style-9 .td-header-sp-ads .adsbygoogle,
- .td-header-style-9 .td-header-sp-ads img {
- position: relative;
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .td-header-style-9 .td-main-menu-logo {
- display: table;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-9 .td-main-menu-logo {
- display: inline;
- }
- }
- .td-header-style-9 .td-main-menu-logo a {
- display: table-cell;
- vertical-align: middle;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-9 .td-main-menu-logo a {
- display: table;
- }
- }
- .white-menu .td-header-style-9 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- }
- /* -------------------------------------------------------------------
- Style 10
- ---------------------------------------------------------------------- */
- .td-header-style-10 .td-make-full {
- padding: 0px;
- }
- .td-header-style-10 .td-affix {
- margin-left: 0px;
- margin-right: 0px;
- width: auto;
- }
- .td-header-style-10 .top-header-menu .sub-menu {
- border-top: 1px solid #e6e6e6;
- }
- .td-header-style-10 .td-header-text-logo {
- margin: 60px 10px 60px 30px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-10 .td-header-text-logo {
- display: block;
- margin: 10px 0px;
- padding: 0px;
- }
- }
- .td-header-style-10 .td-header-text-logo img {
- margin-left: auto;
- margin-right: auto;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-10 .td-header-text-logo img {
- display: none;
- }
- }
- .td-header-style-10 .td-header-text-logo span {
- display: block;
- text-align: center;
- color: #222222;
- }
- .td-header-style-10 .td-header-container .td-header-header {
- background-color: transparent;
- }
- .td-header-style-10 #td-header-menu {
- display: table;
- margin-left: auto;
- margin-right: auto;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-style-10 #td-header-menu {
- display: inline-block;
- }
- }
- .td-header-style-10 .td-logo-wrap {
- left: 0px;
- padding: 0px;
- text-transform: uppercase;
- }
- .td-header-style-10 .td-header-sp-ads {
- margin-top: 0px;
- margin-bottom: 0px;
- width: 100%;
- }
- .td-header-style-10 .td-header-sp-ads .td-header-ad-wrap {
- height: auto;
- width: 100%;
- }
- .td-header-style-10 .td-header-sp-ads .td-g-rec,
- .td-header-style-10 .td-header-sp-ads .td-a-rec {
- display: table;
- height: auto;
- margin-left: auto;
- margin-right: auto;
- }
- .td-header-style-10 .td-header-sp-ads .adsbygoogle,
- .td-header-style-10 .td-header-sp-ads img {
- position: relative;
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .white-menu .td-header-style-10 .td-header-main-menu {
- border-bottom: 1px solid #e6e6e6;
- border-top: 1px solid #e6e6e6;
- }
- .white-menu .td-header-style-10 #td-top-search {
- margin-top: -22px;
- }
- .td-logo-text {
- font-size: 75px;
- line-height: 60px;
- margin: 0px;
- font-family: serif;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-logo-text {
- font-size: 36px;
- line-height: 36px;
- }
- }
- .td-tagline-text {
- letter-spacing: 1.8px;
- font-size: 11px;
- opacity: 0.5;
- margin: 0px;
- font-family: serif;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-tagline-text {
- display: none;
- }
- }
- .white-grid.white-menu .td-header-menu-wrap .td-header-main-menu {
- border-color: #e6e6e6;
- }
- .white-grid.white-menu .td-header-style-3 .td-header-main-menu,
- .white-grid.white-menu .td-header-style-4 .td-header-main-menu {
- border-top: 1px solid #e6e6e6;
- }
- .animated {
- -webkit-animation-duration: 0.3s;
- animation-duration: 0.3s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- }
- .animated_long {
- -webkit-animation-duration: 0.5s;
- animation-duration: 0.5s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- }
- .animated_xlong {
- -webkit-animation-duration: 0.8s;
- animation-duration: 0.8s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- }
- .animated_xxlong {
- -webkit-animation-duration: 1.5s;
- animation-duration: 1.5s;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- }
- /* ----------------------------------------------------------------------------
- fadeInRight
- */
- @-webkit-keyframes fadeInRight {
- 0% {
- opacity: 0.05;
- -webkit-transform: translateX(20px);
- transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- @keyframes fadeInRight {
- 0% {
- opacity: 0.05;
- -webkit-transform: translateX(20px);
- -ms-transform: translateX(20px);
- transform: translateX(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- }
- .fadeInRight {
- -webkit-animation-name: fadeInRight;
- animation-name: fadeInRight;
- }
- /* ----------------------------------------------------------------------------
- fadeInLeft
- */
- @-webkit-keyframes fadeInLeft {
- 0% {
- opacity: 0.05;
- -webkit-transform: translateX(-20px);
- transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- transform: translateX(0);
- }
- }
- @keyframes fadeInLeft {
- 0% {
- opacity: 0.05;
- -webkit-transform: translateX(-20px);
- -ms-transform: translateX(-20px);
- transform: translateX(-20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateX(0);
- -ms-transform: translateX(0);
- transform: translateX(0);
- }
- }
- .fadeInLeft {
- -webkit-animation-name: fadeInLeft;
- animation-name: fadeInLeft;
- }
- /* ----------------------------------------------------------------------------
- fadeInDown
- */
- @-webkit-keyframes fadeInDown {
- 0% {
- opacity: 0.05;
- -webkit-transform: translateY(-15px);
- transform: translateY(-15px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- @keyframes fadeInDown {
- 0% {
- opacity: 0.05;
- -webkit-transform: translateY(-15px);
- -ms-transform: translateY(-15px);
- transform: translateY(-15px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- }
- .fadeInDown {
- -webkit-animation-name: fadeInDown;
- animation-name: fadeInDown;
- }
- /* ----------------------------------------------------------------------------
- fadeInUp
- */
- @-webkit-keyframes fadeInUp {
- 0% {
- opacity: 0.05;
- -webkit-transform: translateY(20px);
- transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- }
- @keyframes fadeInUp {
- 0% {
- opacity: 0.05;
- -webkit-transform: translateY(20px);
- -ms-transform: translateY(20px);
- transform: translateY(20px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- }
- }
- .fadeInUp {
- -webkit-animation-name: fadeInUp;
- animation-name: fadeInUp;
- }
- /* ----------------------------------------------------------------------------
- fadein
- */
- @-webkit-keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- @keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .fadeIn {
- -webkit-animation-name: fadeIn;
- animation-name: fadeIn;
- }
- /* ----------------------------------------------------------------------------
- fade out
- */
- @-webkit-keyframes fadeOut_to_1 {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0.1;
- }
- }
- @keyframes fadeOut_to_1 {
- 0% {
- opacity: 1;
- }
- 100% {
- opacity: 0.1;
- }
- }
- .fadeOut_to_1 {
- -webkit-animation-name: fadeOut_to_1;
- animation-name: fadeOut_to_1;
- }
- /* ----------------------------------------------------------------------------
- top-menu
- */
- .top-header-menu {
- list-style: none;
- padding: 0px;
- margin: 0px;
- }
- .top-header-menu a:hover {
- color: #4db2ec;
- }
- .top-header-menu .current-menu-item > a,
- .top-header-menu .current-menu-ancestor > a,
- .top-header-menu .current-category-ancestor > a {
- color: #4db2ec;
- }
- .top-header-menu .td-icon-menu-down {
- padding: 0 0 0 6px;
- top: -1px;
- }
- .top-header-menu .menu-item-has-children .sub-menu {
- display: none;
- }
- .top-header-menu .menu-item-has-children li {
- list-style-image: none;
- height: auto;
- }
- .top-header-menu .menu-item-has-children li a {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 500;
- font-size: 11px;
- line-height: 28px;
- display: block;
- text-transform: none;
- margin: 0 10px 0 10px ;
- white-space: nowrap;
- min-width: 100px;
- }
- .top-header-menu .menu-item-has-children li a:hover {
- color: #4db2ec;
- }
- .top-header-menu .menu-item-has-children ul {
- width: auto !important;
- }
- .top-header-menu li {
- display: inline-block;
- position: relative;
- zoom: 1;
- z-index: 9;
- }
- .top-header-menu li ul {
- position: relative;
- top: 30px !important;
- left: -10px !important;
- border-top: 3px solid #000000;
- list-style: none;
- box-shadow: none;
- border-bottom: 1px solid #e6e6e6;
- }
- .top-header-menu li a {
- color: #222222;
- margin: 0px 16px 0px 0px;
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 700;
- font-size: 11px;
- line-height: 29px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .top-header-menu li a {
- font-size: 10px;
- }
- }
- .top-header-menu ul .td-icon-menu-down,
- .top-header-menu .td-mega-menu .td-icon-menu-down {
- display: none;
- }
- .top-header-menu .td-mega-menu ul,
- .top-header-menu ul ul {
- display: none !important;
- }
- /* ----------------------------------------------------------------------------
- social icons
- */
- .td-social-icon-wrap {
- /*
- .td-icon-reddit {
- position: relative;
- right: 1px;
- }
- .td-icon-steam {
- position: relative;
- right: 2px;
- }
- .td-icon-stumbleupon {
- position: relative;
- right: 2px;
- }
- .td-icon-vk {
- position: relative;
- right: 2px;
- }
- .td-icon-vimeo {
- position: relative;
- right: 1px;
- } */
- }
- .td-social-icon-wrap > a {
- display: inline-block;
- margin: 3px 3px 0px 0px;
- }
- .td-social-icon-wrap i {
- text-align: center;
- font-size: 14px;
- width: 24px;
- height: 24px;
- color: #222222;
- display: inline-block;
- padding-top: 5px;
- line-height: 0px;
- }
- @-moz-document url-prefix() {
- }
- /* ----------------------------------------------------------------------------
- top menu
- */
- .td-header-sp-top-menu .top-header-menu .sub-menu {
- position: absolute;
- top: 25px;
- left: -25px;
- background-color: #ffffff;
- }
- .top-header-menu a {
- text-transform: uppercase;
- }
- .td-header-top-menu {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-top-menu {
- display: none;
- }
- }
- /* ----------------------------------------------------------------------------
- variablez
- */
- /* ----------------------------------------------------------------------------
- diverse
- */
- .td-menu-placeholder {
- height: 47px;
- position: relative;
- }
- .td-menu-background {
- position: relative;
- }
- .td-menu-wrap {
- position: relative;
- height: 44px;
- }
- .td-menu-wrap #td-top-menu {
- padding-left: 15px;
- }
- /*
- SF menu
- */
- .sf-menu,
- .sf-menu ul,
- .sf-menu li {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .sf-menu {
- margin-left: 21px;
- margin-right: 38px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .sf-menu {
- margin-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .sf-menu {
- display: none;
- }
- }
- .sf-menu ul {
- position: absolute;
- top: -999em;
- width: 10em;
- /* left offset of submenus need to match (see below) */
- }
- .sf-menu ul li {
- width: 100%;
- }
- .sf-menu li:hover {
- visibility: inherit;
- /* fixes IE7 'sticky bug' */
- }
- .sf-menu li {
- float: left;
- position: relative;
- }
- .sf-menu .td-menu-item > a {
- display: block;
- position: relative;
- }
- .sf-menu li:hover ul,
- .sf-menu li.sfHover ul {
- left: 0;
- top: auto;
- z-index: 99;
- }
- ul.sf-menu li:hover li ul,
- ul.sf-menu li.sfHover li ul {
- top: -999em;
- }
- ul.sf-menu li li:hover ul,
- ul.sf-menu li li.sfHover ul {
- left: 10em;
- /* match ul width */
- top: 0 !important;
- }
- ul.sf-menu li li:hover li ul,
- ul.sf-menu li li.sfHover li ul {
- top: -999em;
- }
- /* ----------------------------------------------------------------------------
- All the links
- */
- .sf-menu .td-menu-item > a:hover {
- text-decoration: none !important;
- }
- /* remove the down arrow on links with (icons menus) */
- .td-no-down-arrow > a .sf-sub-indicator {
- display: none;
- }
- .sf-menu > li > a {
- padding: 0px 15px 0px 15px;
- line-height: 44px;
- font-size: 14px;
- color: #ffffff;
- font-weight: 700;
- font-family: 'Open Sans', arial, sans-serif;
- text-transform: uppercase;
- -webkit-backface-visibility: hidden;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .sf-menu > li > a {
- font-size: 11px;
- padding: 0px 10px 0px 10px;
- }
- }
- /* menu icons */
- .sf-menu .menu_icon {
- position: relative;
- top: 13px;
- float: left;
- }
- .sf-menu .sub-menu .menu_icon {
- top: 0px;
- }
- .sf-menu .menu_hidden {
- display: none !important;
- }
- /* hover and current menu */
- .sf-menu > .current-menu-item > a,
- .sf-menu > .current-menu-ancestor > a,
- .sf-menu > .current-category-ancestor > a,
- .sf-menu > li > a:hover,
- .sf-menu > .sfHover > a {
- background-color: white;
- color: #000000;
- z-index: 999;
- }
- #td-header-menu {
- min-height: 44px;
- display: inline;
- }
- /* ----------------------------------------------------------------------------
- submenu
- */
- .td-normal-menu ul {
- box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2);
- }
- .sf-menu ul {
- font-family: 'Open Sans', arial, sans-serif;
- background: #ffffff;
- }
- .sf-menu ul .td-menu-item > a {
- padding: 7px 13px 8px 13px;
- font-size: 12px;
- color: #111111;
- -webkit-transition: none;
- -moz-transition: none;
- -o-transition: none;
- transition: none;
- line-height: 21px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .sf-menu ul .td-menu-item > a {
- padding: 7px 14px 8px 10px;
- }
- }
- .sf-menu ul .td-icon-menu-down {
- float: right;
- top: 0;
- font-size: 9px;
- }
- .sf-menu ul .td-menu-item > a:hover,
- .sf-menu ul .sfHover > a,
- .sf-menu ul .current-menu-ancestor > a,
- .sf-menu ul .current-category-ancestor > a,
- .sf-menu ul .current-menu-item > a {
- color: #ffffff;
- background: #4db2ec;
- }
- .sf-menu li:hover,
- .sf-menu li.sfHover,
- .sf-menu a:focus,
- .sf-menu a:hover,
- .sf-menu a:active {
- outline: 0px;
- }
- /* ----------------------------------------------------------------------------
- hide the submenus until js is loaded
- */
- /* ----------------------------------------------------------------------------
- arrows
- */
- .sf-menu .td-icon-menu-down {
- position: absolute;
- top: 0;
- padding-left: 9px;
- font-size: 9px;
- }
- .sf-menu .sub-menu {
- -webkit-backface-visibility: hidden;
- }
- .sf-menu .sub-menu .td-icon-menu-down {
- position: absolute;
- top: 50%;
- right: 8px;
- margin-top: -9px;
- line-height: 19px;
- }
- .sf-menu a.sf-with-ul {
- padding-right: 31px;
- min-width: 1px;
- /* trigger IE7 hasLayout so spans position accurately */
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .sf-menu a.sf-with-ul {
- padding-right: 28px;
- }
- }
- /* arrow for all items in the menues */
- a.sf-with-ul i.td-icon-menu-down:before {
- content: '\e808';
- }
- /* arrow for all items in the menues AT FIRST LEVEL*/
- ul.sf-js-enabled > li > a > i.td-icon-menu-down:before {
- content: '\e806' !important;
- }
- /* ----------------------------------------------------------------------------
- Mobile menu
- */
- .td_mobile_menu_wrap {
- display: none !important;
- margin: 0px 0px 0px 0px !important;
- vertical-align: top;
- position: relative;
- top: 12px;
- left: -6px;
- }
- .td_mobile_menu_wrap {
- display: inline-block;
- position: relative;
- overflow: hidden;
- height: 28px;
- width: 200px;
- background: #f2f2f2;
- border: 1px solid;
- border-color: white #f7f7f7 whitesmoke;
- border-radius: 3px;
- background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
- background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
- background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
- background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
- }
- .td_mobile_menu_wrap:before,
- .td_mobile_menu_wrap:after {
- content: '';
- position: absolute;
- z-index: 2;
- top: 9px;
- right: 10px;
- width: 0;
- height: 0;
- border: 4px dashed;
- border-color: #888888 transparent;
- pointer-events: none;
- }
- .td_mobile_menu_wrap:before {
- border-bottom-style: solid;
- border-top: none;
- }
- .td_mobile_menu_wrap:after {
- margin-top: 7px;
- border-top-style: solid;
- border-bottom: none;
- }
- #mobileMenu_menu-top {
- position: relative;
- width: 130%;
- margin: 0;
- padding: 6px 8px 6px 10px;
- height: 28px;
- line-height: 14px;
- font-size: 12px;
- color: #62717a;
- text-shadow: 0 1px white;
- background: #f2f2f2;
- /* Fallback for IE 8 */
- background: rgba(0, 0, 0, 0) !important;
- /* "transparent" doesn't work with Opera */
- border: 0;
- border-radius: 0;
- -webkit-appearance: none;
- }
- #mobileMenu_menu-top:focus {
- width: 100%;
- color: #394349;
- outline: 2px solid #49aff2;
- outline: 2px solid -webkit-focus-ring-color;
- outline-offset: -2px;
- }
- #mobileMenu_menu-top > option {
- margin: 3px;
- padding: 6px 8px;
- text-shadow: none;
- background: #f2f2f2;
- border-radius: 3px;
- cursor: pointer;
- }
- /* Fix for IE 8 putting the arrows behind the select element. */
- .lt-ie9 #mobileMenu_menu-top {
- z-index: 1;
- }
- .lt-ie9 #mobileMenu_menu-top {
- z-index: -1;
- }
- .lt-ie9 #mobileMenu_menu-top:focus {
- z-index: 3;
- }
- /* Dirty fix for Firefox adding padding where it shouldn't. */
- @-moz-document url-prefix() {
- #mobileMenu_menu-top {
- padding-left: 6px;
- }
- }
- /* ----------------------------------------------------------------------------
- Search
- */
- .td-search-wrapper {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-search-wrapper {
- position: absolute;
- right: 0;
- top: 50%;
- }
- }
- .header-search-wrap {
- /* hack to show the link on all the module */
- /* search toggle button */
- /* the drop down */
- }
- .header-search-wrap .td_module_mx2 a:after {
- position: absolute;
- left: 0px;
- width: 100%;
- top: 0px;
- bottom: 0px;
- content: '';
- z-index: 1;
- }
- .header-search-wrap .header-search {
- z-index: 2;
- }
- .header-search-wrap #td-header-search-button {
- display: block;
- position: relative;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .header-search-wrap #td-header-search-button {
- right: 9px;
- }
- }
- .header-search-wrap .td-icon-search {
- display: inline-block;
- font-size: 19px;
- color: #ffffff;
- padding-top: 11px;
- padding-left: 14px;
- height: 44px;
- width: 44px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .header-search-wrap .td-icon-search {
- font-size: 27px;
- padding-top: 8px;
- }
- }
- .header-search-wrap .td-drop-down-search {
- position: absolute;
- padding: 0;
- top: 100%;
- border-radius: 0;
- border-width: 0 1px 1px 1px;
- border-style: solid;
- border-color: #e6e6e6;
- z-index: 98;
- display: none;
- right: 0;
- width: 341px;
- background: #ffffff;
- /* responsive portrait phone */
- /* responsive portrait phone */
- /* search form */
- /* triangle top */
- }
- @media (max-width: 767px) {
- .header-search-wrap .td-drop-down-search {
- right: -1px;
- }
- }
- @media (max-width: 400px) {
- .header-search-wrap .td-drop-down-search {
- width: 101%;
- }
- }
- .header-search-wrap .td-drop-down-search .btn {
- position: absolute;
- border-radius: 0 3px 3px 0;
- height: 32px;
- line-height: 17px;
- padding: 7px 15px 8px;
- text-shadow: none;
- vertical-align: top;
- right: 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .header-search-wrap .td-drop-down-search .btn {
- line-height: 17px;
- }
- }
- .header-search-wrap .td-drop-down-search .btn:hover {
- background-color: #222222;
- }
- .header-search-wrap .td-drop-down-search:before {
- position: absolute;
- top: -6px;
- right: 24px;
- display: block;
- content: '';
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 0 5.5px 6px 5.5px;
- border-color: transparent transparent #ffffff transparent;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .header-search-wrap .td-drop-down-search:before {
- right: 23px;
- }
- }
- .header-search-wrap .td-drop-down-search #td-header-search {
- background-color: #ffffff !important;
- width: 95%;
- height: 32px;
- margin: 0px;
- border-right: 0px;
- line-height: 17px;
- }
- .header-search-wrap .td-drop-down-search #td-header-search:active,
- .header-search-wrap .td-drop-down-search #td-header-search:focus {
- border-color: #cccccc;
- }
- .header-search-wrap .td-drop-down-search .td-aj-search-results {
- background-color: #fdfdfd;
- border-top: 1px solid #ededed;
- border-bottom: 1px solid #ededed;
- padding: 10px 0px 10px 0px;
- }
- .header-search-wrap .td-drop-down-search .td-aj-search-results .td-module-thumb {
- top: 10px;
- }
- .header-search-wrap .td-drop-down-search .td-aj-search-results .td_module_wrap .item-details {
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .header-search-wrap .td-drop-down-search .td-aj-search-results .td_mod_aj_search {
- padding: 10px 21px 0px 21px;
- margin: 1px 0px 0px 0px;
- min-height: 56px;
- }
- .header-search-wrap .td-drop-down-search .td-search-form {
- margin: 21px 20px 20px 21px;
- }
- .header-search-wrap .td-drop-down-search .result-msg {
- text-align: center;
- padding: 4px 0px 6px 0px;
- font-family: Verdana, Geneva, sans-serif;
- font-size: 12px;
- color: #222222;
- font-style: italic;
- }
- .header-search-wrap .td-drop-down-search .result-msg a {
- color: #222222;
- display: block;
- }
- .header-search-wrap .td-drop-down-search .result-msg a:hover {
- color: #4db2ec;
- }
- .header-search-wrap .td-drop-down-search .no-result {
- background-color: #fdfdfd;
- border-top: 1px solid #ededed;
- border-bottom: 1px solid #ededed;
- }
- .header-search-wrap .td-drop-down-search .meta-info {
- line-height: 14px;
- top: 2px;
- }
- .header-search-wrap .td-aj-cur-element {
- background-color: #f0f0f0;
- }
- /* this class is added by the js */
- .td-drop-down-search-open {
- display: block !important;
- z-index: 9999 !important;
- }
- .td-header-border #td-top-search {
- margin-top: -20px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-header-border #td-top-search {
- margin-top: -22px;
- }
- }
- #td-top-search {
- position: absolute;
- right: 8px;
- top: 50%;
- margin-top: -22px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #td-top-search {
- right: 0px;
- position: relative;
- }
- }
- /* ----------------------------------------------------------------------------
- Mega Menu
- */
- .td-mega-menu {
- position: static !important;
- /*
- page in mega menu
- */
- /*
- end fix mega menu with page
- */
- }
- .td-mega-menu .td-mega-grid {
- border-width: 0px 0px 1px 0px;
- border-style: solid;
- border-color: #e6e6e6;
- }
- .td-mega-menu .td-mega-grid:before {
- content: "";
- width: 1px;
- height: 100%;
- background-color: #e6e6e6;
- position: absolute;
- left: 0px;
- top: 0px;
- }
- .td-mega-menu .td-next-prev-wrap {
- clear: none;
- }
- .td-mega-menu .td_block_mega_menu {
- padding-top: 20px;
- }
- .td-mega-menu .td-mega-row {
- height: 218px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-mega-menu .td-mega-row {
- height: 170px;
- }
- }
- .td-mega-menu .td-pb-row [class*="td-pb-span"] {
- border-left: 0px !important;
- }
- .td-mega-menu .td_block_wrap {
- border-left: 0px !important;
- border-right: 0px !important;
- }
- .td-mega-menu .td_block_wrap .td-pulldown-filter-display-option {
- display: none;
- }
- .td-mega-menu .wpb_content_element {
- clear: both;
- }
- .td-mega-menu .wpb_content_element .widgettitle {
- margin-top: 24px !important;
- margin-bottom: 19px !important;
- }
- .td-mega-menu .wpb_content_element ul {
- display: block !important;
- width: auto !important;
- position: relative !important;
- webkit-box-shadow: none !important;
- -moz-box-shadow: none !important;
- box-shadow: none !important;
- top: 0px !important;
- padding-bottom: 0px !important;
- }
- .td-mega-menu .wpb_content_element li {
- float: none !important;
- width: auto !important;
- line-height: 30px !important;
- padding: 4px 0px 4px 0px !important;
- border-top: 1px dashed #f1f1f1;
- }
- .td-mega-menu .wpb_content_element li:last-child {
- border-bottom: 1px dashed #f1f1f1;
- }
- .td-mega-menu .wpb_content_element li ul {
- opacity: 1 !important;
- margin-top: 4px !important;
- padding-bottom: 0px !important;
- }
- .td-mega-menu .wpb_content_element li ul li:last-child {
- border-bottom: 0px !important;
- padding-bottom: 0px !important;
- }
- .td-mega-menu .wpb_content_element li a {
- background-color: transparent !important;
- line-height: 30px !important;
- padding: 0px !important;
- margin: 0px !important;
- color: #222222 !important;
- }
- .td-mega-menu .wpb_content_element li a i {
- display: none;
- }
- .td-mega-menu .wpb_content_element li a:hover {
- background-color: transparent !important;
- color: #4db2ec !important;
- }
- .td-mega-menu ul {
- position: absolute !important;
- width: 1021px !important;
- height: auto !important;
- top: 0px;
- left: 0px !important;
- display: none;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-mega-menu ul {
- width: 756px !important;
- }
- }
- .td-mega-menu ul .td-pb-border-top {
- border-top: none;
- border-left: 1px solid #e6e6e6;
- border-right: 1px solid #e6e6e6;
- }
- .td-mega-menu ul .td-next-prev-wrap {
- display: inline-block;
- float: right;
- position: relative;
- top: -5px;
- margin: 20px 20px 0px 0px;
- }
- .td-mega-menu ul .td-next-prev-wrap a {
- margin-bottom: 14px;
- }
- .td-header-border .sf-menu li.td-mega-menu ul {
- top: auto;
- }
- .td_mod_mega_menu .td-module-thumb {
- margin-bottom: 6px;
- position: relative;
- }
- .td_mod_mega_menu .entry-title {
- font-size: 13px;
- line-height: 19px;
- font-weight: 600;
- margin: 0px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_mod_mega_menu .entry-title {
- font-size: 11px;
- line-height: 16px;
- }
- }
- .td_mod_mega_menu .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_mod_mega_menu .entry-thumb {
- min-height: 135px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_mod_mega_menu .entry-thumb {
- min-height: 95px;
- }
- }
- .td_mega_menu_sub_cats {
- display: inline-block;
- float: left;
- }
- .td_mega_menu_sub_cats .block-mega-child-cats {
- margin: 11px 0px 18px 20px;
- }
- .td_mega_menu_sub_cats a {
- border-radius: 3px;
- display: inline-table;
- font-size: 11px;
- font-weight: bold;
- color: #111111;
- text-transform: uppercase;
- line-height: 16px;
- padding: 2px 15px;
- position: relative;
- vertical-align: middle;
- -o-transition: none;
- -moz-transition: none;
- -khtml-transition: none;
- -webkit-transition: none;
- -ms-transition: none;
- transition: none;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_mega_menu_sub_cats a {
- font-size: 10px;
- font-weight: 600;
- line-height: 14px;
- padding: 2px 9px 2px 9px;
- height: 19px;
- }
- }
- .td_block_mega_menu .td_mega_menu_sub_cats .cur-sub-cat {
- background-color: #4db2ec;
- color: #ffffff;
- }
- .td_block_mega_menu .td_mega_menu_sub_cats .cur-sub-cat:hover {
- color: #ffffff;
- }
- .td-affix .td-logo-sticky {
- display: table;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-affix .td-logo-sticky {
- display: inline;
- }
- }
- /* custom stuff */
- #td-outer-wrap {
- position: relative;
- overflow: hidden;
- width: 100%;
- }
- /* hide mobile nav */
- .td-mobile-nav-wrap {
- position: absolute;
- top: 0px;
- left: -80%;
- width: 80%;
- height: 100%;
- background-color: #f5f5f5;
- z-index: 1;
- }
- .td-content-wrap {
- position: relative;
- top: 0;
- left: 0;
- }
- /* toggle button */
- #td-top-mobile-toggle {
- display: none;
- top: 0;
- left: 0;
- z-index: 1;
- /* responsive phone */
- }
- #td-top-mobile-toggle li:before {
- display: none;
- }
- @media (max-width: 767px) {
- #td-top-mobile-toggle {
- display: inline-block;
- position: relative;
- }
- }
- #td-top-mobile-toggle a {
- display: block;
- height: 53px;
- width: 53px;
- }
- #td-top-mobile-toggle i {
- font-size: 26px;
- line-height: 55px;
- padding-left: 13px;
- display: inline-table;
- vertical-align: middle;
- color: #ffffff;
- }
- /* ----------------------------------------------------------------------------
- mobile menu style
- */
- /* close */
- .td-mobile-close {
- position: relative;
- }
- .td-mobile-close a {
- display: block;
- width: 100%;
- padding: 15px 0px 17px 0px;
- text-align: center;
- background-color: #4db2ec;
- color: white;
- font-size: 17px;
- font-family: 'Roboto Condensed', sans-serif;
- z-index: -1;
- -webkit-box-shadow: inset -3px 0px 17px 0px rgba(0, 0, 0, 0.15);
- -moz-box-shadow: inset -3px 0px 17px 0px rgba(0, 0, 0, 0.15);
- box-shadow: inset -3px 0px 17px 0px rgba(0, 0, 0, 0.15);
- }
- .td-mobile-close a:hover {
- text-decoration: none !important;
- color: white;
- opacity: 0.8;
- }
- .td-mobile-close .td-nav-triangle {
- position: absolute;
- right: 0px;
- top: 19px;
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 7.5px 8px 7.5px 0;
- border-color: transparent #ffffff transparent transparent;
- }
- /* menu content */
- .td-mobile-content {
- /* first submenu */
- /* hide the icons */
- }
- .td-mobile-content ul {
- list-style: none;
- margin: 0px;
- padding: 0px;
- box-shadow: none;
- }
- .td-mobile-content li {
- float: none;
- }
- .td-mobile-content li a {
- display: block;
- border-top: 1px solid white;
- border-bottom: 1px solid #e8e8e8;
- line-height: 21px;
- font-size: 15px;
- font-family: Verdana, Geneva, sans-serif;
- text-transform: uppercase;
- color: #1e1e1e;
- padding: 12px 13px 14px 17px;
- }
- .td-mobile-content li a:hover {
- text-decoration: none !important;
- color: #4db2ec;
- background-color: #fafafa !important;
- }
- .td-mobile-content .td-icon-menu-down {
- position: absolute;
- top: 0;
- bottom: 0;
- right: 5px;
- width: 10px;
- z-index: 1000;
- font-size: 16px;
- padding: 12px 28px 8px 13px;
- float: right;
- color: #666666;
- }
- .td-mobile-content .sub-menu {
- /* 2nd level submenu */
- }
- .td-mobile-content .sub-menu .td-icon-menu-down {
- font-size: 11px;
- padding-top: 7px;
- right: 3px;
- color: #999999;
- }
- .td-mobile-content .sub-menu a {
- padding: 7px 8px 9px 36px !important;
- line-height: 19px;
- font-size: 13px;
- }
- .td-mobile-content .sub-menu .sub-menu {
- /* 3rd level submenu */
- }
- .td-mobile-content .sub-menu .sub-menu a {
- padding-left: 55px !important;
- }
- .td-mobile-content .sub-menu .sub-menu .sub-menu a {
- padding-left: 74px !important;
- }
- .td-mobile-content .menu_icon {
- display: none;
- }
- @media screen and (max-width: 767px) {
- #td-outer-wrap {
- display: inline-block;
- vertical-align: bottom;
- }
- /* reposition the main menu */
- #td-mobile-nav {
- position: absolute;
- overflow: hidden;
- display: block;
- width: 100%;
- }
- #td-mobile-nav .menu-item-has-children a {
- width: 100%;
- z-index: 1;
- }
- #td-mobile-nav .td-link-element-after {
- position: relative;
- }
- /*makes the trasition*/
- .td-menu-mob-open-menu .td-mobile-nav-wrap {
- left: 0px;
- }
- .td-menu-mob-open-menu .td-content-wrap {
- left: 80%;
- }
- }
- /* ----------------------------------------------------------------------------
- theme base font type
- */
- body,
- p {
- font-family: Verdana, Geneva, sans-serif;
- font-size: 13px;
- line-height: 21px;
- color: #222222;
- }
- p {
- margin-bottom: 21px;
- }
- /* ----------------------------------------------------------------------------
- theme specific type
- */
- .h5-caps-title {
- font-family: 'Open Sans', arial, sans-serif;
- text-transform: uppercase;
- font-size: 18px;
- font-weight: 600;
- color: #222222;
- }
- a:active,
- a:focus {
- /* IE remove focus */
- outline: none;
- }
- a {
- color: #4db2ec;
- text-decoration: none !important;
- }
- a:hover {
- text-decoration: underline;
- }
- ins {
- background: white;
- text-decoration: none;
- }
- code {
- position: relative;
- top: -1px;
- border: none;
- background-color: #F1F1F1;
- padding: 4px 10px;
- }
- pre {
- background-color: #f1f1f1;
- padding: 4px 10px 4px 10px;
- border: none;
- border-radius: 0px;
- margin-top: 24px;
- }
- cite {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 13px;
- /* ovveride bootstrap */
- font-style: italic;
- font-weight: normal;
- text-transform: none;
- color: #444444;
- }
- cite a {
- color: #444444;
- }
- cite a:hover {
- color: #444444;
- }
- blockquote.pull-right {
- padding-left: 20px;
- border-right: none;
- }
- blockquote.pull-right:after {
- border-right: 2px solid #FB5502;
- width: 40px;
- right: -40px;
- }
- q {
- font-style: italic;
- }
- /* ----------------------------------------------------------------------------
- ul li
- */
- ul {
- padding: 0;
- list-style-position: inside;
- }
- ul li {
- line-height: 24px;
- }
- ol {
- list-style-position: inside;
- padding: 0;
- }
- ol li {
- list-style-type: none;
- line-height: 24px;
- }
- .dl-horizontal a {
- font-weight: 500 !important;
- }
- .dl-horizontal dt {
- width: 70px;
- font-weight: 400;
- line-height: 24px;
- font-size: 15px;
- }
- .dl-horizontal dd {
- margin-left: 90px;
- line-height: 24px;
- font-size: 14px;
- }
- /* ----------------------------------------------------------------------------
- ul li on post content
- */
- .td-post-content,
- .mce-content-body,
- .comment-content {
- font-size: 14px;
- line-height: 24px;
- }
- .td-post-content a:hover,
- .mce-content-body a:hover,
- .comment-content a:hover {
- text-decoration: underline !important;
- }
- .td-post-content p,
- .mce-content-body p,
- .comment-content p {
- font-size: 14px;
- line-height: 24px;
- margin-bottom: 24px;
- }
- .td-post-content ul,
- .mce-content-body ul,
- .comment-content ul {
- list-style-position: inside;
- margin-bottom: 24px;
- }
- .td-post-content ul li,
- .mce-content-body ul li,
- .comment-content ul li {
- margin: 0 0 0 21px;
- }
- .td-post-content ul ul,
- .mce-content-body ul ul,
- .comment-content ul ul,
- .td-post-content ul ol,
- .mce-content-body ul ol,
- .comment-content ul ol {
- margin-bottom: 0;
- padding-left: 0;
- }
- .td-post-content ol,
- .mce-content-body ol,
- .comment-content ol {
- list-style-position: inside;
- margin-bottom: 24px;
- }
- .td-post-content ol li,
- .mce-content-body ol li,
- .comment-content ol li {
- list-style-type: decimal;
- margin: 0 0 0 21px;
- }
- .td-post-content ol ul,
- .mce-content-body ol ul,
- .comment-content ol ul {
- margin-bottom: 0;
- padding-left: 0;
- }
- .td-post-content ol ul > li,
- .mce-content-body ol ul > li,
- .comment-content ol ul > li {
- list-style-type: none;
- }
- .td-post-content ol ol,
- .mce-content-body ol ol,
- .comment-content ol ol {
- padding-left: 0;
- margin-bottom: 0;
- }
- .td-post-content .td-arrow-list li:before,
- .mce-content-body .td-arrow-list li:before,
- .comment-content .td-arrow-list li:before {
- font-family: 'newsmag', sans-serif;
- content: '\e803';
- float: left;
- margin-left: -19px;
- line-height: 24px;
- font-size: 14px;
- }
- .td-post-content .td-arrow-list,
- .mce-content-body .td-arrow-list,
- .comment-content .td-arrow-list {
- margin-left: 21px;
- list-style: none;
- }
- /* ----------------------------------------------------------------------------
- quote
- */
- .td-page-content blockquote,
- .td-post-content blockquote,
- .mce-content-body blockquote,
- .comment-content blockquote {
- padding: 0px;
- position: relative;
- border-left: none;
- margin: 42px 0 38px 0;
- }
- .td-page-content blockquote p,
- .td-post-content blockquote p,
- .mce-content-body blockquote p,
- .comment-content blockquote p {
- font-family: 'Roboto Condensed', sans-serif;
- font-size: 30px;
- line-height: 40px;
- font-weight: normal;
- font-style: italic;
- text-align: center;
- text-transform: uppercase;
- color: #4db2ec;
- }
- blockquote small {
- margin-top: 5px;
- display: block;
- font-size: 13px;
- font-style: italic;
- font-weight: normal;
- text-transform: none;
- color: #444444;
- }
- /* ----------------------------------------------------------------------------
- h
- */
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- font-family: 'Open Sans', arial, sans-serif;
- color: #222222;
- font-weight: 400;
- margin: 6px 0px 6px 0px;
- }
- h1 {
- font-size: 32px;
- line-height: 40px;
- margin-top: 33px;
- margin-bottom: 23px;
- letter-spacing: -0.02em;
- }
- h2 {
- font-size: 27px;
- line-height: 38px;
- margin-top: 30px;
- margin-bottom: 20px;
- letter-spacing: -0.02em;
- }
- h3 {
- font-size: 22px;
- line-height: 30px;
- margin-top: 27px;
- margin-bottom: 17px;
- }
- h4 {
- font-size: 19px;
- line-height: 29px;
- margin-top: 24px;
- margin-bottom: 14px;
- }
- h5 {
- font-size: 17px;
- line-height: 25px;
- margin-top: 21px;
- margin-bottom: 11px;
- }
- h6 {
- font-size: 16px;
- line-height: 24px;
- margin-top: 21px;
- margin-bottom: 11px;
- }
- .td-post-content h1:first-child,
- .td-post-content h2:first-child,
- .td-post-content h3:first-child,
- .td-post-content h4:first-child,
- .td-post-content h5:first-child,
- .td-post-content h6:first-child {
- margin-top: 4px;
- }
- /* ----------------------------------------------------------------------------
- text and Images align
- */
- .td-post-content img,
- .mce-content-body img {
- margin-bottom: 21px;
- }
- .td-post-content figure img,
- .mce-content-body figure img {
- margin-bottom: 0px;
- }
- /* ----------------------------------------------------------------------------
- text and Images align
- */
- .alignnone {
- margin-top: 0px;
- }
- .aligncenter {
- text-align: center;
- clear: both;
- display: block;
- margin-left: auto;
- margin-right: auto;
- margin-top: 6px;
- margin-bottom: 6px;
- }
- /* ----------------------------------------------------------------------------
- align left
- */
- .alignleft:not(.td-post-image-left) {
- float: left;
- margin-right: 21px;
- margin-top: 6px;
- margin-bottom: 6px;
- /* responsive portrait tablet */
- /* responsive portrait phone - just a bit, after 500px we make it non float */
- /* responsive phone CUSTOM - align the image on center */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .alignleft:not(.td-post-image-left) {
- max-width: 220px !important;
- }
- }
- @media (max-width: 767px) {
- .alignleft:not(.td-post-image-left) {
- max-width: 220px !important;
- }
- }
- @media (max-width: 500px) {
- .alignleft:not(.td-post-image-left) {
- float: none;
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- max-width: 100% !important;
- margin-bottom: 21px;
- }
- .alignleft:not(.td-post-image-left) img {
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- }
- .alignleft:not(.td-post-image-left) figcaption {
- text-align: center;
- }
- }
- .td-pb-span12,
- .mceContentBody-max-width-big {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span12 .alignleft:not(.td-post-image-left),
- .mceContentBody-max-width-big .alignleft:not(.td-post-image-left) {
- max-width: 400px !important;
- }
- }
- /* ----------------------------------------------------------------------------
- align right
- */
- .alignright:not(.td-post-image-right) {
- float: right;
- margin-left: 21px;
- margin-top: 6px;
- margin-bottom: 6px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- /* responsive phone CUSTOM */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .alignright:not(.td-post-image-right) {
- max-width: 220px !important;
- }
- }
- @media (max-width: 767px) {
- .alignright:not(.td-post-image-right) {
- max-width: 220px !important;
- }
- }
- @media (max-width: 500px) {
- .alignright:not(.td-post-image-right) {
- float: none;
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- max-width: 100% !important;
- margin-bottom: 21px;
- }
- .alignright:not(.td-post-image-right) img {
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- }
- .alignright:not(.td-post-image-right) figcaption {
- text-align: center;
- }
- }
- .td-pb-span12,
- .mceContentBody-max-width-big {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span12 .alignright:not(.td-post-image-left),
- .mceContentBody-max-width-big .alignright:not(.td-post-image-left) {
- max-width: 400px !important;
- }
- }
- figure.alignright,
- figure.alignleft,
- figure.aligncenter {
- margin-bottom: 0px;
- }
- .alignnone img,
- .aligncenter img {
- width: 100%;
- }
- img.wp-smiley {
- width: auto;
- }
- /* ----------------------------------------------------------------------------
- caption
- */
- .wp-caption-text,
- .wp-caption-dd {
- font-family: Verdana, Geneva, sans-serif;
- text-align: right;
- margin: 4px 0px 17px 0px;
- font-size: 11px;
- font-style: italic;
- font-weight: normal;
- line-height: 17px;
- color: #444444;
- z-index: 1;
- }
- .wp-caption {
- text-align: center;
- max-width: 100% !important;
- }
- .wp-caption img {
- max-width: 100% !important;
- }
- /* ----------------------------------------------------------------------------
- table
- */
- table {
- width: 100%;
- }
- table th {
- text-align: left;
- border: 1px solid #e6e6e6;
- padding: 2px 8px;
- }
- table td {
- border: 1px solid #e6e6e6;
- padding: 2px 8px;
- }
- table .odd td {
- background-color: #fcfcfc;
- }
- address {
- font-size: inherit !important;
- line-height: inherit !important;
- margin-bottom: 21px;
- }
- big {
- text-transform: uppercase;
- }
- /* Post content */
- .post {
- font-family: Verdana, Geneva, sans-serif;
- font-size: 12px;
- line-height: 21px;
- color: #444444;
- }
- /* Forms, textarea */
- textarea {
- font-family: Verdana, Geneva, sans-serif;
- font-size: 12px;
- line-height: 21px;
- color: #444444;
- border: 1px solid #e6e6e6;
- width: 100%;
- max-width: 100%;
- height: 168px;
- min-height: 168px;
- padding: 6px 9px 6px 9px;
- }
- textarea:active,
- textarea:focus {
- border-color: #cccccc;
- }
- textarea:focus,
- input:focus,
- input[type]:focus {
- outline: 0 none;
- }
- /* Input buttons */
- input[type=submit] {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-weight: bold;
- line-height: 16px;
- background-color: #222222;
- border-radius: 3px;
- color: #ffffff;
- border: none;
- padding: 8px 15px 8px 15px;
- }
- input[type=submit]:hover {
- background-color: #4db2ec;
- }
- input[type=text] {
- font-family: Verdana, Geneva, sans-serif;
- font-size: 12px;
- line-height: 21px;
- color: #444444;
- border: 1px solid #e6e6e6;
- width: 100%;
- max-width: 100%;
- height: 34px;
- padding: 3px 9px 3px 9px;
- }
- input[type=text]:active,
- input[type=text]:focus {
- border-color: #cccccc;
- }
- /* ----------------------------------------------------------------------------
- embed
- */
- embed {
- width: 100%;
- }
- .videopress-placeholder {
- width: 100% !important;
- }
- .videopress-poster {
- height: auto !important;
- width: 100% !important;
- }
- .video-player {
- width: 100% !important;
- }
- /* ----------------------------------------------------------------------------
- custom post padding
- */
- .td-paragraph-padding-0 {
- display: inline-block;
- padding-left: 0%;
- padding-right: 11%;
- }
- .td-paragraph-padding-1 {
- display: inline-block;
- padding-left: 11%;
- padding-right: 11%;
- }
- .td-paragraph-padding-2 {
- display: inline-block;
- padding-left: 17.5%;
- padding-right: 17.5%;
- }
- .td-paragraph-padding-3 {
- display: inline-block;
- padding-left: 11%;
- padding-right: 17.5%;
- }
- .td-paragraph-padding-4 {
- display: inline-block;
- padding-left: 11%;
- padding-right: 0%;
- }
- .td-paragraph-padding-5 {
- display: inline-block;
- padding-left: 22.5%;
- padding-right: 22.5%;
- }
- .td-paragraph-padding-6 {
- display: inline-block;
- padding-left: 17.5%;
- padding-right: 11%;
- }
- .td-pb-span8 .td-paragraph-padding-0,
- .td-pb-span8 .td-paragraph-padding-0,
- .mceContentBody-max-width-small .td-paragraph-padding-0 {
- padding-right: 3%;
- }
- .td-pb-span8 .td-paragraph-padding-1,
- .td-pb-span8 .td-paragraph-padding-1,
- .mceContentBody-max-width-small .td-paragraph-padding-1 {
- padding-left: 3%;
- padding-right: 3%;
- }
- .td-pb-span8 .td-paragraph-padding-2,
- .td-pb-span8 .td-paragraph-padding-2,
- .mceContentBody-max-width-small .td-paragraph-padding-2 {
- padding-left: 8.5%;
- padding-right: 8.5%;
- }
- .td-pb-span8 .td-paragraph-padding-3,
- .td-pb-span8 .td-paragraph-padding-3,
- .mceContentBody-max-width-small .td-paragraph-padding-3 {
- display: inline-block;
- padding-left: 3%;
- padding-right: 8.5%;
- }
- .td-pb-span8 .td-paragraph-padding-4,
- .td-pb-span8 .td-paragraph-padding-4,
- .mceContentBody-max-width-small .td-paragraph-padding-4 {
- padding-left: 3%;
- }
- .td-pb-span8 .td-paragraph-padding-5,
- .td-pb-span8 .td-paragraph-padding-5,
- .mceContentBody-max-width-small .td-paragraph-padding-5 {
- display: inline-block;
- padding-left: 10.5%;
- padding-right: 10.5%;
- }
- .td-pb-span8 .td-paragraph-padding-6,
- .td-pb-span8 .td-paragraph-padding-6,
- .mceContentBody-max-width-small .td-paragraph-padding-6 {
- display: inline-block;
- padding-left: 8.5%;
- padding-right: 3%;
- }
- /* responsive phone */
- @media (max-width: 500px) {
- .td-paragraph-padding-0,
- .td-paragraph-padding-1,
- .td-paragraph-padding-2,
- .td-paragraph-padding-3,
- .td-paragraph-padding-4,
- .td-paragraph-padding-5,
- .td-paragraph-padding-6 {
- padding-left: 10px !important;
- padding-right: 10px !important;
- display: block;
- }
- }
- /* ----------------------------------------------------------------------------
- tagDiv image styles
- the .td-post-image-lef is moved:
- - from image to link
- or
- - from image to figure
- */
- /* ----------------------------------------------------------------------------
- td image left
- */
- .td-post-image-left {
- float: left;
- position: relative;
- left: -21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- /* responsive phone CUSTOM - align the image on center */
- }
- .td-post-image-left figcaption {
- padding-left: 20px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-image-left {
- left: -18px;
- max-width: 220px !important;
- }
- .td-post-image-left figcaption {
- padding-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-post-image-left {
- max-width: 220px !important;
- left: 0px;
- margin-right: 21px;
- }
- .td-post-image-left figcaption {
- padding-right: 0px;
- }
- }
- @media (max-width: 500px) {
- .td-post-image-left {
- float: none;
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- max-width: 100% !important;
- }
- }
- /* ----------------------------------------------------------------------------
- td image right
- */
- .td-post-image-right {
- float: right;
- position: relative;
- right: -20px;
- z-index: 1;
- }
- .td-post-image-right figcaption {
- padding-right: 20px;
- }
- /* responsive portrait tablet */
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-image-right {
- right: -18px;
- max-width: 220px !important;
- }
- .td-post-image-right figcaption {
- padding-right: 17px;
- }
- }
- /* responsive portrait phone */
- @media (max-width: 767px) {
- .td-post-image-right {
- right: 0px;
- margin-left: 21px;
- max-width: 220px !important;
- }
- .td-post-image-right figcaption {
- padding-right: 0px;
- }
- }
- /* responsive phone CUSTOM - align the image on center */
- @media (max-width: 500px) {
- .td-post-image-right {
- float: none;
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- max-width: 100% !important;
- }
- }
- /* ----------------------------------------------------------------------------
- td image full width
- */
- .td-post-image-full {
- position: relative;
- left: -21px;
- max-width: none !important;
- width: 681px !important;
- z-index: 1;
- }
- .td-post-image-full figcaption {
- padding-right: 20px;
- padding-left: 20px;
- }
- /* responsive portrait tablet */
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-image-full {
- left: -18px;
- width: 505px !important;
- }
- .td-post-image-full figcaption {
- padding-right: 17px;
- padding-left: 17px;
- }
- }
- /* responsive portrait phone */
- @media (max-width: 767px) {
- .td-post-image-full {
- left: 0px;
- width: 100% !important;
- max-width: 100% !important;
- }
- .td-post-image-full figcaption {
- padding-right: 0px;
- padding-left: 0px;
- }
- }
- .td-pb-span12 .td-post-image-full,
- .mceContentBody-max-width-big .td-post-image-full {
- width: 1021px !important;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span12 .td-post-image-full,
- .mceContentBody-max-width-big .td-post-image-full {
- width: 756px !important;
- }
- }
- /* ----------------------------------------------------------------------------
- td image full width -and-grid
- */
- .td-post-image-full-and-grid {
- position: relative;
- left: -20px;
- max-width: none !important;
- width: 679px !important;
- z-index: 1;
- }
- .td-post-image-full-and-grid figcaption {
- padding-right: 20px;
- padding-left: 20px;
- }
- /* responsive portrait tablet */
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-image-full-and-grid {
- left: -17px;
- width: 503px !important;
- }
- .td-post-image-full-and-grid figcaption {
- padding-right: 17px;
- padding-left: 17px;
- }
- }
- /* responsive portrait phone */
- @media (max-width: 767px) {
- .td-post-image-full-and-grid {
- left: 0px;
- width: 100% !important;
- max-width: 100% !important;
- }
- .td-post-image-full-and-grid figcaption {
- padding-right: 0px;
- padding-left: 0px;
- }
- }
- .td-pb-span12 .td-post-image-full-and-grid,
- .mceContentBody-max-width-big .td-post-image-full-and-grid {
- width: 1019px !important;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span12 .td-post-image-full-and-grid,
- .mceContentBody-max-width-big .td-post-image-full-and-grid {
- width: 754px !important;
- }
- }
- /* ----------------------------------------------------------------------------
- Post grid padding
- */
- .td-post-header {
- padding-top: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-header {
- padding-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-post-header {
- padding-top: 15px;
- }
- }
- .td-post-border-top {
- border-top: 1px solid #e6e6e6;
- }
- /* ----------------------------------------------------------------------------
- Breadcrumbs
- */
- .entry-crumbs {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 10px;
- line-height: 15px;
- color: #c3c3c3;
- position: relative;
- top: -5px;
- }
- .entry-crumbs a {
- color: #c3c3c3;
- }
- .entry-crumbs a:hover {
- color: #777777;
- }
- .entry-crumbs .td-bread-sep {
- font-size: 8px;
- margin: 0 5px 0 5px;
- }
- /* ----------------------------------------------------------------------------
- Category
- */
- .td-category {
- margin: 0px;
- padding: 0px;
- list-style: none;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 9px;
- font-weight: 700;
- text-transform: uppercase;
- line-height: 15px;
- }
- .td-category li {
- display: inline-block;
- line-height: 15px;
- margin: 0px 10px 3px 0px;
- }
- .td-category a {
- color: #ffffff;
- background-color: #4db2ec;
- padding: 1px 7px 1px 7px;
- border-radius: 3px;
- white-space: nowrap;
- }
- .td-category a:hover {
- opacity: 0.9;
- }
- /* ----------------------------------------------------------------------------
- Post title
- */
- .post footer {
- clear: both;
- }
- .post p {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .post p {
- padding-left: 0px !important;
- padding-right: 0px !important;
- }
- }
- .post header h1 {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 400;
- font-size: 32px;
- line-height: 40px;
- color: #222222;
- margin: 6px 0px 7px 0px;
- word-wrap: break-word;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .post header h1 {
- font-size: 28px;
- line-height: 36px;
- }
- }
- /* ----------------------------------------------------------------------------
- Subtitle
- */
- .td-post-sub-title {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 13px;
- font-style: italic;
- line-height: 22px;
- color: #999999;
- padding: 5px 0px 8px 0px;
- margin: 13px 0px 13px 0px;
- border-bottom: 1px dashed #f1f1f1;
- border-top: 1px dashed #f1f1f1;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-sub-title {
- margin: 11px 0px 11px 0px;
- }
- }
- @media (max-width: 767px) {
- .td-post-sub-title {
- margin: 8px 0px 8px 0px;
- }
- }
- /* ----------------------------------------------------------------------------
- Author - Date - Comments - Count views
- */
- .bypostauthor {
- line-height: 1;
- }
- .meta-info {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- color: #444444;
- line-height: 16px;
- font-style: italic;
- margin-bottom: 15px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .meta-info {
- margin-bottom: 12px;
- }
- }
- @media (max-width: 767px) {
- .meta-info {
- margin-bottom: 10px;
- }
- }
- .td-post-author-name {
- display: inline-block;
- margin-right: 3px;
- }
- .td-post-author-name a {
- color: #222222;
- font-weight: 700;
- font-style: italic;
- }
- .td-post-author-name a:hover {
- color: #222222;
- text-decoration: none !important;
- }
- .td-post-author-name span {
- margin-left: 3px;
- }
- .td-post-date {
- display: inline-block;
- margin-right: 3px;
- }
- .td-post-views {
- display: inline-block;
- margin-left: 9px;
- }
- .td-post-views i {
- margin: 0px 5px 0px 5px;
- font-size: 13px;
- position: relative;
- top: 1px;
- }
- .td-post-comments {
- display: inline-block;
- margin-left: 9px;
- }
- .td-post-comments a {
- color: #444444;
- }
- .td-post-comments a:hover {
- text-decoration: none !important;
- }
- .td-post-comments i {
- margin: 0px 8px 0px 8px;
- font-size: 9px;
- }
- /* ----------------------------------------------------------------------------
- Sharing
- */
- .td-post-sharing {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 14px;
- color: #222222;
- font-weight: 700;
- line-height: 10px;
- border-top: 1px solid #e6e6e6;
- }
- .td-post-sharing a {
- display: inline-block;
- }
- .td-default-sharing {
- display: inline-block;
- vertical-align: middle;
- margin: 10px 0px 10px 0px;
- }
- .td-social-sharing-buttons {
- font-size: 11px;
- color: #ffffff;
- height: 32px;
- border-radius: 3px;
- margin-right: 6px;
- }
- .td-social-sharing-buttons:hover {
- color: #ffffff;
- opacity: 0.9;
- }
- .td-social-sharing-buttons div {
- display: inline-block;
- }
- .td-social-facebook {
- background-color: #516eab;
- }
- .td-social-twitter {
- background-color: #29c5f6;
- }
- .td-social-twitter .td-social-but-text {
- border-left: 1px solid rgba(255, 255, 255, 0.25);
- }
- .td-social-google {
- background-color: #eb4026;
- }
- .td-social-pinterest {
- background-color: #ca212a;
- }
- .td-social-but-text {
- position: relative;
- top: -12px;
- padding: 0px 9px 0px 9px;
- border-left: 1px solid rgba(255, 255, 255, 0.1);
- }
- .td-with-like .td-social-but-text {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-with-like .td-social-but-text {
- display: none;
- }
- }
- .td-classic-sharing {
- display: inline-block;
- vertical-align: middle;
- margin: 16px 0px 15px 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-classic-sharing {
- display: block;
- margin: 0px;
- }
- }
- .td-classic-sharing ul {
- margin: 0px;
- padding: 0px;
- }
- .td-classic-sharing li {
- list-style: none;
- display: inline-block;
- height: 20px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-classic-sharing li {
- margin-left: 0px;
- height: auto;
- }
- }
- .td-classic-facebook {
- margin-left: 4px;
- }
- .td-classic-twitter {
- position: relative;
- top: -1px;
- left: 2px;
- }
- .td-classic-twitter .twitter-share-button {
- margin: 0px !important;
- }
- .td-post-share-title {
- position: relative;
- margin-right: 20px;
- vertical-align: middle;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-share-title {
- display: none;
- }
- }
- /* ----------------------------------------------------------------------------
- Featured image
- */
- .td-post-content {
- padding-top: 20px;
- border-top: 1px solid #e6e6e6;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-content {
- padding-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-post-content {
- padding-top: 10px;
- }
- }
- .td-post-content .td-module-thumb {
- margin-bottom: 22px;
- }
- .td-modal-image img {
- margin-bottom: 21px;
- }
- /* ----------------------------------------------------------------------------
- Source and Via
- */
- .td-post-source-via {
- font-family: 'Open Sans', arial, sans-serif;
- line-height: 21px;
- font-size: 9px;
- font-weight: 700;
- text-transform: uppercase;
- font-style: normal;
- }
- .td-post-small-box {
- height: 15px;
- line-height: 15px;
- margin-bottom: 3px;
- }
- .td-post-small-box span {
- background-color: #444444;
- padding: 1px 7px 1px 7px;
- color: #ffffff;
- }
- .td-post-small-box a {
- background-color: #a5a5a5;
- margin: 0px 0px 0px 3px;
- padding: 1px 7px 1px 7px;
- color: #ffffff;
- }
- .td-post-small-box a:hover {
- text-decoration: none !important;
- background-color: #4db2ec;
- color: #ffffff;
- }
- /* ----------------------------------------------------------------------------
- Tags
- */
- .td-post-source-tags {
- margin: 15px 0px 18px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-source-tags {
- margin: 11px 0px 14px 0px;
- }
- }
- @media (max-width: 767px) {
- .td-post-source-tags {
- margin: 5px 0px 8px 0px;
- }
- }
- .td-tags {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 9px;
- font-weight: 700;
- text-transform: uppercase;
- font-style: normal;
- margin: 0px;
- padding: 0px;
- height: 15px;
- line-height: 15px;
- display: table;
- }
- .td-tags li {
- list-style: none;
- display: inline-block;
- height: 15px;
- line-height: 15px;
- margin: 0px 0px 3px 0px;
- }
- .td-tags a {
- margin: 0px 3px 0px 0px;
- }
- .td-tags span {
- margin-right: 3px;
- }
- /* ----------------------------------------------------------------------------
- Next / Prev article
- */
- .td-post-next-prev {
- border-top: 1px solid #e6e6e6;
- position: relative;
- }
- .td-post-next-prev .td-block-span6 {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-next-prev .td-block-span6 {
- width: 50% !important;
- padding: 0px 10px 0px 10px !important;
- }
- }
- .td-next-prev-separator {
- position: absolute;
- width: 1px;
- height: 100%;
- background-color: #e6e6e6;
- display: block;
- left: 50%;
- }
- .td-post-prev-post,
- .td-post-next-post {
- position: relative;
- }
- .td-post-prev-post a:hover,
- .td-post-next-post a:hover {
- color: #4db2ec;
- }
- .td-post-next-post {
- text-align: right;
- }
- .td-block-span6.td-post-prev-post {
- width: 50% !important;
- padding: 0px 20px 0px 20px !important;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-block-span6.td-post-prev-post {
- padding: 0px 17px 0px 17px !important;
- }
- }
- @media (max-width: 767px) {
- .td-block-span6.td-post-prev-post {
- padding: 0px 10px 0px 10px !important;
- }
- }
- .td-block-span6.td-post-next-post {
- width: 50% !important;
- padding: 0px 20px 0px 20px !important;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-block-span6.td-post-next-post {
- padding: 0px 17px 0px 17px !important;
- }
- }
- @media (max-width: 767px) {
- .td-block-span6.td-post-next-post {
- padding: 0px 10px 0px 10px !important;
- }
- }
- .td-post-next-prev-content {
- display: inline-block;
- font-family: 'Open Sans', arial, sans-serif;
- }
- .td-post-next-prev-content span {
- display: block;
- font-size: 12px;
- color: #c1c1c1;
- font-weight: 600;
- margin: 33px 0px 6px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-next-prev-content span {
- margin-top: 29px;
- }
- }
- @media (max-width: 767px) {
- .td-post-next-prev-content span {
- margin-top: 19px;
- }
- }
- .td-post-next-prev-content a {
- display: block;
- font-size: 15px;
- color: #222222;
- font-weight: bold;
- line-height: 21px;
- margin-bottom: 38px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-next-prev-content a {
- margin-bottom: 34px;
- }
- }
- @media (max-width: 767px) {
- .td-post-next-prev-content a {
- margin-bottom: 24px;
- }
- }
- /* ----------------------------------------------------------------------------
- Author box
- */
- .author-box-wrap {
- border-top: 1px solid #e6e6e6;
- padding: 21px 19px 17px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .author-box-wrap {
- padding: 17px 17px 13px 17px;
- }
- }
- @media (max-width: 767px) {
- .author-box-wrap {
- padding: 10px 10px 10px 10px;
- }
- }
- .author-box-wrap .td-author-social a {
- color: #444444;
- }
- .author-box-wrap .desc {
- margin: 0px 0px 4px 120px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .author-box-wrap .desc {
- margin: 0px;
- text-align: center;
- }
- }
- .author-box-wrap .avatar {
- float: left;
- height: 100px;
- width: 100px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .author-box-wrap .avatar {
- float: none;
- margin-right: auto;
- margin-left: auto;
- margin-bottom: 9px;
- }
- }
- .author-box-wrap .td-social-icon-wrap a {
- margin-top: 9px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .author-box-wrap .td-social-icon-wrap a {
- margin-top: 2px;
- }
- }
- .td-author-name {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 15px;
- line-height: 21px;
- font-weight: bold;
- margin: 6px 0px 8px 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-author-name {
- margin: 0px 0px 4px 0px;
- }
- }
- .td-author-name a {
- color: #222222;
- }
- .td-author-name a:hover {
- color: #4db2ec;
- }
- .td-author-url {
- font-size: 11px;
- font-style: italic;
- line-height: 21px;
- margin-bottom: 6px;
- }
- .td-author-url a {
- color: #444444;
- }
- .td-author-url a:hover {
- color: #4db2ec;
- }
- /* ----------------------------------------------------------------------------
- Related / similar articles
- */
- .td_block_related_posts {
- position: relative;
- }
- .td_block_related_posts .td-related-span4 {
- padding-bottom: 17px;
- }
- .td_block_related_posts .entry-title {
- margin: 0px;
- line-height: 17px;
- font-weight: 600;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_related_posts .entry-title {
- line-height: 12px;
- margin-top: 4px;
- }
- }
- .td_block_related_posts .entry-title a {
- font-size: 13px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_related_posts .entry-title a {
- font-size: 11px;
- }
- }
- .td_block_related_posts .td-module-thumb {
- margin-bottom: 6px;
- position: relative;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_related_posts .td-module-thumb {
- margin-bottom: 0;
- }
- }
- .td_block_related_posts .td-next-prev-wrap {
- display: inline-block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 20px 19px 0 0;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_related_posts .td-next-prev-wrap {
- margin: 17px 17px 0 0;
- }
- }
- @media (max-width: 767px) {
- .td_block_related_posts .td-next-prev-wrap {
- display: none;
- }
- }
- .td_block_related_posts .td-next-prev-wrap i {
- line-height: 1;
- }
- .td_block_related_posts .td-loader-gif {
- /* responsive phone */
- }
- @media (max-width: 767px) {
- .td_block_related_posts .td-loader-gif {
- top: 50%;
- }
- }
- .td_block_related_posts .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_block_related_posts .entry-thumb {
- min-height: 150px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_related_posts .entry-thumb {
- min-height: 108px;
- }
- }
- .td-related-full-width .td-next-prev-wrap {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-related-full-width .td-next-prev-wrap {
- margin: 17px 19px 0px 0px;
- }
- }
- /* responsive portrait phone - fix the related posts on full width layout on phones*/
- @media (max-width: 767px) {
- .td-related-full-width .td-post-category {
- display: none !important;
- }
- }
- @media (max-width: 500px) {
- .td-related-full-width .td-related-span4 {
- display: block;
- float: none !important;
- width: 100% !important;
- min-height: 68px !important;
- }
- .td-related-full-width .td-module-thumb {
- width: 75px;
- position: absolute;
- left: 0px;
- top: 0px;
- }
- .td-related-full-width .td-post-category {
- display: none !important;
- }
- .td-related-full-width .item-details {
- float: left;
- margin-left: 86px;
- }
- }
- .td-related-title {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-weight: 700;
- line-height: 16px;
- margin: 22px 0px 22px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-related-title {
- margin: 19px 0px 19px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-related-title {
- display: table;
- margin-left: auto;
- margin-right: auto;
- }
- }
- .td-related-title .td-related-left {
- color: #222222;
- border-radius: 3px 0px 0px 3px;
- padding: 1px 15px 1px 15px;
- border: 1px solid #222222;
- white-space: nowrap;
- }
- .td-related-title .td-related-left:hover {
- background-color: #fafafa;
- }
- .td-related-title .td-related-right {
- border-radius: 0px 3px 3px 0px;
- border-top: 1px;
- border-right: 1px;
- border-bottom: 1px;
- border-left: 0px;
- border-color: #222222;
- border-style: solid;
- padding: 1px 14px 1px 14px;
- background-color: #ffffff;
- color: #222222;
- white-space: nowrap;
- }
- .td-related-title .td-related-right:hover {
- background-color: #fafafa;
- }
- .td-related-title .td-cur-simple-item {
- background-color: #222222;
- color: #ffffff;
- }
- .td-related-title .td-cur-simple-item:hover {
- background-color: #222222;
- }
- .td_mod_related_posts:hover a {
- color: #4db2ec;
- }
- .td_mod_related_posts:hover .td-post-category {
- color: #ffffff;
- }
- .post-password-form label {
- float: left;
- height: 32px;
- margin-bottom: 21px;
- }
- .post-password-form input[type="password"] {
- border: 1px solid #E6E6E6;
- border-right: 0px;
- display: inline-table;
- height: 32px;
- line-height: 21px;
- vertical-align: middle;
- width: 232px;
- padding: 1px 5px 2px 10px;
- margin-left: 5px;
- }
- .post-password-form input[type="submit"] {
- float: left;
- border-radius: 0px 3px 3px 0px;
- }
- .mejs-container {
- margin-bottom: 20px;
- }
- .mejs-overlay .mejs-overlay-button {
- background: url('images/icons/ico-video-large.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
- margin: 0 !important;
- width: 40px;
- height: 40px;
- }
- .mejs-overlay:hover .mejs-overlay-button {
- background-position: 0 0 !important;
- }
- .mejs-overlay-loading {
- display: none;
- }
- .wpb_video_wrapper iframe {
- margin-bottom: 16px;
- }
- .more-link-wrap {
- font-family: 'Open Sans', arial, sans-serif;
- height: 30px;
- line-height: 29px;
- margin-left: auto;
- margin-right: auto;
- display: table;
- margin-bottom: 21px;
- }
- .more-link-wrap a {
- background-color: #444;
- border-radius: 3px;
- color: #ffffff;
- font-size: 11px;
- font-weight: bold;
- line-height: 16px;
- padding: 8px 15px;
- }
- .more-link-wrap a:hover {
- background-color: #4db2ec;
- text-decoration: none !important;
- }
- .wp-video {
- margin-bottom: 20px;
- }
- /* ----------------------------------------------------------------------------
- VC in post hack
- */
- .td-post-content .wpb_row {
- overflow: hidden;
- left: -21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-content .wpb_row {
- left: -18px;
- }
- }
- @media (max-width: 767px) {
- .td-post-content .wpb_row {
- left: 0px;
- }
- }
- .td-post-content .wpb_row .wpb_content_element {
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-content .wpb_row .wpb_content_element {
- padding-left: 17px;
- padding-right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-post-content .wpb_row .wpb_content_element {
- padding-left: 0px;
- padding-right: 0px;
- }
- }
- .td-post-content .wpb_row .column_container {
- border: 0px;
- }
- .td-post-content .wpb_row .vc_btn {
- margin-left: 20px;
- margin-right: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-content .wpb_row .vc_btn {
- margin-left: 17px;
- margin-right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-post-content .wpb_row .vc_btn {
- margin-left: 0px;
- margin-right: 0px;
- }
- }
- .td-pb-span12 .td-post-content .td-pb-span12 .wpb_content_element {
- padding-left: 0px;
- padding-right: 0px;
- }
- .td-pb-span12 .td-post-content .wpb_row .td-pb-span4 .wpb_content_element {
- padding-right: 20px;
- padding-left: 0px;
- }
- .td-pb-span12 .td-post-content .wpb_row .vc_btn {
- margin-left: 0px;
- margin-right: 0px;
- }
- /* ----------------------------------------------------------------------------
- Template 1
- */
- .td-post-template-1 .td-post-content {
- border-top: 1px solid #e6e6e6;
- padding-top: 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-1 .td-post-content {
- padding-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-1 .td-post-content {
- padding-top: 15px;
- }
- }
- .td-post-template-1 .td-post-featured-image {
- float: left;
- width: 300px;
- margin-right: 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-1 .td-post-featured-image {
- width: 200px;
- margin-right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-1 .td-post-featured-image {
- width: 40%;
- margin-right: 15px;
- }
- }
- .td-post-template-1 .post h1 {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-1 .post h1 {
- font-size: 28px;
- line-height: 36px;
- }
- }
- .td-post-template-1 footer {
- clear: both;
- }
- /* ----------------------------------------------------------------------------
- Template 2
- */
- .td-post-template-2 .post h1 {
- font-size: 48px;
- line-height: 58px;
- margin-top: 6px;
- margin-bottom: 5px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-2 .post h1 {
- font-size: 40px;
- line-height: 48px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-2 .post h1 {
- font-size: 28px;
- line-height: 36px;
- }
- }
- .td-post-template-2 .meta-info {
- margin-bottom: 14px;
- }
- .td-post-template-2 .td-post-sub-title {
- font-size: 16px;
- line-height: 26px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-2 .td-post-sub-title {
- margin: 14px 0px 14px 0px;
- }
- }
- /* ----------------------------------------------------------------------------
- Template 3
- */
- .td-post-template-3 header h1 {
- font-size: 48px;
- line-height: 58px;
- margin-top: 6px;
- margin-bottom: 5px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-3 header h1 {
- font-size: 40px;
- line-height: 48px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-3 header h1 {
- font-size: 28px;
- line-height: 36px;
- }
- }
- .td-post-template-3 .td-post-featured-image figure img {
- margin-bottom: 0px;
- }
- .td-post-template-3 .td-post-featured-image .wp-caption-text {
- margin-right: 21px;
- margin-bottom: 0px;
- }
- .td-post-template-3 .td-post-content {
- padding-top: 10px;
- }
- .td-post-template-3 .td-post-featured-image:after {
- background-color: #FFFFFF;
- bottom: -2px;
- content: "";
- display: block;
- height: 3px;
- position: relative;
- width: 679px;
- }
- .td-post-template-3 .meta-info {
- margin-bottom: 14px;
- }
- .td-post-template-3 .td-post-sub-title {
- font-size: 16px;
- line-height: 26px;
- }
- .td-post-template-3 .td-post-featured-image {
- width: 681px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- .td-post-template-3 .td-post-featured-image img {
- z-index: 1;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-3 .td-post-featured-image {
- width: 505px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-3 .td-post-featured-image {
- width: auto;
- }
- }
- .td-post-template-3 .td-post-featured-image .entry-thumb {
- left: -1px;
- position: relative;
- margin-bottom: 7px;
- margin-left: auto;
- margin-right: auto;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-3 .td-post-featured-image .entry-thumb {
- left: 0px;
- }
- }
- .td-post-template-3 .td-pb-span12 .td-post-featured-image {
- width: 1021px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-3 .td-pb-span12 .td-post-featured-image {
- width: 756px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-3 .td-pb-span12 .td-post-featured-image {
- width: 100%;
- }
- }
- .td-post-template-3 .td-pb-span12 .td-post-featured-image:after {
- width: 1021px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-3 .td-pb-span12 .td-post-featured-image:after {
- width: 756px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-3 .td-pb-span12 .td-post-featured-image:after {
- width: 100%;
- }
- }
- .single-format-video .td-post-template-3 .wpb_video_wrapper iframe {
- margin-bottom: 0px;
- }
- .single-format-video .td-post-template-3 .td-post-content {
- border-top: 0px;
- }
- /* ----------------------------------------------------------------------------
- Template 4
- */
- .td-post-template-4 header {
- position: absolute;
- bottom: 0;
- z-index: 1;
- }
- .td-post-template-4 header .entry-title,
- .td-post-template-4 header .td-post-sub-title,
- .td-post-template-4 header .meta-info,
- .td-post-template-4 header .entry-date,
- .td-post-template-4 header .td-post-author-name a,
- .td-post-template-4 header .td-post-comments a {
- color: #ffffff;
- }
- .td-post-template-4 header h1 {
- font-size: 48px;
- line-height: 58px;
- margin-top: 7px;
- margin-bottom: 5px;
- position: relative;
- right: 2px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-4 header h1 {
- font-size: 40px;
- line-height: 48px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-4 header h1 {
- font-size: 18px;
- line-height: 24px;
- right: 0px;
- }
- }
- .td-post-template-4 .meta-info {
- margin-bottom: 16px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-4 .meta-info {
- margin-bottom: 10px;
- }
- }
- .td-post-template-4 .entry-thumb {
- padding-bottom: 0px;
- margin-bottom: 0px;
- }
- .td-post-template-4 .entry-crumbs {
- top: 0px;
- padding: 15px 0px 15px 0px;
- }
- .td-post-template-4 .td-post-header {
- padding-top: 0px;
- border-bottom: 0px;
- }
- .td-post-template-4 .td-post-sharing-top {
- border-top: 0px;
- border-bottom: 1px solid #e6e6e6;
- }
- .td-post-template-4 .td-post-featured-image {
- min-height: 200px;
- background-color: #444444;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-4 .td-post-featured-image {
- min-height: 182px;
- }
- }
- .td-post-template-4 .td-post-featured-image .wp-caption-text {
- bottom: 0;
- color: #FFFFFF;
- position: absolute;
- right: 0;
- margin-right: 20px;
- max-width: 400px;
- height: 17px;
- overflow: hidden;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-4 .td-post-featured-image .wp-caption-text {
- display: none;
- }
- }
- .td-post-template-4 .td-post-content {
- border-top: none;
- margin-top: 0px;
- padding-top: 14px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-4 .td-post-content {
- padding-top: 10px;
- }
- }
- .td-post-template-4 .td-post-sub-title {
- font-size: 16px;
- line-height: 26px;
- border: 0px;
- padding: 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-4 .td-post-sub-title {
- display: none;
- }
- }
- /* ----------------------------------------------------------------------------
- Template 5
- */
- .td-post-template-5 header {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 680px;
- background-color: #ffffff;
- padding-top: 19px;
- border-left: 1px solid #e6e6e6;
- z-index: 1;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-5 header {
- width: 504px;
- padding-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-5 header {
- padding-top: 12px;
- width: auto;
- position: relative;
- }
- }
- .td-post-template-5 header h1 {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-5 header h1 {
- font-size: 28px;
- line-height: 36px;
- }
- }
- .td-post-template-5 .td-post-featured-image {
- min-height: 200px;
- background-color: #444444;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-5 .td-post-featured-image {
- min-height: 100%;
- }
- }
- .td-post-template-5 .td-post-featured-image .wp-caption-text {
- bottom: 0;
- color: #FFFFFF;
- position: absolute;
- right: 0;
- margin-right: 20px;
- width: 300px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-5 .td-post-featured-image .wp-caption-text {
- width: 215px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-5 .td-post-featured-image .wp-caption-text {
- display: none;
- }
- }
- .td-post-template-5 .entry-thumb {
- padding-bottom: 0px;
- margin-bottom: 0px;
- }
- .td-post-template-5 .td-post-header .meta-info {
- border-bottom: 1px dashed #f1f1f1;
- margin-bottom: 0px;
- padding-bottom: 15px;
- }
- .td-post-template-5 .entry-crumbs {
- top: 0px;
- padding: 15px 0px 15px 0px;
- }
- .td-post-template-5 .td-post-header {
- padding-top: 0px;
- border-bottom: 0px;
- }
- .td-post-template-5 .td-post-sharing-top {
- border-top: none;
- border-bottom: 1px dashed #f1f1f1;
- padding-left: 0px;
- padding-right: 0px;
- margin: 0px 19px 0px 20px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-5 .td-post-sharing-top {
- margin: 0px 10px 0px 10px;
- }
- }
- .td-post-template-5 .td-post-content {
- padding-top: 15px;
- border-top: none;
- }
- .td-post-template-5 .td-post-sub-title {
- margin: 17px 0px 17px 0px;
- }
- /* ----------------------------------------------------------------------------
- Template 6
- */
- .td-post-template-6 .entry-crumbs {
- color: #ffffff;
- }
- .td-post-template-6 .entry-crumbs a {
- color: #ffffff;
- }
- .td-post-template-6 .td-read-down {
- text-align: center;
- margin-top: 33px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-6 .td-read-down {
- margin-top: 15px;
- margin-bottom: 15px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-6 .td-read-down {
- margin-top: 10px;
- margin-bottom: 5px;
- }
- }
- .td-post-template-6 .td-read-down i {
- font-size: 46px;
- opacity: 0.8;
- color: #ffffff;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-6 .td-read-down i {
- font-size: 30px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-6 .td-read-down i {
- font-size: 30px;
- }
- }
- .td-post-template-6 .td-post-header {
- background-color: transparent;
- position: absolute;
- left: 0px;
- bottom: 0px;
- right: 0px;
- border-bottom: none;
- padding-bottom: 15px;
- -webkit-backface-visibility: hidden;
- -webkit-perspective: 1000;
- backface-visibility: hidden;
- perspective: 1000;
- }
- .td-post-template-6 .td-post-content {
- border-top: none;
- }
- .td-post-template-6 .td-post-header h1 {
- font-size: 42px;
- font-weight: 600;
- line-height: 50px;
- margin-top: 9px;
- margin-bottom: 6px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-template-6 .td-post-header h1 {
- font-size: 38px;
- line-height: 48px;
- }
- }
- @media (max-width: 767px) {
- .td-post-template-6 .td-post-header h1 {
- font-size: 24px;
- line-height: 32px;
- }
- }
- .td-post-template-6 .template6-header .entry-title a,
- .td-post-template-6 .template6-header .td-post-sub-title,
- .td-post-template-6 .template6-header .meta-info,
- .td-post-template-6 .template6-header .entry-date,
- .td-post-template-6 .template6-header .td-post-author-name a,
- .td-post-template-6 .template6-header .td-post-comments a {
- color: #ffffff;
- }
- .td-post-template-6 .td-post-sharing-top {
- border-top: none;
- padding: 10px 0px 10px 0px;
- border-bottom: 1px dashed #f1f1f1;
- margin: 0px 20px 0px 20px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-6 .td-post-sharing-top {
- margin: 0px 10px 0px 10px;
- padding: 5px 0px 5px 0px;
- }
- }
- .td-post-template-6 .td-post-sub-title {
- font-size: 16px;
- line-height: 26px;
- border: 0px;
- padding: 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-post-template-6 .td-post-sub-title {
- display: none;
- }
- }
- .td-full-screen-header-image-wrap {
- position: absolute;
- top: 0px;
- right: 0px;
- left: 0px;
- height: 900px;
- overflow: hidden;
- z-index: -1;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-full-screen-header-image-wrap {
- height: 680px;
- }
- }
- @media (max-width: 767px) {
- .td-full-screen-header-image-wrap {
- height: 400px;
- }
- }
- #td-full-screen-header-image {
- position: absolute;
- top: 0px;
- right: 0px;
- left: 0px;
- min-height: 900px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- #td-full-screen-header-image {
- height: 680px;
- min-height: 680px !important;
- }
- }
- @media (max-width: 767px) {
- #td-full-screen-header-image {
- height: 400px;
- min-height: 400px !important;
- }
- }
- #td-full-screen-header-image img {
- display: block;
- }
- #td-full-screen-header-image .backstretch {
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- #td-full-screen-header-image .backstretch {
- height: 680px !important;
- }
- }
- @media (max-width: 767px) {
- #td-full-screen-header-image .backstretch {
- height: 400px;
- }
- }
- #td-full-screen-header-image .backstretch:after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- background-color: #000;
- opacity: 0.12;
- }
- .single_template_6 .td-header-wrap {
- height: 900px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .single_template_6 .td-header-wrap {
- height: 680px;
- }
- }
- @media (max-width: 767px) {
- .single_template_6 .td-header-wrap {
- height: 400px;
- }
- }
- .single_template_6 .td-header-style-5 .td-ad-m,
- .single_template_6 .td-header-style-7 .td-ad-m,
- .single_template_6 .td-header-style-8 .td-ad-m,
- .single_template_6 .td-header-style-9 .td-ad-m,
- .single_template_6 .td-header-style-10 .td-ad-m {
- border-bottom: 0px;
- }
- .single_template_6 .td-header-container,
- .single_template_6 .td-header-style-6 .td-make-full {
- border: none;
- }
- .admin-bar.single_template_6 .td-header-wrap {
- height: 868px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .admin-bar.single_template_6 .td-header-wrap {
- height: 648px;
- }
- }
- @media (max-width: 767px) {
- .admin-bar.single_template_6 .td-header-wrap {
- height: 354px;
- }
- }
- .template6-header {
- position: absolute;
- top: 840px;
- right: 0px;
- left: 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .template6-header {
- top: 670px;
- }
- }
- @media (max-width: 767px) {
- .template6-header {
- top: 406px;
- }
- }
- .template6-header a,
- .template6-header .entry-title {
- color: #ffffff;
- }
- .admin-bar .template6-header {
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .admin-bar .template6-header {
- top: 640px;
- }
- }
- @media (max-width: 767px) {
- .admin-bar .template6-header {
- top: 360px;
- }
- }
- /* ----------------------------------------------------------------------------
- Template 8
- */
- .td-post-template-8 .entry-thumb {
- padding-bottom: 0px;
- margin-bottom: 0px;
- }
- .td-post-template-8 .entry-crumbs {
- top: 0;
- padding: 15px 0 15px 0;
- }
- .td-post-template-8 .td-post-header {
- border-bottom: 0;
- }
- .td-post-template-8 .wpb_video_wrapper iframe {
- margin-bottom: 0;
- display: table;
- }
- .td-post-template-8 .td-post-featured-image .wp-caption-text {
- display: none;
- }
- /* ----------------------------------------------------------------------------
- Image gradient
- */
- .td-image-gradient:before {
- bottom: 0;
- content: "";
- display: block;
- height: 40%;
- width: 100%;
- position: absolute;
- z-index: 1;
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
- /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* Opera 11.10+ */
- background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* IE10+ */
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
- /* IE6-9 */
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-image-gradient:before {
- height: 60%;
- }
- }
- #td_parallax_header_6,
- #td-full-screen-header-image {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .td-sp {
- background-image: url('images/sprite/elements.png');
- background-repeat: no-repeat;
- display: block;
- }
- .td-sp-facebook {
- width: 32px;
- height: 32px;
- background-position: -20px -20px;
- }
- .td-sp-pinterest {
- width: 32px;
- height: 32px;
- background-position: -20px -72px;
- }
- .td-sp-rss {
- width: 32px;
- height: 32px;
- background-position: -20px -124px;
- }
- .td-sp-soundcloud {
- width: 32px;
- height: 32px;
- background-position: -20px -176px;
- }
- .td-sp-instagram {
- width: 32px;
- height: 32px;
- background-position: -20px -228px;
- }
- .td-sp-googleplus {
- width: 32px;
- height: 32px;
- background-position: -20px -280px;
- }
- .td-sp-vimeo {
- width: 32px;
- height: 32px;
- background-position: -20px -332px;
- }
- .td-sp-youtube {
- width: 32px;
- height: 32px;
- background-position: -20px -384px;
- }
- .td-sp-twitter {
- width: 32px;
- height: 32px;
- background-position: -20px -436px;
- }
- .td-sp-video-play {
- width: 42px;
- height: 42px;
- background-position: -20px -488px;
- }
- .td-sp-video-pause {
- width: 42px;
- height: 42px;
- background-position: -20px -612px;
- }
- .td-lb-box {
- position: absolute;
- width: 19px;
- height: 19px;
- }
- .td-lb-box-1 {
- top: 0;
- left: 0;
- }
- .td-lb-box-2 {
- top: 0;
- left: 20px;
- /*background-color: #0011C3;*/
- }
- .td-lb-box-3 {
- top: 0;
- left: 40px;
- /*background-color: #0022C3;*/
- }
- .td-lb-box-4 {
- top: 20px;
- right: 0px;
- /*background-color: #0033C3;*/
- }
- .td-lb-box-5 {
- bottom: 0;
- right: 0;
- /*background-color: #0044C3;*/
- }
- .td-lb-box-6 {
- bottom: 0;
- left: 20px;
- /*background-color: #0055C3;*/
- }
- .td-lb-box-7 {
- bottom: 0;
- left: 0;
- /*background-color: #0066C3;*/
- }
- .td-lb-box-8 {
- top: 20px;
- left: 0;
- /*background-color: #0099C3;*/
- }
- /* ----------------------------------------------------------------------------
- loader
- */
- .td-loader-gif {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 59px;
- height: 59px;
- margin-top: -29.5px;
- /* Half the height */
- margin-left: -29.5px;
- /* Half the width */
- /* responsive phone */
- -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
- -moz-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
- -o-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
- transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
- /* custom */
- }
- @media (max-width: 767px) {
- .td-loader-gif {
- top: 200px;
- }
- }
- .td-loader-gif-bottom {
- top: auto;
- bottom: 120px;
- }
- .td-loader-animation-start {
- opacity: 0;
- transform: perspective( 600px ) scale(0.4);
- -webkit-transform: perspective( 600px ) scale(0.4);
- -moz-transform: perspective( 600px ) scale(0.4);
- -ms-transform: perspective( 600px ) scale(0.4);
- -o-transform: perspective( 600px ) scale(0.4);
- }
- .td-loader-animation-mid {
- opacity: 1;
- transform: perspective( 600px ) scale(1);
- -webkit-transform: perspective( 600px ) scale(1);
- -moz-transform: perspective( 600px ) scale(1);
- -ms-transform: perspective( 600px ) scale(1);
- -o-transform: perspective( 600px ) scale(1);
- }
- .td-loader-animation-end {
- opacity: 0;
- }
- @-webkit-keyframes rotateplane {
- 0% {
- -webkit-transform: perspective(120px);
- }
- 50% {
- -webkit-transform: perspective(120px) rotateY(180deg);
- }
- 100% {
- -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
- }
- }
- @keyframes rotateplane {
- 0% {
- transform: perspective(120px) rotateX(0deg) rotateY(0deg);
- }
- 50% {
- transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
- }
- 100% {
- transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
- }
- }
- .td_module_1 .entry-title,
- .td_module_2 .entry-title,
- .td_module_3 .entry-title,
- .td_module_4 .entry-title,
- .td_module_5 .entry-title,
- .td_module_10 .entry-title,
- .td_module_11 .entry-title {
- font-size: 18px;
- font-weight: bold;
- line-height: 24px;
- margin: 0px 0px 12px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_1 .entry-title,
- .td_module_2 .entry-title,
- .td_module_3 .entry-title,
- .td_module_4 .entry-title,
- .td_module_5 .entry-title,
- .td_module_10 .entry-title,
- .td_module_11 .entry-title {
- font-size: 15px;
- line-height: 21px;
- margin-bottom: 8px;
- }
- }
- @media (max-width: 767px) {
- .td_module_1 .entry-title,
- .td_module_2 .entry-title,
- .td_module_3 .entry-title,
- .td_module_4 .entry-title,
- .td_module_5 .entry-title,
- .td_module_10 .entry-title,
- .td_module_11 .entry-title {
- font-size: 18px;
- line-height: 26px;
- font-weight: 700;
- margin-bottom: 8px;
- }
- }
- .td_module_1 .td-module-thumb,
- .td_module_2 .td-module-thumb,
- .td_module_3 .td-module-thumb,
- .td_module_4 .td-module-thumb,
- .td_module_5 .td-module-thumb,
- .td_module_10 .td-module-thumb,
- .td_module_11 .td-module-thumb {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_1 .td-module-thumb,
- .td_module_2 .td-module-thumb,
- .td_module_3 .td-module-thumb,
- .td_module_4 .td-module-thumb,
- .td_module_5 .td-module-thumb,
- .td_module_10 .td-module-thumb,
- .td_module_11 .td-module-thumb {
- margin-bottom: 8px;
- }
- }
- @media (max-width: 767px) {
- .td_module_1 .td-module-thumb,
- .td_module_2 .td-module-thumb,
- .td_module_3 .td-module-thumb,
- .td_module_4 .td-module-thumb,
- .td_module_5 .td-module-thumb,
- .td_module_10 .td-module-thumb,
- .td_module_11 .td-module-thumb {
- margin-bottom: 9px;
- }
- }
- .td_module_1 .td-post-author-name,
- .td_module_2 .td-post-author-name,
- .td_module_3 .td-post-author-name,
- .td_module_4 .td-post-author-name,
- .td_module_5 .td-post-author-name,
- .td_module_10 .td-post-author-name,
- .td_module_11 .td-post-author-name {
- margin-bottom: 6px;
- }
- .td_module_1 .td-post-date,
- .td_module_2 .td-post-date,
- .td_module_3 .td-post-date,
- .td_module_4 .td-post-date,
- .td_module_5 .td-post-date,
- .td_module_10 .td-post-date,
- .td_module_11 .td-post-date {
- margin-bottom: 6px;
- }
- .td_module_1 .meta-info,
- .td_module_2 .meta-info,
- .td_module_3 .meta-info,
- .td_module_4 .meta-info,
- .td_module_5 .meta-info,
- .td_module_10 .meta-info,
- .td_module_11 .meta-info {
- margin-bottom: 5px;
- line-height: 11px;
- }
- .td_module_6 .entry-title,
- .td_module_7 .entry-title,
- .td_module_8 .entry-title {
- font-size: 13px;
- font-weight: 600;
- line-height: 19px;
- margin: 0px 0px 12px 0px;
- }
- .td_module_6 .td-module-thumb,
- .td_module_7 .td-module-thumb,
- .td_module_8 .td-module-thumb {
- margin-bottom: 12px;
- }
- .td_module_6 .td-post-author-name,
- .td_module_7 .td-post-author-name,
- .td_module_8 .td-post-author-name {
- margin-bottom: 6px;
- }
- .td_module_6 .td-post-date,
- .td_module_7 .td-post-date,
- .td_module_8 .td-post-date {
- margin-bottom: 6px;
- }
- .td_module_6 .meta-info,
- .td_module_7 .meta-info,
- .td_module_8 .meta-info {
- margin-bottom: 5px;
- line-height: 11px;
- }
- .td-excerpt,
- .td-module-excerpt {
- margin-bottom: 15px;
- color: #444444;
- font-size: 11px;
- line-height: 20px;
- }
- .entry-review-stars {
- display: inline-block;
- position: relative;
- top: -3px;
- left: 1px;
- }
- /* the title */
- .td-module-title a {
- color: #111111;
- font-family: 'Open Sans', arial, sans-serif;
- }
- .td-module-comments {
- position: relative;
- top: -3px;
- background-color: #848484;
- float: right;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- text-align: center;
- -webkit-border-radius: 2px;
- -webkit-border-bottom-right-radius: 0;
- -moz-border-radius: 2px;
- -moz-border-radius-bottomright: 0;
- border-radius: 2px;
- border-bottom-right-radius: 0;
- }
- .td-module-comments a {
- color: #ffffff;
- padding: 2px 6px 3px 6px;
- display: inline-block;
- min-width: 25px;
- height: 20px;
- line-height: 16px;
- }
- .td-module-comments a:after {
- position: absolute;
- bottom: -5px;
- right: 0;
- content: '';
- width: 0px;
- height: 0px;
- border-style: solid;
- border-width: 5px 5px 0 0;
- border-color: #5b5b5b transparent transparent transparent;
- }
- .td-module-comments a:hover {
- color: #ffffff;
- }
- .td-read-more {
- height: 30px;
- display: inline-block;
- line-height: 29px;
- }
- .td-read-more a {
- background-color: #444444;
- border-radius: 3px;
- color: #FFFFFF;
- font-size: 11px;
- font-weight: bold;
- line-height: 16px;
- padding: 8px 15px;
- }
- .td-read-more a:hover {
- background-color: #4db2ec;
- }
- /* ----------------------------------------------------------------------------
- thumbnails
- */
- .td_module_wrap {
- position: relative;
- }
- .td-video-play-ico {
- position: absolute;
- left: 50%;
- top: 50%;
- z-index: 1;
- }
- .td-video-play-ico img {
- position: relative;
- left: -50%;
- top: -20px !important;
- }
- .td-video-play-ico.td-video-small img {
- top: -10px !important;
- }
- /* ----------------------------------------------------------------------------
- admin edit
- */
- .td-admin-edit {
- position: absolute;
- left: 0px;
- top: 0px;
- display: none;
- z-index: 9999;
- background-color: rgba(0, 0, 0, 0.3);
- color: white;
- padding: 3px 5px;
- }
- .td-admin-edit:hover {
- color: white;
- }
- /* ----------------------------------------------------------------------------
- thumbnail
- */
- .td-module-thumb {
- position: relative;
- margin-bottom: 12px;
- }
- .td-module-thumb:hover .td-admin-edit {
- display: block;
- color: #ffffff;
- }
- .td-module-thumb .entry-thumb {
- display: block;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-module-thumb .entry-thumb {
- width: 100%;
- }
- }
- /* ----------------------------------------------------------------------------
- hover title
- */
- .td_module_wrap .entry-title a,
- .td_mod_mega_menu .entry-title a {
- -o-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- -moz-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- -khtml-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- -webkit-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- -ms-transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- transition: color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- }
- .td_module_wrap:hover .entry-title a,
- .td_mod_mega_menu:hover .entry-title a {
- color: #4db2ec;
- }
- .td_module_mx1:hover .entry-title a {
- color: #ffffff;
- }
- .td-module-image {
- position: relative;
- }
- .td-module-image .td-post-category {
- position: absolute;
- line-height: 7px;
- padding: 5px;
- border-radius: 0px 3px 0px 0px;
- bottom: 0;
- display: block;
- }
- .wpb_widgetised_column {
- padding: 0px !important;
- margin-bottom: 20px !important;
- }
- .wpb_content_element {
- border-style: solid !important;
- border-width: 0px;
- border-color: #e6e6e6;
- padding-top: 23px;
- }
- .wpb_heading {
- background-color: #222222;
- border-radius: 3px;
- color: #FFFFFF;
- display: inline-table;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-weight: bold;
- line-height: 16px;
- padding: 2px 15px;
- position: relative;
- top: -3px;
- vertical-align: middle;
- margin: 0 0 16px;
- }
- .vc_wp_rss,
- .vc_wp_archives,
- .vc_wp_categories,
- .vc_wp_posts,
- .vc_wp_text,
- .vc_wp_custommenu,
- .vc_wp_tagcloud,
- .vc_wp_pages,
- .vc_wp_calendar,
- .vc_wp_recentcomments,
- .vc_wp_meta,
- .vc_wp_search {
- padding-top: 0px;
- padding-left: 0px;
- padding-right: 0px;
- }
- .vc_wp_rss .widgettitle a:first-child {
- display: none;
- }
- .vc_wp_rss .widgettitle .rsswidget {
- color: #ffffff;
- line-height: 16px;
- }
- .vc_wp_search {
- padding-bottom: 0px;
- }
- .vc_wp_search .wpb_button {
- margin: 0px;
- }
- .vc_wp_search .widget_search {
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .vc_wp_tagcloud .widgettitle {
- margin-bottom: 20px;
- }
- .widgettitle {
- background-color: #222222;
- border-radius: 3px;
- color: #FFFFFF;
- display: inline-table;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-weight: bold;
- line-height: 16px;
- padding: 2px 15px;
- position: relative;
- top: -4px;
- vertical-align: middle;
- margin-bottom: 7px;
- margin-top: 24px;
- }
- /*
- text block
- */
- .wpb_text_column {
- padding-top: 20px;
- }
- .wpb_text_column h1:first-child,
- .wpb_text_column h2:first-child,
- .wpb_text_column h3:first-child,
- .wpb_text_column h4:first-child,
- .wpb_text_column h5:first-child {
- margin-top: 0px;
- }
- /*
- separator
- */
- .vc_separator {
- padding: 10px 0;
- border-top: 0px;
- }
- /*
- message box - alert
- */
- .wpb_alert {
- border-top: 0px;
- padding-top: 16px;
- margin: 10px 20px 10px 20px;
- border-color: initial;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .wpb_alert {
- margin: 10px 17px 10px 17px;
- }
- }
- .wpb_alert.vc_alert_3d {
- border-width: 0px;
- }
- /*
- facebook
- */
- .fb_like {
- border-top: 0px;
- margin: 20px;
- padding: 0px !important;
- display: inline-block;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .fb_like {
- margin-left: 17px;
- }
- }
- /*
- twitter
- */
- .twitter-share-button {
- margin: 20px 20px 0px !important;
- padding: 0px !important;
- display: inline-block;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .twitter-share-button {
- margin-left: 17px !important;
- }
- }
- @media (max-width: 767px) {
- .twitter-share-button {
- margin-left: 10px !important;
- }
- }
- .twitter-count-vertical {
- padding-left: 0px;
- }
- /*
- g+
- */
- .wpb_googleplus {
- border-top: 0px;
- margin: 20px !important;
- padding: 0px;
- display: inline-block;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .wpb_googleplus {
- padding-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .wpb_googleplus {
- padding-left: 10px;
- }
- }
- /*
- pinterest
- */
- .wpb_pinterest {
- border-top: 0px;
- margin: 20px !important;
- padding: 0px !important;
- display: inline-block;
- }
- .wpb_pinterest_type_vertical a {
- margin-top: 40px !important;
- }
- /*
- FAQ - toggle
- */
- .wpb_toggle {
- margin: 20px 20px 10px 20px;
- background-color: #FFFFFF;
- color: #444444;
- border: 1px solid #444444 !important;
- border-radius: 3px;
- padding: 4px 15px !important;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 16px;
- font-weight: 700;
- text-transform: uppercase;
- background-position: 99% center;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .wpb_toggle {
- margin: 10px 17px 10px 17px;
- }
- }
- .wpb_toggle_title_active {
- background-color: #444444 !important;
- color: #FFFFFF !important;
- }
- .wpb_toggle_content {
- padding: 0 20px 0 20px;
- }
- /*
- Single image
- */
- .wpb_single_image {
- padding-top: 20px;
- }
- .vc_align_center img {
- margin: auto;
- }
- .vc_align_right img {
- margin-left: auto;
- }
- /*
- Image gallery
- */
- .wpb_gallery .flexslider {
- overflow: hidden;
- }
- .wpb_gallery .wpb_flexslider .flex-control-nav {
- bottom: 0;
- z-index: 2;
- }
- .flex-direction-nav a {
- height: 45px;
- padding-top: 8px;
- }
- .flex-direction-nav a:before {
- font-family: 'newsmag', sans-serif !important;
- }
- .flex-direction-nav a.flex-next:before {
- content: '\e808' !important;
- }
- .flex-direction-nav a.flex-prev:before {
- content: '\e807' !important;
- }
- /*
- Image carousel
- */
- .wpb_content_element .icon-next:before {
- font-family: 'newsmag', sans-serif !important;
- content: '\e808' !important;
- color: #ffffff;
- font-size: 20px;
- top: 0px !important;
- }
- .wpb_content_element .icon-prev:before {
- font-family: 'newsmag', sans-serif !important;
- content: '\e807' !important;
- color: #ffffff;
- font-size: 20px;
- top: 0px !important;
- }
- body .td-pb-span12 .vc_left {
- margin-left: 15px;
- }
- body .td-pb-span12 .vc_right {
- margin-right: 15px;
- }
- body .td-pb-span12 .wpb_images_carousel {
- padding-left: 0px;
- padding-right: 0px;
- }
- body .td-pb-span12 .vc_images_carousel {
- padding-right: 19px;
- padding-left: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- body .td-pb-span12 .vc_images_carousel {
- padding-left: 17px;
- padding-right: 17px;
- }
- }
- @media (max-width: 767px) {
- body .td-pb-span12 .vc_images_carousel {
- padding-left: 10px;
- padding-right: 10px;
- }
- }
- body .td-pb-span12 .wpb_gallery_heading {
- margin: 20px 0px 0px 20px;
- top: 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- body .td-pb-span12 .wpb_gallery_heading {
- margin-left: 17px;
- }
- }
- @media (max-width: 767px) {
- body .td-pb-span12 .wpb_gallery_heading {
- margin-left: 10px;
- }
- }
- body .td-pb-span12 .vc_per-view-more {
- width: 1019px !important;
- padding-right: 10px;
- padding-left: 10px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- body .td-pb-span12 .vc_per-view-more {
- width: 758px !important;
- padding-left: 7px;
- }
- }
- @media (max-width: 767px) {
- body .td-pb-span12 .vc_per-view-more {
- width: auto !important;
- padding-left: 0px;
- padding-right: 0px;
- }
- }
- body .vc_images_carousel {
- width: auto !important;
- }
- .wpb_images_carousel .wpb_wrapper .wpb_gallery_heading {
- margin: 0px 0px 20px 20px;
- top: 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .wpb_images_carousel .wpb_wrapper .wpb_gallery_heading {
- margin-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .wpb_images_carousel .wpb_wrapper .wpb_gallery_heading {
- margin-left: 10px;
- }
- }
- /*
- Tabs
- */
- .wpb_tabs {
- margin: 0px;
- padding: 0px;
- }
- .wpb_tabs .wpb_tabs_nav {
- margin: 20px 20px 0px 19px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .wpb_tabs .wpb_tabs_nav {
- margin-left: auto;
- margin-right: auto;
- display: table;
- }
- }
- .wpb_tabs .wpb_tab {
- background-color: #ffffff !important;
- padding: 0 !important;
- }
- .wpb_tabs .wpb_tab .td_block_wrap {
- border-top: 0;
- }
- .wpb_tabs .wpb_tab .td_block_13,
- .wpb_tabs .wpb_tab .td_block_14,
- .wpb_tabs .wpb_tab .td_block_15 {
- padding-top: 20px;
- left: -1px;
- }
- .wpb_tabs li {
- line-height: 16px;
- margin-right: 0 !important;
- margin-bottom: 5px !important;
- }
- .wpb_tabs li:first-child a {
- border-radius: 3px 0 0 3px;
- }
- .wpb_tabs li:last-child a {
- border-radius: 0 3px 3px 0;
- border-right: 1px solid #222222;
- }
- .wpb_tabs li:last-child a:before {
- display: none;
- }
- .wpb_tabs li a {
- background-color: #FFFFFF;
- color: #444444;
- border-top: 1px solid #222222;
- border-left: 1px solid #222222;
- border-bottom: 1px solid #222222 !important;
- border-right: 0px;
- border-radius: 0px;
- padding: 1px 15px !important;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 16px;
- font-weight: 700;
- text-transform: uppercase;
- position: relative;
- -o-transition: none;
- -moz-transition: none;
- -khtml-transition: none;
- -webkit-transition: none;
- -ms-transition: none;
- transition: none;
- }
- .wpb_tabs li a:before {
- background-color: #222222;
- content: "";
- display: block;
- height: 20px;
- position: absolute;
- right: -1px;
- top: -1px;
- width: 1px;
- }
- .wpb_tabs li.ui-tabs-active a {
- background-color: #222222;
- color: #FFFFFF;
- }
- .wpb_tabs li:hover a {
- background-color: #222222;
- color: #FFFFFF;
- }
- .td-pb-span6 .wpb_tabs_nav,
- .td-pb-span4 .wpb_tabs_nav {
- margin-left: auto;
- margin-right: auto;
- display: table;
- }
- /*
- Tour section
- */
- .wpb_tour .wpb_heading {
- float: left;
- }
- .wpb_tour .wpb_tabs_nav {
- clear: both;
- }
- .wpb_tour .wpb_tabs_nav li {
- line-height: 16px;
- margin: 0px !important;
- }
- .wpb_tour .wpb_tabs_nav li:first-child a {
- border-radius: 3px 0px 0px 0px;
- }
- .wpb_tour .wpb_tabs_nav li:last-child a {
- border-radius: 0px 0px 0px 3px;
- border-bottom: 1px solid #444444;
- }
- .wpb_tour .wpb_tabs_nav li a {
- background-color: #FFFFFF;
- color: #444444;
- border-top: 1px solid #444444;
- border-left: 1px solid #444444;
- border-right: 1px solid #444444 !important;
- border-bottom: 0px;
- border-radius: 0px;
- padding: 4px 15px !important;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 16px;
- font-weight: 700;
- text-transform: uppercase;
- }
- .wpb_tour .wpb_tabs_nav li.ui-tabs-active a {
- background-color: #444444;
- color: #FFFFFF;
- }
- .wpb_tour .wpb_tabs_nav li:hover a {
- background-color: #444444;
- color: #FFFFFF;
- }
- .wpb_tour .wpb_content_element {
- padding: 0px !important;
- }
- /*
- Accordion
- */
- .wpb_accordion {
- padding-top: 20px;
- }
- .wpb_accordion .ui-state-active a {
- background-color: #444444 !important;
- color: #FFFFFF !important;
- }
- .wpb_accordion .wpb_content_element {
- padding: 0px !important;
- }
- .wpb_accordion .wpb_accordion_content {
- padding: 10px 0px 20px 0px !important;
- }
- .wpb_accordion .wpb_accordion_header {
- background-color: #ffffff !important;
- margin-bottom: 5px !important;
- }
- .wpb_accordion .wpb_accordion_header span {
- top: 0px !important;
- bottom: 0px !important;
- margin: auto;
- }
- .wpb_accordion .wpb_accordion_header a {
- background-color: #FFFFFF;
- color: #444444;
- border: 1px solid #444444;
- border-radius: 3px;
- padding: 4px 15px !important;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 16px;
- font-weight: 700;
- text-transform: uppercase;
- }
- /*
- Posts grid
- */
- .wpb_teaser_grid {
- padding: 23px 0px 0px 0px;
- }
- .wpb_teaser_grid .wpb_teaser_grid_heading {
- margin-left: 20px;
- }
- .teaser_grid_container ul {
- margin: 0px;
- }
- .teaser_grid_container li {
- padding: 0px 20px 0px 20px !important;
- width: 33% !important;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .teaser_grid_container li {
- padding: 0px 16px 0px 16px !important;
- }
- }
- .teaser_grid_container .post-title {
- margin: 0px 0px 10px 0px;
- line-height: 16px;
- }
- .teaser_grid_container .post-title a {
- font-size: 13px;
- font-weight: 600;
- line-height: 16px;
- margin: 0px 0px 12px 0px;
- color: #222222;
- }
- .teaser_grid_container .post-thumb img {
- margin-bottom: 35px !important;
- }
- /*
- Carousel
- */
- .vc_carousel {
- padding: 0px;
- }
- .vc_carousel .vc_carousel {
- padding: 23px 0px 20px 0px;
- }
- .vc_carousel .vc_slide {
- margin: 0px 20px 0px 20px !important;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .vc_carousel .vc_slide {
- margin: 0px 17px 0px 17px !important;
- }
- }
- @media (max-width: 767px) {
- .vc_carousel .vc_slide {
- margin: 0px 10px 0px 10px !important;
- }
- }
- .vc_carousel .vc_per-view-more {
- margin: 0px !important;
- }
- .vc_carousel .icon-next:before,
- .vc_carousel .icon-prev:before {
- top: 0px !important;
- }
- .vc_carousel .wpb_gallery_heading {
- margin: 20px 0px 0px 20px;
- top: 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .vc_carousel .wpb_gallery_heading {
- margin-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .vc_carousel .wpb_gallery_heading {
- margin-left: 10px;
- }
- }
- .vc_carousel .post-title {
- margin: 0px 0px 10px 0px;
- line-height: 16px;
- }
- .vc_carousel .post-title a {
- font-size: 13px;
- font-weight: 600;
- line-height: 10px;
- margin: 0px 0px 12px 0px;
- color: #222222;
- }
- /*
- Buttons
- */
- .wpb_button {
- display: inline-block;
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 600;
- line-height: 24px;
- text-shadow: none;
- margin-bottom: 20px !important;
- margin-left: 20px;
- margin-right: 20px;
- border: none;
- transition: none;
- }
- .wpb_button:hover {
- text-shadow: none;
- }
- .vc_btn {
- margin-bottom: 20px !important;
- margin-left: 20px;
- margin-right: 20px;
- transition: none !important;
- }
- .td-post-content .vc_btn {
- margin-left: 0px;
- margin-right: 0px;
- }
- .wpb_text_column .vc_btn,
- .widget_text .vc_btn {
- margin-left: 0px;
- margin-right: 0px;
- }
- body .vc_btn:hover {
- text-decoration: none !important;
- }
- .vc_btn-black:hover,
- .wpb_btn-black:hover {
- background-color: #4db2ec !important;
- }
- .wpb_default {
- background-color: #4db2ec;
- }
- .wpb_default:hover {
- text-shadow: none;
- background-color: #4db2ec;
- opacity: 0.8;
- -webkit-transition: opacity 0.4s;
- -moz-transition: opacity 0.4s;
- -o-transition: opacity 0.4s;
- transition: opacity 0.4s;
- }
- /*
- Call to action
- */
- .wpb_call_to_action {
- padding-top: 20px;
- background-color: #444444;
- }
- .wpb_call_to_action .wpb_call_text {
- color: #ffffff;
- }
- .vc_call_to_action {
- padding-top: 20px;
- }
- /*
- Video
- */
- .wpb_video_widget {
- margin-bottom: 26px;
- }
- .wpb_video_widget .wpb_video_wrapper {
- padding-top: 0px !important;
- }
- .wpb_video_widget .wpb_video_wrapper iframe {
- position: relative;
- }
- /*
- Flickr
- */
- .wpb_flickr_widget .wpb_heading {
- display: table;
- }
- /*
- VC 4.4
- */
- .vc_custom_heading h4 {
- margin: 0;
- }
- .vc_grid .vc_btn {
- margin: 0 !important;
- }
- /* ----------------------------------------------------------------------------
- Module 1
- */
- .td_module_1 {
- padding-bottom: 36px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_1 {
- padding-bottom: 32px;
- }
- }
- .td_module_1 .entry-title {
- margin: 0px 0px 11px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_1 .entry-title {
- margin-bottom: 7px;
- }
- }
- @media (max-width: 767px) {
- .td_module_1 .entry-title {
- margin-bottom: 7px;
- }
- }
- .td_module_1 .td-module-image .td-module-thumb {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_1 .td-module-image .td-module-thumb {
- margin-bottom: 9px;
- }
- }
- @media (max-width: 767px) {
- .td_module_1 .td-module-image .td-module-thumb {
- margin-bottom: 9px;
- }
- }
- .td_module_1 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_1 .entry-thumb {
- min-height: 160px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_1 .entry-thumb {
- min-height: 116px;
- }
- }
- .td-module-meta-info {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 14px;
- }
- .td-module-meta-info .td-post-author-name {
- color: #222222;
- font-weight: bold;
- margin-bottom: 3px;
- }
- .td-module-meta-info .td-post-date {
- color: #444444;
- font-style: italic;
- margin-bottom: 3px;
- }
- .td-module-meta-info .entry-review-stars {
- height: 15px;
- position: relative;
- top: -1px;
- margin-bottom: 2px;
- }
- .td-module-meta-info .entry-review-stars i {
- line-height: 10px;
- }
- /* ----------------------------------------------------------------------------
- Module 2
- */
- .td_module_2 {
- padding-bottom: 22px;
- }
- .td_module_2 .entry-title {
- margin: 0px 0px 13px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_2 .entry-title {
- margin-bottom: 8px;
- }
- }
- @media (max-width: 767px) {
- .td_module_2 .entry-title {
- margin-bottom: 8px;
- }
- }
- .td_module_2 .td-module-image .td-module-thumb {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_2 .td-module-image .td-module-thumb {
- margin-bottom: 12px;
- }
- }
- @media (max-width: 767px) {
- .td_module_2 .td-module-image .td-module-thumb {
- margin-bottom: 12px;
- }
- }
- .td_module_2 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_2 .entry-thumb {
- min-height: 160px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_2 .entry-thumb {
- min-height: 116px;
- }
- }
- .td_module_2 .meta-info {
- margin-bottom: 6px;
- }
- .td_module_2 .td-module-comments {
- top: -4px;
- }
- .td_module_2 .entry-review-stars {
- height: 15px;
- position: relative;
- top: -1px;
- margin-bottom: 2px;
- }
- .td_module_2 .entry-review-stars i {
- line-height: 10px;
- }
- /* ----------------------------------------------------------------------------
- Module 3
- */
- .td_module_3 {
- padding-bottom: 30px;
- }
- .td_module_3 .td-module-comments {
- top: -4px;
- }
- .td_module_3 .td-module-image .td-module-thumb {
- margin-bottom: 12px;
- }
- .td_module_3 .entry-review-stars {
- height: 15px;
- position: relative;
- top: -1px;
- margin-bottom: 2px;
- }
- .td_module_3 .entry-review-stars i {
- line-height: 10px;
- }
- .td_module_3 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_3 .entry-thumb {
- min-height: 194px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_3 .entry-thumb {
- min-height: 141px;
- }
- }
- /* ----------------------------------------------------------------------------
- Module 4
- */
- .td_module_4 {
- margin-bottom: 37px;
- }
- .td_module_4 .td-module-image .td-module-thumb {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_4 .td-module-image .td-module-thumb {
- margin-bottom: 12px;
- }
- }
- @media (max-width: 767px) {
- .td_module_4 .td-module-image .td-module-thumb {
- margin-bottom: 12px;
- }
- }
- .td_module_4 .meta-info {
- margin-bottom: 6px;
- }
- .td_module_4 .td-module-comments {
- top: -4px;
- }
- .td_module_4 .entry-review-stars {
- height: 15px;
- position: relative;
- top: -1px;
- margin-bottom: 2px;
- }
- .td_module_4 .entry-review-stars i {
- line-height: 10px;
- }
- .td_module_4 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_4 .entry-thumb {
- min-height: 194px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_4 .entry-thumb {
- min-height: 141px;
- }
- }
- /* ----------------------------------------------------------------------------
- Module 5
- */
- .td_module_5 {
- margin-bottom: 12px !important;
- border-bottom: 1px dashed #f1f1f1;
- padding-bottom: 16px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_5 {
- margin-bottom: 16px !important;
- }
- }
- .td_module_5 .td-module-image .td-module-thumb {
- margin-bottom: 13px;
- position: relative;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_5 .td-module-image .td-module-thumb {
- margin-bottom: 9px;
- }
- }
- @media (max-width: 767px) {
- .td_module_5 .td-module-image .td-module-thumb {
- margin-bottom: 9px;
- }
- }
- .td_module_5 .entry-title {
- margin-bottom: 10px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_5 .entry-title {
- margin-bottom: 8px;
- }
- }
- @media (max-width: 767px) {
- .td_module_5 .entry-title {
- margin-bottom: 8px;
- }
- }
- .td_module_5 .td-module-comments {
- top: -4px;
- }
- .td_module_5 .td-excerpt {
- margin-bottom: 0px;
- }
- .td_module_5 .meta-info {
- margin-bottom: 11px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_5 .meta-info {
- margin-bottom: 10px;
- }
- }
- @media (max-width: 767px) {
- .td_module_5 .meta-info {
- margin-bottom: 10px;
- }
- }
- .td_module_5 .entry-review-stars {
- height: 15px;
- position: relative;
- top: -1px;
- margin-bottom: 2px;
- }
- .td_module_5 .entry-review-stars i {
- line-height: 10px;
- }
- .td_module_5 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_5 .entry-thumb {
- min-height: 194px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_5 .entry-thumb {
- min-height: 141px;
- }
- }
- .td-block-row:last-child .td_module_5 {
- border-bottom: none;
- padding-bottom: 2px;
- }
- /* ----------------------------------------------------------------------------
- Module 6
- */
- .td_module_6 {
- *zoom: 1;
- }
- .td_module_6:before,
- .td_module_6:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .td_module_6:after {
- clear: both;
- }
- .td_module_6 .entry-title {
- margin: 0px 0px 7px 0px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_6 .entry-title {
- font-size: 12px;
- }
- }
- .td_module_6 .td-module-thumb {
- position: absolute;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_6 .td-module-thumb {
- width: 80px;
- }
- }
- .td_module_6 .meta-info {
- margin-bottom: 0px;
- }
- .td_module_6 .meta-info div {
- margin-bottom: 0px;
- }
- .td_module_6 .item-details {
- margin-left: 120px;
- margin-bottom: 20px;
- top: 0px;
- display: block;
- min-height: 76px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_6 .item-details {
- margin-left: 96px;
- }
- }
- @media (max-width: 767px) {
- .td_module_6 .item-details {
- margin-left: 110px;
- }
- }
- .td_module_6 .entry-date {
- position: relative;
- }
- .td_module_6 .entry-thumb {
- width: 100px;
- height: auto;
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_6 .entry-thumb {
- min-height: 75px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_6 .entry-thumb {
- min-height: 60px;
- }
- }
- /* ----------------------------------------------------------------------------
- Module 7
- */
- .td_module_7 {
- *zoom: 1;
- }
- .td_module_7:before,
- .td_module_7:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .td_module_7:after {
- clear: both;
- }
- .td_module_7 .entry-title {
- margin: 0px 0px 7px 0px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_7 .entry-title {
- font-size: 12px;
- }
- }
- .td_module_7 .td-module-thumb {
- position: absolute;
- right: 0;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_7 .td-module-thumb {
- width: 80px;
- }
- }
- .td_module_7 .meta-info {
- margin-bottom: 0px;
- }
- .td_module_7 .meta-info div {
- margin-bottom: 0px;
- }
- .td_module_7 .item-details {
- margin-right: 120px;
- margin-bottom: 20px;
- top: 0px;
- display: block;
- min-height: 76px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_7 .item-details {
- margin-right: 96px;
- }
- }
- @media (max-width: 767px) {
- .td_module_7 .item-details {
- margin-right: 110px;
- }
- }
- .td_module_7 .entry-date {
- position: relative;
- }
- .td_module_7 .entry-thumb {
- width: 100px;
- height: auto;
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_7 .entry-thumb {
- min-height: 75px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_7 .entry-thumb {
- min-height: 60px;
- }
- }
- /* ----------------------------------------------------------------------------
- Module 8
- */
- .td_module_8 {
- position: relative;
- top: -4px;
- }
- .td_module_8 .td-module-comments {
- top: 2px;
- }
- .td_module_8 .entry-review-stars {
- height: 15px;
- position: relative;
- top: 1px;
- margin-bottom: 5px;
- }
- .td_module_8 .entry-review-stars i {
- line-height: 10px;
- }
- .td_module_8 .td-post-category {
- padding: 2px 5px;
- }
- .td_module_8 .item-details {
- border-bottom: 1px dashed #f1f1f1;
- padding-bottom: 13px;
- margin-bottom: 11px;
- }
- .td_module_8 .entry-title {
- margin-bottom: 2px;
- }
- .td_module_8 .meta-info {
- display: inline;
- }
- /* ----------------------------------------------------------------------------
- Module 9
- */
- .td_module_9 {
- text-align: center;
- position: relative;
- top: -6px;
- margin-top: 8px;
- }
- .td_module_9 .entry-title {
- font-size: 15px;
- line-height: 21px;
- font-weight: bold;
- margin: 0px 0px 10px 0px;
- }
- .td_module_9 .item-details {
- border-bottom: 1px dashed #f1f1f1;
- padding-bottom: 10px;
- margin-bottom: 16px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_9 .item-details {
- padding-bottom: 2px;
- margin-bottom: 8px;
- }
- }
- @media (max-width: 767px) {
- .td_module_9 .item-details {
- padding-bottom: 2px;
- margin-bottom: 8px;
- }
- }
- .td_module_9 .td-post-category {
- display: table;
- line-height: 7px;
- margin-left: auto;
- margin-right: auto;
- padding: 5px;
- position: relative;
- top: -4px;
- }
- .td_module_9 .entry-review-stars {
- top: -5px;
- }
- .td_module_9 .meta-info {
- margin-bottom: 18px;
- }
- .td-pb-row .td-pb-span12 .td_module_9 h3 {
- font-size: 22px;
- line-height: 32px;
- }
- /* ----------------------------------------------------------------------------
- Module 10
- */
- .td_module_10 {
- padding-left: 20px;
- padding-right: 19px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_10 {
- padding-left: 17px;
- padding-right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_module_10 {
- padding-left: 10px;
- padding-right: 10px;
- }
- }
- .td_module_10 .td-module-thumb {
- position: relative;
- float: left;
- margin-bottom: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_10 .td-module-thumb {
- margin-bottom: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_module_10 .td-module-thumb {
- float: none;
- margin-bottom: 12px;
- }
- }
- .td_module_10 .entry-title {
- margin-bottom: 11px;
- }
- .td_module_10 .item-details {
- position: relative;
- min-height: 135px;
- margin-left: 200px;
- margin-bottom: 40px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_10 .item-details {
- margin-left: 196px;
- }
- }
- @media (max-width: 767px) {
- .td_module_10 .item-details {
- margin-left: 0px;
- }
- }
- .td_module_10 .entry-review-stars {
- top: -4px;
- height: 19px;
- }
- .td_module_10 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_10 .entry-thumb {
- min-height: 135px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_10 .entry-thumb {
- min-height: 135px;
- }
- }
- /* ----------------------------------------------------------------------------
- Module 11
- */
- .td_module_11 {
- padding-left: 20px;
- padding-right: 19px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_11 {
- padding-left: 17px;
- padding-right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_module_11 {
- padding-left: 10px;
- padding-right: 10px;
- }
- }
- .td_module_11 .td-module-thumb {
- position: relative;
- float: left;
- margin-bottom: 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_11 .td-module-thumb {
- float: none;
- margin-bottom: 12px;
- }
- }
- .td_module_11 .td-module-thumb .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_11 .td-module-thumb .entry-thumb {
- min-height: 178px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_11 .td-module-thumb .entry-thumb {
- width: 200px;
- min-height: 150px;
- }
- }
- .td_module_11 .entry-title {
- margin-bottom: 11px;
- }
- .td_module_11 .item-details {
- position: relative;
- min-height: 178px;
- margin-left: 258px;
- margin-bottom: 40px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_11 .item-details {
- margin-left: 218px;
- }
- }
- @media (max-width: 767px) {
- .td_module_11 .item-details {
- margin-left: 0px;
- }
- }
- .td_module_11 .entry-review-stars {
- top: -4px;
- }
- .td_module_11 .td-read-more {
- position: relative;
- top: -9px;
- }
- .td_module_11 .td-read-more a {
- font-size: 10px;
- }
- /* ----------------------------------------------------------------------------
- Module 12
- */
- .td_module_12 {
- padding-left: 20px;
- padding-right: 19px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_12 {
- padding-left: 17px;
- padding-right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_module_12 {
- padding-left: 10px;
- padding-right: 10px;
- }
- }
- .td_module_12 .entry-title {
- font-size: 20px;
- line-height: 28px;
- margin: 0px 0px 7px 0px;
- font-weight: 600;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_12 .entry-title {
- margin-bottom: 4px;
- }
- }
- @media (max-width: 767px) {
- .td_module_12 .entry-title {
- margin-bottom: 4px;
- }
- }
- .td_module_12 .item-details {
- border-bottom: 1px dashed #f1f1f1;
- padding-bottom: 29px;
- margin-bottom: 20px;
- }
- .td_module_12 .meta-info {
- margin-bottom: 16px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_12 .meta-info {
- margin-bottom: 13px;
- }
- }
- @media (max-width: 767px) {
- .td_module_12 .meta-info {
- margin-bottom: 13px;
- }
- }
- .td_module_12 .td-module-thumb {
- margin-bottom: 12px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_12 .td-module-thumb {
- margin-bottom: 12px;
- }
- }
- .td_module_12 .td-module-excerpt {
- margin-bottom: 12px;
- }
- .td_module_12 .entry-review-stars {
- top: -1px;
- }
- /* ----------------------------------------------------------------------------
- Module 13
- */
- .td_module_13 {
- padding-left: 20px;
- padding-right: 19px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_13 {
- padding-left: 17px;
- padding-right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_module_13 {
- padding-left: 10px;
- padding-right: 10px;
- }
- }
- .td_module_13 .entry-title {
- font-size: 20px;
- line-height: 28px;
- margin: 0px 0px 7px 0px;
- font-weight: 600;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_13 .entry-title {
- margin-bottom: 4px;
- }
- }
- @media (max-width: 767px) {
- .td_module_13 .entry-title {
- margin-bottom: 4px;
- }
- }
- .td_module_13 .item-details {
- border-bottom: 1px dashed #f1f1f1;
- padding-bottom: 29px;
- margin-bottom: 20px;
- }
- .td_module_13 .meta-info {
- margin-bottom: 16px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_13 .meta-info {
- margin-bottom: 13px;
- }
- }
- @media (max-width: 767px) {
- .td_module_13 .meta-info {
- margin-bottom: 13px;
- }
- }
- .td_module_13 .td-module-thumb {
- margin-bottom: 20px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_13 .td-module-thumb {
- margin-bottom: 17px;
- }
- }
- .td_module_13 .entry-review-stars {
- top: -1px;
- }
- /* ----------------------------------------------------------------------------
- Module 14
- */
- .td_module_14 {
- z-index: 1;
- }
- .td_module_14 .meta-info {
- position: absolute;
- background-color: #ffffff;
- border-bottom: 1px dashed #f1f1f1;
- margin: 0px 20px 0px 20px;
- padding: 13px 20px 12px 20px;
- bottom: -49px;
- width: 639px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_14 .meta-info {
- width: 463px;
- }
- }
- @media (max-width: 767px) {
- .td_module_14 .meta-info {
- width: 100%;
- margin: 0px;
- bottom: auto;
- padding: 8px 10px 10px 10px;
- position: relative;
- }
- }
- .td_module_14 .entry-title {
- position: relative;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 24px;
- font-weight: 700;
- font-style: normal;
- line-height: 32px;
- margin: 0px 0px 9px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_14 .entry-title {
- font-size: 18px;
- line-height: 26px;
- margin-bottom: 10px;
- }
- }
- @media (max-width: 767px) {
- .td_module_14 .entry-title {
- font-size: 18px;
- line-height: 26px;
- margin-bottom: 5px;
- }
- }
- .td_module_14 .td-module-thumb {
- width: 681px;
- max-height: 350px;
- position: relative;
- left: -1px;
- margin-bottom: 49px;
- overflow: hidden;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_14 .td-module-thumb {
- max-height: 260px;
- width: 505px;
- }
- }
- @media (max-width: 767px) {
- .td_module_14 .td-module-thumb {
- width: 100%;
- margin-bottom: 0px;
- max-height: none;
- }
- }
- .td_module_14 .td-module-thumb .entry-thumb {
- width: 100%;
- margin-left: auto;
- margin-right: auto;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_14 .td-module-thumb .entry-thumb {
- width: 100%;
- }
- }
- .td_module_14 .meta-info-container {
- position: relative;
- }
- .td_module_14 .td-excerpt {
- padding: 12px 20px 37px 20px;
- margin: 0px;
- max-width: 681px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_14 .td-excerpt {
- padding: 6px 10px 50px 10px;
- }
- }
- .td_module_14 .entry-thumb {
- /* responsive desktop */
- }
- @media (min-width: 1024px) {
- .td_module_14 .entry-thumb {
- min-height: 100px;
- }
- }
- /* ----------------------------------------------------------------------------
- Module 15
- */
- .td_module_15 {
- border-top: 0px;
- padding-top: 0px;
- margin-bottom: 40px;
- padding-bottom: 24px;
- border-bottom: 1px dashed #f1f1f1 !important;
- margin-left: 20px;
- margin-right: 19px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_15 {
- margin-left: 17px;
- margin-right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_module_15 {
- margin-left: 10px;
- margin-right: 10px;
- }
- }
- .td_module_15 .entry-title {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 400;
- font-size: 32px;
- line-height: 40px;
- color: #222222;
- margin: 6px 0px 7px 0px;
- word-wrap: break-word;
- /* responsive portrait phone */
- }
- .td_module_15 .entry-title a {
- color: #222222;
- }
- .td_module_15 .entry-title a:hover {
- text-decoration: none !important;
- }
- @media (max-width: 767px) {
- .td_module_15 .entry-title {
- font-size: 28px;
- line-height: 36px;
- }
- }
- .td_module_15 .td-category {
- padding: 0px;
- margin: 0px;
- display: inline-block;
- }
- .td_module_15 .td-category a {
- background-color: #111111;
- font-style: normal;
- }
- .td_module_15 .td-category li {
- margin: 0px 10px 0px 0px;
- }
- .td_module_15 .td-category li:before {
- display: none;
- }
- .td_module_15 .item-details .entry-review-stars {
- top: 1px;
- }
- /* ----------------------------------------------------------------------------
- Module mx1
- */
- .td_module_mx1 {
- position: relative;
- /* responsive portrait phone */
- *zoom: 1;
- }
- @media (max-width: 767px) {
- .td_module_mx1 {
- border-bottom: 3px solid #ffffff;
- }
- }
- .td_module_mx1:before,
- .td_module_mx1:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .td_module_mx1:after {
- clear: both;
- }
- .td_module_mx1 .meta-info .td-post-category {
- background-color: #ffffff;
- color: #222222;
- }
- .td_module_mx1 .meta-info {
- position: absolute;
- bottom: 0px;
- color: #ffffff;
- padding: 0px 20px 0px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_mx1 .meta-info {
- padding: 0px 17px 0px 17px;
- }
- }
- @media (max-width: 767px) {
- .td_module_mx1 .meta-info {
- padding: 0px 10px 0px 10px;
- }
- }
- .td_module_mx1 .meta-info .td-post-author-name a {
- color: #ffffff;
- }
- .td_module_mx1 .meta-info a {
- color: #ffffff;
- }
- .td_module_mx1 .entry-title {
- position: relative;
- font-size: 16px;
- font-weight: 700;
- font-style: normal;
- line-height: 24px;
- margin-bottom: 0;
- bottom: 9px;
- margin-top: 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_mx1 .entry-title {
- font-size: 15px;
- line-height: 21px;
- bottom: 7px;
- }
- }
- @media (max-width: 767px) {
- .td_module_mx1 .entry-title {
- bottom: 7px;
- }
- }
- .td_module_mx1 .entry-title a {
- color: #ffffff !important;
- }
- .td_module_mx1 .entry-review-stars {
- height: 15px;
- position: relative;
- top: -1px;
- margin-bottom: 2px;
- }
- .td_module_mx1 .entry-review-stars i {
- line-height: 10px;
- }
- .td_module_mx1:hover .meta-info .entry-title a {
- color: #ffffff;
- }
- .td_module_mx1 .td-module-thumb {
- width: 341px;
- height: 220px;
- overflow: hidden;
- z-index: 0;
- margin-bottom: 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- .td_module_mx1 .td-module-thumb a:last-child:before {
- bottom: 0;
- content: "";
- display: block;
- height: 80%;
- width: 100%;
- position: absolute;
- z-index: 1;
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
- /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* Opera 11.10+ */
- background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* IE10+ */
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
- /* IE6-9 */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_mx1 .td-module-thumb {
- width: 253px;
- height: 163px;
- }
- }
- @media (max-width: 767px) {
- .td_module_mx1 .td-module-thumb {
- width: 100%;
- height: auto;
- }
- }
- .td_module_mx1 .td-module-thumb .entry-thumb {
- width: 100%;
- }
- .td_module_mx1 .td-block14-border {
- background-color: #ffffff;
- display: block;
- height: 220px;
- right: -2px;
- position: absolute;
- width: 3px;
- z-index: 1;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_mx1 .td-block14-border {
- display: none;
- }
- }
- .td_module_mx1 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_mx1 .entry-thumb {
- min-height: 220px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_mx1 .entry-thumb {
- min-height: 163px;
- }
- }
- .td_block_14 .td-block-span12 .td_module_mx1 {
- margin-bottom: 3px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_14 .td-block-span12 .td_module_mx1 {
- margin-bottom: 0px;
- }
- }
- .td_block_14 .td-block-span12 .td_module_mx1 .td-module-thumb {
- margin-bottom: 0px;
- }
- .td_block_14 .td-block-span12 .td-block14-border {
- display: none;
- }
- .td_block_14 .td-block-span6 .td-module-thumb {
- margin-bottom: 0px;
- }
- .td_block_14 .td-block-row {
- border-bottom: 3px solid #ffffff;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_14 .td-block-row {
- border-bottom: 0px;
- }
- }
- .td_block_14 .td-block-row:last-child {
- border-bottom: 0px;
- }
- .td_block_14 .td-block-span6:last-child .td-image-gradient:before {
- width: 341px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_14 .td-block-span6:last-child .td-image-gradient:before {
- width: 253px;
- }
- }
- @media (max-width: 767px) {
- .td_block_14 .td-block-span6:last-child .td-image-gradient:before {
- width: 100%;
- }
- }
- .td_block_14 .td-block-span6:last-child .td-block14-border {
- display: none;
- }
- .td_block_14 .td-block-span4 .td-module-thumb {
- margin-bottom: 0px;
- }
- .td_block_14 .td-block-span4:last-child .td-image-gradient:before {
- width: 341px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_14 .td-block-span4:last-child .td-image-gradient:before {
- width: 253px;
- }
- }
- @media (max-width: 767px) {
- .td_block_14 .td-block-span4:last-child .td-image-gradient:before {
- width: 100%;
- }
- }
- .td_block_14 .td-block-span4:last-child .td-block14-border {
- display: none;
- }
- .td_block_14 .block-title {
- margin: 20px 0px 0px 20px;
- position: absolute;
- top: 0px;
- left: 0px;
- z-index: 1;
- }
- /* ----------------------------------------------------------------------------
- Module mx2
- */
- .td_module_mx2 {
- *zoom: 1;
- }
- .td_module_mx2:before,
- .td_module_mx2:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .td_module_mx2:after {
- clear: both;
- }
- .td_module_mx2 .entry-title {
- font-size: 12px;
- font-weight: 600;
- line-height: 19px;
- }
- .td_module_mx2 .entry-title {
- margin: 0px 0px 5px 0px;
- }
- .td_module_mx2 .entry-thumb {
- width: 80px;
- height: auto;
- }
- .td_module_mx2 .td-module-thumb {
- position: absolute;
- margin: 0px 0px 0px 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_mx2 .td-module-thumb {
- margin: 0px 0px 0px 17px;
- }
- }
- @media (max-width: 767px) {
- .td_module_mx2 .td-module-thumb {
- margin: 0px 0px 0px 10px;
- }
- }
- .td_module_mx2 .meta-info {
- margin-bottom: 0px;
- }
- .td_module_mx2 .meta-info div {
- margin-bottom: 0px;
- }
- .td_module_mx2 .entry-review-stars {
- height: 15px;
- position: relative;
- top: -1px;
- margin-bottom: 2px;
- }
- .td_module_mx2 .entry-review-stars i {
- line-height: 10px;
- }
- .td_module_mx2 .item-details {
- margin: 0px 20px 20px 120px;
- display: block;
- min-height: 60px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_mx2 .item-details {
- margin: 0px 15px 17px 110px;
- }
- }
- @media (max-width: 767px) {
- .td_module_mx2 .item-details {
- margin: 0px 10px 17px 104px;
- }
- }
- .td_module_mx2 .entry-date {
- position: relative;
- }
- /* ----------------------------------------------------------------------------
- Module mx3
- */
- .td_module_mx3 {
- position: relative;
- width: 341px;
- padding-bottom: 64px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- *zoom: 1;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_mx3 {
- width: 252px;
- }
- }
- @media (max-width: 767px) {
- .td_module_mx3 {
- width: 100%;
- left: 0px;
- }
- }
- .td_module_mx3:before,
- .td_module_mx3:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .td_module_mx3:after {
- clear: both;
- }
- .td_module_mx3 .meta-info {
- position: absolute;
- bottom: 19px;
- min-width: 300px;
- background-color: #ffffff;
- border-bottom: 1px dashed #f1f1f1;
- margin: 0px 20px 0px 21px;
- padding: 14px 20px 12px 21px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_mx3 .meta-info {
- width: 100%;
- margin: 0px;
- bottom: auto;
- padding: 8px 10px 10px 10px !important;
- position: relative;
- }
- }
- .td_module_mx3 .td-module-thumb {
- margin-bottom: 4px;
- width: 100%;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_mx3 .td-module-thumb {
- width: 100%;
- margin-bottom: 0px;
- }
- }
- .td_module_mx3 .td-module-thumb .entry-thumb {
- width: 100%;
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_module_mx3 .td-module-thumb .entry-thumb {
- min-height: 100px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_module_mx3 .td-module-thumb .entry-thumb {
- min-height: 100px;
- }
- }
- .td_module_mx3 .entry-title {
- position: relative;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 15px;
- font-weight: 700;
- line-height: 21px;
- font-style: normal;
- margin: 0px 0px 12px 0px;
- height: auto;
- bottom: 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_mx3 .entry-title {
- font-size: 18px;
- line-height: 26px;
- margin-bottom: 5px;
- }
- }
- .td_module_mx3 .td-module-comments {
- position: relative;
- bottom: 14px;
- }
- .td_module_mx3 .meta-info-container {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_mx3 .meta-info-container {
- position: relative;
- height: auto;
- }
- }
- .td_module_mx3 .td-excerpt {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_module_mx3 .td-excerpt {
- padding: 6px 10px 50px 10px;
- }
- }
- /* ----------------------------------------------------------------------------
- Normal Slide
- */
- .td_normal_slide {
- position: relative;
- -webkit-transform: translate3d(0px, 0px, 0px);
- }
- .td_normal_slide .td-module-thumb {
- margin-bottom: 0px;
- z-index: -1;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- @media (min-width: 768px) {
- .td_normal_slide .td-module-thumb {
- height: 100% !important;
- }
- }
- .td_normal_slide .td-video-play-ico {
- width: 40px !important;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .td_normal_slide .slide-meta {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .td_normal_slide .td-admin-edit {
- height: auto !important;
- }
- .td_normal_slide i {
- z-index: 1;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .td_normal_slide .td_module_slide {
- z-index: 1;
- }
- .td_normal_slide .block-title {
- position: absolute;
- left: 20px;
- top: 0px;
- z-index: 2;
- margin: 20px 0px 0px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_normal_slide .block-title {
- margin: 17px 0px 0px 17px;
- }
- }
- @media (max-width: 767px) {
- .td_normal_slide .block-title {
- display: none;
- }
- }
- .td_normal_slide .td-image-gradient:before {
- height: 50%;
- }
- .td_normal_slide .td-wrapper-pulldown-filter {
- position: absolute;
- float: none;
- right: 20px;
- top: 20px;
- z-index: 2;
- }
- .td_normal_slide .td-wrapper-pulldown-filter {
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_normal_slide .td-wrapper-pulldown-filter {
- top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_normal_slide .td-wrapper-pulldown-filter {
- top: 17px;
- }
- }
- .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
- border: none;
- background-color: rgba(0, 0, 0, 0.85);
- color: #ffffff;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
- margin-right: 19px !important;
- }
- }
- .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i {
- color: #ffffff;
- }
- .td_normal_slide .td-wrapper-pulldown-filter:hover {
- color: #4db2ec !important;
- }
- .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-list {
- border: none;
- background-color: rgba(0, 0, 0, 0.85);
- top: 10px;
- right: 0px;
- }
- .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-list a {
- color: #ffffff;
- }
- .td_normal_slide .td-wrapper-pulldown-filter .td-pulldown-filter-list a:hover {
- color: #4db2ec;
- }
- .td-pb-span12 .td_normal_slide .block-title {
- left: 0;
- }
- .td-pb-span12 .td_normal_slide .td-wrapper-pulldown-filter {
- right: 0;
- }
- .td-theme-slider {
- margin: 0 19px 0 20px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-theme-slider {
- margin: 0;
- }
- }
- .td-theme-slider.iosSlider-col-3 {
- margin: 0;
- }
- .td-theme-slider:hover .td-icon-left {
- opacity: 0.7;
- }
- .td-theme-slider:hover .td-icon-right {
- opacity: 0.7;
- }
- .td-theme-slider .td-video-play-ico img {
- width: auto !important;
- height: auto !important;
- }
- .td-theme-slider .slide-meta {
- position: absolute;
- bottom: 16px;
- width: 100%;
- padding: 0 20px;
- z-index: 1;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider .slide-meta {
- padding: 0 17px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider .slide-meta {
- padding: 0 10px;
- bottom: 10px;
- }
- }
- .td-theme-slider .slide-meta a,
- .td-theme-slider .slide-meta span {
- color: #ffffff;
- }
- .td-theme-slider .slide-meta .entry-review-stars {
- top: 0;
- }
- .td-theme-slider .slide-meta-author {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: normal;
- font-size: 11px;
- font-style: italic;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-theme-slider .slide-meta-author {
- font-size: 10px;
- line-height: 15px;
- }
- }
- .td-theme-slider .td-slide-views {
- display: inline-block;
- margin-left: 21px;
- }
- .td-theme-slider .td-slide-views i {
- padding-right: 7px;
- }
- .td-theme-slider .td-slide-comments {
- display: inline-block;
- margin-left: 21px;
- }
- .td-theme-slider .td-slide-comments i {
- margin-right: 8px;
- }
- .td-theme-slider .slide-meta-cat {
- display: inline-block;
- line-height: 1;
- }
- .td-theme-slider .slide-meta-cat a {
- text-transform: uppercase;
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: bold;
- font-size: 11px;
- line-height: 1;
- position: relative;
- padding: 2px 14px 2px 14px;
- background-color: rgba(0, 0, 0, 0.85);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-theme-slider .slide-meta-cat a {
- font-size: 9px;
- padding: 1px 4px 1px 4px;
- }
- }
- .td-theme-slider .td-icon-left,
- .td-theme-slider .td-icon-right {
- padding: 20px;
- position: absolute;
- display: block;
- height: 80px;
- margin-top: -39px;
- top: 50%;
- font-size: 38px;
- color: #ffffff;
- font-weight: 300;
- opacity: 0;
- -webkit-transition: opacity 0.4s;
- -moz-transition: opacity 0.4s;
- -o-transition: opacity 0.4s;
- transition: opacity 0.4s;
- }
- .td-theme-slider .td-icon-left:hover,
- .td-theme-slider .td-icon-right:hover {
- opacity: 1;
- }
- .td-theme-slider .td-icon-left {
- left: 0px;
- }
- .td-theme-slider .td-icon-right {
- right: 0px;
- }
- /* ----------------------------------------------------------------------------
- Overwrite the above rules
- */
- /* 3 column */
- .td-theme-slider.iosSlider-col-3 {
- height: 579px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- .td-theme-slider.iosSlider-col-3 .slide-meta {
- padding-bottom: 22px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-3 .slide-meta {
- padding-bottom: 6px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-3 .slide-meta {
- padding-bottom: 0px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-3 {
- height: 429px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-3 {
- margin: 0px;
- height: auto;
- }
- }
- .td-theme-slider.iosSlider-col-3 .td_module_slide {
- height: 579px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-3 .td_module_slide {
- height: 429px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-3 .td_module_slide {
- height: auto;
- }
- }
- .td-theme-slider.iosSlider-col-3 .td-module-title {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: normal;
- font-size: 48px;
- line-height: 58px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-3 .td-module-title {
- font-size: 30px;
- line-height: 36px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-3 .td-module-title {
- font-size: 15px;
- line-height: 20px;
- font-weight: 600;
- }
- }
- .td-theme-slider.iosSlider-col-3 .td-icon-left,
- .td-theme-slider.iosSlider-col-3 .td-icon-right {
- font-size: 55px;
- margin-top: -46px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-3 .td-icon-left,
- .td-theme-slider.iosSlider-col-3 .td-icon-right {
- font-size: 38px;
- margin-top: -39px;
- }
- }
- .td-theme-slider.iosSlider-col-3 .entry-title {
- margin-bottom: 0;
- margin-top: 5px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-3 .entry-title {
- margin-bottom: 5px;
- }
- }
- .td-theme-slider.iosSlider-col-3 .td-module-thumb img {
- width: 1019px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-3 .td-module-thumb img {
- height: auto;
- }
- }
- /* 2 columns */
- .td-theme-slider.iosSlider-col-2 {
- height: 350px;
- margin-top: 20px;
- margin-bottom: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-2 {
- height: 254px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-2 {
- max-width: 464px;
- height: auto;
- margin: 0px auto;
- }
- }
- .td-theme-slider.iosSlider-col-2 .td_module_slide {
- height: 350px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-2 .td_module_slide {
- height: 254px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-2 .td_module_slide {
- height: auto;
- }
- }
- .td-theme-slider.iosSlider-col-2 .td-module-title {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 600;
- font-size: 24px;
- line-height: 32px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-2 .td-module-title {
- font-size: 20px;
- line-height: 26px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-2 .td-module-title {
- font-size: 15px;
- line-height: 20px;
- font-weight: 600;
- }
- }
- .td-theme-slider.iosSlider-col-2 .entry-title {
- margin-bottom: 4px;
- margin-top: 5px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-2 .entry-title {
- margin-bottom: 6px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-2 .entry-title {
- margin-bottom: 0;
- }
- }
- .td-theme-slider.iosSlider-col-2 .td-module-thumb img {
- width: 640px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-2 .td-module-thumb img {
- height: auto;
- }
- }
- /* 1 column */
- .td-theme-slider.iosSlider-col-1 {
- height: 350px;
- margin-top: 20px;
- margin-bottom: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-1 {
- height: 247px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-1 {
- max-width: 287px;
- height: 315px !important;
- margin: 0px auto;
- }
- }
- .td-theme-slider.iosSlider-col-1 .td_module_slide {
- height: 350px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-1 .td_module_slide {
- height: 247px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-1 .td_module_slide {
- height: 315px !important;
- }
- }
- .td-theme-slider.iosSlider-col-1 .td-module-title {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 600;
- font-size: 18px;
- line-height: 24px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-1 .td-module-title {
- font-size: 13px;
- line-height: 19px;
- font-weight: 700;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-1 .td-module-title {
- font-size: 15px;
- line-height: 20px;
- font-weight: 600;
- }
- }
- .td-theme-slider.iosSlider-col-1 .entry-title {
- margin-bottom: 5px;
- margin-top: 5px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-1 .entry-title {
- line-height: 19px;
- }
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-1 .entry-title {
- margin-bottom: 0;
- }
- }
- .td-theme-slider.iosSlider-col-1 .td-slide-views,
- .td-theme-slider.iosSlider-col-1 .td-slide-comments {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-theme-slider.iosSlider-col-1 .td-slide-views,
- .td-theme-slider.iosSlider-col-1 .td-slide-comments {
- display: none;
- }
- }
- .td-theme-slider.iosSlider-col-1 .td-module-thumb {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-theme-slider.iosSlider-col-1 .td-module-thumb {
- height: 100% !important;
- }
- }
- .td-theme-slider.iosSlider-col-1 .td-module-thumb img {
- width: 300px;
- }
- .td-slider .td_module_wrap:hover .entry-title a {
- color: #ffffff;
- }
- @media (max-width: 320px) {
- .td_normal_slide .iosSlider-col-2,
- .td_normal_slide .iosSlider-col-3 {
- height: 150px !important;
- }
- }
- @media (max-width: 320px) {
- .td_normal_slide .iosSlider-col-2 .td-slider,
- .td_normal_slide .iosSlider-col-3 .td-slider,
- .td_normal_slide .iosSlider-col-2 .td_module_slide,
- .td_normal_slide .iosSlider-col-3 .td_module_slide,
- .td_normal_slide .iosSlider-col-2 .td-module-thumb,
- .td_normal_slide .iosSlider-col-3 .td-module-thumb {
- height: 150px !important;
- }
- }
- /* control wrapper (default white) */
- .td-wrapper-pulldown-filter {
- display: inline-block;
- float: right;
- *zoom: 1;
- }
- .td-wrapper-pulldown-filter:before,
- .td-wrapper-pulldown-filter:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .td-wrapper-pulldown-filter:after {
- clear: both;
- }
- .td-wrapper-pulldown-filter .td-pulldown-filter-display-option {
- color: #444444;
- border: 1px solid #e6e6e6;
- }
- .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover {
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- }
- .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover ul {
- display: block;
- }
- .td-wrapper-pulldown-filter .td-pulldown-filter-list {
- background-color: rgba(255, 255, 255, 0.95);
- border: 1px solid #e6e6e6;
- }
- .td-wrapper-pulldown-filter .td-pulldown-filter-link {
- color: #444444;
- }
- /* hide the filter category name on 1 column on portrait tablet only on blocks */
- .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option {
- padding: 0 6px 0 6px;
- }
- }
- .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option span {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option span {
- display: none;
- }
- }
- .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option i {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span4 .td_block_wrap .td-pulldown-filter-display-option i {
- padding: 0px;
- }
- }
- /*open the list (default white)*/
- .td-pulldown-filter-list-open .td-pulldown-filter-list {
- display: block;
- }
- .td-pulldown-filter-list-open .td-pulldown-filter-display-option {
- border-bottom: 1px solid rgba(255, 255, 255, 0.95);
- -webkit-border-bottom-right-radius: 0px;
- -webkit-border-bottom-left-radius: 0px;
- -moz-border-radius-bottomright: 0px;
- -moz-border-radius-bottomleft: 0px;
- border-bottom-right-radius: 0px;
- border-bottom-left-radius: 0px;
- }
- .td-js-loaded .td-category-siblings {
- opacity: 1;
- -webkit-transition: opacity 3s;
- -moz-transition: opacity 3s;
- -o-transition: opacity 3s;
- transition: opacity 3s;
- }
- /* ----------------------------------------------------------------------------
- common code
- */
- /*text selected to display*/
- .td-pulldown-filter-display-option {
- background-color: rgba(255, 255, 255, 0.95);
- position: relative;
- right: 0px;
- cursor: pointer;
- padding: 0px 10px 0px 14px;
- margin: 0px 19px 21px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- height: 20px;
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 600;
- font-size: 10px;
- line-height: 18px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- white-space: nowrap;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pulldown-filter-display-option {
- margin: 0px 17px 17px 0px;
- }
- }
- @media (max-width: 767px) {
- .td-pulldown-filter-display-option {
- margin: 0px 10px 17px 0px;
- }
- }
- .td-pulldown-filter-display-option:hover {
- color: #4db2ec;
- }
- .td-pulldown-filter-display-option i {
- font-size: 9px;
- padding-left: 8px;
- color: #444444;
- }
- .wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
- margin: 0px 19px 20px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
- margin: 0px 17px 17px 0px;
- }
- }
- @media (max-width: 767px) {
- .wpb_wrapper .td_block_wrap .td-pulldown-filter-display-option {
- margin: 0px 10px 17px 0px;
- }
- }
- /*the list with options*/
- .td-pulldown-filter-list {
- display: none;
- position: absolute;
- top: 8px;
- right: -1px;
- z-index: 2;
- background-color: rgba(255, 255, 255, 0.95);
- -webkit-border-radius: 3px;
- -webkit-border-top-right-radius: 0;
- -moz-border-radius: 3px;
- -moz-border-radius-topright: 0;
- border-radius: 3px;
- border-top-right-radius: 0;
- padding: 5px 0px 7px 0px;
- text-align: left;
- }
- /*li - list item*/
- .td-pulldown-filter-item {
- list-style: none;
- }
- /*a - link*/
- .td-pulldown-filter-link {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 600;
- font-size: 10px;
- line-height: 24px;
- white-space: nowrap;
- display: block;
- padding: 0 30px 0 16px;
- }
- .td-pulldown-filter-link:hover {
- color: #4db2ec;
- }
- .td-pulldown-filter-list {
- -webkit-animation-duration: 0.3s;
- -moz-animation-duration: 0.3s;
- -ms-animation-duration: 0.3s;
- -o-animation-duration: 0.3s;
- animation-duration: 0.3s;
- }
- .td_block_inner {
- -webkit-animation-duration: 0.5s;
- -moz-animation-duration: 0.5s;
- -ms-animation-duration: 0.5s;
- -o-animation-duration: 0.5s;
- animation-duration: 0.5s;
- }
- /* ----------------------------------------------------------------------------
- category pull-down filter
- */
- .td-category-pulldown-filter {
- /*a - link*/
- }
- .td-category-pulldown-filter.td-wrapper-pulldown-filter {
- position: absolute;
- top: 14px;
- right: 0px;
- }
- .td-category-pulldown-filter .td-pulldown-filter-list {
- z-index: 2;
- }
- .td-category-pulldown-filter a.td-pulldown-category-filter-link {
- color: #444444;
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 600;
- font-size: 10px;
- line-height: 24px;
- white-space: nowrap;
- display: block;
- padding: 0px 30px 0px 16px;
- }
- .td-category-pulldown-filter a.td-pulldown-category-filter-link:hover {
- color: #4db2ec;
- }
- /* ----------------------------------------------------------------------------
- blocks wrap
- */
- .td-block-wrap {
- position: relative;
- padding-bottom: 34px;
- }
- /* title / label */
- .block-title {
- display: inline-block;
- line-height: 20px;
- margin: 0 0 20px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .block-title {
- margin-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .block-title {
- margin-left: 10px;
- margin-right: 10px;
- }
- }
- .block-title > a,
- .block-title > span {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-weight: bold;
- color: #ffffff;
- background-color: #222222;
- border-radius: 3px;
- padding: 2px 15px 2px 15px;
- position: relative;
- display: inline-table;
- vertical-align: middle;
- line-height: 16px;
- top: -2px;
- }
- /* comment by Radu A when adding the javascript loader box
- .td-loader-gif {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 64px;
- height: 64px;
- margin-top: -32px; /* Half the height * /
- margin-left: -32px; /* Half the width * /
- }*/
- .td-post-category {
- padding: 1px 5px 1px 5px;
- background-color: #222222;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- font-size: 9px;
- font-weight: bold;
- font-style: normal;
- color: #ffffff;
- margin-right: 5px;
- position: relative;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-post-category {
- display: none;
- }
- }
- .td-post-category:hover {
- color: #ffffff;
- background-color: #4db2ec;
- }
- /* ----------------------------------------------------------------------------
- pagination
- @todo display inline?
- @todo numa mai bune la clase
- */
- .ajax-page-disabled {
- opacity: 0.5;
- }
- /* load more button*/
- .td_ajax_load_more {
- display: inline-block;
- margin-bottom: 21px !important;
- }
- .td_ajax_load_more .td-icon-menu-down {
- font-size: 8px;
- position: relative;
- top: -6px;
- display: block;
- }
- .td-load-more-wrap {
- text-align: center;
- clear: both;
- }
- .td-load-more-wrap a {
- color: #222222;
- }
- .td-load-more-wrap a:hover {
- color: #4db2ec;
- }
- /* next prev */
- .td-next-prev-wrap {
- margin: 0px 0px 0px 20px;
- line-height: 15px;
- clear: both;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-next-prev-wrap {
- margin: 0px 0px 0px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-next-prev-wrap {
- margin: 0px 0px 0px 10px;
- }
- }
- .td-next-prev-wrap a {
- display: inline-block;
- margin-bottom: 19px;
- line-height: 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-next-prev-wrap a {
- margin-bottom: 16px;
- }
- }
- @media (max-width: 767px) {
- .td-next-prev-wrap a {
- margin-bottom: 19px;
- }
- }
- .td-next-prev-wrap a:hover i {
- background-color: #4db2ec;
- color: #ffffff !important;
- border-color: #4db2ec;
- }
- .td-next-prev-wrap .td-ajax-prev-page {
- margin-right: 4px;
- }
- .td-next-prev-wrap i {
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- border: 1px solid #e6e6e6;
- font-size: 9px;
- color: #444444;
- line-height: 1;
- padding: 3px 6px 3px 6px;
- }
- .td_block_inner_overflow {
- overflow: hidden;
- }
- /* ----------------------------------------------------------------------------
- infinite loader
- */
- .td-load-more-infinite-wrap {
- display: none;
- }
- /* ----------------------------------------------------------------------------
- individual blocks
- */
- /* ----------------------------------------------------------------------------
- block title alignment
- */
- .td_block_1,
- .td_block_2,
- .td_block_3,
- .td_block_4,
- .td_block_5,
- .td_block_6,
- .td_block_7,
- .td_block_8,
- .td_block_9,
- .td_block_10,
- .td_block_11,
- .td_block_12,
- .td_block_16,
- .td_top_authors,
- .td_block_text_with_title {
- position: relative;
- padding-top: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_1,
- .td_block_2,
- .td_block_3,
- .td_block_4,
- .td_block_5,
- .td_block_6,
- .td_block_7,
- .td_block_8,
- .td_block_9,
- .td_block_10,
- .td_block_11,
- .td_block_12,
- .td_block_16,
- .td_top_authors,
- .td_block_text_with_title {
- padding-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_1,
- .td_block_2,
- .td_block_3,
- .td_block_4,
- .td_block_5,
- .td_block_6,
- .td_block_7,
- .td_block_8,
- .td_block_9,
- .td_block_10,
- .td_block_11,
- .td_block_12,
- .td_block_16,
- .td_top_authors,
- .td_block_text_with_title {
- padding-top: 17px;
- }
- }
- .td_block_1 .block-title,
- .td_block_2 .block-title,
- .td_block_3 .block-title,
- .td_block_4 .block-title,
- .td_block_5 .block-title,
- .td_block_6 .block-title,
- .td_block_7 .block-title,
- .td_block_8 .block-title,
- .td_block_9 .block-title,
- .td_block_10 .block-title,
- .td_block_11 .block-title,
- .td_block_12 .block-title,
- .td_block_16 .block-title,
- .td_top_authors .block-title,
- .td_block_text_with_title .block-title {
- margin: 0px 0px 20px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_1 .block-title,
- .td_block_2 .block-title,
- .td_block_3 .block-title,
- .td_block_4 .block-title,
- .td_block_5 .block-title,
- .td_block_6 .block-title,
- .td_block_7 .block-title,
- .td_block_8 .block-title,
- .td_block_9 .block-title,
- .td_block_10 .block-title,
- .td_block_11 .block-title,
- .td_block_12 .block-title,
- .td_block_16 .block-title,
- .td_top_authors .block-title,
- .td_block_text_with_title .block-title {
- margin: 0px 0px 17px 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_1 .block-title,
- .td_block_2 .block-title,
- .td_block_3 .block-title,
- .td_block_4 .block-title,
- .td_block_5 .block-title,
- .td_block_6 .block-title,
- .td_block_7 .block-title,
- .td_block_8 .block-title,
- .td_block_9 .block-title,
- .td_block_10 .block-title,
- .td_block_11 .block-title,
- .td_block_12 .block-title,
- .td_block_16 .block-title,
- .td_top_authors .block-title,
- .td_block_text_with_title .block-title {
- margin: 0px 0px 17px 10px;
- }
- }
- .td_block_1 .td_block_inner,
- .td_block_2 .td_block_inner,
- .td_block_3 .td_block_inner,
- .td_block_4 .td_block_inner,
- .td_block_5 .td_block_inner,
- .td_block_6 .td_block_inner,
- .td_block_7 .td_block_inner,
- .td_block_8 .td_block_inner,
- .td_block_9 .td_block_inner,
- .td_block_10 .td_block_inner,
- .td_block_11 .td_block_inner,
- .td_block_12 .td_block_inner,
- .td_block_16 .td_block_inner,
- .td_top_authors .td_block_inner,
- .td_block_text_with_title .td_block_inner {
- clear: right;
- }
- .td_block_13,
- .td_block_14 {
- position: relative;
- }
- .td_block_13 .block-title,
- .td_block_14 .block-title {
- margin: 0px 0px 21px 20px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_13 .block-title,
- .td_block_14 .block-title {
- margin: 0px 0px 17px 17px;
- }
- }
- .td_block_13 .td_block_inner,
- .td_block_14 .td_block_inner {
- clear: right;
- }
- /* ----------------------------------------------------------------------------
- block 1
- */
- .td-pb-span4 .td_block_1 .td_module_4 {
- padding-bottom: 6px;
- }
- .td_block_1 .td_module_4 {
- margin-bottom: 0px;
- }
- .td_block_1 .td_module_4 .meta-info {
- margin-bottom: 5px;
- }
- /* ----------------------------------------------------------------------------
- block 2
- */
- .td_block_2 .td_module_4 {
- margin-bottom: 21px !important;
- }
- /* ----------------------------------------------------------------------------
- block 3
- */
- .td_block_3 .td-block-row:last-child .td_module_1 {
- margin-bottom: 0px !important;
- }
- .td_block_3 .td-block-span12:last-child .td_module_1 {
- margin-bottom: 0px !important;
- }
- /* ----------------------------------------------------------------------------
- block 4
- */
- .td_block_4 .td-block-row:last-child .td_module_2 {
- margin-bottom: 0px !important;
- }
- .td_block_4 .td-block-span12:last-child .td_module_2 {
- margin-bottom: 0px !important;
- }
- /* ----------------------------------------------------------------------------
- block 5
- */
- .td_block_5 .td-block-row:last-child .td_module_3 {
- margin-bottom: 12px !important;
- }
- .td_block_5 .td-block-span12:last-child .td_module_3 {
- margin-bottom: 12px !important;
- }
- /* ----------------------------------------------------------------------------
- block 6
- */
- .td_block_6 .td-block-span12:last-child .td_module_5 {
- border-bottom: none;
- padding-bottom: 2px;
- }
- /* ----------------------------------------------------------------------------
- block 9
- */
- .td_block_9 .td-block-span12:last-child .item-details {
- border-bottom: none;
- padding-bottom: 12px;
- margin-bottom: 0px;
- }
- .td-pb-span4 .td_block_9 .td_module_8 .td-post-category {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span4 .td_block_9 .td_module_8 .td-post-category {
- display: none;
- }
- }
- .td_block_9 .td_block_inner .td-block-row:last-child .item-details {
- border-bottom: 0px;
- }
- /* ----------------------------------------------------------------------------
- block 10
- */
- .td_block_10 {
- text-align: center;
- /* hide the filter category name on mobile */
- }
- .td_block_10 .block-title {
- margin-left: 10px;
- margin-right: 10px;
- }
- .td_block_10 .td_block_inner {
- margin-left: 30px;
- margin-right: 29px;
- }
- .td_block_10 .td_module_9:last-child .item-details {
- border-bottom: none;
- padding-bottom: 4px;
- margin-bottom: 0px;
- }
- .td_block_10 .td_module_9 .item-details {
- margin-bottom: 23px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_10 .td_module_9 .item-details {
- margin-bottom: 15px;
- }
- }
- @media (max-width: 767px) {
- .td_block_10 .td_module_9 .item-details {
- margin-bottom: 15px;
- }
- }
- .td_block_10 .td-wrapper-pulldown-filter {
- position: absolute;
- right: 0;
- }
- .td_block_10 .td-next-prev-wrap {
- margin: 0;
- }
- .td_block_10 .td-pulldown-filter-display-option {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_10 .td-pulldown-filter-display-option {
- padding: 0 4px 0 0;
- }
- }
- .td_block_10 .td-pulldown-filter-display-option span {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_10 .td-pulldown-filter-display-option span {
- display: none;
- }
- }
- .td_block_10 .td-pulldown-filter-display-option i {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_10 .td-pulldown-filter-display-option i {
- padding-left: 5px;
- }
- }
- /* ----------------------------------------------------------------------------
- block 11
- */
- .td_block_11 .td-block-span12:last-child .item-details {
- margin-bottom: 20px;
- }
- .td_block_11 .td_module_10 {
- padding-left: 0px;
- padding-right: 0px;
- }
- .td_block_11 .td-block-span12:last-child .item-details {
- margin-bottom: 7px;
- }
- .td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
- width: 80px;
- margin-bottom: 0px;
- /* responsive portrait phone */
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (max-width: 767px) {
- .td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
- margin-bottom: 17px;
- float: left;
- }
- }
- @media (min-width: 1024px) {
- .td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
- min-height: inherit;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-row .td-pb-span4 .td_block_11 .entry-thumb {
- min-height: inherit;
- }
- }
- .td-pb-row .td-pb-span4 .td_block_11 .td-module-title {
- padding-left: 100px;
- font-size: 15px;
- line-height: 21px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-row .td-pb-span4 .td_block_11 .td-module-title {
- font-size: 14px;
- line-height: 21px;
- padding-left: 97px;
- }
- }
- .td-pb-row .td-pb-span4 .td_block_11 .meta-info {
- clear: both;
- }
- .td-pb-row .td-pb-span4 .td_block_11 .item-details {
- margin-left: 0px;
- }
- .td-pb-row .td-pb-span4 .td_block_11 .td-excerpt {
- clear: both;
- margin-bottom: 15px;
- }
- /* ----------------------------------------------------------------------------
- block 12
- */
- .td_block_12 .td-block-span12:last-child .item-details {
- margin-bottom: 20px;
- }
- .td_block_12 .td_module_11 {
- padding-left: 0px;
- padding-right: 0px;
- }
- .td_block_12 .td-block-span12:last-child .item-details {
- margin-bottom: 20px;
- }
- .td-pb-row .td-pb-span4 .td_block_12 .entry-thumb {
- width: 80px;
- margin-bottom: 17px;
- /* responsive portrait phone */
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (max-width: 767px) {
- .td-pb-row .td-pb-span4 .td_block_12 .entry-thumb {
- float: left;
- }
- }
- @media (min-width: 1024px) {
- .td-pb-row .td-pb-span4 .td_block_12 .entry-thumb {
- min-height: inherit;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-row .td-pb-span4 .td_block_12 .entry-thumb {
- min-height: inherit;
- }
- }
- .td-pb-row .td-pb-span4 .td_block_12 .td-module-thumb {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-pb-row .td-pb-span4 .td_block_12 .td-module-thumb {
- float: left;
- width: 80px;
- margin-bottom: 0;
- }
- }
- .td-pb-row .td-pb-span4 .td_block_12 .td-module-title {
- padding-left: 100px;
- font-size: 15px;
- line-height: 21px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-row .td-pb-span4 .td_block_12 .td-module-title {
- padding-left: 97px;
- }
- }
- .td-pb-row .td-pb-span4 .td_block_12 .meta-info {
- clear: both;
- }
- .td-pb-row .td-pb-span4 .td_block_12 .td-video-play-ico img {
- width: 24px;
- }
- .td-pb-row .td-pb-span4 .td_block_12 .item-details {
- margin-left: 0px;
- }
- .td-pb-row .td-pb-span4 .td_block_12 .td-excerpt {
- clear: both;
- margin-bottom: 15px;
- }
- /* ----------------------------------------------------------------------------
- block 13
- */
- .td_block_13 {
- border-top: 0 !important;
- }
- .td_block_13 .td-module-thumb {
- left: 0;
- }
- .td_block_13 .block-title > a,
- .td_block_13 .block-title > span {
- background-color: rgba(0, 0, 0, 0.85);
- }
- .td_block_13 .block-title {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 2;
- margin: 20px 0 0 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_13 .block-title {
- margin: 17px 0 0 16px;
- }
- }
- @media (max-width: 767px) {
- .td_block_13 .block-title {
- margin: 17px 0 0 10px;
- }
- }
- .td_block_13 .td-wrapper-pulldown-filter {
- position: absolute;
- right: 0;
- top: 20px;
- z-index: 2;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_13 .td-wrapper-pulldown-filter {
- top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_13 .td-wrapper-pulldown-filter {
- top: 17px;
- }
- }
- .td_block_13 .td-pulldown-filter-display-option {
- border: none;
- background-color: rgba(0, 0, 0, 0.85);
- color: #ffffff;
- /* responsive portrait tablet */
- }
- .td_block_13 .td-pulldown-filter-display-option .td-icon-menu-down {
- color: #ffffff;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_13 .td-pulldown-filter-display-option {
- margin-right: 19px !important;
- }
- }
- .td_block_13:hover {
- color: #4db2ec;
- }
- .td_block_13 .td-pulldown-filter-list {
- border: none;
- background-color: rgba(0, 0, 0, 0.85);
- top: 10px;
- right: 0;
- }
- .td_block_13 .td-pulldown-filter-list a {
- color: #ffffff;
- }
- .td_block_13 .td-pulldown-filter-list a:hover {
- color: #4db2ec;
- }
- .td_block_13 .meta-info {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_13 .meta-info {
- padding: 12px 17px 10px 17px;
- }
- }
- .td_block_13 .td-pulldown-filter-list-open .td-pulldown-filter-display-option {
- border-bottom: none;
- }
- .td-pb-span4 .td_block_13 .meta-info {
- min-width: 299px;
- padding: 14px 20px 12px 21px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span4 .td_block_13 .meta-info {
- margin: 0px 19px 0px 18px;
- padding: 12px 17px 10px 17px;
- min-width: 216px;
- }
- }
- /* ----------------------------------------------------------------------------
- block 14
- */
- .td_block_14 {
- border-top: none;
- background-color: #e6e6e6;
- }
- .td_block_14 .block-title {
- position: absolute;
- top: 0px;
- left: 0px;
- z-index: 1;
- margin: 21px 0px 0px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_14 .block-title {
- margin: 17px 0px 0px 16px;
- }
- }
- @media (max-width: 767px) {
- .td_block_14 .block-title {
- margin: 17px 0px 0px 10px;
- }
- }
- .td_block_14 .block-title > a,
- .td_block_14 .block-title > span {
- background-color: rgba(0, 0, 0, 0.85);
- }
- .td_block_14 .td-block-span4 {
- padding-left: 0px;
- padding-right: 0px !important;
- }
- .td_block_14 .td-block-span6 {
- padding-left: 0px;
- padding-right: 0px !important;
- }
- .td_block_14 div.td-block-span12 {
- padding-left: 0px;
- padding-right: 0px !important;
- }
- .td_block_14 .td-wrapper-pulldown-filter {
- position: absolute;
- right: 0px;
- top: 21px;
- z-index: 1;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_14 .td-wrapper-pulldown-filter {
- top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_14 .td-wrapper-pulldown-filter {
- top: 17px;
- }
- }
- .td_block_14 .td-pulldown-filter-display-option {
- position: absolute;
- border: none;
- background-color: rgba(0, 0, 0, 0.85);
- color: #ffffff;
- line-height: 20px;
- z-index: 1;
- }
- .td_block_14:hover {
- color: #4db2ec !important;
- }
- .td_block_14 .td-pulldown-filter-list {
- border: none;
- background-color: rgba(0, 0, 0, 0.85);
- top: 10px;
- right: 0;
- }
- .td_block_14 .td-pulldown-filter-list a {
- color: #ffffff;
- }
- .td_block_14 .td-pulldown-filter-list:hover {
- color: #4db2ec;
- }
- .td_block_14 .td-next-prev-wrap {
- display: inline-block;
- bottom: -6px;
- position: absolute;
- right: 19px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_14 .td-next-prev-wrap {
- right: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_14 .td-next-prev-wrap {
- right: 10px;
- }
- }
- .td_block_14 .td-next-prev-wrap i {
- color: #ffffff;
- }
- .td_block_14 .td-next-prev-wrap i:hover {
- color: #4db2ec;
- }
- .td_block_14 .td-icon-menu-down {
- color: #ffffff;
- }
- .td_block_14 .td-pulldown-filter-list-open .td-pulldown-filter-display-option {
- border-bottom: none;
- }
- .td_block_14 .td-block-span12:last-child .td_module_mx1 {
- margin-bottom: -1px;
- }
- /* ----------------------------------------------------------------------------
- block 15
- */
- .td_block_15 {
- border-top: none;
- }
- .td_block_15 .block-title > a,
- .td_block_15 .block-title > span {
- background-color: rgba(0, 0, 0, 0.85);
- }
- .td_block_15 .block-title {
- margin: 21px 0px 0px 20px;
- position: absolute;
- top: 0px;
- left: 0px;
- z-index: 1;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_15 .block-title {
- margin: 17px 0px 0px 16px;
- }
- }
- @media (max-width: 767px) {
- .td_block_15 .block-title {
- margin: 17px 0px 0px 10px;
- }
- }
- .td_block_15 .td-block-span4 {
- padding-left: 0px;
- padding-right: 0px !important;
- }
- .td_block_15 .td-block-span6 {
- padding-left: 0px;
- padding-right: 0px !important;
- }
- .td_block_15 div.td-block-span12 {
- padding-left: 0px;
- padding-right: 0px !important;
- }
- .td_block_15 .td-wrapper-pulldown-filter {
- position: absolute;
- right: 0px;
- top: 21px;
- z-index: 3;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_15 .td-wrapper-pulldown-filter {
- top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_15 .td-wrapper-pulldown-filter {
- top: 17px;
- }
- }
- .td_block_15 .td-pulldown-filter-display-option {
- position: absolute;
- border: none;
- background-color: rgba(0, 0, 0, 0.85);
- color: #ffffff;
- line-height: 20px;
- }
- .td_block_15 .td-pulldown-filter-display-option i {
- color: inherit;
- }
- .td_block_15:hover {
- color: #4db2ec;
- }
- .td_block_15 .td-pulldown-filter-list {
- border: none;
- background-color: rgba(0, 0, 0, 0.85);
- top: 10px;
- right: 0;
- }
- .td_block_15 .td-pulldown-filter-list a {
- color: #ffffff;
- }
- .td_block_15 .td-pulldown-filter-list:hover {
- color: #4db2ec;
- }
- .td_block_15 .td-pulldown-filter-list-open .td-pulldown-filter-display-option {
- border-bottom: none;
- }
- .td_block_15 .td_block_inner .td_module_mx1 {
- margin-bottom: 20px;
- border: 0;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_15 .td_block_inner .td_module_mx1 {
- margin-bottom: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_15 .td_block_inner .td_module_mx1 {
- margin-bottom: 0;
- }
- }
- .td_block_15 .td-block-span12 .td_module_mx1 {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_15 .td-block-span12 .td_module_mx1 {
- margin-bottom: 15px;
- }
- }
- .td_block_15 .td-block-span12 .td_module_mx1 .td-block14-border {
- display: none;
- }
- .td_block_15 .td-block-span6:last-child .td_module_mx1 {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_15 .td-block-span6:last-child .td_module_mx1 {
- margin-bottom: 15px;
- }
- }
- .td_block_15 .td-block-span6 .td_module_mx1 .td-module-thumb {
- margin-bottom: 0;
- }
- .td_block_15 .td-block-span6 .td_module_mx1:last-child .td-image-gradient:before {
- width: 341px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_15 .td-block-span6 .td_module_mx1:last-child .td-image-gradient:before {
- width: 253px;
- }
- }
- @media (max-width: 767px) {
- .td_block_15 .td-block-span6 .td_module_mx1:last-child .td-image-gradient:before {
- width: 100%;
- }
- }
- .td_block_15 .td-block-span6:last-child .td-block14-border {
- display: none;
- }
- .td_block_15 .td-block-span4:last-child .td_module_mx1 {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_15 .td-block-span4:last-child .td_module_mx1 {
- margin-bottom: 15px;
- }
- }
- .td_block_15 .td-block-span4 .td_module_mx1 .td-module-thumb {
- margin-bottom: 0px;
- }
- .td_block_15 .td-block-span4 .td_module_mx1:last-child .td-image-gradient:before {
- width: 341px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_15 .td-block-span4 .td_module_mx1:last-child .td-image-gradient:before {
- width: 253px;
- }
- }
- @media (max-width: 767px) {
- .td_block_15 .td-block-span4 .td_module_mx1:last-child .td-image-gradient:before {
- width: 100%;
- }
- }
- .td_block_15 .td-block-span4:last-child .td-block14-border {
- display: none;
- }
- /* ----------------------------------------------------------------------------
- block 16
- */
- .td_block_16 .td-block-row .td-block-span4 {
- width: auto;
- padding-right: 0px;
- }
- .td_block_16 .entry-title {
- margin: 0px 0px 3px 0px;
- font-size: 13px;
- line-height: 16px;
- font-weight: 600;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_16 .entry-title {
- font-size: 18px;
- line-height: 26px;
- font-weight: 700;
- }
- }
- .td_block_16 .td-module-thumb {
- margin-bottom: 5px;
- }
- .td_block_16 .td-column-1 .td_module_mx4 {
- padding-bottom: 20px;
- }
- .td_block_16 .td-column-1 .td_module_mx4 .meta-info {
- margin-bottom: 0px;
- }
- .td_block_16 .td-column-1 .td_module_mx4 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_block_16 .td-column-1 .td_module_mx4 .entry-thumb {
- min-height: 194px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_16 .td-column-1 .td_module_mx4 .entry-thumb {
- min-height: 142px;
- }
- }
- .td_block_16 .td-column-2 .td_module_mx4 {
- width: 200px;
- margin-bottom: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_16 .td-column-2 .td_module_mx4 {
- width: 145px;
- }
- }
- @media (max-width: 767px) {
- .td_block_16 .td-column-2 .td_module_mx4 {
- width: 100%;
- }
- }
- .td_block_16 .td-column-2 .td_module_mx4 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_block_16 .td-column-2 .td_module_mx4 .entry-thumb {
- min-height: 129px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_16 .td-column-2 .td_module_mx4 .entry-thumb {
- min-height: 94px;
- }
- }
- .td_block_16 .td-column-3 .td_module_mx4 {
- width: 180px;
- margin-bottom: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_16 .td-column-3 .td_module_mx4 {
- width: 131px;
- }
- }
- @media (max-width: 767px) {
- .td_block_16 .td-column-3 .td_module_mx4 {
- width: 100%;
- }
- }
- .td_block_16 .td-column-3 .td_module_mx4 .entry-thumb {
- /* responsive desktop */
- /* responsive portrait tablet */
- }
- @media (min-width: 1024px) {
- .td_block_16 .td-column-3 .td_module_mx4 .entry-thumb {
- min-height: 116px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_16 .td-column-3 .td_module_mx4 .entry-thumb {
- min-height: 85px;
- }
- }
- /* ----------------------------------------------------------------------------
- td_block_related_posts
- */
- /* related_posts_row */
- .td-related-row {
- width: 100%;
- *zoom: 1;
- /* responsive portrait phone */
- }
- .td-related-row:before,
- .td-related-row:after {
- display: table;
- content: "";
- }
- .td-related-row:after {
- clear: both;
- }
- .td-related-row [class*="td-related-span"] {
- display: block;
- min-height: 1px;
- float: left;
- }
- @media (max-width: 767px) {
- .td-related-row {
- padding-right: 10px;
- }
- }
- .td-related-span4 {
- width: 220px;
- padding-left: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-related-span4 {
- width: 162px;
- padding-left: 17px;
- }
- }
- @media (max-width: 767px) {
- .td-related-span4 {
- width: 33.33%;
- padding-left: 10px;
- }
- }
- .td-related-full-width .td-related-span4 {
- width: 200px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-related-full-width .td-related-span4 {
- width: 147px;
- }
- }
- @media (max-width: 767px) {
- .td-related-full-width .td-related-span4 {
- width: 20%;
- padding-left: 10px;
- }
- }
- /* ----------------------------------------------------------------------------
- Big grid
- */
- .td_block_big_grid {
- position: relative;
- height: 360px;
- border-top: none;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_big_grid {
- height: 264px;
- }
- }
- .td_block_big_grid .block-title {
- position: absolute;
- top: 0px;
- z-index: 1;
- margin: 20px 0px 0px 19px;
- text-transform: uppercase;
- }
- .td_block_big_grid .td-post-category {
- padding: 2px 5px 2px 5px;
- top: -3px;
- }
- .td_block_big_grid .td_module_mx6 .td-video-play-ico {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_big_grid .td_module_mx6 .td-video-play-ico {
- width: 26px;
- }
- }
- .td_block_big_grid .td-video-play-ico {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_big_grid .td-video-play-ico {
- right: 10px;
- top: 10px;
- left: auto;
- }
- }
- .td_block_big_grid .td-video-play-ico img {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_block_big_grid .td-video-play-ico img {
- left: auto;
- top: auto !important;
- }
- }
- .td-big-grid-post {
- float: left;
- width: 238px;
- position: relative;
- overflow: hidden;
- background-color: #cccccc;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-big-grid-post {
- width: 174px;
- height: 130px !important;
- }
- }
- @media (max-width: 767px) {
- .td-big-grid-post {
- width: 50%;
- max-height: 170px;
- }
- }
- @media (max-width: 467px) {
- .td-big-grid-post {
- width: 50%;
- max-height: 107px;
- }
- }
- .td-big-grid-post .td-image-gradient:before {
- height: 60%;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post .td-image-gradient:before {
- height: 80%;
- }
- }
- .td-big-grid-post .td-module-thumb {
- margin-bottom: 0px;
- position: static;
- -webkit-transform: translate3d(0px, 0px, 0px);
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post .td-module-thumb {
- position: static;
- }
- }
- .td-big-grid-post .td-module-thumb .td-image-gradient:last-child {
- position: absolute;
- width: 100%;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post .td-module-thumb .td-image-gradient:last-child {
- position: static;
- }
- }
- .td-big-grid-post .entry-thumb {
- width: 100%;
- }
- .td-big-grid-post:hover .td-big-grid-overlay:after {
- opacity: 0;
- }
- .td-big-grid-post .td-admin-edit:before {
- background: none;
- }
- .td-big-grid-post .td-post-author-name a:hover {
- color: #ffffff;
- }
- .td-big-grid-post .entry-title {
- line-height: 0px;
- margin: 0px;
- }
- .td-big-grid-post .entry-title a {
- font-size: 13px;
- line-height: 19px;
- font-weight: 600;
- margin: 0px;
- position: relative;
- bottom: 1px;
- /* responsive portrait tablet */
- }
- .td-big-grid-post .entry-title a:hover {
- color: #ffffff;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-big-grid-post .entry-title a {
- font-size: 12px;
- line-height: 15px;
- bottom: -2px;
- }
- }
- .td-big-grid-meta {
- position: absolute;
- bottom: 0;
- padding: 0 8px 11px 8px;
- width: 100%;
- z-index: 1;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-meta {
- padding: 0px 8px 4px 8px;
- }
- }
- .td-big-grid-meta a,
- .td-big-grid-meta i,
- .td-big-grid-meta .entry-date {
- color: #ffffff;
- }
- .td-big-grid-overlay:after {
- bottom: 0;
- content: "";
- display: block;
- height: 100%;
- width: 100%;
- position: absolute;
- z-index: 1;
- opacity: 1;
- background: -moz-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
- /* FF3.6+ */
- background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(205, 132, 36, 0.1)), color-stop(100%, rgba(25, 166, 124, 0.1)));
- /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
- /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
- /* Opera 11.10+ */
- background: -ms-linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
- /* IE10+ */
- background: linear-gradient(45deg, rgba(205, 132, 36, 0.1) 0%, rgba(25, 166, 124, 0.1) 100%);
- /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1acd8424', endColorstr='#1a19a67c', GradientType=1);
- /* IE6-9 fallback on horizontal gradient */
- -webkit-transition: opacity 0.2s ease-in-out;
- -moz-transition: opacity 0.2s ease-in-out;
- -o-transition: opacity 0.2s ease-in-out;
- -khtml-transition: opacity 0.2s ease-in-out;
- -ms-transition: opacity 0.2s ease-in-out;
- transition: opacity 0.2s ease-in-out;
- }
- /* ----------------------------------------------------------------------------
- Big grid - overwrite default rules
- */
- .td-big-grid-post-0 {
- float: left;
- width: 537px;
- position: relative;
- left: -1px;
- margin-right: 3px;
- height: 360px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-big-grid-post-0 {
- width: 400px;
- height: 264px !important;
- }
- }
- @media (max-width: 767px) {
- .td-big-grid-post-0 {
- width: 100%;
- left: 0px;
- margin-left: 0px;
- margin-bottom: 4px;
- float: none;
- height: auto;
- max-height: 300px;
- min-height: 190px;
- }
- }
- .td-big-grid-post-0 .td-module-meta-info {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-big-grid-post-0 .td-module-meta-info {
- position: relative;
- top: 8px;
- }
- }
- .td-big-grid-post-0 .td-big-grid-meta {
- padding: 0px 20px 14px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-big-grid-post-0 .td-big-grid-meta {
- padding: 0px 12px 19px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-big-grid-post-0 .td-big-grid-meta {
- padding: 0px 9px 9px 9px;
- }
- }
- .td-big-grid-post-0 .entry-title {
- margin-bottom: 6px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-big-grid-post-0 .entry-title {
- margin-bottom: 0px;
- position: relative;
- top: 2px;
- }
- }
- @media (max-width: 767px) {
- .td-big-grid-post-0 .entry-title {
- margin-bottom: 3px;
- }
- }
- .td-big-grid-post-0 .entry-title a {
- font-size: 22px;
- line-height: 30px;
- font-weight: bold;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-big-grid-post-0 .entry-title a {
- font-size: 18px;
- line-height: 26px;
- }
- }
- @media (max-width: 767px) {
- .td-big-grid-post-0 .entry-title a {
- font-size: 18px;
- line-height: 26px;
- }
- }
- .td-big-grid-post-0 .td-module-comments {
- position: absolute;
- bottom: 320px;
- right: 19px;
- top: auto;
- background-color: rgba(0, 0, 0, 0.7);
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-big-grid-post-0 .td-module-comments {
- bottom: 220px;
- right: 0px;
- }
- }
- @media (max-width: 767px) {
- .td-big-grid-post-0 .td-module-comments {
- display: none;
- }
- }
- .td-big-grid-post-0 .td-module-comments a:after {
- border-color: #000000 transparent transparent transparent;
- }
- .td-big-grid-post-0 .td-post-author-name span {
- color: #ffffff;
- font-weight: normal;
- }
- .td-big-grid-post-1 {
- margin-right: 3px;
- margin-bottom: 4px;
- height: 178px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post-1 {
- margin-left: 0px;
- margin-right: 0px;
- clear: both;
- }
- }
- .td-big-grid-post-1:after {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post-1:after {
- content: " ";
- width: 3px;
- height: 100%;
- position: absolute;
- top: 0;
- right: 0;
- display: block;
- background-color: #ffffff;
- z-index: 1;
- }
- }
- .td-big-grid-post-2 {
- position: relative;
- left: 1px;
- z-index: 1;
- margin-bottom: 4px;
- height: 178px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post-2 {
- margin-left: 0;
- margin-right: 0;
- clear: right;
- }
- }
- .td-big-grid-post-3 {
- margin-right: 3px;
- height: 178px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post-3 {
- margin-left: 0;
- margin-right: 0;
- clear: both;
- }
- }
- .td-big-grid-post-3:after {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post-3:after {
- content: " ";
- width: 3px;
- height: 100%;
- position: absolute;
- top: 0;
- right: 0;
- display: block;
- background-color: #ffffff;
- z-index: 1;
- }
- }
- .td-big-grid-post-4 {
- position: relative;
- left: 1px;
- z-index: 1;
- height: 178px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-big-grid-post-4 {
- margin-left: 0;
- margin-right: 0;
- clear: right;
- }
- }
- /* ----------------------------------------------------------------------------
- mega menu
- */
- /* related_posts_row */
- .td-mega-row {
- width: 100%;
- *zoom: 1;
- }
- .td-mega-row:before,
- .td-mega-row:after {
- display: table;
- content: "";
- }
- .td-mega-row:after {
- clear: both;
- }
- .td-mega-row [class*="td-mega-sp"] {
- display: block;
- min-height: 1px;
- float: left;
- }
- .td-mega-span {
- width: 200px;
- padding-left: 20px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-mega-span {
- width: 147px;
- }
- }
- /* ----------------------------------------------------------------------------
- Trending now
- */
- .td_block_trending_now {
- padding: 15px 20px 10px 20px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_trending_now {
- padding: 15px 17px 10px 17px;
- }
- }
- .td-trending-style2 {
- background-color: #eaeaea;
- padding: 9px 20px 5px;
- position: relative;
- right: 1px;
- z-index: 1;
- margin-bottom: 4px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-trending-style2 {
- padding: 15px 17px 10px 17px;
- }
- }
- .td-trending-style2 i {
- background-color: #ffffff;
- }
- .td-trending-now-wrapper {
- position: relative;
- width: 100%;
- display: inline-block;
- }
- .td-trending-now-wrapper .td-next-prev-wrap {
- display: inline-block;
- position: absolute;
- top: 0;
- right: -1px;
- margin: 0;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-trending-now-wrapper .td-next-prev-wrap {
- display: none;
- }
- }
- .td-trending-now-wrapper .td-next-prev-wrap a {
- line-height: 15px;
- }
- .td-trending-now-wrapper .td_ajax-prev-pagex {
- margin: 0 5px 0 0;
- }
- .td-trending-now-title {
- background-color: #4db2ec;
- border-radius: 3px;
- color: #FFFFFF;
- display: inline;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 10px;
- font-weight: bold;
- line-height: 1;
- padding: 3px 15px 3px 15px;
- position: relative;
- top: -4px;
- vertical-align: middle;
- margin-right: 16px;
- text-transform: uppercase;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-trending-now-title {
- display: table;
- top: 0;
- margin: auto;
- }
- }
- .td-pb-span4 .td-trending-now-title {
- display: table;
- top: 0;
- margin: auto;
- }
- .td-pb-span4 .td-trending-now-display-area {
- display: inline-block;
- position: relative;
- overflow: hidden;
- height: auto;
- max-width: 100%;
- width: 100%;
- margin-top: 10px;
- text-align: center;
- }
- .td-trending-now-display-area {
- display: inline-block;
- max-width: 75%;
- position: relative;
- height: 17px;
- overflow: hidden;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-trending-now-display-area {
- max-width: 100%;
- width: 100%;
- margin-top: 10px;
- text-align: center;
- }
- }
- .td-trending-now-display-area .entry-title {
- line-height: 14px;
- margin: 0;
- position: relative;
- }
- .td-trending-now-display-area a {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 12px;
- font-weight: normal;
- line-height: 19px;
- color: #444444;
- }
- .td-trending-now-post {
- display: none;
- }
- .td-trending-now-post:first-child {
- display: inline-block;
- }
- .td-trending-now-display-area .entry-title {
- top: -2px;
- }
- /* overwrite the above rules*/
- .td-pb-span8 .td-trending-now-wrapper .td-trending-now-display-area {
- max-width: 70%;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-pb-span8 .td-trending-now-wrapper .td-trending-now-display-area {
- max-width: 60%;
- }
- }
- @media (max-width: 767px) {
- .td-pb-span8 .td-trending-now-wrapper .td-trending-now-display-area {
- max-width: 100%;
- width: 100%;
- }
- }
- /* ----------------------------------------------------------------------------
- Widgets blocks fix
- */
- .td_block_1.td_block_widget .td_module_4 {
- margin-bottom: 0px;
- }
- .td_block_13.td_block_widget .entry-thumb {
- width: 100%;
- }
- .td_block_14.td_block_widget {
- margin-top: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- .td_block_14.td_block_widget .td_module_mx1 .td-module-thumb {
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_14.td_block_widget .td_module_mx1 .td-module-thumb {
- width: 252px;
- }
- }
- @media (max-width: 767px) {
- .td_block_14.td_block_widget .td_module_mx1 .td-module-thumb {
- width: 100%;
- left: 0px;
- }
- }
- .td_block_14.td_block_widget .td_module_mx1 .td-image-gradient:before {
- width: 341px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_14.td_block_widget .td_module_mx1 .td-image-gradient:before {
- width: 252px;
- }
- }
- @media (max-width: 767px) {
- .td_block_14.td_block_widget .td_module_mx1 .td-image-gradient:before {
- width: 100%;
- left: 0;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_14.td_block_widget {
- margin-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_14.td_block_widget {
- margin-top: 17px;
- }
- }
- .td_block_14.td_block_widget .td-module-thumb {
- margin-bottom: 0;
- }
- .td_block_15.td_block_widget {
- margin-top: 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- .td_block_15.td_block_widget .td_module_mx1 .td-module-thumb {
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_15.td_block_widget .td_module_mx1 .td-module-thumb {
- width: 252px;
- }
- }
- @media (max-width: 767px) {
- .td_block_15.td_block_widget .td_module_mx1 .td-module-thumb {
- width: 100%;
- left: 0;
- }
- }
- .td_block_15.td_block_widget .td_module_mx1 .td-image-gradient:before {
- width: 341px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_15.td_block_widget .td_module_mx1 .td-image-gradient:before {
- width: 252px;
- }
- }
- @media (max-width: 767px) {
- .td_block_15.td_block_widget .td_module_mx1 .td-image-gradient:before {
- width: 100%;
- left: 0;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_block_15.td_block_widget {
- margin-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_block_15.td_block_widget {
- margin-top: 17px;
- }
- }
- .td_block_15.td_block_widget .td-module-thumb {
- margin-bottom: 0;
- }
- /* ----------------------------------------------------------------------------
- Text with title
- */
- .td_block_text_with_title .td_mod_wrap {
- margin-bottom: 20px;
- }
- .td_block_text_with_title img {
- margin-bottom: 21px;
- }
- /* ----------------------------------------------------------------------------
- Predefined color styles. Taken straight from the css that was generated by the theme
- */
- .td-block-color-style-1,
- .td-block-color-style-2,
- .td-block-color-style-3,
- .td-block-color-style-4,
- .td-block-color-style-5,
- .td-block-color-style-6 {
- border-top: 0;
- }
- .td-block-color-style-1 .td-post-category:hover,
- .td-block-color-style-2 .td-post-category:hover,
- .td-block-color-style-3 .td-post-category:hover,
- .td-block-color-style-4 .td-post-category:hover,
- .td-block-color-style-5 .td-post-category:hover,
- .td-block-color-style-6 .td-post-category:hover {
- background-color: #222222 !important;
- opacity: 0.8;
- }
- .td-block-color-style-1 .td-next-prev-wrap a:hover i,
- .td-block-color-style-2 .td-next-prev-wrap a:hover i,
- .td-block-color-style-3 .td-next-prev-wrap a:hover i,
- .td-block-color-style-4 .td-next-prev-wrap a:hover i,
- .td-block-color-style-5 .td-next-prev-wrap a:hover i,
- .td-block-color-style-6 .td-next-prev-wrap a:hover i {
- background-color: #ffffff !important;
- border-color: #ffffff !important;
- color: #000000 !important;
- }
- .td-block-color-style-1 .td_module_wrap:hover .entry-title a,
- .td-block-color-style-2 .td_module_wrap:hover .entry-title a,
- .td-block-color-style-3 .td_module_wrap:hover .entry-title a,
- .td-block-color-style-4 .td_module_wrap:hover .entry-title a,
- .td-block-color-style-5 .td_module_wrap:hover .entry-title a,
- .td-block-color-style-6 .td_module_wrap:hover .entry-title a {
- color: #ffffff !important;
- }
- body .td-block-color-style-1 .td-pulldown-filter-display-option:hover,
- body .td-block-color-style-2 .td-pulldown-filter-display-option:hover,
- body .td-block-color-style-3 .td-pulldown-filter-display-option:hover,
- body .td-block-color-style-4 .td-pulldown-filter-display-option:hover,
- body .td-block-color-style-5 .td-pulldown-filter-display-option:hover,
- body .td-block-color-style-6 .td-pulldown-filter-display-option:hover,
- body .td-block-color-style-1 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
- body .td-block-color-style-2 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
- body .td-block-color-style-3 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
- body .td-block-color-style-4 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
- body .td-block-color-style-5 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover,
- body .td-block-color-style-6 .td-pulldown-filter-display-option .td-pulldown-filter-link:hover {
- color: #ffffff !important;
- }
- /* style 1 red */
- body .td-block-color-style-1,
- .td-block-color-style-1.td_block_13 .meta-info {
- background-color: #d13030;
- }
- body .td-block-color-style-1 .td-pulldown-filter-display-option,
- body .td-block-color-style-1 .td-pulldown-filter-list {
- background-color: #d23434;
- background-color: rgba(210, 52, 52, 0.95);
- }
- body .td-block-color-style-1 .td-pulldown-filter-display-option,
- body .td-block-color-style-1 .td-pulldown-filter-list {
- border-color: #db5858;
- }
- body .td-block-color-style-1 .td-pulldown-filter-display-option,
- body .td-block-color-style-1 .td-icon-menu-down,
- body .td-block-color-style-1 .td-pulldown-filter-link {
- color: #ffcfcf;
- }
- body .td-block-color-style-1 .td-module-title a,
- body .td-block-color-style-1 i {
- color: #ffffff;
- }
- body .td-block-color-style-1 .td-excerpt {
- color: #ffe3e3;
- }
- body .td-block-color-style-1 .td-post-author-name a,
- body .td-block-color-style-1 .td-post-author-name span {
- color: #ffe3e3;
- }
- body .td-block-color-style-1 .td-module-date {
- color: #ffe3e3;
- }
- body .td-block-color-style-1 .td-module-comments {
- background-color: #c12424;
- }
- body .td-block-color-style-1 .td-module-comments a:after {
- border-color: #862e2d transparent transparent transparent;
- }
- body .td-block-color-style-1 .td-module-comments a {
- color: #ffffff;
- }
- body .td-block-color-style-1 .item-details,
- body .td-block-color-style-1 .td_module_5 {
- border-bottom-color: #da6767;
- }
- body .td-block-color-style-1 .td-icon-font,
- body .td-block-color-style-1 .td_ajax_load_more {
- border-color: #ffffff;
- color: #ffffff !important;
- }
- /* style 2 black */
- body .td-block-color-style-2,
- .td-block-color-style-2.td_block_13 .meta-info {
- background-color: #1c1c1c;
- }
- body .td-block-color-style-2 .td-pulldown-filter-display-option,
- body .td-block-color-style-2 .td-pulldown-filter-list {
- background-color: #1e1e1e;
- background-color: rgba(30, 30, 30, 0.95);
- }
- body .td-block-color-style-2 .td-pulldown-filter-display-option,
- body .td-block-color-style-2 .td-pulldown-filter-list {
- border-color: #424242;
- }
- body .td-block-color-style-2 .td-pulldown-filter-display-option,
- body .td-block-color-style-2 .td-icon-menu-down,
- body .td-block-color-style-2 .td-pulldown-filter-link {
- color: #c4c4c4;
- }
- body .td-block-color-style-2 .td-module-title a,
- body .td-block-color-style-2 i {
- color: #ffffff;
- }
- body .td-block-color-style-2 .td-excerpt {
- color: #c4c4c4;
- }
- body .td-block-color-style-2 .td-post-author-name a,
- body .td-block-color-style-2 .td-post-author-name span {
- color: #e2e2e2;
- }
- body .td-block-color-style-2 .td-module-date {
- color: #c4c4c4;
- }
- body .td-block-color-style-2 .td-module-comments {
- background-color: #4db2ec;
- }
- body .td-block-color-style-2 .td-module-comments a:after {
- border-color: #2d6586 transparent transparent transparent;
- }
- body .td-block-color-style-2 .td-module-comments a {
- color: #ffffff;
- }
- body .td-block-color-style-2 .item-details,
- body .td-block-color-style-2 .td_module_5 {
- border-bottom-color: #3a3a3a;
- }
- body .td-block-color-style-2 .td-icon-font,
- body .td-block-color-style-2 .td_ajax_load_more {
- border-color: #ffffff;
- color: #ffffff !important;
- }
- /* style 3 orange */
- body .td-block-color-style-3,
- .td-block-color-style-3.td_block_13 .meta-info {
- background-color: #e67e22;
- }
- body .td-block-color-style-3 .td-pulldown-filter-display-option,
- body .td-block-color-style-3 .td-pulldown-filter-list {
- background-color: #e67e22;
- background-color: rgba(230, 126, 34, 0.95);
- }
- body .td-block-color-style-3 .td-pulldown-filter-display-option,
- body .td-block-color-style-3 .td-pulldown-filter-list {
- border-color: #f09748;
- }
- body .td-block-color-style-3 .td-pulldown-filter-display-option,
- body .td-block-color-style-3 .td-icon-menu-down,
- body .td-block-color-style-3 .td-pulldown-filter-link {
- color: #ffead7;
- }
- body .td-block-color-style-3 .td-module-title a,
- body .td-block-color-style-3 i {
- color: #ffffff;
- }
- body .td-block-color-style-3 .td-excerpt {
- color: #ffead7;
- }
- body .td-block-color-style-3 .td-post-author-name a,
- body .td-block-color-style-3 .td-post-author-name span {
- color: #ffead7;
- }
- body .td-block-color-style-3 .td-module-date {
- color: #ffead7;
- }
- body .td-block-color-style-3 .td-module-comments {
- background-color: #d35400;
- }
- body .td-block-color-style-3 .td-module-comments a:after {
- border-color: #7f3300 transparent transparent transparent;
- }
- body .td-block-color-style-3 .td-module-comments a {
- color: #ffffff;
- }
- body .td-block-color-style-3 .item-details,
- body .td-block-color-style-3 .td_module_5 {
- border-bottom-color: #f09748;
- }
- body .td-block-color-style-3 .td-icon-font,
- body .td-block-color-style-3 .td_ajax_load_more {
- border-color: #ffffff;
- color: #ffffff !important;
- }
- /* style 4 yellow */
- body .td-block-color-style-4,
- .td-block-color-style-4.td_block_13 .meta-info {
- background-color: #f8c900;
- }
- body .td-block-color-style-4 .td-pulldown-filter-display-option,
- body .td-block-color-style-4 .td-pulldown-filter-list {
- background-color: #f8c900;
- background-color: rgba(248, 201, 0, 0.95);
- }
- body .td-block-color-style-4 .td-pulldown-filter-display-option,
- body .td-block-color-style-4 .td-pulldown-filter-list {
- border-color: #f7de73;
- }
- body .td-block-color-style-4 .td-pulldown-filter-display-option,
- body .td-block-color-style-4 .td-icon-menu-down,
- body .td-block-color-style-4 .td-pulldown-filter-link {
- color: #fff8d9;
- }
- body .td-block-color-style-4 .td-module-title a,
- body .td-block-color-style-4 i {
- color: #ffffff;
- }
- body .td-block-color-style-4 .td-excerpt {
- color: #fff8d9;
- }
- body .td-block-color-style-4 .td-post-author-name a,
- body .td-block-color-style-4 .td-post-author-name span {
- color: #fff8d9;
- }
- body .td-block-color-style-4 .td-module-date {
- color: #fff8d9;
- }
- body .td-block-color-style-4 .td-module-comments {
- background-color: #ecb200;
- }
- body .td-block-color-style-4 .td-module-comments a:after {
- border-color: #af8400 transparent transparent transparent;
- }
- body .td-block-color-style-4 .td-module-comments a {
- color: #ffffff;
- }
- body .td-block-color-style-4 .item-details,
- body .td-block-color-style-4 .td_module_5 {
- border-bottom-color: #f7de73;
- }
- body .td-block-color-style-4 .td-icon-font,
- body .td-block-color-style-4 .td_ajax_load_more {
- border-color: #fff8d9;
- color: #fff8d9 !important;
- }
- /* style 5 - green */
- body .td-block-color-style-5,
- .td-block-color-style-5.td_block_13 .meta-info {
- background-color: #0a9e01;
- }
- body .td-block-color-style-5 .td-pulldown-filter-display-option,
- body .td-block-color-style-5 .td-pulldown-filter-list {
- background-color: #0a9e01;
- background-color: rgba(10, 158, 1, 0.95);
- }
- body .td-block-color-style-5 .td-pulldown-filter-display-option,
- body .td-block-color-style-5 .td-pulldown-filter-list {
- border-color: #42aa3c;
- }
- body .td-block-color-style-5 .td-pulldown-filter-display-option,
- body .td-block-color-style-5 .td-icon-menu-down,
- body .td-block-color-style-5 .td-pulldown-filter-link {
- color: #deffdc;
- }
- body .td-block-color-style-5 .td-module-title a,
- body .td-block-color-style-5 i {
- color: #ffffff;
- }
- body .td-block-color-style-5 .td-excerpt {
- color: #deffdc;
- }
- body .td-block-color-style-5 .td-post-author-name a,
- body .td-block-color-style-5 .td-post-author-name span {
- color: #deffdc;
- }
- body .td-block-color-style-5 .td-module-date {
- color: #deffdc;
- }
- body .td-block-color-style-5 .td-module-comments {
- background-color: #208e01;
- }
- body .td-block-color-style-5 .td-module-comments a:after {
- border-color: #135800 transparent transparent transparent;
- }
- body .td-block-color-style-5 .td-module-comments a {
- color: #ffffff;
- }
- body .td-block-color-style-5 .item-details,
- body .td-block-color-style-5 .td_module_5 {
- border-bottom-color: #42aa3c;
- }
- body .td-block-color-style-5 .td-icon-font,
- body .td-block-color-style-5 .td_ajax_load_more {
- border-color: #deffdc;
- color: #deffdc !important;
- }
- /* style 6 pink */
- body .td-block-color-style-6,
- .td-block-color-style-6.td_block_13 .meta-info {
- background-color: #ff0099;
- }
- body .td-block-color-style-6 .td-pulldown-filter-display-option,
- body .td-block-color-style-6 .td-pulldown-filter-list {
- background-color: #ff0099;
- background-color: rgba(255, 0, 153, 0.85);
- }
- body .td-block-color-style-6 .td-pulldown-filter-display-option,
- body .td-block-color-style-6 .td-pulldown-filter-list {
- border-color: #ff5bbd;
- }
- body .td-block-color-style-6 .td-pulldown-filter-display-option,
- body .td-block-color-style-6 .td-icon-menu-down,
- body .td-block-color-style-6 .td-pulldown-filter-link {
- color: #ffe8f6;
- }
- body .td-block-color-style-6 .td-module-title a,
- body .td-block-color-style-6 i {
- color: #ffffff;
- }
- body .td-block-color-style-6 .td-excerpt {
- color: #ffe8f6;
- }
- body .td-block-color-style-6 .td-post-author-name a,
- body .td-block-color-style-6 .td-post-author-name span {
- color: #ffe8f6;
- }
- body .td-block-color-style-6 .td-module-date {
- color: #ffe8f6;
- }
- body .td-block-color-style-6 .td-module-comments {
- background-color: #dd0085;
- }
- body .td-block-color-style-6 .td-module-comments a:after {
- border-color: #a00060 transparent transparent transparent;
- }
- body .td-block-color-style-6 .td-module-comments a {
- color: #ffffff;
- }
- body .td-block-color-style-6 .item-details,
- body .td-block-color-style-6 .td_module_5 {
- border-bottom-color: #ff49b6;
- }
- body .td-block-color-style-6 .td-icon-font,
- body .td-block-color-style-6 .td_ajax_load_more {
- border-color: #ffdef2;
- color: #ffdef2 !important;
- }
- /*
- image ads using div ----------------------------------------------------------------------
- .td-visible-desktop - for desktop
- .td-visible-tablet-portrait - for tablet portrait
- .td-visible-phone - for mobile
- */
- .td-visible-desktop {
- display: table;
- }
- .td-visible-tablet-portrait,
- .td-visible-phone {
- display: none;
- }
- /* responsive portrait tablet */
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-visible-tablet-portrait {
- display: table;
- }
- .td-visible-desktop {
- display: none;
- }
- .td-visible-phone {
- display: none;
- }
- }
- /* responsive portrait phone */
- @media (max-width: 767px) {
- .td-visible-phone {
- display: table;
- }
- .td-visible-desktop {
- display: none;
- }
- .td-visible-tablet-portrait {
- display: none;
- }
- }
- .td-a-rec-id-header img {
- margin: auto;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-a-rec-id-header img {
- position: relative;
- display: table;
- margin-right: 0;
- margin-left: 0;
- margin-top: 10px;
- margin-bottom: 10px;
- }
- }
- .td-a-rec-id-sidebar img,
- .td-a-rec-id-content_top img,
- .td-a-rec-id-content_inline img,
- .td-a-rec-id-content_bottom img,
- .td-a-rec-id-custom_ad_1 img,
- .td-a-rec-id-custom_ad_2 img,
- .td-a-rec-id-custom_ad_3 img,
- .td-a-rec-id-custom_ad_4 img,
- .td-a-rec-id-custom_ad_5 img {
- width: 100%;
- }
- /*
- sidebar ads
- */
- .td-g-rec-id-sidebar {
- text-align: center;
- margin-top: 20px;
- margin-bottom: 15px;
- }
- .td-visible-desktop,
- .td-visible-tablet-portrait,
- .td-visible-phone {
- margin-left: auto;
- margin-right: auto;
- }
- .td-a-rec-id-sidebar {
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .td-g-rec-id-content_top,
- .td-g-rec-id-content_bottom {
- clear: both;
- text-align: center;
- margin-bottom: 15px;
- margin-top: 21px;
- }
- .td-a-rec-id-content_top,
- .td-a-rec-id-content_bottom {
- clear: both;
- text-align: center;
- margin-bottom: 21px;
- margin-top: 21px;
- }
- .td-a-rec-id-content_top img,
- .td-a-rec-id-content_bottom img {
- margin-bottom: 0;
- }
- .td-g-rec-id-content_inline {
- text-align: center;
- margin-top: 20px;
- margin-bottom: 15px;
- }
- .td-g-rec-id-content_inlineleft,
- .td-a-rec-id-content_inlineleft {
- float: left;
- margin-bottom: 15px;
- margin-top: 9px;
- margin-right: 21px;
- }
- .td-g-rec-id-content_inlineright,
- .td-a-rec-id-content_inlineright {
- float: right;
- margin-bottom: 15px;
- margin-top: 6px;
- margin-left: 21px;
- }
- .td-a-rec-id-custom_ad_1,
- .td-a-rec-id-custom_ad_2,
- .td-a-rec-id-custom_ad_3,
- .td-a-rec-id-custom_ad_4,
- .td-a-rec-id-custom_ad_5,
- .td-g-rec-id-custom_ad_1,
- .td-g-rec-id-custom_ad_2,
- .td-g-rec-id-custom_ad_3,
- .td-g-rec-id-custom_ad_4,
- .td-g-rec-id-custom_ad_5 {
- display: table;
- margin-bottom: 20px !important;
- margin-top: 20px;
- margin-left: auto;
- margin-right: auto;
- position: relative;
- }
- .td-g-rec-id-custom_ad_1,
- .td-g-rec-id-custom_ad_2,
- .td-g-rec-id-custom_ad_3,
- .td-g-rec-id-custom_ad_4,
- .td-g-rec-id-custom_ad_5 {
- margin-bottom: 15px !important;
- }
- .td-adspot-title {
- color: #bbbbbb;
- font-size: 10px;
- margin-bottom: -20px;
- margin-top: 10px;
- text-align: center;
- }
- /* ----------------------------------------------------------------------------
- social counter plugin
- */
- .td_block_social_counter {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: bold;
- font-size: 11px;
- color: #ffffff;
- margin-bottom: 20px !important;
- padding-top: 20px;
- }
- .td_block_social_counter .td-sp {
- position: relative;
- }
- .td_block_social_counter .td-sp:after {
- content: '';
- width: 1px;
- height: 16px;
- background-color: rgba(255, 255, 255, 0.1);
- position: absolute;
- right: -1px;
- top: 8px;
- }
- .td_social_type {
- border-radius: 3px;
- height: 32px;
- margin-bottom: 10px;
- -o-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- -moz-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- -khtml-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- -webkit-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- -ms-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
- }
- .td_social_type:hover {
- background-color: #222222;
- }
- .td_social_type div {
- display: inline-block;
- }
- .td_social_type .td_social_info {
- padding: 0 9px 0 9px;
- position: relative;
- top: -12px;
- }
- .td_social_type .td_social_info_name {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_social_type .td_social_info_name {
- display: none;
- }
- }
- .td_social_type .td_social_number {
- border-left: 1px solid rgba(255, 255, 255, 0.1);
- padding: 0px 0px 0px 9px;
- }
- .td_social_type .td_social_button {
- float: right;
- border-left: 1px solid rgba(255, 255, 255, 0.1);
- padding: 0 14px;
- position: relative;
- top: 9px;
- height: 16px;
- line-height: 15px;
- text-transform: uppercase;
- }
- .td_social_type .td_social_button a:hover {
- color: inherit;
- }
- .td_social_type a {
- color: #ffffff;
- }
- .td_social_facebook {
- background-color: #516eab;
- }
- .td_social_rss {
- background-color: #ff6600;
- }
- .td_social_soundcloud {
- background-color: #ff5419;
- }
- .td_social_twitter {
- background-color: #29c5f6;
- }
- .td_social_vimeo {
- background-color: #006599;
- }
- .td_social_youtube {
- background-color: #e14e42;
- }
- .td_social_googleplus {
- background-color: #eb4026;
- }
- .td_social_instagram {
- background-color: #417096;
- }
- .no_border_top {
- border-top: 0px;
- }
- dl.dl-horizontal,
- dt,
- dd {
- -webkit-margin-before: 0px !important;
- -webkit-margin-after: 0px !important;
- -webkit-margin-start: 0px;
- -webkit-margin-end: 0px;
- }
- .td_top_authors {
- margin-bottom: 10px;
- }
- .td_top_authors img {
- position: absolute;
- max-width: 70px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_top_authors img {
- max-width: 55px;
- }
- }
- .td_top_authors .item-details {
- margin-left: 85px;
- position: relative;
- height: 70px;
- top: 3px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_top_authors .item-details {
- height: 55px;
- margin-left: 70px;
- }
- }
- .td_top_authors .item-details span {
- font-family: 'Open Sans', arial, sans-serif;
- padding: 2px 5px;
- border-radius: 3px;
- color: #ffffff;
- font-size: 9px;
- font-style: normal;
- font-weight: bold;
- }
- .td_top_authors .td-active .td-author-post-count {
- background-color: #4db2ec;
- }
- .td_top_authors .td-active .td-author-comments-count {
- background-color: #4db2ec;
- opacity: 0.8;
- }
- .td_top_authors .td-active .td-authors-name a {
- color: #4db2ec;
- }
- .td_top_authors .td_mod_wrap {
- min-height: 70px;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .td_top_authors .td_mod_wrap:hover {
- background-color: #fafafa;
- cursor: pointer;
- }
- .td_top_authors .block-title {
- margin-bottom: 10px;
- }
- .td_top_authors .td-authors-url {
- /* responsive portrait tablet */
- }
- .td_top_authors .td-authors-url a {
- color: #999999;
- font-family: Verdana, Geneva, sans-serif;
- font-size: 11px;
- font-style: italic;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_top_authors .td-authors-url {
- display: none;
- }
- }
- .td_top_authors .td-authors-name a {
- padding-bottom: 4px;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 14px;
- color: #222222;
- line-height: 18px;
- font-weight: 600;
- display: inline-block;
- }
- .td_top_authors .td-author-post-count {
- background-color: #222222;
- }
- .td_top_authors .td-author-comments-count {
- background-color: #444444;
- }
- /* ----------------------------------------------------------------------------
- popular categories widget
- */
- .td_block_popular_categories ul {
- list-style: none;
- margin: 0px;
- }
- .td_block_popular_categories a {
- font-size: 13px;
- line-height: 21px;
- color: #222222;
- }
- .td_block_popular_categories a:hover {
- color: #4db2ec;
- }
- .td_block_popular_categories .td-cat-no {
- float: right;
- position: relative;
- top: 1px;
- }
- /*
- video list player
- */
- .MIXIN_chrome_sidebar::-webkit-scrollbar-track {
- background-color: #383838;
- }
- .MIXIN_chrome_sidebar::-webkit-scrollbar {
- width: 6px;
- background-color: #F5F5F5;
- }
- .MIXIN_chrome_sidebar::-webkit-scrollbar-thumb {
- background-color: #919191;
- border-radius: 10px;
- }
- .td_video_playlist_title {
- position: relative;
- z-index: 1;
- background-color: #222222;
- }
- .td_video_playlist_title .td_video_title_text {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: bold;
- font-size: 15px;
- color: #ffffff;
- margin-left: 17px;
- margin-right: 17px;
- vertical-align: middle;
- line-height: 24px;
- padding: 10px 0px 10px 0px;
- /* responsive phone */
- }
- @media (max-width: 767px) {
- .td_video_playlist_title .td_video_title_text {
- text-align: center;
- }
- }
- .page-template-page-pagebuilder-title-php .td_video_playlist_column_2 .td_wrapper_video_playlist {
- left: 0;
- }
- .post .td_block_video_playlist {
- margin-bottom: 20px;
- }
- .post .td_video_playlist_column_3 .td_video_playlist_title {
- left: 0px;
- width: 100%;
- }
- .post .td_video_playlist_column_3 .td_wrapper_player {
- width: 676px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .post .td_video_playlist_column_3 .td_wrapper_player {
- height: 405px;
- width: 100%;
- }
- }
- .post .td_video_playlist_column_3 .td_wrapper_video_playlist {
- left: 0px;
- }
- .post .td_video_playlist_column_3 .td_container_video_playlist {
- width: 304px;
- right: 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .post .td_video_playlist_column_3 .td_container_video_playlist {
- width: 100%;
- }
- }
- @media (max-width: 767px) {
- .post .td_video_playlist_column_3 .td_container_video_playlist {
- width: 100%;
- }
- }
- .post .td_video_playlist_column_2 .td_video_playlist_title {
- left: 0px;
- width: 100%;
- }
- .post .td_video_playlist_column_2 .td_wrapper_player {
- height: 388px;
- width: 100%;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .post .td_video_playlist_column_2 .td_wrapper_player {
- height: 294px;
- width: 100%;
- }
- }
- @media (min-width: 361px) and (max-width: 767px) {
- .post .td_video_playlist_column_2 .td_wrapper_player {
- height: 350px;
- }
- }
- @media (max-width: 360px) {
- .post .td_video_playlist_column_2 .td_wrapper_player {
- height: 192px;
- }
- }
- .post .td_video_playlist_column_2 .td_wrapper_video_playlist {
- left: 0px;
- }
- .post .td_video_playlist_column_2 .td_container_video_playlist {
- width: 100%;
- right: 0px;
- }
- .td_wrapper_video_playlist {
- position: relative;
- }
- .td_wrapper_video_playlist .td_video_controls_playlist_wrapper {
- height: 65px;
- background-color: #4db2ec;
- position: relative;
- }
- .td_wrapper_video_playlist .td_video_controls_playlist_wrapper:before {
- content: '';
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGBAMAAADwPukCAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlM9KRgMBADiSB2HAAAAFElEQVR4XmNgYBBgUGAwYHBgCAAAA3wA8fpXm6EAAAAASUVORK5CYII=) repeat-x;
- width: 100%;
- height: 6px;
- position: absolute;
- bottom: -6px;
- z-index: 1;
- }
- .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control {
- position: relative;
- width: 65px;
- height: 65px;
- outline: 0 !important;
- }
- .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control:after {
- content: '';
- width: 1px;
- height: 37px;
- background-color: rgba(255, 255, 255, 0.2);
- position: absolute;
- top: 14px;
- right: 0;
- }
- .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_youtube_control,
- .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_stop_play_control .td_vimeo_control {
- position: relative;
- top: 12px;
- left: 11px;
- cursor: pointer;
- }
- .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_title_playing {
- position: absolute;
- top: 13px;
- left: 80px;
- font-family: Verdana, Geneva, sans-serif;
- font-size: 13px;
- line-height: 19px;
- font-weight: bold;
- color: #ffffff;
- padding-right: 7px;
- max-height: 37px;
- overflow: hidden;
- }
- .td_wrapper_video_playlist .td_video_controls_playlist_wrapper .td_video_time_playing {
- position: absolute;
- bottom: 0px;
- right: 5px;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 10px;
- font-style: italic;
- color: #ffffff;
- line-height: 17px;
- }
- .td_wrapper_video_playlist .td_video_currently_playing {
- background-color: #404040;
- }
- .td_wrapper_video_playlist .td_video_currently_playing:after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- border-left: 3px solid #4db2ec !important;
- width: 3px;
- height: inherit;
- }
- .td_wrapper_video_playlist a.td_click_video {
- height: 60px;
- display: block;
- width: 100%;
- position: relative;
- }
- .td_wrapper_video_playlist a.td_click_video:hover {
- background-color: #333333;
- cursor: pointer;
- }
- .td_wrapper_video_playlist a.td_click_video .td_video_thumb {
- position: relative;
- top: 10px;
- width: 72px;
- height: 40px;
- overflow: hidden;
- margin-left: 16px;
- }
- .td_wrapper_video_playlist a.td_click_video .td_video_thumb img {
- position: relative;
- top: -6px;
- }
- .td_wrapper_video_playlist a.td_click_video .td_video_title_and_time {
- position: absolute;
- top: 10px;
- margin: 0 30px 0 103px;
- }
- .td_wrapper_video_playlist a.td_click_video .td_video_title_and_time .td_video_title {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 12px;
- color: #ffffff;
- line-height: 15px;
- max-height: 30px;
- overflow: hidden;
- }
- .td_wrapper_video_playlist a.td_click_video .td_video_time {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 10px;
- font-style: italic;
- color: #777777;
- line-height: 13px;
- }
- .td_wrapper_video_playlist .td_wrapper_player {
- background-color: #000;
- height: 425px;
- }
- .td_wrapper_video_playlist .td_wrapper_player iframe {
- width: 100%;
- height: 100%;
- }
- .td_wrapper_video_playlist .td_container_video_playlist {
- background-color: #222222;
- vertical-align: top;
- height: 410px;
- overflow: hidden;
- }
- .td_wrapper_video_playlist .td_playlist_clickable {
- overflow-y: auto;
- overflow-x: hidden;
- height: 347px;
- }
- .td_video_playlist_column_3 .td_wrapper_video_playlist {
- left: -1px;
- z-index: 1;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_3 .td_wrapper_video_playlist {
- left: 0px;
- }
- }
- .td_video_playlist_column_3 .td_video_playlist_title {
- left: -1px;
- width: 1021px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_3 .td_video_playlist_title {
- width: 756px;
- }
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_3 .td_video_playlist_title {
- width: 100%;
- left: 0px;
- }
- }
- .td_video_playlist_column_3 .td_wrapper_player {
- display: block;
- width: 681px;
- height: 413px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_3 .td_wrapper_player {
- display: block;
- width: 756px;
- }
- }
- @media (min-width: 361px) and (max-width: 767px) {
- .td_video_playlist_column_3 .td_wrapper_player {
- display: block;
- width: 100%;
- height: 350px;
- }
- }
- @media (max-width: 360px) {
- .td_video_playlist_column_3 .td_wrapper_player {
- display: block;
- width: 100%;
- height: 192px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 20px;
- top: 23px;
- }
- }
- @media (min-width: 481px) and (max-width: 767px) {
- .td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 20px;
- top: 23px;
- }
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_3 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 37px;
- top: 13px;
- }
- }
- .td_video_playlist_column_3 .td_container_video_playlist {
- display: block;
- position: absolute;
- top: 0px;
- right: -2px;
- width: 340px;
- height: 413px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_3 .td_container_video_playlist {
- display: block;
- position: relative;
- width: 756px;
- height: 305px;
- right: 0px;
- }
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_3 .td_container_video_playlist {
- display: block;
- position: relative;
- width: 100%;
- height: 305px;
- right: 0px;
- }
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_3 .td_container_video_playlist {
- position: relative;
- height: 245px;
- right: 0px;
- }
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
- height: 348px;
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
- margin-right: 10px;
- }
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
- margin-right: 10px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
- height: 240px;
- overflow-x: hidden;
- overflow-y: auto;
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track {
- background-color: #383838;
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar {
- width: 6px;
- background-color: #F5F5F5;
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb {
- background-color: #919191;
- border-radius: 10px;
- }
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
- height: 240px;
- overflow-x: hidden;
- overflow-y: auto;
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track {
- background-color: #383838;
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar {
- width: 6px;
- background-color: #F5F5F5;
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb {
- background-color: #919191;
- border-radius: 10px;
- }
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile {
- height: 180px;
- }
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
- height: 348px;
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
- margin-right: 10px;
- }
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
- background-color: #383838;
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
- width: 6px;
- background-color: #F5F5F5;
- }
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
- background-color: #919191;
- border-radius: 10px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
- height: 240px;
- }
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
- height: 240px;
- }
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist {
- height: 180px;
- }
- }
- .td_video_playlist_column_2 .td_wrapper_video_playlist {
- left: -1px;
- z-index: 1;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_2 .td_wrapper_video_playlist {
- left: 0px;
- }
- }
- .td_video_playlist_column_2 .td_video_playlist_title {
- left: -1px;
- width: 681px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_2 .td_video_playlist_title {
- width: 505px;
- }
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_2 .td_video_playlist_title {
- width: 100%;
- left: 0px;
- }
- }
- .td_video_playlist_column_2 .td_wrapper_player {
- display: block;
- width: 681px;
- height: 412px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_2 .td_wrapper_player {
- width: 505px;
- height: 283px;
- }
- }
- @media (min-width: 361px) and (max-width: 767px) {
- .td_video_playlist_column_2 .td_wrapper_player {
- display: block;
- width: 100%;
- height: 350px;
- }
- }
- @media (max-width: 360px) {
- .td_video_playlist_column_2 .td_wrapper_player {
- display: block;
- width: 100%;
- height: 192px;
- }
- }
- .td_video_playlist_column_2 .td_container_video_playlist {
- display: block;
- width: 681px;
- height: 305px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_2 .td_container_video_playlist {
- width: 505px;
- }
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_2 .td_container_video_playlist {
- display: block;
- width: 100%;
- }
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_2 .td_container_video_playlist {
- height: 245px;
- }
- }
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable {
- height: 240px;
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable {
- height: 180px;
- }
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
- margin-right: 10px;
- }
- }
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track,
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
- background-color: #383838;
- }
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar,
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
- width: 6px;
- background-color: #F5F5F5;
- }
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb,
- .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
- background-color: #919191;
- border-radius: 10px;
- }
- .td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 20px;
- top: 23px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 20px;
- top: 23px;
- }
- }
- @media (min-width: 481px) and (max-width: 767px) {
- .td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 20px;
- top: 23px;
- }
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_2 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 37px;
- top: 13px;
- }
- }
- .td_video_playlist_column_1 .td_wrapper_video_playlist {
- left: -1px;
- z-index: 1;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_1 .td_wrapper_video_playlist {
- left: 0px;
- }
- }
- .td_video_playlist_column_1 .td_video_playlist_title {
- left: -1px;
- width: 341px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_1 .td_video_playlist_title {
- width: 252px;
- }
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_1 .td_video_playlist_title {
- width: 100%;
- left: 0px;
- }
- }
- .td_video_playlist_column_1 .td_wrapper_player {
- display: block;
- width: 341px;
- height: 190px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_1 .td_wrapper_player {
- width: 252px;
- height: 143px;
- }
- }
- @media (min-width: 361px) and (max-width: 767px) {
- .td_video_playlist_column_1 .td_wrapper_player {
- display: block;
- width: 100%;
- height: 350px;
- }
- }
- @media (max-width: 360px) {
- .td_video_playlist_column_1 .td_wrapper_player {
- display: block;
- width: 100%;
- height: 192px;
- }
- }
- .td_video_playlist_column_1 .td_container_video_playlist {
- display: block;
- width: 341px;
- height: 305px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_video_playlist_column_1 .td_container_video_playlist {
- width: 252px;
- }
- }
- @media (max-width: 767px) {
- .td_video_playlist_column_1 .td_container_video_playlist {
- width: 100%;
- }
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_1 .td_container_video_playlist {
- height: 245px;
- }
- }
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
- height: 240px;
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
- margin-right: 10px;
- }
- }
- @media (max-width: 480px) {
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile,
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist {
- height: 180px;
- }
- }
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track,
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track {
- background-color: #383838;
- }
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar,
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar {
- width: 6px;
- background-color: #F5F5F5;
- }
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb,
- .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb {
- background-color: #919191;
- border-radius: 10px;
- }
- .td_video_playlist_column_1 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 37px;
- top: 13px;
- }
- @media (min-width: 481px) and (max-width: 767px) {
- .td_video_playlist_column_1 .td_video_controls_playlist_wrapper .td_video_title_playing {
- max-height: 20px;
- top: 23px;
- }
- }
- /* ----------------------------------------------------------------------------
- Comments
- */
- .td-comments-title-wrap {
- border-top: 1px solid #e6e6e6;
- line-height: 16px;
- }
- .td-comments-title-wrap h4 {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 14px;
- font-weight: bold;
- line-height: 22px;
- margin: 15px 0px 15px 0px;
- color: #222222;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-comments-title-wrap h4 {
- margin: 13px 0px 13px 0px;
- line-height: 16px;
- }
- }
- @media (max-width: 767px) {
- .td-comments-title-wrap h4 {
- line-height: 16px;
- margin: 13px 0px 13px 0px;
- }
- }
- .comment-list {
- border-top: 1px solid #e6e6e6;
- padding-top: 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-list {
- padding-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .comment-list {
- padding-top: 15px;
- }
- }
- .comment-list footer {
- clear: left;
- }
- .comment-list footer:after {
- clear: none;
- }
- .comment-list .avatar {
- float: left;
- width: 50px;
- height: 50px;
- margin-right: 19px;
- border-radius: 3px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-list .avatar {
- margin-right: 15px;
- }
- }
- @media (max-width: 767px) {
- .comment-list .avatar {
- margin-right: 10px;
- }
- }
- .comment-list cite,
- .comment-list cite a {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 13px;
- font-style: normal;
- font-weight: bold;
- line-height: 16px;
- color: #000000;
- border-radius: 3px;
- }
- .comment-list cite:hover,
- .comment-list cite a:hover {
- color: #4db2ec;
- }
- .comment-list cite {
- padding-right: 10px;
- }
- .comment-list > .comment:first-child {
- border: none;
- padding-top: 0px;
- }
- .comment-list .comment-content {
- margin-left: 69px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-list .comment-content {
- margin-left: 65px;
- }
- }
- @media (max-width: 767px) {
- .comment-list .comment-content {
- margin-left: 60px;
- }
- }
- .comment-list .comment-content p {
- margin: 0px;
- word-wrap: break-word;
- }
- .comment-list .comment {
- font-size: 12px;
- line-height: 21px;
- color: #444444;
- padding-top: 20px;
- margin: 0px;
- border-top: 1px dashed #f1f1f1;
- }
- .comment-list .comment .comment-respond {
- padding: 0px 0px 21px 0px;
- }
- .comment-list .comment-link {
- color: #b5b5b5;
- font-size: 11px;
- display: inline-block;
- }
- .comment-list .comment-reply-link {
- font-size: 11px;
- color: #B5B5B5;
- }
- .comment-list .comment-reply-link:hover {
- color: #4db2ec;
- }
- .comment-list .comment-meta {
- margin: 0px 0px 14px 69px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-list .comment-meta {
- margin: 0px 0px 10px 65px;
- }
- }
- @media (max-width: 767px) {
- .comment-list .comment-meta {
- margin: 0px 0px 9px 60px;
- }
- }
- .comment-list .children {
- padding-left: 69px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- .comment-list .children .children {
- padding-left: 53px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-list .children {
- padding-left: 65px;
- }
- .comment-list .children .children {
- padding-left: 30px;
- }
- }
- @media (max-width: 767px) {
- .comment-list .children {
- padding-left: 60px;
- }
- .comment-list .children .children {
- padding-left: 20px;
- }
- }
- .comment-list .children .comment {
- padding-top: 21px;
- border-top: 1px dashed #f1f1f1;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-list .children .comment {
- padding-top: 17px;
- }
- }
- @media (max-width: 767px) {
- .comment-list .children .comment {
- padding-top: 15px;
- }
- }
- .comment-list .children .avatar {
- width: 36px;
- height: 36px;
- }
- .comment-list .children .comment-content {
- margin-left: 56px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-list .children .comment-content {
- margin-left: 51px;
- }
- }
- @media (max-width: 767px) {
- .comment-list .children .comment-content {
- margin-left: 46px;
- }
- }
- .comment-list .children .comment-meta {
- margin-left: 56px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-list .children .comment-meta {
- margin-left: 51px;
- }
- }
- @media (max-width: 767px) {
- .comment-list .children .comment-meta {
- margin-bottom: 10px;
- margin-left: 46px;
- }
- }
- .comment-respond {
- border-top: 1px solid #e6e6e6;
- padding: 0px 19px 21px 20px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-respond {
- padding: 0px 17px 17px 17px;
- }
- }
- @media (max-width: 767px) {
- .comment-respond {
- padding: 0px 10px 15px 10px;
- }
- }
- .comment-respond a {
- color: #222222;
- font-weight: 600;
- }
- .comment-respond .comment-subscription-form {
- margin-bottom: 0px;
- }
- .comment-subscription-form .subscribe-label {
- left: 4px;
- position: relative;
- top: -2px;
- }
- .comment-reply-title {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 14px;
- font-weight: bold;
- line-height: 22px;
- margin: 15px 0px 15px 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-reply-title {
- margin: 11px 0px 11px 0px;
- }
- }
- @media (max-width: 767px) {
- .comment-reply-title {
- margin: 11px 0px 11px 0px;
- }
- }
- .logged-in-as {
- position: relative;
- top: -7px;
- margin: 0px;
- }
- .comment-form-input-wrap {
- margin-bottom: 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .comment-form-input-wrap {
- margin-bottom: 17px;
- }
- }
- @media (max-width: 767px) {
- .comment-form-input-wrap {
- margin-bottom: 15px;
- }
- }
- #cancel-comment-reply-link {
- padding-left: 10px;
- }
- .comment-pagination {
- padding: 20px;
- *zoom: 1;
- }
- .comment-pagination:before,
- .comment-pagination:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .comment-pagination:after {
- clear: both;
- }
- .comment-pagination a {
- float: right;
- }
- .comment-pagination a:first-child {
- float: left;
- }
- #disqus_thread {
- padding: 8px 19px 8px 20px;
- border-top: 1px solid #e6e6e6;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- #disqus_thread {
- padding-right: 17px;
- padding-left: 17px;
- }
- }
- @media (max-width: 767px) {
- #disqus_thread {
- padding-right: 10px;
- padding-left: 10px;
- }
- }
- @font-face {
- font-family: 'newsmag';
- src: url('images/icons/newsmag.eot?9');
- src: url('images/icons/newsmag.eot?9#iefix') format('embedded-opentype'), url('images/icons/newsmag.woff?9') format('woff'), url('images/icons/newsmag.ttf?9') format('truetype'), url('images/icons/newsmag.svg?9#newsmag') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
- @font-face {
- font-family: 'newsmag';
- src: url('images/icons/newsmag.svg?#newsmag') format('svg');
- }
- }
- [class^="td-icon-"]:before,
- [class*=" td-icon-"]:before {
- font-family: "newsmag";
- font-style: normal;
- font-weight: normal;
- speak: none;
- display: inline-block;
- text-decoration: inherit;
- text-align: center;
- /* For safety - reset parent styles, that can break glyph codes*/
- font-variant: normal;
- text-transform: none;
- /* fix buttons height, for twitter bootstrap */
- line-height: 1;
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .td-icon-comments:before {
- content: '\e80c';
- }
- .td-icon-path:before {
- content: '\e822';
- }
- .td-icon-rss:before {
- content: '\e828';
- }
- .td-icon-logout:before {
- content: '\e800';
- }
- .td-icon-menu-down:before {
- content: '\e806';
- }
- .td-icon-menu-left:before {
- content: '\e807';
- }
- .td-icon-menu-right:before {
- content: '\e808';
- }
- .td-icon-menu-up:before {
- content: '\e809';
- }
- .td-icon-html5:before {
- content: '\e81c';
- }
- .td-icon-instagram:before {
- content: '\e81d';
- }
- .td-icon-windows:before {
- content: '\e833';
- }
- .td-icon-youtube:before {
- content: '\e836';
- }
- .td-icon-share:before {
- content: '\e829';
- }
- .td-icon-down:before {
- content: '\e801';
- }
- .td-icon-left:before {
- content: '\e802';
- }
- .td-icon-right:before {
- content: '\e803';
- }
- .td-icon-up:before {
- content: '\e804';
- }
- .td-icon-flickr:before {
- content: '\e819';
- }
- .td-icon-facebook:before {
- content: '\e818';
- }
- .td-icon-googleplus:before {
- content: '\e81b';
- }
- .td-icon-pinterest:before {
- content: '\e825';
- }
- .td-icon-paypal:before {
- content: '\e823';
- }
- .td-icon-picasa:before {
- content: '\e824';
- }
- .td-icon-behance:before {
- content: '\e811';
- }
- .td-icon-mail-2:before {
- content: '\e820';
- }
- .td-icon-search:before {
- content: '\e80a';
- }
- .td-icon-user:before {
- content: '\e80b';
- }
- .td-icon-category:before {
- content: '\e80e';
- }
- .td-icon-mail-1:before {
- content: '\e810';
- }
- .td-icon-delicious:before {
- content: '\e813';
- }
- .td-icon-stumbleupon:before {
- content: '\e82f';
- }
- .td-icon-grooveshark:before {
- content: '\e838';
- }
- .td-icon-forrst:before {
- content: '\e81a';
- }
- .td-icon-digg:before {
- content: '\e815';
- }
- .td-icon-spotify:before {
- content: '\e82c';
- }
- .td-icon-reddit:before {
- content: '\e827';
- }
- .td-icon-dribbble:before {
- content: '\e816';
- }
- .td-icon-evernote:before {
- content: '\e817';
- }
- .td-icon-linkedin:before {
- content: '\e81f';
- }
- .td-icon-vk:before {
- content: '\e837';
- }
- .td-icon-skype:before {
- content: '\e82a';
- }
- .td-icon-twitter:before {
- content: '\e831';
- }
- .td-icon-vimeo:before {
- content: '\e832';
- }
- .td-icon-yahoo:before {
- content: '\e835';
- }
- .td-icon-myspace:before {
- content: '\e821';
- }
- .td-icon-steam:before {
- content: '\e82e';
- }
- .td-icon-lastfm:before {
- content: '\e81e';
- }
- .td-icon-tumblr:before {
- content: '\e830';
- }
- .td-icon-posterous:before {
- content: '\e826';
- }
- .td-icon-stackoverflow:before {
- content: '\e82d';
- }
- .td-icon-blogger:before {
- content: '\e812';
- }
- .td-icon-deviantart:before {
- content: '\e814';
- }
- .td-icon-wordpress:before {
- content: '\e834';
- }
- .td-icon-mobile:before {
- content: '\e80d';
- }
- .td-icon-views:before {
- content: '\e805';
- }
- .td-icon-soundcloud:before {
- content: '\e82b';
- }
- .td-icon-star:before {
- content: '\e80f';
- }
- .td-icon-star-empty:before {
- content: '\e839';
- }
- .td-icon-star-half:before {
- content: '\e83a';
- }
- .td-icon-related-left:before {
- content: '\e83b';
- }
- .td-icon-close:before {
- content: '\e83c';
- }
- .td-icon-read-down:before {
- content: '\e83d';
- }
- .td-icon-menu-down {
- position: relative;
- top: 0px;
- font-size: 8px;
- padding-left: 3px;
- }
- a .td-icon-behance:hover {
- color: #000000;
- }
- a .td-icon-blogger:hover {
- color: #ffa900;
- }
- a .td-icon-delicious:hover {
- color: #3399ff;
- }
- a .td-icon-deviantart:hover {
- color: #4e6252;
- }
- a .td-icon-digg:hover {
- color: #000000;
- }
- a .td-icon-dribbble:hover {
- color: #ea4c89;
- }
- a .td-icon-evernote:hover {
- color: #07c257;
- }
- a .td-icon-facebook:hover {
- color: #3B5998;
- }
- a .td-icon-flickr:hover {
- color: #ff0084;
- }
- a .td-icon-forrst:hover {
- color: #3b7140;
- }
- a .td-icon-googleplus:hover {
- color: #dd4b39;
- }
- a .td-icon-grooveshark:hover {
- color: #f77f00;
- }
- a .td-icon-html5:hover {
- color: #f16729;
- }
- a .td-icon-instagram:hover {
- color: #3f729b;
- }
- a .td-icon-lastfm:hover {
- color: #ce2127;
- }
- a .td-icon-linkedin:hover {
- color: #007bb6;
- }
- a .td-icon-mail:hover {
- color: #000000;
- }
- a .td-icon-myspace:hover {
- color: #000000;
- }
- a .td-icon-path:hover {
- color: #e62f17;
- }
- a .td-icon-paypal:hover {
- color: #009cde;
- }
- a .td-icon-picasa:hover {
- color: #000000;
- }
- a .td-icon-pinterest:hover {
- color: #cb2027;
- }
- a .td-icon-posterous:hover {
- color: #ffe173;
- }
- a .td-icon-reddit:hover {
- color: #ff4100;
- }
- a .td-icon-rss:hover {
- color: #f36f24;
- }
- a .td-icon-share:hover {
- color: #000000;
- }
- a .td-icon-skype:hover {
- color: #01aef2;
- }
- a .td-icon-soundcloud:hover {
- color: #ff5500;
- }
- a .td-icon-spotify:hover {
- color: #81b900;
- }
- a .td-icon-stackoverflow:hover {
- color: #000000;
- }
- a .td-icon-steam:hover {
- color: #000000;
- }
- a .td-icon-stumbleupon:hover {
- color: #eb4923;
- }
- a .td-icon-tumblr:hover {
- color: #32506d;
- }
- a .td-icon-twitter:hover {
- color: #00aced;
- }
- a .td-icon-vimeo:hover {
- color: #5289cc;
- }
- a .td-icon-vk:hover {
- color: #45668e;
- }
- a .td-icon-windows:hover {
- color: #319de5;
- }
- a .td-icon-wordpress:hover {
- color: #222222;
- }
- a .td-icon-yahoo:hover {
- color: #720e9e;
- }
- a .td-icon-youtube:hover {
- color: #bb0000;
- }
- /* ----------------------------------------------------------------------------
- header
- */
- .td-review {
- border-top: 1px solid #e6e6e6;
- border-bottom: 1px solid #e6e6e6;
- border-left: 0px;
- background-color: #f5f5f5;
- width: 100%;
- margin-bottom: 20px;
- }
- .td-review td {
- border: 0px;
- }
- .td-review .td-icon-star,
- .td-review .td-icon-star-empty,
- .td-review .td-icon-star-half {
- width: 21px;
- }
- .td-review .block-title {
- background-color: #222222;
- margin-left: 0px;
- color: #ffffff;
- display: inline-block;
- border-radius: 3px;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- font-weight: bold;
- line-height: 16px;
- padding: 2px 15px 2px 15px;
- vertical-align: middle;
- }
- .td-review .td-review-desc:first-child {
- border-top: 1px dashed #d8d8d8;
- }
- .td-review .td-review-stars:nth-child(2) {
- border-top: 1px dashed #d8d8d8;
- }
- .td-review-header .block-title {
- margin-bottom: 0px;
- }
- .td-review-header td {
- padding: 18px 19px 20px 20px;
- border: 0px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-review-header td {
- padding: 18px 17px 20px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-review-header td {
- padding: 18px 10px 20px 10px;
- }
- }
- .td-icon-star,
- .td-icon-star-empty,
- .td-icon-star-half {
- font-size: 15px;
- line-height: 21px;
- display: inline-block;
- width: 17px;
- }
- .td-review-summary-content {
- font-size: 11px;
- }
- /* ----------------------------------------------------------------------------
- footer
- */
- .td-review-summary {
- padding: 20px;
- border-bottom: 1px solid #e6e6e6;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-review-summary {
- padding: 20px 17px 20px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-review-summary {
- padding: 20px 10px 20px 10px;
- }
- }
- .td-review-summary .block-title {
- margin-bottom: 12px;
- }
- .td-review-score {
- background-color: #f5f5f5;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 48px;
- font-weight: bold;
- text-align: center;
- border-bottom: 1px solid #e6e6e6;
- vertical-align: top;
- padding: 0px;
- }
- .td-review-footer {
- border-top: 1px dashed #d8d8d8;
- }
- .td-review-footer.rate_point,
- .td-review-footer.rate_percent {
- border-top: 0px;
- }
- .td-review-overall {
- margin: 20px;
- border: 1px solid #999999;
- min-width: 130px;
- width: 130px;
- float: right;
- padding: 10px 0px 10px 0px;
- line-height: 14px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-review-overall {
- margin: 20px 17px 20px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-review-overall {
- margin: 20px 10px 20px 10px;
- }
- }
- .td-review-overall span {
- font-size: 11px;
- }
- .td_review_with_bars td {
- height: 28px;
- }
- .td-review-final-star {
- height: 24px;
- line-height: 18px;
- }
- /* ----------------------------------------------------------------------------
- stars
- */
- .td-review-stars {
- width: 120px;
- text-align: center;
- line-height: 11px;
- }
- .td-review-final-score {
- line-height: 70px;
- position: relative;
- top: 2px;
- }
- .td-review-final-score span {
- line-height: 0px;
- }
- /* ----------------------------------------------------------------------------
- review bars
- */
- .td-rating-bar-wrap {
- height: 20px;
- margin: 0px 20px 11px 20px;
- background-color: #ffffff;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-rating-bar-wrap {
- margin: 0px 17px 11px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-rating-bar-wrap {
- margin: 0px 10px 11px 10px;
- }
- }
- .td-rating-bar-wrap div {
- height: 20px;
- background: #4db2ec;
- }
- .td-review-desc {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 12px;
- color: #444444;
- border-bottom: 1px dashed #d8d8d8;
- padding: 6px 0px 6px 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-review-desc {
- padding: 6px 0px 6px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-review-desc {
- padding: 6px 0px 6px 10px;
- }
- }
- .td-review-details {
- font-size: 12px;
- }
- .td-review-details .td-review-desc {
- display: inline-block;
- padding: 0px 0px 1px 21px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-review-details .td-review-desc {
- padding: 0px 0px 1px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-review-details .td-review-desc {
- padding: 0px 0px 1px 10px;
- }
- }
- .td-review-stars {
- border-bottom: 1px dashed #d8d8d8;
- }
- .td-review-row-bars .td-review-desc {
- border: none;
- }
- .td-review-row-bars .td-review-desc:first-child {
- border: none;
- }
- .td-review-row-bars td {
- padding: 0px;
- border: 0px !important;
- }
- /* ----------------------------------------------------------------------------
- percent
- */
- .td-review-percent-sign {
- font-size: 30px;
- }
- .td-review-percent {
- float: right;
- padding: 0px 21px 1px 0px;
- font-size: 11px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-review-percent {
- padding: 0px 17px 1px 0px;
- }
- }
- @media (max-width: 767px) {
- .td-review-percent {
- padding: 0px 10px 1px 0px;
- }
- }
- /* ----------------------------------------------------------------------------
- footer
- */
- .td-footer-container {
- margin-right: auto;
- margin-left: auto;
- position: relative;
- background-color: #222222;
- padding: 42px 0 20px 0;
- color: #ffffff;
- }
- .td-footer-container a {
- color: #ffffff;
- }
- .td-footer-container .meta-info {
- color: #888888;
- }
- .td-footer-container .meta-info .entry-date {
- color: #ffffff;
- }
- .td-footer-container .block-title > a,
- .td-footer-container .block-title > span {
- background-color: #ffffff;
- color: #222222;
- }
- .td-footer-container .widget_rss .block-title .rsswidget {
- color: #222;
- }
- .td-footer-container .widget .block-title {
- margin-top: 0;
- }
- .td-footer-container .widget_text p {
- color: #fff;
- }
- .td-footer-container select {
- color: #222;
- }
- .td-footer-container .td_block_wrap {
- padding-top: 0;
- }
- .td-footer-container .td-footer-info {
- margin-bottom: 36px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-footer-container .td-footer-info {
- text-align: center;
- }
- }
- .td-footer-container .td-post-author-name a:hover,
- .td-footer-container .td-module-comments a:hover {
- color: #ffffff;
- }
- .td-footer-container .td-pb-span4,
- .td-footer-container .td-pb-span8,
- .td-footer-container .td-pb-span12 {
- border-left: none;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-footer-container .td-pb-span4,
- .td-footer-container .td-pb-span8,
- .td-footer-container .td-pb-span12 {
- padding-bottom: 20px;
- }
- }
- .td-footer-container .td-pb-span4:last-child,
- .td-footer-container .td-pb-span8:last-child,
- .td-footer-container .td-pb-span12:last-child {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-footer-container .td-pb-span4:last-child,
- .td-footer-container .td-pb-span8:last-child,
- .td-footer-container .td-pb-span12:last-child {
- padding-bottom: 0;
- }
- }
- .td-footer-container.td-container {
- border-bottom: none;
- }
- .td-footer-container .widget_calendar a:hover {
- color: #ffffff;
- }
- .td-footer-container .widget_recent_comments li,
- .td-footer-container .widget_recent_entries li {
- border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
- }
- .td-footer-container .widget_recent_comments li:last-child,
- .td-footer-container .widget_recent_entries li:last-child {
- border-bottom: 0;
- }
- .td-footer-container .td_module_5,
- .td-footer-container .td_module_9 .item-details,
- .td-footer-container .td_module_8 .item-details,
- .td-footer-container .td_module_mx3 .meta-info {
- border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
- }
- .td-footer-container .widget_search {
- margin-top: 0;
- }
- .td-footer-container .widget_search .wpb_button {
- background-color: #444444;
- }
- .td-footer-container .widget_search .wpb_button:hover {
- background-color: #4db2ec;
- }
- .td-footer-container .td_block_wrap {
- border-top: 0;
- margin-bottom: 20px !important;
- }
- .td-footer-container table td,
- .td-footer-container table th {
- border: 1px solid rgba(255, 255, 255, 0.2);
- }
- .td-footer-container tfoot td {
- border: 0;
- }
- .td-footer-container .widget_calendar #today {
- background-color: #444;
- }
- .td-footer-container .widget_calendar #today a {
- color: #4db2ec;
- }
- .td-footer-container .widget_calendar td {
- border-radius: 0;
- }
- .td-footer-container .td-excerpt {
- color: #b5b5b5;
- }
- .td-footer-container .td-module-meta-info .td-post-date {
- color: #888888;
- }
- .td-footer-container .td_social_type:hover {
- background-color: #444444;
- }
- .td-footer-container .td_module_mx3 .meta-info {
- background-color: #222222;
- }
- .td-footer-container .widget {
- padding-bottom: 20px;
- }
- .td-footer-container .td_block_13.td_block_widget .td_module_mx3 {
- left: 0;
- }
- .td-footer-container .td_block_14 {
- background-color: transparent;
- }
- .footer-email-wrap {
- padding-top: 21px;
- }
- .footer-email-wrap a {
- color: #4db2ec;
- }
- .footer-logo-wrap {
- margin-bottom: 20px;
- display: block;
- }
- .footer-logo-wrap img {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .footer-logo-wrap img {
- margin-right: auto;
- margin-left: auto;
- }
- }
- .td-footer-full {
- text-align: center;
- }
- .td-footer-full .footer-social-wrap i {
- margin: 10px 3px 0 7px;
- }
- .td-footer-full .footer-logo-wrap {
- text-align: center;
- display: inline-block;
- width: 100%;
- margin-right: auto;
- margin-left: auto;
- }
- .td-footer-full .footer-logo-wrap img {
- margin-right: auto;
- margin-left: auto;
- }
- /* ----------------------------------------------------------------------------
- social icons footer
- */
- .footer-social-wrap i {
- border-radius: 3px;
- margin: 10px 0 10px 0;
- color: #ffffff;
- width: 32px;
- height: 32px;
- font-size: 16px;
- padding-top: 8px;
- line-height: 16px;
- }
- .td-social-style2 i:hover {
- color: #ffffff;
- }
- .td-social-style2 .td-icon-behance:hover {
- background-color: #000000;
- }
- .td-social-style2 .td-icon-blogger:hover {
- background-color: #ffa900;
- }
- .td-social-style2 .td-icon-delicious:hover {
- background-color: #3399ff;
- }
- .td-social-style2 .td-icon-deviantart:hover {
- background-color: #4e6252;
- }
- .td-social-style2 .td-icon-digg:hover {
- background-color: #000000;
- }
- .td-social-style2 .td-icon-dribbble:hover {
- background-color: #ea4c89;
- }
- .td-social-style2 .td-icon-evernote:hover {
- background-color: #07c257;
- }
- .td-social-style2 .td-icon-facebook:hover {
- background-color: #3B5998;
- }
- .td-social-style2 .td-icon-flickr:hover {
- background-color: #ff0084;
- }
- .td-social-style2 .td-icon-forrst:hover {
- background-color: #3b7140;
- }
- .td-social-style2 .td-icon-googleplus:hover {
- background-color: #dd4b39;
- }
- .td-social-style2 .td-icon-grooveshark:hover {
- background-color: #f77f00;
- }
- .td-social-style2 .td-icon-html5:hover {
- background-color: #f16729;
- }
- .td-social-style2 .td-icon-instagram:hover {
- background-color: #3f729b;
- }
- .td-social-style2 .td-icon-lastfm:hover {
- background-color: #ce2127;
- }
- .td-social-style2 .td-icon-linkedin:hover {
- background-color: #007bb6;
- }
- .td-social-style2 .td-icon-mail:hover {
- background-color: #000000;
- }
- .td-social-style2 .td-icon-myspace:hover {
- background-color: #000000;
- }
- .td-social-style2 .td-icon-path:hover {
- background-color: #e62f17;
- }
- .td-social-style2 .td-icon-paypal:hover {
- background-color: #009cde;
- }
- .td-social-style2 .td-icon-picasa:hover {
- background-color: #000000;
- }
- .td-social-style2 .td-icon-pinterest:hover {
- background-color: #cb2027;
- }
- .td-social-style2 .td-icon-posterous:hover {
- background-color: #ffe173;
- }
- .td-social-style2 .td-icon-reddit:hover {
- background-color: #ff4100;
- }
- .td-social-style2 .td-icon-rss:hover {
- background-color: #f36f24;
- }
- .td-social-style2 .td-icon-share:hover {
- background-color: #000000;
- }
- .td-social-style2 .td-icon-skype:hover {
- background-color: #01aef2;
- }
- .td-social-style2 .td-icon-soundcloud:hover {
- background-color: #ff5500;
- }
- .td-social-style2 .td-icon-spotify:hover {
- background-color: #81b900;
- }
- .td-social-style2 .td-icon-stackoverflow:hover {
- background-color: #000000;
- }
- .td-social-style2 .td-icon-steam:hover {
- background-color: #000000;
- }
- .td-social-style2 .td-icon-stumbleupon:hover {
- background-color: #eb4923;
- }
- .td-social-style2 .td-icon-tumblr:hover {
- background-color: #32506d;
- }
- .td-social-style2 .td-icon-twitter:hover {
- background-color: #00aced;
- }
- .td-social-style2 .td-icon-vimeo:hover {
- background-color: #5289cc;
- }
- .td-social-style2 .td-icon-vk:hover {
- background-color: #45668e;
- }
- .td-social-style2 .td-icon-windows:hover {
- background-color: #319de5;
- }
- .td-social-style2 .td-icon-wordpress:hover {
- background-color: #222222;
- }
- .td-social-style2 .td-icon-yahoo:hover {
- background-color: #720e9e;
- }
- .td-social-style2 .td-icon-youtube:hover {
- background-color: #bb0000;
- }
- /* ----------------------------------------------------------------------------
- sub-footer
- */
- .td-sub-footer-container {
- margin-right: auto;
- margin-left: auto;
- position: relative;
- padding: 10px 0px 10px 0px;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 18px;
- color: #222222;
- /* responsive portrait phone */
- }
- .td-sub-footer-container:before {
- position: absolute;
- bottom: 0px;
- left: 0px;
- display: block;
- content: '';
- height: 100%;
- width: 1px;
- background-color: #e6e6e6;
- z-index: 0;
- }
- @media (max-width: 767px) {
- .td-sub-footer-container {
- text-align: center;
- }
- }
- .td-sub-footer-container a {
- color: #222222;
- padding: 0 10px;
- }
- .td-sub-footer-container ul {
- margin: 0px;
- padding: 0px;
- list-style: none;
- }
- .td-sub-footer-container li {
- display: inline-block;
- position: relative;
- zoom: 1;
- }
- .td-sub-footer-container li:last-child a {
- padding-right: 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-sub-footer-container li:last-child a {
- padding-right: 10px;
- }
- }
- .td-sub-footer-container li:first-child a:before {
- display: none;
- }
- .td-sub-footer-container .td-pb-span4,
- .td-sub-footer-container .td-pb-span8 {
- border-left: none;
- }
- .td-sub-footer-container.td-container {
- border-bottom: none;
- }
- .td-sub-footer-container .td-pb-row {
- overflow: visible;
- }
- .td-sub-footer-copy {
- line-height: 24px;
- }
- .td-sub-footer-menu {
- text-align: right;
- /* responsive portrait phone */
- }
- @media (min-width: 1023px) and (max-width: 1120px) {
- .td-sub-footer-menu {
- padding-right: 42px;
- }
- }
- @media (min-width: 767px) and (max-width: 860px) {
- .td-sub-footer-menu {
- padding-right: 42px;
- }
- }
- @media (max-width: 767px) {
- .td-sub-footer-menu {
- text-align: center;
- }
- }
- .td-sub-footer-menu li {
- text-align: left;
- }
- .td-sub-footer-menu li:hover .sub-menu {
- display: table;
- position: absolute;
- bottom: 10px;
- }
- .td-sub-footer-menu li ul {
- background-color: #ffffff;
- display: none;
- position: relative;
- bottom: 22px !important;
- left: 0px !important;
- border-bottom: 3px solid #000000;
- list-style: none;
- box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.15);
- }
- .td-sub-footer-menu li ul a {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 500;
- font-size: 11px;
- line-height: 28px;
- display: block;
- text-transform: none;
- margin: 0px 10px 0px 0px ;
- white-space: nowrap;
- }
- .td-sub-footer-menu li ul a:hover {
- color: #4db2ec;
- }
- .td-sub-footer-menu li ul a:before {
- display: none;
- }
- .td-add-border {
- border-top: 1px solid #e6e6e6;
- }
- /* ----------------------------------------------------------------------------
- wordpress default galleries
- */
- .gallery-item {
- display: inline-block;
- text-align: center;
- vertical-align: top;
- width: 100%;
- }
- .gallery-item .gallery-caption {
- text-align: left;
- position: relative;
- bottom: 17px;
- margin-bottom: 0px;
- }
- .gallery-item .gallery-icon img {
- margin-bottom: 20px;
- }
- .gallery-columns-2,
- .gallery-columns-3,
- .gallery-columns-4,
- .gallery-columns-5,
- .gallery-columns-6,
- .gallery-columns-7,
- .gallery-columns-8,
- .gallery-columns-9 {
- margin-bottom: 20px;
- }
- .gallery-columns-2 img,
- .gallery-columns-3 img,
- .gallery-columns-4 img,
- .gallery-columns-5 img,
- .gallery-columns-6 img,
- .gallery-columns-7 img,
- .gallery-columns-8 img,
- .gallery-columns-9 img {
- border-bottom: 2px solid #ffffff;
- border-right: 1px solid #ffffff;
- border-left: 1px solid #ffffff;
- margin-bottom: 0px !important;
- }
- .gallery-columns-2 .gallery-caption,
- .gallery-columns-3 .gallery-caption,
- .gallery-columns-4 .gallery-caption,
- .gallery-columns-5 .gallery-caption,
- .gallery-columns-6 .gallery-caption,
- .gallery-columns-7 .gallery-caption,
- .gallery-columns-8 .gallery-caption,
- .gallery-columns-9 .gallery-caption {
- display: none;
- }
- .gallery-columns-2 .gallery-item {
- max-width: 50%;
- }
- .gallery-columns-3 .gallery-item {
- max-width: 33.33%;
- }
- .gallery-columns-4 .gallery-item {
- max-width: 25%;
- }
- .gallery-columns-5 .gallery-item {
- max-width: 20%;
- }
- .gallery-columns-6 .gallery-item {
- max-width: 16.66%;
- }
- .gallery-columns-7 .gallery-item {
- max-width: 14.28%;
- }
- .gallery-columns-8 .gallery-item {
- max-width: 12.5%;
- }
- .gallery-columns-9 .gallery-item {
- max-width: 11.11%;
- }
- /* ----------------------------------------------------------------------------
- custom gallery-columns-1
- */
- .gallery-columns-1 .gallery-item {
- overflow: hidden;
- margin-bottom: 30px;
- }
- .gallery-columns-1 img {
- margin-bottom: 0px !important;
- text-align: center;
- margin: 0px auto 0px auto;
- }
- .gallery-columns-1 .gallery-caption {
- background-color: #0e0e0e;
- color: white;
- font-size: 12px;
- font-style: normal;
- padding: 8px 14px 10px 14px;
- line-height: 19px;
- bottom: 4px;
- }
- .td-scroll-up {
- -webkit-transform: translateZ(0);
- position: fixed;
- bottom: 4px;
- right: 5px;
- display: none;
- border-radius: 3px;
- width: 38px;
- height: 38px;
- }
- .td-scroll-up .td-icon-menu-up {
- position: relative;
- color: #ffffff;
- font-size: 20px;
- display: block;
- text-align: center ;
- width: 38px;
- top: 7px;
- }
- .td-scroll-up:hover {
- cursor: pointer;
- opacity: 1;
- }
- .td-scroll-up-visible {
- display: block;
- background-color: #4db2ec;
- z-index: 9999;
- /* responsive phone */
- }
- @media (max-width: 767px) {
- .td-scroll-up-visible {
- display: none;
- }
- }
- /* theme style customizer */
- #td-theme-settings {
- font-family: Verdana, Geneva, sans-serif;
- text-align: center;
- /* responsive phone */
- position: absolute;
- top: 251px;
- left: 0px;
- width: 145px;
- overflow: hidden;
- background-color: white;
- border: 1px solid #e8e8e8;
- border-left: none;
- padding: 5px 12px;
- z-index: 2;
- height: 338px;
- /*use 335px when we do the new demo style with cookies*/
- -webkit-transition: all 400ms cubic-bezier(.55,0,.1,1);
- -moz-transition: all 400ms cubic-bezier(.55,0,.1,1);
- -o-transition: all 400ms cubic-bezier(.55,0,.1,1);
- transition: all 400ms cubic-bezier(.55,0,.1,1);
- }
- @media (max-width: 767px) {
- #td-theme-settings {
- display: none;
- }
- }
- #td-theme-settings .td-set-hide-show {
- text-align: center;
- text-transform: uppercase;
- font-size: 11px;
- line-height: 16px;
- }
- #td-theme-settings .td-set-hide-show a {
- color: black;
- }
- #td-theme-settings .td-theme-color-active {
- border: 3px solid #EAEAEA;
- margin: 1px;
- opacity: 1;
- }
- .blog-stack #td-theme-settings {
- top: 320px;
- }
- .td-skin-header {
- font-family: 'Roboto Condensed', sans-serif;
- font-weight: bold;
- font-size: 14px;
- line-height: 24px !important;
- color: #5a5a5a;
- border-bottom: 1px solid #ededed;
- padding: 1px 0 7px;
- margin-bottom: 15px;
- }
- .td-skin-title {
- font-size: 12px;
- margin-bottom: 4px;
- line-height: 21px !important;
- }
- .td-skin-content {
- display: inline-block;
- width: 100%;
- }
- .td-set-theme-style {
- text-align: center ;
- }
- .td-set-theme-style .td-set-active {
- border: 1px solid #777777;
- }
- .td-set-theme-style a {
- display: block;
- position: relative;
- font-size: 10px;
- height: 30px;
- line-height: 27px;
- margin-bottom: 12px ;
- border: 1px solid #ededed;
- color: #5a5a5a !important;
- }
- .td-set-theme-style a span {
- color: #f26367;
- font-size: 9px;
- position: absolute;
- left: 3px;
- bottom: -5px;
- }
- .td-set-theme-style a:hover {
- text-decoration: none !important;
- border: 1px solid #777777;
- }
- body .td-theme-settings-small {
- opacity: 0.8;
- left: -127px !important;
- height: 42px !important;
- cursor: pointer;
- box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: 1px 1.732px 4px 0px rgba(0, 0, 0, 0.1);
- -webkit-transition: all 400ms cubic-bezier(.55,0,.1,1);
- -moz-transition: all 400ms cubic-bezier(.55,0,.1,1);
- -o-transition: all 400ms cubic-bezier(.55,0,.1,1);
- transition: all 400ms cubic-bezier(.55,0,.1,1);
- }
- body .td-theme-settings-small .td-skin-header {
- border-bottom: 1px solid transparent;
- }
- #td-theme-settings.td-theme-settings-no-transition {
- -webkit-transition: all 0s;
- -moz-transition: all 0s;
- -o-transition: all 0s;
- transition: all 0s;
- }
- .td-customizer-change-layout {
- cursor: pointer;
- }
- .td-customizer-change-layout span {
- -webkit-user-select: none;
- /* Chrome/Safari */
- -moz-user-select: none;
- /* Firefox */
- -ms-user-select: none;
- /* IE10+ */
- /* Rules below not implemented in browsers yet */
- -o-user-select: none;
- user-select: none;
- position: relative;
- display: inline-block;
- width: 77px ;
- font-size: 11px;
- height: 28px;
- line-height: 27px;
- margin-bottom: 12px ;
- border: 1px solid #ededed;
- color: #5a5a5a;
- }
- /* Magnific Popup CSS */
- .mfp-bg {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1042;
- overflow: hidden;
- position: fixed;
- background: #0b0b0b;
- opacity: 0.8;
- filter: alpha(opacity=80);
- }
- .mfp-wrap {
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 1043;
- position: fixed;
- outline: none !important;
- -webkit-backface-visibility: hidden;
- }
- .mfp-container {
- text-align: center;
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- padding: 0 8px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .mfp-container:before {
- content: '';
- display: inline-block;
- height: 100%;
- vertical-align: middle;
- }
- .mfp-align-top .mfp-container:before {
- display: none;
- }
- .mfp-content {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- margin: 0 auto;
- text-align: left;
- z-index: 1045;
- }
- .mfp-inline-holder .mfp-content,
- .mfp-ajax-holder .mfp-content {
- width: 100%;
- cursor: auto;
- }
- .mfp-ajax-cur {
- cursor: progress;
- }
- .mfp-zoom-out-cur,
- .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
- cursor: -moz-zoom-out;
- cursor: -webkit-zoom-out;
- cursor: zoom-out;
- }
- .mfp-zoom {
- cursor: pointer;
- cursor: -webkit-zoom-in;
- cursor: -moz-zoom-in;
- cursor: zoom-in;
- }
- .mfp-auto-cursor .mfp-content {
- cursor: auto;
- }
- .mfp-close,
- .mfp-arrow,
- .mfp-preloader,
- .mfp-counter {
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- }
- .mfp-loading.mfp-figure {
- display: none;
- }
- .mfp-hide {
- display: none !important;
- }
- .mfp-preloader {
- color: #cccccc;
- position: absolute;
- top: 50%;
- width: auto;
- text-align: center;
- margin-top: -0.8em;
- left: 8px;
- right: 8px;
- z-index: 1044;
- }
- .mfp-preloader a {
- color: #cccccc;
- }
- .mfp-preloader a:hover {
- color: white;
- }
- .mfp-s-ready .mfp-preloader {
- display: none;
- }
- .mfp-s-error .mfp-content {
- display: none;
- }
- button.mfp-close,
- button.mfp-arrow {
- overflow: visible;
- cursor: pointer;
- background: transparent;
- border: 0;
- -webkit-appearance: none;
- display: block;
- outline: none;
- padding: 0;
- z-index: 1046;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- button::-moz-focus-inner {
- padding: 0;
- border: 0;
- }
- .mfp-close {
- width: 44px;
- height: 44px;
- line-height: 44px;
- position: absolute;
- right: 0;
- top: 0;
- text-decoration: none;
- text-align: center;
- opacity: 0.65;
- filter: alpha(opacity=65);
- padding: 0 0 18px 10px;
- color: white;
- font-style: normal;
- font-size: 28px;
- font-family: Arial, Baskerville, monospace;
- }
- .mfp-close:hover,
- .mfp-close:focus {
- opacity: 1;
- filter: alpha(opacity=100);
- }
- .mfp-close:active {
- top: 1px;
- }
- .mfp-close-btn-in .mfp-close {
- color: #333333;
- }
- .mfp-image-holder .mfp-close,
- .mfp-iframe-holder .mfp-close {
- color: white;
- right: -6px;
- text-align: right;
- padding-right: 6px;
- width: 100%;
- }
- .mfp-counter {
- position: absolute;
- bottom: 0;
- right: 0;
- color: #cccccc;
- font-size: 12px;
- padding-right: 15px;
- font-size: 11px;
- line-height: 18px;
- }
- .mfp-arrow {
- font-family: 'newsmag', sans-serif;
- font-size: 30px;
- position: absolute;
- opacity: 0.65;
- filter: alpha(opacity=65);
- margin: 0;
- top: 50%;
- margin-top: -55px;
- padding: 0;
- width: 90px;
- height: 110px;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- }
- .mfp-arrow:active {
- margin-top: -54px;
- }
- .mfp-arrow:hover,
- .mfp-arrow:focus {
- opacity: 1;
- filter: alpha(opacity=100);
- }
- .mfp-arrow .mfp-b,
- .mfp-arrow .mfp-a {
- display: block;
- width: 0;
- height: 0;
- position: absolute;
- left: 0;
- top: 0;
- margin-top: 35px;
- margin-left: 35px;
- }
- .mfp-arrow-left {
- left: 0;
- }
- .mfp-arrow-left:before {
- content: '\e807';
- color: #ffffff;
- }
- .mfp-arrow-right {
- right: 0;
- }
- .mfp-arrow-right:before {
- content: '\e808';
- color: #ffffff;
- }
- .mfp-iframe-holder {
- padding-top: 40px;
- padding-bottom: 40px;
- }
- .mfp-iframe-holder .mfp-content {
- line-height: 0;
- width: 100%;
- max-width: 900px;
- }
- .mfp-iframe-holder .mfp-close {
- top: -40px;
- }
- .mfp-iframe-scaler {
- width: 100%;
- height: 0;
- overflow: hidden;
- padding-top: 56.25%;
- }
- .mfp-iframe-scaler iframe {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
- background: black;
- }
- /* Main image in popup */
- img.mfp-img {
- width: auto;
- max-width: 100%;
- height: auto;
- display: block;
- line-height: 0;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding: 40px 0 40px;
- margin: 0 auto;
- z-index: 1;
- }
- /* The shadow behind the image */
- .mfp-figure {
- line-height: 0;
- }
- .mfp-figure:before {
- bottom: 40px;
- content: "";
- display: block;
- height: 20%;
- width: 100%;
- position: absolute;
- z-index: 1;
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
- /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* Opera 11.10+ */
- background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* IE10+ */
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
- /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
- /* IE6-9 */
- opacity: 0;
- -webkit-transition: opacity 1s ease;
- -moz-transition: opacity 1s ease;
- -o-transition: opacity 1s ease;
- transition: opacity 1s ease;
- }
- .mfp-ready .mfp-s-ready .mfp-figure:before {
- opacity: 1;
- }
- .mfp-figure:after {
- content: '';
- position: absolute;
- left: 0;
- top: 40px;
- bottom: 40px;
- display: block;
- right: 0;
- width: auto;
- height: auto;
- z-index: -1;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
- background: #444;
- }
- .mfp-figure small {
- color: #bdbdbd;
- display: block;
- font-size: 12px;
- line-height: 14px;
- }
- .mfp-figure figure {
- margin: 0;
- }
- .mfp-bottom-bar {
- font-size: 11px;
- line-height: 18px;
- margin-bottom: 50px;
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- cursor: auto;
- padding: 0px 65px 0px 15px;
- z-index: 1;
- }
- .mfp-title {
- text-align: left;
- line-height: 18px;
- color: #f3f3f3;
- word-wrap: break-word;
- }
- .mfp-image-holder .mfp-content {
- max-width: 100%;
- }
- .mfp-gallery .mfp-image-holder .mfp-figure {
- cursor: pointer;
- }
- @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
- /**
- * Remove all paddings around the image on small screen
- */
- .mfp-img-mobile .mfp-image-holder {
- padding-left: 0;
- padding-right: 0;
- }
- .mfp-img-mobile img.mfp-img {
- padding: 0;
- }
- .mfp-img-mobile .mfp-figure:after {
- top: 0;
- bottom: 0;
- }
- .mfp-img-mobile .mfp-figure small {
- display: inline;
- margin-left: 5px;
- }
- .mfp-img-mobile .mfp-bottom-bar {
- background: rgba(0, 0, 0, 0.6);
- bottom: 0;
- margin: 0;
- top: auto;
- padding: 3px 5px;
- position: fixed;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- .mfp-img-mobile .mfp-bottom-bar:empty {
- padding: 0;
- }
- .mfp-img-mobile .mfp-counter {
- right: 5px;
- top: 3px;
- }
- .mfp-img-mobile .mfp-close {
- top: 0;
- right: 0;
- width: 35px;
- height: 35px;
- line-height: 35px;
- background: rgba(0, 0, 0, 0.6);
- position: fixed;
- text-align: center;
- padding: 0;
- }
- }
- @media all and (max-width: 900px) {
- .mfp-arrow {
- -webkit-transform: scale(0.75);
- transform: scale(0.75);
- }
- .mfp-arrow-left {
- -webkit-transform-origin: 0;
- transform-origin: 0;
- }
- .mfp-arrow-right {
- -webkit-transform-origin: 100%;
- transform-origin: 100%;
- }
- .mfp-container {
- padding-left: 6px;
- padding-right: 6px;
- }
- }
- .mfp-ie7 .mfp-img {
- padding: 0;
- }
- .mfp-ie7 .mfp-bottom-bar {
- width: 600px;
- left: 50%;
- margin-left: -300px;
- margin-top: 5px;
- padding-bottom: 5px;
- }
- .mfp-ie7 .mfp-container {
- padding: 0;
- }
- .mfp-ie7 .mfp-content {
- padding-top: 44px;
- }
- .mfp-ie7 .mfp-close {
- top: 0;
- right: 0;
- padding-top: 0;
- }
- /* Zoom */
- .image-source-link {
- color: #98C3D1;
- }
- .mfp-with-zoom .mfp-container,
- .mfp-with-zoom.mfp-bg {
- opacity: 0.001;
- -webkit-backface-visibility: hidden;
- /* ideally, transition speed should match zoom duration */
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- .mfp-with-zoom.mfp-ready .mfp-container {
- opacity: 1;
- }
- .mfp-with-zoom.mfp-ready.mfp-bg {
- opacity: 0.8;
- }
- .mfp-with-zoom.mfp-removing .mfp-container,
- .mfp-with-zoom.mfp-removing.mfp-bg {
- opacity: 0;
- }
- .mfp-bg {
- z-index: 10000;
- }
- .mfp-wrap {
- z-index: 10000;
- }
- /* ----------------------------------------------------------------------------
- Login window
- */
- .td-header-sp-top-menu .top-header-menu {
- display: inline-block;
- }
- .td-header-sp-top-menu .menu-top-container {
- display: inline-block;
- }
- .td_ul_login {
- display: inline-block;
- }
- .white-popup-block {
- background: none repeat scroll 0 0 white;
- margin: 0px auto;
- max-width: 350px;
- position: relative;
- text-align: left;
- vertical-align: top;
- }
- .td_sp_login_ico_style {
- position: absolute;
- top: 3px;
- right: -9px;
- /*left: 39px;*/
- }
- .td_sp_logout_ico_style {
- position: relative;
- top: 3px;
- left: 17px;
- }
- /* wrapper */
- .td-login-wrap {
- padding: 14px 21px 17px 21px;
- }
- .td-login-wrap .td-login-input {
- background-color: #FCFCFC !important;
- height: 40px;
- padding: 3px 14px 3px 14px;
- border: 1px solid #ededed !important;
- box-shadow: none !important;
- outline: medium none;
- color: #555555;
- width: 308px;
- margin-bottom: 21px;
- font-size: 12px;
- }
- .td-login-wrap .td-login-input:invalid {
- font-style: italic;
- }
- .td-login-wrap .td-login-input:invalid:focus {
- color: #555555;
- }
- .td-login-wrap .td-login-button {
- float: right;
- margin: 0px;
- }
- .td-login-wrap .td-login-info-text {
- display: inline-block;
- margin-top: 23px;
- font-size: 12px;
- font-style: italic;
- position: relative;
- top: -14px;
- }
- .td-login-wrap .td-login-info-text a {
- color: #3d3d3d;
- }
- .td-login-wrap .btn {
- padding-top: 5px;
- padding-bottom: 6px;
- background-color: #4db2ec;
- color: #ffffff;
- border: 0;
- text-shadow: none;
- margin-top: 4px;
- border-radius: 3px;
- }
- #login-form .mfp-close {
- top: -2px;
- }
- /* login tabs */
- .td-login-tabs {
- margin: 0px;
- list-style-type: none;
- background-position: bottom;
- background-color: #bababa;
- }
- .td-login-tabs li {
- position: relative;
- text-align: center;
- display: inline-block;
- line-height: 20px;
- }
- .td-login-tabs li a {
- display: block;
- font-size: 20px;
- font-family: 'Roboto Condensed', sans-serif;
- color: white;
- cursor: pointer;
- padding: 10px 21px 10px 21px;
- position: relative;
- }
- .td-login-tabs li a:hover {
- text-decoration: none !important;
- }
- #register-link.td_login_tab_focus:before {
- position: absolute;
- left: -91px;
- top: -3px;
- height: 43px;
- display: block;
- content: '';
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAAArCAMAAAAgygRqAAAAkFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9Qh/bAAAAMHRSTlMAAAECAwUGBwQICw4JDQwKDxgREBMXEhUWFBokHR8cGyIgIRkjHiUnKSYrLC8oLjLSemXYAAABR0lEQVR4XrXUR3aDQBBFUQQNIgkBTRA5Kzntf3cuKI4kjgce2P/N6476t/L/7ThVBdoaxGZaAG0dZwsDZ5sWzNZ0F2jbKFvVDA9mi/0BZ1sOzDYtH2e7EmVr+jGE2Yad4Gwvgtj8BDOgnaJs03JOMNv1Y5wtA4jNz3uA2XaSQ2yeTgOyBU2nhtg8nRJnpxPKpulUINu0/LiD2DzLHmbLoAXYPEs5jDA7zAuIzZM/Q2yePMymyd8wtiC7vCg7QPyd/MFWX9K2CZ2mU11/tX/eC85c0jmD23PW0Yny9r61t8zTeNzzKeVSR8qe86jDnLPkyzANpuJNeVCrsyovBgt8Pl/6vpQypJIkiaIoy7I0TU9UTAVzeV12xfVdEeZKLdDKPJGFIIDvl9thyPOmaeq6LMtpqqqq6/q+b9t2HMeCOp9vl4/r/fPrG0FLHMIvAtI9AAAAAElFTkSuQmCC') no-repeat;
- pointer-events: none;
- }
- .td_login_tab_focus {
- background-color: white;
- color: #4db2ec !important;
- }
- .td_login_tab_focus:after {
- position: absolute;
- right: -91px;
- top: -3px;
- width: 91px;
- height: 43px;
- display: block;
- content: '';
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAAArCAMAAAAgygRqAAAAkFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA9Qh/bAAAAMHRSTlMAAAECAwUGBwQICwkODQwKDxgREBMXEhUWFBokHR8cGyIgIRkjHiUnKSYrLC8yLihWK/CyAAABTklEQVR4XrXVaW6DMBSFUYoNYUoC2IEwz5k67X93fbZRmqqVKlW93wLO/cMzlm0/maz/jwFtTjjKdoC2y3G27+Hs0GEwOwDaO5fZKHu74TA78nF27HswW4Q4O907DGVngQuz5Q5nF+ojBNk50D5GvoeyD3EIsxOBsyf1gYPsMgtgdkfHg7JbOh4Osmt9PBh7yXF2Q8eDsodD7Hsge6TDRNl9ImD2PAk6TIxdlSnMPtHRw2x19CD7SkePss812RxlmwcFkHVp6Hgczr5mP/R3+9aXMtr7G5Nrckyejpu+7/5qP1dLkqcijnRb1Y4KVHsqpHzqPn1f/TL505z1cqmGui0T1YE6UnmeF0UhpcyyLKWEEHGs1s2wWX3YXBfXvfuY9fp2u7yfr6dTRc3z3Pf9OI7D0DTNstR13bZd15XlNOntdVdKPfo5uQ7quXXM4x+ZsxzCpsfJUgAAAABJRU5ErkJggg==') no-repeat;
- pointer-events: none;
- }
- /* the panel title */
- .td-login-panel-title {
- border-bottom-style: solid;
- border-width: 2px;
- border-color: #4db2ec;
- color: #3d3d3d;
- margin-bottom: 21px;
- padding-bottom: 3px;
- font-size: 12px;
- }
- /* error message */
- .td_display_err {
- background-color: #4db2ec;
- font-style: italic;
- color: white;
- padding: 9px 10px;
- display: none;
- margin-bottom: 13px;
- margin-top: 7px;
- }
- .td_display_msg_ok {
- display: block;
- font-size: 13px;
- background-color: #4db2ec;
- }
- #td-forgot-pass-div {
- margin-bottom: 42px;
- }
- .td_user_logd_in {
- position: relative;
- font-weight: bold;
- cursor: default;
- left: -10px;
- display: none;
- }
- .td_user_logd_in:hover {
- text-decoration: none !important;
- }
- .td_ul_logout {
- margin-right: 20px;
- margin-left: 40px;
- }
- .td_ul_logout .menu-item {
- position: relative;
- left: 0;
- }
- .td_ul_logout .menu-item a {
- display: inline !important;
- line-height: 29px !important;
- margin-right: 21px;
- }
- .td_ul_logout .menu-item .td_user_logd_in {
- margin-right: 11px;
- }
- .td_ul_logout .menu-item i {
- font-size: 10px;
- position: relative;
- top: 0;
- }
- .td_ul_logout .menu-item img {
- position: absolute;
- top: 5px;
- left: -40px;
- display: inline-block;
- margin-right: 19px;
- }
- /**
- tagdiv animations
- -
- - mfp-with-anim - has to be on the wrapper
- */
- .mpf-td-login-effect {
- /* start state */
- /* animate in */
- /* animate out */
- }
- .mpf-td-login-effect .mfp-with-anim {
- opacity: 0;
- -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
- -moz-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
- -o-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
- transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
- /* custom */
- transform: perspective( 600px ) scale(0.4);
- -webkit-transform: perspective( 600px ) scale(0.4);
- -moz-transform: perspective( 600px ) scale(0.4);
- -ms-transform: perspective( 600px ) scale(0.4);
- -o-transform: perspective( 600px ) scale(0.4);
- }
- .mpf-td-login-effect.mfp-bg {
- opacity: 0;
- transition: all 0.3s ease-out;
- }
- .mpf-td-login-effect.mfp-ready .mfp-with-anim {
- opacity: 1;
- transform: perspective( 600px ) scale(1);
- -webkit-transform: perspective( 600px ) scale(1);
- -moz-transform: perspective( 600px ) scale(1);
- -ms-transform: perspective( 600px ) scale(1);
- -o-transform: perspective( 600px ) scale(1);
- }
- .mpf-td-login-effect.mfp-ready.mfp-bg {
- opacity: 0.8;
- }
- .mpf-td-login-effect.mfp-removing .mfp-with-anim {
- transform: perspective( 600px ) scale(0.4);
- -webkit-transform: perspective( 600px ) scale(0.4);
- -moz-transform: perspective( 600px ) scale(0.4);
- -ms-transform: perspective( 600px ) scale(0.4);
- -o-transform: perspective( 600px ) scale(0.4);
- opacity: 0;
- }
- .mpf-td-login-effect.mfp-removing.mfp-bg {
- opacity: 0;
- }
- @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
- /* ----------------------------------------------------------------------------
- main sprite file
- */
- .td-sp,
- .iosSlider .prevButton,
- .iosSlider .nextButton,
- .sf-sub-indicator {
- background-image: url('images/sprite/elements@2x.png');
- background-size: 90px 2100px !important;
- }
- }
- /* quotes */
- .post .td_quote_right,
- .page .td_quote_right {
- float: right;
- width: 50%;
- padding-left: 20px;
- margin-bottom: 21px;
- margin-top: 21px;
- }
- .post .td_quote_left,
- .page .td_quote_left {
- float: left;
- width: 50%;
- padding-left: 0px;
- margin-bottom: 18px;
- margin-top: 18px;
- }
- .post .td_quote_left p,
- .page .td_quote_left p {
- text-align: left;
- }
- .post .td_quote_box,
- .page .td_quote_box {
- margin: 0px;
- background-color: #FCFCFC;
- border-left-style: solid;
- border-width: 2px;
- border-color: #4db2ec;
- padding: 15px 23px 0 23px;
- position: relative;
- top: 6px;
- }
- .post .td_quote_box p,
- .page .td_quote_box p {
- font-family: 'Open Sans', arial, sans-serif;
- color: #777777;
- font-size: 13px;
- line-height: 21px;
- text-align: left;
- padding-bottom: 16px;
- margin: 0px;
- text-transform: none;
- }
- .post .td_box_left,
- .page .td_box_left {
- width: 40%;
- float: left;
- margin: 0px 34px 20px 0px;
- }
- .post .td_box_right,
- .page .td_box_right {
- width: 30%;
- float: right;
- margin: 0px 0px 20px 34px;
- }
- .post .td_box_center,
- .page .td_box_center {
- margin: 0px 0px 29px 0px;
- }
- .post .td_pull_quote,
- .page .td_pull_quote {
- margin: 0px;
- position: relative;
- top: 0px;
- }
- .post .td_pull_quote p,
- .page .td_pull_quote p {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 14px;
- line-height: 26px;
- font-weight: 600;
- text-transform: none;
- text-align: center;
- margin: 0px;
- }
- .post .td_pull_quote p:before,
- .page .td_pull_quote p:before {
- position: absolute;
- background: url('images/icons/pull-quote-left.png') no-repeat;
- left: 0px;
- display: block;
- content: '';
- width: 15px;
- height: 15px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- .post .td_pull_quote p:after,
- .page .td_pull_quote p:after {
- position: absolute;
- background: url('images/icons/pull-quote-right.png') no-repeat;
- bottom: 10px;
- right: 0px;
- display: block;
- content: '';
- width: 15px;
- height: 15px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- .post .td_pull_left,
- .page .td_pull_left {
- width: 40%;
- float: left;
- margin: 0px 34px 5px 0px;
- padding: 17px 25px 18px 25px;
- }
- .post .td_pull_right,
- .page .td_pull_right {
- width: 30%;
- float: right;
- margin: 0px 0px 10px 34px;
- padding: 17px 25px 18px 25px;
- }
- .post .td_pull_center,
- .page .td_pull_center {
- margin: 17px 0px;
- padding: 15px 50px 15px 50px;
- }
- /* dropcaps */
- .dropcap {
- float: left;
- display: block;
- font-size: 31px;
- line-height: 34px;
- background-color: #4db2ec;
- color: white;
- text-align: center;
- margin: 9px 13px 0 0;
- padding: 3px 10px;
- font-family: Verdana, Geneva, sans-serif;
- }
- .dropcap1 {
- -webkit-border-radius: 100%;
- -moz-border-radius: 100%;
- border-radius: 100%;
- }
- .dropcap2 {
- background-color: transparent !important;
- color: #4B4B4B;
- font-size: 38px;
- margin: 3px 9px 0px 4px;
- }
- .dropcap3 {
- background-color: transparent !important;
- color: #4B4B4B;
- font-size: 38px;
- font-weight: bold;
- margin: 3px 9px 0px 4px;
- }
- .post .row-fluid {
- padding-bottom: 21px;
- }
- /**
- * More stories box
- */
- .td-more-articles-box {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- position: fixed;
- width: 341px;
- bottom: 48px;
- right: -384px;
- background-color: #ffffff;
- padding: 16px 20px 0px 20px;
- border-style: solid;
- border-color: #e6e6e6;
- border-width: 1px 0px 1px 1px;
- z-index: 9999;
- visibility: hidden;
- -webkit-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
- -moz-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
- -o-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
- transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
- /* custom */
- -webkit-transition-timing-function: cubic-bezier(0.265, 0.365, 0.26, 0.865);
- -moz-transition-timing-function: cubic-bezier(0.265, 0.365, 0.26, 0.865);
- -o-transition-timing-function: cubic-bezier(0.265, 0.365, 0.26, 0.865);
- transition-timing-function: cubic-bezier(0.265, 0.365, 0.26, 0.865);
- /* custom */
- /* responsive portrait phone */
- }
- @media (max-width: 368px) {
- .td-more-articles-box {
- width: 100%;
- padding: 16px 5px 0px 5px;
- }
- }
- .td-more-articles-box-title {
- font-family: 'Open Sans', arial, sans-serif;
- color: #222222;
- font-size: 17px;
- font-weight: 600;
- line-height: 30px;
- display: inline-block;
- text-align: center;
- min-width: 300px;
- margin-bottom: 18px;
- }
- .td-content-more-articles-box .td_module_1,
- .td-content-more-articles-box .td_module_3 {
- padding-bottom: 20px;
- }
- .td-content-more-articles-box .td_module_4 {
- margin-bottom: 20px;
- }
- .td-content-more-articles-box .td_module_2 {
- padding-bottom: 10px;
- }
- .td-close-more-articles-box {
- display: inline-block;
- cursor: pointer;
- position: absolute;
- left: 14px;
- top: 17px;
- line-height: 26px;
- padding: 2px 11px;
- font-size: 17px;
- }
- .td-front-end-display-block {
- right: 0;
- visibility: visible;
- }
- /* ----------------------------------------------------------------------------
- less for gallery slider
- */
- .td-gallery-slide-top {
- position: relative;
- width: 100%;
- background-color: #2d2d2d;
- min-height: 44px;
- vertical-align: top;
- }
- .td-gallery-title {
- display: inline-block;
- color: #ffffff;
- font-family: 'Open Sans', arial, sans-serif;
- font-style: italic;
- font-size: 14px;
- line-height: 17px;
- font-weight: 600;
- padding: 13px 20px 13px 20px;
- position: relative;
- }
- @media (max-width: 767px) {
- .td-gallery-title {
- font-size: 12px;
- padding: 13px 0px 13px 0px;
- text-align: center;
- width: 95%;
- margin-left: auto;
- margin-right: auto;
- display: table;
- }
- }
- /* controls wrapper */
- .td-gallery-controls-wrapper {
- display: inline-block;
- height: 33px;
- margin: auto !important;
- position: absolute;
- right: 0;
- top: 0;
- bottom: 0;
- }
- @media (max-width: 767px) {
- .td-gallery-controls-wrapper {
- display: none;
- }
- }
- .td-gallery-slide-count {
- display: inline-block;
- width: 73px;
- margin-right: 7px;
- text-align: right;
- color: #ffffff;
- font-family: 'Open Sans', arial, sans-serif;
- font-style: italic;
- font-size: 12px;
- line-height: 17px;
- font-weight: 600;
- position: relative;
- top: -8px;
- }
- .td-gallery-slide-prev-next-but {
- display: inline-block;
- margin-right: 12px;
- position: relative;
- }
- .td-gallery-slide-prev-next-but .td-icon-left,
- .td-gallery-slide-prev-next-but .td-icon-right {
- font-size: 30px;
- color: #ffffff;
- position: relative;
- display: inline-block;
- padding: 1px 8px;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .td-doubleSlider-1 {
- width: auto;
- background-color: #222222;
- }
- .td-doubleSlider-1 .td-slider {
- height: 100%;
- position: relative;
- margin-left: auto;
- margin-right: auto;
- }
- .td-doubleSlider-1 .td-slider .item {
- max-height: 580px;
- left: 0;
- height: auto;
- margin: 0;
- }
- .td-doubleSlider-1 .td-slider .td-slide-galery-figure {
- margin: 0;
- text-align: center;
- position: relative;
- width: 980px;
- height: 580px;
- }
- .td-doubleSlider-1 .td-slide-item img {
- max-width: none !important;
- }
- @media (max-width: 767px) {
- .td-doubleSlider-1 .td-slide-item {
- width: 100%;
- }
- }
- .td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
- overflow: auto;
- margin: auto;
- position: absolute;
- left: -50%;
- right: -50%;
- top: -50%;
- bottom: -50%;
- }
- .td-doubleSlider-1 .td-slide-item .td-slide-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- text-align: left;
- background-color: rgba(0, 0, 0, 0.6);
- /* if caption or description text is present */
- }
- .td-doubleSlider-1 .td-slide-item .td-slide-caption span {
- font-family: Verdana, Geneva, sans-serif;
- font-style: normal;
- line-height: 18px;
- font-size: 11px;
- color: #ffffff;
- position: relative;
- top: 0;
- left: 0;
- z-index: 1;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-doubleSlider-1 .td-slide-item .td-slide-caption span {
- font-size: 10px;
- }
- }
- .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content {
- width: 100%;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content {
- display: inline-block;
- }
- }
- .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content span {
- padding: 7px 6px 7px 17px;
- display: inline-block;
- }
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
- .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content span {
- padding: 6px 6px 8px 17px;
- }
- }
- @media (max-width: 767px) {
- .td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content span {
- font-size: 10px;
- line-height: 12px;
- padding: 5px 6px 7px 10px;
- }
- }
- .td-doubleSlider-1 .td-slide-item .td-gallery-slide-copywrite {
- position: absolute;
- top: -20px;
- right: 0px;
- padding: 1px 6px 2px 6px;
- text-align: left;
- color: #ffffff;
- font-family: Verdana, Geneva, sans-serif;
- font-style: italic;
- line-height: 17px;
- font-size: 10px;
- background-color: rgba(0, 0, 0, 0.8);
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-doubleSlider-1 .td-slide-item .td-gallery-slide-copywrite {
- display: none;
- }
- }
- .td-slide-on-2-columns .td-gallery-title {
- width: 73%;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-slide-on-2-columns .td-gallery-title {
- width: 64%;
- font-size: 12px;
- }
- }
- @media (max-width: 767px) {
- .td-slide-on-2-columns .td-gallery-title {
- width: 100%;
- font-size: 11px;
- }
- }
- .td-slide-on-2-columns .td-doubleSlider-1 {
- height: 420px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-slide-on-2-columns .td-doubleSlider-1 {
- height: 308px !important;
- }
- }
- @media (max-width: 767px) {
- .td-slide-on-2-columns .td-doubleSlider-1 {
- height: 178px !important;
- }
- }
- .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
- width: 640px !important;
- height: 420px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
- width: 469px !important;
- height: 308px;
- }
- .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure img {
- width: auto;
- height: 308px;
- }
- }
- @media (max-width: 767px) {
- .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
- width: 100% !important;
- height: 178px !important;
- line-height: 12px;
- }
- .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure img {
- width: auto;
- height: 178px;
- }
- }
- .td-slide-on-2-columns .td-button {
- margin: 0px 5px 0px 5px;
- }
- .td-slide-on-3-columns .td-gallery-title {
- width: 80%;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-slide-on-3-columns .td-gallery-title {
- width: 76%;
- font-size: 12px;
- }
- }
- @media (max-width: 767px) {
- .td-slide-on-3-columns .td-gallery-title {
- width: 100%;
- font-size: 11px;
- }
- }
- .td-slide-on-3-columns .td-doubleSlider-1 {
- height: 580px !important;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-slide-on-3-columns .td-doubleSlider-1 {
- height: 427px !important;
- }
- }
- @media (max-width: 767px) {
- .td-slide-on-3-columns .td-doubleSlider-1 {
- height: 178px !important;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-slide-on-3-columns .td-doubleSlider-1 .td-slide-galery-figure {
- width: 721px !important;
- height: 427px !important;
- }
- .td-slide-on-3-columns .td-doubleSlider-1 .td-slide-galery-figure img {
- width: auto;
- height: 427px;
- }
- }
- @media (max-width: 767px) {
- .td-slide-on-3-columns .td-doubleSlider-1 .td-slide-galery-figure {
- max-width: 100% !important;
- height: 178px !important;
- line-height: 12px;
- }
- .td-slide-on-3-columns .td-doubleSlider-1 .td-slide-galery-figure img {
- width: auto;
- height: 178px;
- }
- }
- .td-slide-on-3-columns .td-button {
- margin: 0px 4.2px 0px 4.3px;
- }
- .td-doubleSlider-2 {
- padding: 20px 0px 10px 0px;
- height: 80px !important;
- background-color: #222222;
- width: 100%;
- /* if there are not sufficient sliders to fill the td-doubleSlider-2, then move -how many sliders do we have- in the center of td-doubleSlider-2 */
- }
- @media (max-width: 767px) {
- .td-doubleSlider-2 {
- display: none;
- }
- }
- .td-doubleSlider-2 .td-slider {
- width: 100%;
- height: 100%;
- overflow-wrap: normal;
- }
- .td-doubleSlider-2 .td-button {
- position: relative;
- top: -10px;
- display: inline-block;
- width: 80px !important;
- height: 60px;
- }
- .td-doubleSlider-2 .td-button .td-border {
- border: 3px solid #ffffff;
- opacity: 0.5;
- height: 60px;
- width: 80px;
- }
- .td-doubleSlider-2.td_center_slide2 {
- text-align: center;
- padding: 25px 0px 10px 0px;
- }
- .td-doubleSlider-2.td_center_slide2 .td-slider {
- display: inline-block;
- }
- .td-doubleSlider-2.td_center_slide2 .td-button {
- position: relative;
- top: -15px;
- margin: 0px 2px 0px 3px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-doubleSlider-2.td_center_slide2 .td-button {
- width: 56px !important;
- }
- .td-doubleSlider-2.td_center_slide2 .td-button .td-border {
- width: 56px;
- }
- }
- /* ----------------------------------------------------------------------------
- less for gallery slider magnificPopup
- */
- .td-magnific-popup-slide-gallery {
- margin: 0px auto;
- max-width: 1000px;
- max-height: 100%;
- text-align: left;
- vertical-align: top;
- position: relative;
- }
- .td-magnific-popup-slide-gallery img {
- display: block;
- }
- .td-magnific-popup-slide-gallery .td-magnific-popup-slide-gallery-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- text-align: left;
- background: #000000;
- opacity: 0.6;
- display: block;
- width: 100%;
- }
- .td-magnific-popup-slide-gallery span {
- display: block;
- font-family: Verdana, Geneva, sans-serif;
- font-style: normal;
- line-height: 18px;
- font-size: 11px;
- color: #ffffff;
- width: 100%;
- text-align: left;
- padding: 5px 7px 6px 7px;
- }
- .td-magnific-popup-slide-gallery .td-magnific-popup-slide-gallery-copywrite {
- position: absolute;
- top: -27px;
- right: 3px;
- padding: 5px 7px 6px 7px;
- text-align: left;
- color: #ffffff;
- font-family: Verdana, Geneva, sans-serif;
- font-style: italic;
- line-height: 17px;
- font-size: 10px;
- }
- .td-magnific-popup-slide-gallery .mfp-close {
- color: #ffffff;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .mfp-title {
- font-size: 10px;
- }
- }
- .post_td_gallery {
- margin-bottom: 16px;
- }
- /* ----------------------------------------------------------------------------
- Smart list 1
- */
- .td_smart_list_1 {
- position: relative;
- overflow: hidden;
- z-index: 1;
- }
- .td_smart_list_1 .td-item {
- width: 100%;
- margin: 0;
- }
- .td_smart_list_1 .td-item img {
- height: auto;
- }
- .td_smart_list_1 .td-sml1-current-item-nr {
- display: inline-block;
- font-weight: bold;
- font-size: 21px;
- line-height: 24px;
- color: #ffffff;
- padding: 6px 4px 6px 4px;
- background-color: #000000;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- width: 37px;
- height: 37px;
- text-align: center;
- margin-right: 15px;
- margin-bottom: 20px;
- vertical-align: top;
- }
- @media (max-width: 767px) {
- .td_smart_list_1 .td-sml1-current-item-nr {
- margin-bottom: 10px;
- margin-right: auto;
- margin-left: auto;
- display: table;
- }
- }
- .td_smart_list_1 .td-sml1-current-item-title {
- display: inline-block;
- font-weight: bold;
- font-style: italic;
- font-size: 20px;
- line-height: 28px;
- color: #000000;
- margin-bottom: 10px;
- width: 490px;
- margin-top: 8px;
- position: relative;
- top: -3px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_1 .td-sml1-current-item-title {
- font-size: 16px;
- max-width: 320px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_1 .td-sml1-current-item-title {
- display: block;
- width: 100%;
- font-size: 16px;
- text-align: center;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_1 .td-number-and-title {
- margin-right: auto;
- margin-left: auto;
- display: table;
- }
- }
- .td_smart_list_1 .td-number-and-title h2 {
- display: inline-block;
- margin: 0px;
- }
- .td_smart_list_1 .td-controls {
- position: absolute;
- right: 0px;
- top: 0px;
- width: 88px;
- z-index: 9;
- background-color: #ffffff;
- }
- .td_smart_list_1 .td-controls .td-icon-left,
- .td_smart_list_1 .td-controls .td-icon-right {
- border: 1px solid #e6e6e6;
- display: inline-block;
- width: 37px;
- height: 37px;
- text-align: center;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- font-size: 24px;
- padding: 7px 13px 7px 13px;
- background-color: #ffffff;
- position: relative;
- right: -3px;
- line-height: 1;
- }
- .td_smart_list_1 .td-controls .td-icon-left {
- margin-right: 10px;
- }
- .td_smart_list_1 .td-sml1-description p {
- margin-top: 13px;
- }
- .td_smart_list_1 .td-sml1-caption {
- text-align: right;
- font-family: Verdana, Geneva, sans-serif;
- font-style: italic;
- font-size: 11px;
- line-height: 17px;
- color: #000000;
- }
- .td_smart_list_1.td-3-columns .td-sml1-current-item-title {
- max-width: 100%;
- width: 820px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_1.td-3-columns .td-sml1-current-item-title {
- max-width: 570px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_1.td-3-columns .td-sml1-current-item-title {
- max-width: 100%;
- width: 100%;
- }
- }
- .td-slide-smart-list-1 img {
- width: 100%;
- }
- /* ----------------------------------------------------------------------------
- Smart list 2
- */
- .td_smart_list_2 .td-sml2-current-item-nr {
- display: inline-block;
- font-weight: bold;
- font-size: 21px;
- line-height: 24px;
- color: #ffffff;
- padding: 6px 4px 6px 4px;
- background-color: #000000;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- width: 37px;
- height: 37px;
- text-align: center;
- margin-right: 15px;
- margin-bottom: 10px;
- vertical-align: top;
- }
- @media (max-width: 767px) {
- .td_smart_list_2 .td-sml2-current-item-nr {
- margin-bottom: 10px;
- margin-right: auto;
- margin-left: auto;
- display: table;
- }
- }
- .td_smart_list_2 .td-sml2-current-item-title {
- display: inline-block;
- font-weight: bold;
- font-style: italic;
- font-size: 20px;
- line-height: 28px;
- color: #000000;
- width: 580px;
- margin-bottom: 10px;
- margin-top: 8px;
- position: relative;
- top: -3px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_2 .td-sml2-current-item-title {
- max-width: 415px;
- margin-bottom: 0px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_2 .td-sml2-current-item-title {
- display: block;
- width: 100%;
- text-align: center;
- margin-bottom: 0px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_2 .td-number-and-title {
- margin-right: auto;
- margin-left: auto;
- display: table;
- }
- }
- .td_smart_list_2 .td-number-and-title h2 {
- display: inline-block;
- }
- .td_smart_list_2 .td-sml2-caption {
- text-align: right;
- font-family: Verdana, Geneva, sans-serif;
- font-style: italic;
- font-size: 11px;
- line-height: 17px;
- color: #000000;
- }
- .td_smart_list_2 .td-sml2-description p {
- font-size: 12px;
- margin-top: 13px;
- }
- .td_smart_list_2.td-3-columns .td-sml2-current-item-title {
- width: 920px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_2.td-3-columns .td-sml2-current-item-title {
- max-width: 650px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_2.td-3-columns .td-sml2-current-item-title {
- max-width: 100%;
- width: 100%;
- }
- }
- .td-slide-smart-list-2 {
- display: block !important;
- }
- .td-slide-smart-list-2 img {
- width: 100%;
- }
- /* ----------------------------------------------------------------------------
- Smart list 3
- */
- .td_smart_list_3 {
- position: relative;
- overflow: hidden;
- padding: 10px 0px 12px 0px;
- margin-bottom: 40px;
- z-index: 1;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 {
- margin-bottom: 0px;
- }
- }
- .td_smart_list_3 .td-item {
- width: 100%;
- margin: 0;
- }
- .td_smart_list_3 .td-item img {
- max-width: 100%;
- height: auto;
- }
- .td_smart_list_3 .td-sml3-current-item-nr {
- display: inline-block;
- font-weight: bold;
- font-size: 21px;
- line-height: 24px;
- color: #ffffff;
- padding: 6px 4px 6px 4px;
- background-color: #000000;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- width: 37px;
- height: 37px;
- text-align: center;
- margin-right: 15px;
- margin-bottom: 10px;
- vertical-align: top;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-current-item-nr {
- display: none;
- }
- }
- .td_smart_list_3 .td-sml3-current-item-title {
- display: inline-block;
- font-weight: bold;
- font-style: italic;
- font-size: 20px;
- line-height: 28px;
- color: #000000;
- width: 265px;
- margin-bottom: 10px;
- margin-top: 4px;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-current-item-title {
- display: block;
- width: 100%;
- }
- }
- .td_smart_list_3 .td-vertical-align-top {
- vertical-align: top;
- }
- .td_smart_list_3 .td-number-and-title {
- float: left;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-number-and-title {
- float: none;
- text-align: center;
- }
- }
- .td_smart_list_3 .td-number-and-title h2 {
- display: inline-block;
- margin: 0px;
- }
- .td_smart_list_3 .td-sml3-top-title {
- text-align: center;
- margin-top: 4px;
- margin-bottom: 30px;
- margin-right: 100px;
- margin-left: 100px;
- overflow: hidden;
- height: 22px;
- font-size: 11px;
- font-style: italic;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3 .td-sml3-top-title {
- margin-bottom: 17px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-top-title {
- display: none;
- }
- }
- .td_smart_list_3 .td-sml3-link-to-image img {
- margin-bottom: 6px;
- }
- .td_smart_list_3 .td-sml3-bottom-title {
- text-align: center;
- margin-top: 0px;
- margin-bottom: 0px;
- margin-right: 100px;
- margin-left: 100px;
- overflow: hidden;
- height: 22px;
- position: relative;
- top: 0px;
- font-size: 11px;
- font-style: italic;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-bottom-title {
- display: none;
- }
- }
- .td_smart_list_3 .td-icon-left,
- .td_smart_list_3 .td-icon-right {
- display: inline-block;
- min-width: 67px;
- height: 28px;
- text-align: center;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- font-size: 16px;
- padding: 7px 14px 7px 13px;
- color: #ffffff;
- background-color: #000000;
- line-height: 23px;
- }
- .td_smart_list_3 .td-icon-left:hover,
- .td_smart_list_3 .td-icon-right:hover {
- background-color: #4db2ec;
- }
- .td_smart_list_3 .td-sml3-top-controls,
- .td_smart_list_3 .td-sml3-bottom-controls {
- display: inline-block;
- padding: 8px 0px;
- width: 100%;
- z-index: 9;
- border-top: 1px dashed #f1f1f1;
- border-bottom: 1px dashed #f1f1f1;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-top-controls,
- .td_smart_list_3 .td-sml3-bottom-controls {
- border: 0px;
- }
- }
- .td_smart_list_3 .td-sml3-top-controls .td-icon-left,
- .td_smart_list_3 .td-sml3-bottom-controls .td-icon-left {
- position: relative;
- left: 0;
- padding: 2px 10px 2px 10px;
- }
- .td_smart_list_3 .td-sml3-top-controls .td-icon-left span,
- .td_smart_list_3 .td-sml3-bottom-controls .td-icon-left span {
- float: right;
- position: relative;
- margin: 8px 2px 8px 12px;
- }
- .td_smart_list_3 .td-sml3-top-controls .td-icon-right,
- .td_smart_list_3 .td-sml3-bottom-controls .td-icon-right {
- position: absolute;
- right: 0px;
- padding: 2px 10px 2px 10px;
- }
- .td_smart_list_3 .td-sml3-top-controls .td-icon-right span,
- .td_smart_list_3 .td-sml3-bottom-controls .td-icon-right span {
- float: left;
- position: relative;
- margin: 8px 12px 8px 2px;
- }
- .td_smart_list_3 .td-sml3-top-controls .td-sml3-control-text,
- .td_smart_list_3 .td-sml3-bottom-controls .td-sml3-control-text {
- position: relative;
- font-family: 'Open Sans', arial, sans-serif;
- font-style: normal;
- text-transform: uppercase;
- font-size: 11px;
- font-weight: 600;
- line-height: 8px;
- }
- .td_smart_list_3 .td-sml3-top-controls {
- position: absolute;
- top: 0px;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-top-controls {
- position: relative;
- }
- }
- .td_smart_list_3 .td-sml3-bottom-controls {
- position: absolute;
- bottom: 0px;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-bottom-controls {
- position: relative;
- }
- }
- .td_smart_list_3 .td-sml3-description {
- min-height: 390px;
- margin-bottom: 40px;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-description {
- display: table;
- margin-bottom: 0px;
- width: 100%;
- }
- }
- .td_smart_list_3 .td-sml3-display-image {
- position: relative;
- top: 0;
- width: 300px;
- float: right;
- margin: 0px 0px 20px 20px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3 .td-sml3-display-image {
- margin: 0px 0px 17px 20px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-sml3-display-image {
- margin-left: auto;
- margin-right: auto;
- float: none;
- display: table;
- }
- }
- .td_smart_list_3 .td-sml3-caption {
- text-align: right;
- font-family: Verdana, Geneva, sans-serif;
- font-style: italic;
- font-size: 11px;
- line-height: 17px;
- color: #000000;
- }
- .td_smart_list_3 .td-mobile-nr {
- display: none;
- }
- @media (max-width: 767px) {
- .td_smart_list_3 .td-mobile-nr {
- display: inline-block;
- padding: 6px 8px;
- color: #fff;
- background-color: #000;
- font-size: 12px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- line-height: 19px;
- position: relative;
- top: -3px;
- width: 30px;
- height: 30px;
- text-align: center;
- margin-right: 6px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3.td-2-columns .td-sml3-description {
- display: table;
- width: 100%;
- /* responsive portrait tablet */
- }
- .td_smart_list_3.td-2-columns .td-number-and-title h2 {
- /* responsive portrait tablet */
- }
- .td_smart_list_3.td-2-columns .td-sml3-caption {
- margin-top: 6px;
- }
- .td_smart_list_3.td-2-columns .td-sml3-display-image {
- margin-left: 0px;
- margin-top: 0px;
- float: right;
- width: 40%;
- /* responsive portrait tablet */
- }
- .td_smart_list_3.td-2-columns .td-sml3-display-image img {
- margin: 0 auto;
- }
- .td_smart_list_3.td-2-columns .td-sml3-top-title,
- .td_smart_list_3.td-2-columns .td-sml3-bottom-title {
- font-size: 9px;
- }
- .td_smart_list_3.td-2-columns .td-sml3-current-item-title {
- font-size: 18px;
- /* responsive portrait tablet */
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3.td-2-columns .td-sml3-description {
- margin-top: 27px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3.td-2-columns .td-number-and-title h2 {
- display: inherit;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3.td-2-columns .td-sml3-display-image {
- margin-left: 10px;
- }
- }
- @media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3.td-2-columns .td-sml3-current-item-title {
- width: 217px;
- }
- }
- .td_smart_list_3.td-3-columns .td-sml3-current-item-title {
- width: 607px;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3.td-3-columns .td-sml3-current-item-title {
- width: 348px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_3.td-3-columns .td-sml3-current-item-title {
- width: 100%;
- }
- }
- .td_smart_list_3.td-3-columns .td-sml3-bottom-title {
- width: 780px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_3.td-3-columns .td-sml3-bottom-title {
- width: 521px;
- }
- }
- /* ----------------------------------------------------------------------------
- Smart list 4
- */
- .td_smart_list_4 .td-item {
- vertical-align: top;
- border-bottom: 1px dashed #f1f1f1;
- min-height: 174px;
- margin-bottom: 21px;
- }
- @media (max-width: 767px) {
- .td_smart_list_4 .td-item {
- display: table;
- width: 100%;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_4 .td-item div {
- display: table-header-group;
- text-align: center;
- }
- }
- .td_smart_list_4 .td-number-and-title h2 {
- margin-bottom: 0px;
- margin-top: 2px;
- }
- .td_smart_list_4 .td-sml4-nr {
- display: inline-block;
- font-weight: bold;
- font-size: 16px;
- line-height: 17px;
- color: #ffffff;
- padding: 6px 4px 6px 4px;
- background-color: #000000;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- width: 30px;
- height: 30px;
- text-align: center;
- margin-right: 15px;
- vertical-align: top;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_smart_list_4 .td-sml4-nr {
- margin: 0px;
- }
- }
- .td_smart_list_4 .td-sml4-current-item-nr {
- display: inline-block;
- font-size: 17px;
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 600;
- line-height: 24px;
- color: #000000;
- text-align: left;
- width: 420px;
- margin-top: 3px;
- vertical-align: top;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_4 .td-sml4-current-item-nr {
- width: 253px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_4 .td-sml4-current-item-nr {
- width: 100%;
- text-align: center;
- margin: 10px 0px 10px 0px;
- padding-left: 10px;
- padding-right: 10px;
- }
- }
- .td_smart_list_4 .td-sml4-image-and-caption {
- float: right;
- margin-left: 20px;
- margin-bottom: 20px;
- }
- @media (max-width: 767px) {
- .td_smart_list_4 .td-sml4-image-and-caption {
- margin-left: 0px;
- margin-top: 0px;
- width: 100%;
- margin-bottom: 0px;
- }
- .td_smart_list_4 .td-sml4-image-and-caption img {
- margin: 0 auto;
- }
- .td_smart_list_4 .td-sml4-image-and-caption .td-sml4-caption {
- float: right;
- /* responsive portrait phone */
- }
- }
- @media (max-width: 767px) and (max-width: 767px) {
- .td_smart_list_4 .td-sml4-image-and-caption .td-sml4-caption {
- float: none;
- }
- }
- .td_smart_list_4 .td-sml4-caption {
- text-align: right;
- font-family: Verdana, Geneva, sans-serif;
- font-style: italic;
- font-size: 11px;
- line-height: 17px;
- color: #000000;
- margin-top: 6px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_smart_list_4 .td-sml4-caption {
- text-align: center;
- margin-right: auto;
- margin-left: auto;
- display: table;
- float: none;
- }
- }
- .td_smart_list_4 .td-sml4-description p {
- font-size: 12px;
- margin-top: 13px;
- margin-bottom: 14px;
- }
- @media (max-width: 767px) {
- .td_smart_list_4.td-2-columns .td-sml4-current-item-nr {
- width: 100%;
- }
- }
- .td_smart_list_4.td-3-columns .td-sml4-current-item-nr {
- width: 760px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_smart_list_4.td-3-columns .td-sml4-current-item-nr {
- width: 500px;
- }
- }
- @media (max-width: 767px) {
- .td_smart_list_4.td-3-columns .td-sml4-current-item-nr {
- width: 100%;
- }
- }
- .td-slide-smart-list-figure {
- display: inline-block;
- }
- .td-slide-smart-list-figure .td-sml4-link-to-image img {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td-slide-smart-list-figure .td-sml4-link-to-image img {
- width: auto;
- }
- }
- .td-slide-smart-list-figure figcaption {
- margin-top: 6px;
- }
- .td-number-and-title h2 {
- margin-top: 0px;
- }
- .td_smart_list_2 .td-item {
- margin-bottom: 40px;
- }
- /* ----------------------------------------------------------------------------
- WooCommerce
- */
- .woocommerce .entry-crumbs {
- padding-top: 20px;
- }
- .woocommerce .button:active {
- top: auto !important;
- }
- .woocommerce .woocommerce-message .button:active {
- top: 11px !important;
- }
- .woocommerce .page-title {
- font-size: 24px;
- font-weight: 600;
- line-height: 32px;
- margin: 1px 0 20px;
- }
- .woocommerce .td-main-content .block-title {
- margin: 20px 0px 20px 0px;
- }
- .woocommerce .product br {
- display: none;
- }
- .woocommerce .product p {
- margin: 0px;
- }
- .woocommerce .product img {
- box-shadow: none !important;
- }
- .woocommerce .product .onsale {
- background: none #4db2ec;
- border-radius: 0;
- box-shadow: none;
- text-shadow: none;
- margin: 0 !important;
- padding: 4px;
- line-height: 32px;
- font-size: 12px;
- }
- .woocommerce .product:hover h3 {
- color: #000000;
- }
- .woocommerce .tagged_as {
- display: block;
- }
- .woocommerce .page-nav {
- padding: 0px;
- }
- .woocommerce .order_details li:before {
- content: '';
- }
- .woocommerce .order_details {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .woocommerce .order_details {
- padding-left: 0px;
- }
- }
- .woocommerce .order_details li {
- margin-top: 7px;
- margin-bottom: 7px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .woocommerce .order_details li {
- width: 100%;
- display: block;
- margin-left: 0px;
- margin-right: 0px;
- border-right: none;
- }
- }
- .woocommerce .payment_methods li:before {
- content: '';
- }
- .woocommerce .product a.button,
- .woocommerce .product #respond input#submit,
- .woocommerce .checkout input#place_order,
- .woocommerce .woocommerce.widget .button {
- border: none;
- box-shadow: none;
- color: #ffffff;
- background: none #222222;
- font-size: 11px;
- padding: 10px;
- text-shadow: none;
- border-radius: 3px;
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- .woocommerce .product a.button:hover,
- .woocommerce .product #respond input#submit:hover,
- .woocommerce .checkout input#place_order:hover,
- .woocommerce .woocommerce.widget .button:hover {
- background-color: #4db2ec;
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .woocommerce .product a.button,
- .woocommerce .product #respond input#submit,
- .woocommerce .checkout input#place_order,
- .woocommerce .woocommerce.widget .button {
- font-size: 10px;
- padding: 8px;
- }
- }
- @media (max-width: 767px) {
- .woocommerce .product a.button,
- .woocommerce .product #respond input#submit,
- .woocommerce .checkout input#place_order,
- .woocommerce .woocommerce.widget .button {
- margin-top: 5px;
- }
- }
- .woocommerce .star-rating {
- height: 14px;
- }
- .woocommerce fieldset {
- border: 0px !important;
- margin: 30px 0px 20px 0px !important;
- padding: 0px !important;
- }
- .woocommerce fieldset legend {
- font-weight: bold;
- padding-left: 3px;
- }
- .woocommerce ul.products li.product a img {
- margin: 0 0 8px;
- }
- .woocommerce ul.products li.product .price del {
- display: inline-block;
- }
- .woocommerce ul.products li.product .button {
- margin-top: 0;
- }
- .woocommerce .price del {
- display: inline-block !important;
- font-size: 0.75em !important;
- }
- .woocommerce ul.products li.product h3 {
- font-size: 13px;
- font-weight: 600;
- line-height: 19px;
- padding-top: 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .woocommerce ul.products li.product h3 {
- font-size: 21px;
- line-height: 28px;
- padding-bottom: 4px;
- }
- }
- .woocommerce ul.products li.product .price {
- font-weight: 600;
- color: #111111;
- font-size: 14px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .woocommerce ul.products li.product .price {
- font-size: 18px;
- float: right;
- display: inline-block;
- margin-bottom: 0px;
- margin-top: 9px;
- }
- }
- .woocommerce .form-row .input-text {
- font-size: 12px;
- line-height: 21px;
- color: #444444;
- border: 1px solid #e6e6e6;
- width: 100%;
- max-width: 100%;
- height: 34px !important;
- padding: 3px 9px 3px 9px;
- }
- .woocommerce #tab-description ol li,
- .woocommerce .entry-summary ol li {
- list-style-type: decimal;
- margin: 0 0 0 21px;
- }
- .woocommerce #tab-description ul li,
- .woocommerce .entry-summary ul li {
- margin: 0 0 0 21px;
- }
- .woocommerce-page ul .product {
- float: left !important;
- margin-right: 3.125% !important;
- width: 31.25% !important;
- /* responsive portrait phone */
- }
- .woocommerce-page ul .product.last {
- margin-right: 0px !important;
- }
- .woocommerce-page ul .product:before {
- content: '';
- }
- @media (max-width: 767px) {
- .woocommerce-page ul .product {
- margin: 0px 0px 20px 0px !important;
- border-bottom: 1px dashed #f1f1f1;
- padding-bottom: 20px !important;
- width: 100% !important;
- }
- }
- .woocommerce-page .product table td {
- border: none !important;
- }
- .woocommerce-page .variations_button {
- position: relative;
- top: 10px;
- }
- .woocommerce-page .related ul li.product.last {
- margin-right: 0px !important;
- }
- .woocommerce-page .related ul li.product.first {
- clear: both;
- }
- .single-product .product {
- margin-top: 8px;
- }
- .single-product .product .onsale {
- line-height: 32px;
- font-size: 12px;
- left: 0px;
- top: 0px;
- }
- .single-product .product ul.tabs li:before,
- .single-product .product ul.tabs li:after {
- display: none;
- }
- .single-product .product ul.tabs li {
- box-shadow: none !important;
- border: none !important;
- background: none !important;
- margin: 0px !important;
- padding-left: 0px !important;
- }
- .single-product .product ul.tabs {
- padding: 0px !important;
- margin: 0px !important;
- }
- .single-product .product .panel h2,
- .single-product .product .related h2 {
- margin: 20px 0px 20px 0px;
- background-color: #222222;
- border-radius: 3px;
- color: #ffffff;
- display: inline-table;
- font-size: 11px;
- font-weight: bold;
- line-height: 16px;
- padding: 2px 15px;
- }
- .single-product .product_title {
- font-size: 28px;
- line-height: 36px;
- margin-bottom: 0px;
- }
- .single-product .product .summary .price {
- font-size: 24px;
- color: #111111;
- font-weight: 800;
- margin: 20px 0px 18px 0px;
- }
- .single-product .product .summary .cart {
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .single-product .product .summary .cart .button {
- border: none;
- box-shadow: none;
- color: #ffffff;
- background: none #222222;
- font-size: 11px;
- padding: 10px;
- text-shadow: none;
- border-radius: 3px;
- }
- .single-product .product .summary .cart .button:hover {
- background-color: #4db2ec;
- }
- .single-product .product .summary .cart input.qty {
- height: 31px;
- }
- .single-product .comment-form {
- margin-top: 10px;
- }
- .single-product .images {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .single-product .images {
- width: 38% !important;
- }
- }
- .single-product .images a {
- margin-bottom: 3.8%;
- }
- .single-product .summary {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .single-product .summary {
- width: 58% !important;
- }
- }
- .single-product .thumbnails {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .single-product .thumbnails {
- padding-top: 3.8% !important;
- }
- }
- .woocommerce-page .related ul li.product {
- float: left !important;
- margin-right: 3.125% !important;
- width: 31.25% !important;
- clear: none;
- /* responsive portrait phone */
- }
- .woocommerce-page .related ul li.product:last-child {
- margin-right: 0px !important;
- }
- @media (max-width: 767px) {
- .woocommerce-page .related ul li.product {
- margin: 0px 0px 20px 0px !important;
- border-bottom: 1px dashed #f1f1f1;
- padding-bottom: 20px !important;
- width: 100% !important;
- }
- }
- .woocommerce-cart .woocommerce table {
- border-collapse: collapse !important;
- }
- .woocommerce-cart .woocommerce .cart_totals table,
- .woocommerce-cart .woocommerce .cart_totals th,
- .woocommerce-cart .woocommerce .cart_totals td {
- border: none !important;
- }
- .woocommerce-cart .woocommerce .cart_totals th {
- width: 60% !important;
- }
- .woocommerce-cart .woocommerce .cart_totals tr {
- border-bottom: 1px solid #e6e6e6;
- }
- .woocommerce-cart .woocommerce .product-name a {
- color: #222222;
- font-weight: bold;
- }
- .woocommerce-cart .woocommerce .cart_item td {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .woocommerce-cart .woocommerce .cart_item td {
- padding-left: 7px;
- padding-right: 7px;
- font-size: 11px;
- }
- }
- .woocommerce-cart .woocommerce .product-remove {
- width: 46px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .woocommerce-cart .woocommerce .product-remove {
- display: none;
- }
- }
- .woocommerce-cart .woocommerce .product-thumbnail {
- width: 46px;
- }
- .woocommerce-cart .woocommerce .coupon {
- /* responsive portrait tablet */
- /* responsive portrait phone */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .woocommerce-cart .woocommerce .coupon {
- float: left !important;
- padding-bottom: 0 !important;
- }
- }
- @media (max-width: 767px) {
- .woocommerce-cart .woocommerce .coupon {
- margin-bottom: 12px;
- }
- }
- .woocommerce-cart .woocommerce .button {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .woocommerce-cart .woocommerce .button {
- width: auto !important;
- }
- }
- .woocommerce-cart .woocommerce .actions {
- padding: 10px 8px 0px 8px !important;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .woocommerce-cart .woocommerce .actions {
- text-align: right !important;
- }
- }
- .woocommerce-cart .woocommerce .actions .button {
- margin-bottom: 9px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .woocommerce-cart .woocommerce .actions .button {
- width: 100% !important;
- display: block;
- }
- }
- .woocommerce-cart .woocommerce h2 {
- font-size: 15px;
- line-height: 21px;
- font-weight: bold;
- }
- .woocommerce-cart .woocommerce table.cart .button,
- .woocommerce-cart .woocommerce .shipping-calculator-form .button {
- border: none;
- box-shadow: none;
- color: #ffffff;
- background: none #222222;
- font-size: 11px;
- padding: 10px;
- text-shadow: none;
- border-radius: 3px;
- display: inherit;
- }
- .woocommerce-cart .woocommerce table.cart .button:hover,
- .woocommerce-cart .woocommerce .shipping-calculator-form .button:hover {
- background-color: #4db2ec;
- }
- .woocommerce-cart .woocommerce .product-price,
- .woocommerce-cart .woocommerce .product-subtotal {
- text-align: right !important;
- }
- .woocommerce-cart .woocommerce .calculated_shipping td {
- text-align: right;
- }
- .woocommerce-cart .woocommerce a.remove {
- line-height: 18px !important;
- }
- .woocommerce-cart .woocommerce #coupon_code {
- width: 100px !important;
- height: 31px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .woocommerce-cart .woocommerce #coupon_code {
- width: 100% !important;
- margin-bottom: 7px;
- }
- }
- .woocommerce table.shop_table td,
- .woocommerce-page table.shop_table td {
- padding: 9px 12px;
- }
- .woocommerce .woocommerce-message:before,
- .woocommerce .woocommerce-error:before,
- .woocommerce .woocommerce-info:before {
- border-radius: 3px !important;
- box-shadow: none !important;
- display: block !important;
- height: 31px !important;
- left: 0 !important;
- line-height: 31px !important;
- margin: 0 !important;
- padding: 0 !important;
- position: absolute !important;
- top: 11px !important;
- width: 31px !important;
- font-size: 21px !important;
- text-shadow: none !important;
- }
- .woocommerce .woocommerce-message,
- .woocommerce .woocommerce-error,
- .woocommerce .woocommerce-info {
- font-size: 12px;
- line-height: 21px;
- border-bottom: 1px solid #e6e6e6 !important;
- border-top: 1px solid #e6e6e6 !important;
- background: none !important;
- box-shadow: none !important;
- border-radius: 0px !important;
- margin: 10px 0px 20px 0px !important;
- padding: 16px 120px 16px 40px !important;
- }
- .woocommerce .woocommerce-message:before,
- .woocommerce .woocommerce-error:before,
- .woocommerce .woocommerce-info:before {
- padding-top: 0px !important;
- }
- .woocommerce .woocommerce-message .button,
- .woocommerce .woocommerce-error .button,
- .woocommerce .woocommerce-info .button {
- border: none !important;
- box-shadow: none !important;
- color: #ffffff !important;
- background: none #222222 !important;
- font-size: 11px !important;
- padding: 10px !important;
- text-shadow: none !important;
- border-radius: 3px !important;
- margin-left: 20px;
- position: absolute;
- right: 0;
- top: 11px;
- }
- .woocommerce .woocommerce-message .button:hover,
- .woocommerce .woocommerce-error .button:hover,
- .woocommerce .woocommerce-info .button:hover {
- background-color: #4db2ec !important;
- }
- .woocommerce table.shop_table,
- .woocommerce-page table.shop_table {
- border-collapse: collapse;
- }
- .woocommerce-checkout .woocommerce input.button,
- .woocommerce-page .woocommerce a.button,
- .woocommerce-account div.woocommerce .button {
- border: none;
- box-shadow: none;
- color: #ffffff;
- background: none #222222;
- font-size: 11px;
- padding: 10px;
- text-shadow: none;
- border-radius: 3px;
- }
- .woocommerce-checkout .woocommerce input.button:hover,
- .woocommerce-page .woocommerce a.button:hover,
- .woocommerce-account div.woocommerce .button:hover {
- background-color: #4db2ec;
- }
- .woocommerce-product-search {
- position: relative;
- }
- .woocommerce.widget img {
- box-shadow: none !important;
- width: 70px !important;
- }
- .woocommerce.widget li a {
- line-height: 19px;
- }
- .woocommerce.widget.widget_shopping_cart li,
- .woocommerce.widget.widget_products li,
- .woocommerce.widget.widget_recently_viewed_products li,
- .woocommerce.widget.widget_top_rated_products li,
- .woocommerce.widget.widget_recent_reviews li {
- margin-bottom: 11px;
- }
- .woocommerce.widget.widget_shopping_cart ins,
- .woocommerce.widget.widget_products ins,
- .woocommerce.widget.widget_recently_viewed_products ins,
- .woocommerce.widget.widget_top_rated_products ins,
- .woocommerce.widget.widget_recent_reviews ins {
- background-color: transparent;
- font-weight: bold;
- }
- .woocommerce.widget.widget_shopping_cart del,
- .woocommerce.widget.widget_products del,
- .woocommerce.widget.widget_recently_viewed_products del,
- .woocommerce.widget.widget_top_rated_products del,
- .woocommerce.widget.widget_recent_reviews del {
- font-size: 10px;
- }
- .woocommerce.widget.widget_product_search .screen-reader-text {
- display: none;
- }
- .woocommerce.widget.widget_product_search form div {
- position: relative;
- margin-top: 11px;
- }
- .woocommerce.widget.widget_product_search .block-title {
- margin-bottom: 20px;
- }
- .woocommerce.widget.widget_product_search input[type="search"] {
- height: 32px;
- width: 95%;
- font-family: Verdana, Geneva, sans-serif;
- font-size: 12px;
- line-height: 21px;
- color: #444444;
- border: 1px solid #e6e6e6;
- padding: 3px 9px 3px 9px;
- box-sizing: border-box;
- }
- .woocommerce.widget.widget_product_search input[type="submit"] {
- position: absolute;
- right: 0;
- bottom: 0;
- border-radius: 0 3px 3px 0;
- }
- .woocommerce.widget .star-rating {
- top: 3px;
- }
- .woocommerce.widget .ui-slider .ui-slider-handle {
- box-shadow: none;
- border-radius: 0px;
- border: 1px solid #ffffff;
- background: none #4db2ec;
- width: 15px;
- height: 15px;
- }
- .woocommerce.widget .ui-slider-range {
- background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
- box-shadow: none !important;
- }
- .woocommerce.widget .ui-slider {
- background: none repeat scroll 0 0 rgba(50, 50, 50, 0.8) !important;
- border-radius: 0px !important;
- margin-bottom: 20px !important;
- margin-top: 10px;
- }
- .woocommerce.widget.widget_layered_nav_filters ul li a {
- background: none repeat scroll 0 0 #4db2ec !important;
- border-color: transparent !important;
- }
- .td-footer-container .widget_product_search input[type="submit"] {
- background-color: #444444;
- }
- .td-footer-container .woocommerce.widget .ui-slider-range {
- background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5) !important;
- }
- .td-footer-container .woocommerce.widget .ui-slider {
- background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) !important;
- }
- .woocommerce ul.products li.product,
- .woocommerce-page ul.products li.product {
- /* responsive portrait phone */
- }
- @media (width: 768px) {
- .woocommerce ul.products li.product,
- .woocommerce-page ul.products li.product {
- clear: none;
- }
- }
- .woocommerce ul.products li.product.first {
- /* responsive portrait phone */
- }
- @media (width: 768px) {
- .woocommerce ul.products li.product.first {
- clear: left !important;
- }
- }
- .woocommerce-page div.product div.summary {
- /* responsive portrait phone */
- }
- @media (width: 768px) {
- .woocommerce-page div.product div.summary {
- float: right;
- }
- }
- .woocommerce-page div.product div.images {
- /* responsive portrait phone */
- }
- @media (width: 768px) {
- .woocommerce-page div.product div.images {
- float: left;
- }
- }
- /* ----------------------------------------------------------------------------
- bbPress plugin
- */
- .bbpress .td-page-title {
- margin-top: 20px;
- margin-bottom: 1px;
- }
- .bbpress .td-page-title a {
- color: #222222;
- }
- #bbpress-forums {
- position: relative;
- padding-top: 35px;
- }
- #bbpress-forums .bbp-breadcrumb {
- position: absolute;
- top: 4px;
- }
- #bbpress-forums .bbp-breadcrumb p {
- font-family: 'Open Sans', arial, sans-serif;
- color: #c3c3c3;
- line-height: 14px;
- }
- #bbpress-forums .bbp-breadcrumb a,
- #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current {
- font-size: 10px;
- color: #c3c3c3;
- }
- #bbpress-forums .bbp-breadcrumb a:hover,
- #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current:hover {
- color: #777777;
- }
- #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-sep {
- font-size: 10px;
- margin: 0px 5px 0px 5px;
- }
- #bbpress-forums .bbp-search-form {
- width: 100%;
- background-color: #f3f3f3;
- padding: 20px;
- }
- #bbpress-forums #bbp-search-form {
- position: relative;
- float: none;
- }
- #bbpress-forums #bbp-search-form #bbp_search {
- width: 95%;
- height: 32px;
- }
- #bbpress-forums #bbp-search-form .button {
- position: absolute;
- top: 0;
- right: 0;
- border-radius: 0px 3px 3px 0px;
- }
- #bbpress-forums ul.bbp-lead-topic,
- #bbpress-forums ul.bbp-topics,
- #bbpress-forums ul.bbp-forums,
- #bbpress-forums ul.bbp-replies,
- #bbpress-forums ul.bbp-search-results {
- border: none;
- margin-bottom: 0px;
- }
- #bbpress-forums ul.bbp-replies .bbp-reply-header,
- #bbpress-forums ul.bbp-search-results .bbp-reply-header,
- #bbpress-forums ul.bbp-replies .bbp-topic-header,
- #bbpress-forums ul.bbp-search-results .bbp-topic-header {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums ul.bbp-replies .bbp-reply-header,
- #bbpress-forums ul.bbp-search-results .bbp-reply-header,
- #bbpress-forums ul.bbp-replies .bbp-topic-header,
- #bbpress-forums ul.bbp-search-results .bbp-topic-header {
- border-bottom: 1px dashed #e8e8e8;
- }
- }
- #bbpress-forums li.bbp-header {
- margin-top: 20px;
- padding-left: 16px;
- background: none #222222;
- color: #ffffff;
- }
- #bbpress-forums li.bbp-header li.bbp-forum-freshness,
- #bbpress-forums li.bbp-header li.bbp-topic-freshness {
- padding-right: 10px;
- }
- #bbpress-forums li.bbp-footer {
- background: none transparent;
- }
- #bbpress-forums .bbp-forum-freshness,
- #bbpress-forums .bbp-forum-topic-count,
- #bbpress-forums .bbp-forum-reply-count,
- #bbpress-forums .bbp-topic-freshness,
- #bbpress-forums .bbp-topic-voice-count,
- #bbpress-forums .bbp-topic-reply-count {
- text-align: right;
- }
- #bbpress-forums .bbp-forum-freshness,
- #bbpress-forums .bbp-topic-freshness {
- width: 33%;
- padding-right: 50px;
- padding-left: 10px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums .bbp-forum-freshness,
- #bbpress-forums .bbp-topic-freshness {
- padding-right: 0px;
- }
- }
- #bbpress-forums .bbp-forum-freshness a,
- #bbpress-forums .bbp-topic-freshness a {
- color: #222222;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 12px;
- font-weight: 600;
- }
- #bbpress-forums .bbp-forum-freshness a:hover,
- #bbpress-forums .bbp-topic-freshness a:hover {
- color: #4db2ec;
- }
- #bbpress-forums div.odd,
- #bbpress-forums ul.odd {
- background-color: transparent;
- }
- #bbpress-forums li.bbp-body {
- margin-top: 20px;
- }
- #bbpress-forums li.bbp-body ul.forum,
- #bbpress-forums li.bbp-body ul.topic {
- padding-top: 10px;
- padding-right: 0px;
- }
- #bbpress-forums li.bbp-body .bbp-forum-freshness,
- #bbpress-forums li.bbp-body .bbp-forum-topic-count,
- #bbpress-forums li.bbp-body .bbp-forum-reply-count,
- #bbpress-forums li.bbp-body .bbp-topic-freshness,
- #bbpress-forums li.bbp-body .bbp-topic-voice-count,
- #bbpress-forums li.bbp-body .bbp-topic-reply-count {
- font-size: 11px;
- }
- #bbpress-forums li.bbp-body .bbp-forum-freshness > a,
- #bbpress-forums li.bbp-body .bbp-topic-freshness > a {
- font-size: 10px;
- color: #c3c3c3;
- font-weight: normal;
- line-height: 12px;
- display: inline-block;
- }
- #bbpress-forums li.bbp-body .bbp-forum-freshness {
- margin-bottom: 7px;
- }
- #bbpress-forums li.bbp-forum-info,
- #bbpress-forums li.bbp-topic-title {
- position: relative;
- width: 49%;
- }
- #bbpress-forums .bbp-forum-content {
- font-style: italic;
- color: #c3c3c3;
- line-height: 17px;
- }
- #bbpress-forums li.bbp-forum-topic-count,
- #bbpress-forums li.bbp-forum-reply-count,
- #bbpress-forums li.bbp-topic-voice-count,
- #bbpress-forums li.bbp-topic-reply-count {
- width: 9%;
- }
- #bbpress-forums .bbp-body .bbp-forum-freshness,
- #bbpress-forums .bbp-body .bbp-topic-freshness {
- position: relative;
- }
- #bbpress-forums .bbp-body .bbp-forum-freshness img,
- #bbpress-forums .bbp-body .bbp-topic-freshness img {
- position: absolute;
- right: 0;
- top: 3px;
- margin: 0px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums .bbp-body .bbp-forum-freshness img,
- #bbpress-forums .bbp-body .bbp-topic-freshness img {
- display: none;
- }
- }
- #bbpress-forums .bbp-body .bbp-forum-freshness p,
- #bbpress-forums .bbp-body .bbp-topic-freshness p {
- margin: 0px;
- line-height: 17px;
- }
- #bbpress-forums p.bbp-topic-meta img.avatar,
- #bbpress-forums ul.bbp-reply-revision-log img.avatar,
- #bbpress-forums ul.bbp-topic-revision-log img.avatar,
- #bbpress-forums div.bbp-template-notice img.avatar,
- #bbpress-forums .widget_display_topics img.avatar,
- #bbpress-forums .widget_display_replies img.avatar {
- border: none;
- width: 40px;
- }
- #bbpress-forums .bbp-forums-list li {
- color: #ffffff;
- display: block;
- }
- #bbpress-forums .bbp-forums-list li a {
- color: #444444;
- }
- #bbpress-forums .bbp-forums-list li a:hover {
- color: #4db2ec;
- }
- #bbpress-forums .bbp-forum-title,
- #bbpress-forums .bbp-topic-permalink {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 14px;
- font-weight: 700;
- color: #111111;
- }
- #bbpress-forums .bbp-forum-title:hover,
- #bbpress-forums .bbp-topic-permalink:hover {
- color: #4db2ec;
- }
- #bbpress-forums .bbp-topic-started-by,
- #bbpress-forums .bbp-topic-started-in {
- color: #c3c3c3;
- font-size: 10px;
- }
- #bbpress-forums .bbp-topic-started-by a,
- #bbpress-forums .bbp-topic-started-in a {
- color: #666666;
- }
- #bbpress-forums .bbp-topic-started-by a:hover,
- #bbpress-forums .bbp-topic-started-in a:hover {
- color: #4db2ec;
- }
- #bbpress-forums .bbp-topic-started-by img,
- #bbpress-forums .bbp-topic-started-in img {
- position: absolute;
- top: 2px;
- left: 0px;
- margin: 0px;
- }
- #bbpress-forums .bbp-topics li.bbp-header {
- margin-top: 0px;
- }
- #bbpress-forums p.bbp-topic-meta span {
- white-space: initial;
- }
- #bbpress-forums li.bbp-body ul.topic {
- padding-left: 0px;
- padding-bottom: 19px;
- padding-top: 14px;
- }
- #bbpress-forums li.bbp-body li.bbp-topic-title {
- line-height: 15px;
- position: relative;
- top: 1px;
- }
- #bbpress-forums li.bbp-body li.bbp-topic-title .bbp-topic-meta {
- margin: 0px 0px 0px 50px;
- display: inline-block;
- line-height: 15px;
- }
- #bbpress-forums li.bbp-body li.bbp-topic-title .bbp-topic-permalink {
- margin: 0px 0px 4px 50px;
- display: block;
- line-height: 20px;
- }
- #bbpress-forums .bbp-body .super-sticky,
- #bbpress-forums .bbp-body .sticky {
- background-color: #fcfcfc !important;
- }
- #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title,
- #bbpress-forums .bbp-body .sticky li.bbp-topic-title {
- top: 1px;
- }
- #bbpress-forums .bbp-body .super-sticky .bbp-topic-started-by img,
- #bbpress-forums .bbp-body .sticky .bbp-topic-started-by img {
- top: 2px;
- }
- #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink,
- #bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink {
- margin-bottom: 3px;
- color: #4db2ec;
- }
- #bbpress-forums li.bbp-topic-freshness {
- width: 27%;
- }
- #bbpress-forums li.bbp-topic-title {
- width: 55%;
- }
- #bbpress-forums div.bbp-template-notice,
- #bbpress-forums div.indicator-hint {
- border-radius: 0px;
- }
- #bbpress-forums div.bbp-template-notice p {
- margin: 9px 0px 9px 9px !important;
- position: relative;
- font-size: 11px;
- line-height: 20px;
- }
- #bbpress-forums div.bbp-template-notice img {
- width: 20px !important;
- display: inline;
- vertical-align: middle;
- margin-bottom: 0px !important;
- margin-left: 5px;
- margin-right: 5px;
- }
- #bbpress-forums .wp-editor-area {
- border: 1px solid #e6e6e6;
- }
- #bbpress-forums button {
- border: none;
- box-shadow: none;
- color: #ffffff;
- background: none #222222;
- font-size: 11px;
- padding: 10px;
- text-shadow: none;
- border-radius: 3px;
- line-height: 1;
- margin-bottom: 10px;
- }
- #bbpress-forums button:hover {
- background-color: #4db2ec;
- }
- #bbpress-forums .bbp-replies .bbp-header {
- margin-top: 0px;
- }
- #bbpress-forums .bbp-body .hentry {
- padding: 0px;
- }
- #bbpress-forums ul.bbp-replies .bbp-body .hentry,
- #bbpress-forums ul.bbp-search-results .bbp-body .hentry {
- margin-bottom: 40px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums ul.bbp-replies .bbp-body .hentry,
- #bbpress-forums ul.bbp-search-results .bbp-body .hentry {
- margin: 0;
- }
- }
- #bbpress-forums .bbp-reply-post-date,
- #bbpress-forums .bbp-topic-post-date {
- font-size: 11px;
- }
- #bbpress-forums div.bbp-forum-header,
- #bbpress-forums div.bbp-topic-header,
- #bbpress-forums div.bbp-reply-header {
- padding: 4px 8px 5px 8px;
- background-color: #fcfcfc;
- border-bottom: 1px solid #e6e6e6;
- border-top: 1px solid #e6e6e6;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums div.bbp-forum-header,
- #bbpress-forums div.bbp-topic-header,
- #bbpress-forums div.bbp-reply-header {
- padding: 4px 0 5px 0;
- }
- }
- #bbpress-forums div.bbp-forum-author,
- #bbpress-forums div.bbp-topic-author,
- #bbpress-forums div.bbp-reply-author,
- #bbpress-forums div.bbp-search-author {
- width: 80px !important;
- }
- #bbpress-forums div.bbp-forum-author a.bbp-author-name,
- #bbpress-forums div.bbp-topic-author a.bbp-author-name,
- #bbpress-forums div.bbp-reply-author a.bbp-author-name,
- #bbpress-forums div.bbp-search-author a.bbp-author-name {
- font-family: 'Open Sans', arial, sans-serif;
- font-weight: 600;
- line-height: 16px;
- margin: 0px;
- width: 80px;
- word-wrap: break-word;
- }
- #bbpress-forums div.bbp-forum-author br,
- #bbpress-forums div.bbp-topic-author br,
- #bbpress-forums div.bbp-reply-author br,
- #bbpress-forums div.bbp-search-author br {
- display: none;
- }
- #bbpress-forums div.bbp-forum-author img,
- #bbpress-forums div.bbp-topic-author img,
- #bbpress-forums div.bbp-reply-author img,
- #bbpress-forums div.bbp-search-author img {
- display: inline-block;
- margin-bottom: 2px;
- }
- #bbpress-forums div.bbp-forum-author .bbp-author-role,
- #bbpress-forums div.bbp-topic-author .bbp-author-role,
- #bbpress-forums div.bbp-reply-author .bbp-author-role,
- #bbpress-forums div.bbp-search-author .bbp-author-role {
- color: #c3c3c3;
- font-size: 10px;
- font-style: normal;
- line-height: 20px;
- }
- #bbpress-forums li.bbp-header .bbp-search-author,
- #bbpress-forums li.bbp-header .bbp-forum-author,
- #bbpress-forums li.bbp-header .bbp-topic-author,
- #bbpress-forums li.bbp-header .bbp-reply-author {
- text-align: left;
- }
- #bbpress-forums li.bbp-header div.bbp-forum-content,
- #bbpress-forums li.bbp-header div.bbp-topic-content,
- #bbpress-forums li.bbp-header div.bbp-reply-content {
- margin-left: 85px;
- }
- #bbpress-forums li.bbp-footer div {
- display: none;
- }
- #bbpress-forums .bbp-forum-header a.bbp-forum-permalink,
- #bbpress-forums .bbp-topic-header a.bbp-topic-permalink,
- #bbpress-forums .bbp-reply-header a.bbp-reply-permalink {
- font-size: 10px;
- color: #555555;
- position: relative;
- top: 1px;
- margin-left: 20px;
- }
- #bbpress-forums .bbp-forum-header a.bbp-forum-permalink:hover,
- #bbpress-forums .bbp-topic-header a.bbp-topic-permalink:hover,
- #bbpress-forums .bbp-reply-header a.bbp-reply-permalink:hover {
- color: #000000;
- }
- #bbpress-forums .bbp-body div.bbp-forum-content,
- #bbpress-forums .bbp-body div.bbp-topic-content,
- #bbpress-forums .bbp-body div.bbp-reply-content {
- margin-left: 100px !important;
- }
- #bbpress-forums .bbp-forums .bbp-body div.bbp-forum-content {
- margin-left: 0px !important;
- }
- #bbpress-forums fieldset.bbp-form {
- margin-bottom: 0px;
- }
- #bbpress-forums .bbp-reply-form {
- margin-top: 20px;
- }
- #bbpress-forums div.bbp-forum-title,
- #bbpress-forums div.bbp-topic-title,
- #bbpress-forums div.bbp-reply-title {
- clear: both;
- }
- #bbpress-forums div.bbp-forum-title h3,
- #bbpress-forums div.bbp-topic-title h3,
- #bbpress-forums div.bbp-reply-title h3 {
- font-size: 12px;
- color: #c3c3c3;
- margin: 3px 0px 3px 0px;
- }
- #bbpress-forums div.bbp-forum-title h3 a,
- #bbpress-forums div.bbp-topic-title h3 a,
- #bbpress-forums div.bbp-reply-title h3 a {
- font-size: 12px;
- font-weight: 600;
- margin-left: 10px;
- }
- #bbpress-forums div.bbp-forum-title .bbp-topic-title-meta,
- #bbpress-forums div.bbp-topic-title .bbp-topic-title-meta,
- #bbpress-forums div.bbp-reply-title .bbp-topic-title-meta {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 12px;
- color: #c3c3c3;
- }
- #bbpress-forums div.bbp-forum-title .bbp-topic-title-meta a,
- #bbpress-forums div.bbp-topic-title .bbp-topic-title-meta a,
- #bbpress-forums div.bbp-reply-title .bbp-topic-title-meta a {
- font-size: 12px;
- font-weight: 600;
- margin-left: 10px;
- }
- #bbpress-forums .bbp-topic-header .bbp-meta .bbp-topic-permalink {
- font-family: Verdana, Geneva, sans-serif;
- font-weight: normal;
- }
- #bbpress-forums #subscription-toggle {
- color: #575757;
- font-weight: normal;
- margin-right: 8px;
- }
- #bbpress-forums #subscription-toggle a,
- #bbpress-forums #favorite-toggle a {
- color: #ffffff;
- }
- #bbpress-forums #subscription-toggle a:hover,
- #bbpress-forums #favorite-toggle a:hover {
- color: #4db2ec;
- }
- #bbpress-forums .bbp-pagination .current {
- background-color: #4db2ec;
- border-color: #4db2ec;
- color: #ffffff;
- }
- #bbpress-forums .bbp-pagination a,
- #bbpress-forums .bbp-pagination span {
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- color: #444444;
- display: inline-block;
- float: left;
- line-height: 21px;
- margin-left: 5px;
- min-width: 28px;
- padding: 2px 5px 3px;
- text-align: center;
- }
- #bbpress-forums .bbp-pagination a:hover {
- background-color: #444444;
- border-color: #444444;
- color: #ffffff;
- }
- #bbpress-forums .bbp-pagination .bbp-pagination-links a:hover,
- #bbpress-forums .bbp-pagination .bbp-pagination-links span.current {
- opacity: 1;
- }
- #bbpress-forums .bbp-topic-tags p {
- font-size: 10px;
- color: #c3c3c3;
- }
- #bbpress-forums li.bbp-header li.bbp-forum-info,
- #bbpress-forums li.bbp-body li.bbp-forum-info,
- #bbpress-forums li.bbp-header li.bbp-topic-title,
- #bbpress-forums li.bbp-body li.bbp-topic-title {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums li.bbp-header li.bbp-forum-info,
- #bbpress-forums li.bbp-body li.bbp-forum-info,
- #bbpress-forums li.bbp-header li.bbp-topic-title,
- #bbpress-forums li.bbp-body li.bbp-topic-title {
- width: 100%;
- }
- }
- #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
- #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
- #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
- #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
- #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
- #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
- #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
- #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
- #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
- #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
- #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
- #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
- #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
- #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
- #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
- width: 20%;
- }
- }
- #bbpress-forums li.bbp-header li.bbp-forum-freshness,
- #bbpress-forums li.bbp-body li.bbp-forum-freshness,
- #bbpress-forums li.bbp-header li.bbp-topic-freshness,
- #bbpress-forums li.bbp-body li.bbp-topic-freshness {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums li.bbp-header li.bbp-forum-freshness,
- #bbpress-forums li.bbp-body li.bbp-forum-freshness,
- #bbpress-forums li.bbp-header li.bbp-topic-freshness,
- #bbpress-forums li.bbp-body li.bbp-topic-freshness {
- width: 58%;
- }
- }
- #bbpress-forums li.bbp-header,
- #bbpress-forums li.bbp-footer {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums li.bbp-header,
- #bbpress-forums li.bbp-footer {
- font-size: 10px;
- }
- }
- #bbpress-forums li.bbp-header li.bbp-forum-info,
- #bbpress-forums li.bbp-header li.bbp-topic-title {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums li.bbp-header li.bbp-forum-info,
- #bbpress-forums li.bbp-header li.bbp-topic-title {
- text-align: center;
- text-transform: uppercase;
- font-size: 15px;
- font-weight: 700;
- }
- }
- div.bbp-search-form input,
- div.bbp-search-form button {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- div.bbp-search-form input,
- div.bbp-search-form button {
- padding: 8px 15px;
- }
- }
- #bbpress-forums .bbp-forum-title,
- #bbpress-forums .bbp-topic-permalink {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums .bbp-forum-title,
- #bbpress-forums .bbp-topic-permalink {
- font-size: 17px;
- line-height: 16px;
- }
- }
- #bbpress-forums .bbp-body ul {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums .bbp-body ul {
- padding-bottom: 5px !important;
- }
- }
- #bbpress-forums .bbp-body div.bbp-reply-author {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums .bbp-body div.bbp-reply-author {
- margin: 0;
- min-height: inherit;
- }
- }
- #bbpress-forums .bbp-topic-tags p {
- /* responsive portrait phone */
- }
- @media (max-width: 510px) {
- #bbpress-forums .bbp-topic-tags p {
- margin-top: 10px;
- margin-bottom: 20px !important;
- }
- }
- #bbpress-forums div.bbp-reply-author img.avatar,
- #bbpress-forums div.bbp-topic-author img.avatar {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums div.bbp-reply-author img.avatar,
- #bbpress-forums div.bbp-topic-author img.avatar {
- width: 20px;
- margin: 0 10px 0 0 !important;
- vertical-align: top;
- position: relative;
- top: 0;
- }
- }
- #bbpress-forums .reply .bbp-reply-author,
- #bbpress-forums .topic .bbp-topic-author,
- #bbpress-forums .topic .bbp-reply-author {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums .reply .bbp-reply-author,
- #bbpress-forums .topic .bbp-topic-author,
- #bbpress-forums .topic .bbp-reply-author {
- width: 100% !important;
- text-align: left;
- color: #c3c3c3;
- font-size: 10px;
- padding: 6px 0 2px 0 !important;
- margin-bottom: 6px !important;
- background-color: #fcfcfc;
- border-bottom: 1px solid #e6e6e6;
- }
- }
- @media (max-width: 767px) {
- #bbpress-forums .reply .bbp-reply-author .bbp-author-name,
- #bbpress-forums .topic .bbp-topic-author .bbp-author-name,
- #bbpress-forums .topic .bbp-reply-author .bbp-author-name {
- font-size: 12px;
- }
- }
- #bbpress-forums .reply .bbp-reply-author .bbp-author-name,
- #bbpress-forums .topic .bbp-topic-author .bbp-author-name,
- #bbpress-forums .topic .bbp-reply-author .bbp-author-name,
- #bbpress-forums .reply .bbp-reply-author .bbp-author-role,
- #bbpress-forums .topic .bbp-topic-author .bbp-author-role,
- #bbpress-forums .topic .bbp-reply-author .bbp-author-role,
- #bbpress-forums .reply .bbp-reply-author .bbp-reply-ip,
- #bbpress-forums .topic .bbp-topic-author .bbp-reply-ip,
- #bbpress-forums .topic .bbp-reply-author .bbp-reply-ip {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums .reply .bbp-reply-author .bbp-author-name,
- #bbpress-forums .topic .bbp-topic-author .bbp-author-name,
- #bbpress-forums .topic .bbp-reply-author .bbp-author-name,
- #bbpress-forums .reply .bbp-reply-author .bbp-author-role,
- #bbpress-forums .topic .bbp-topic-author .bbp-author-role,
- #bbpress-forums .topic .bbp-reply-author .bbp-author-role,
- #bbpress-forums .reply .bbp-reply-author .bbp-reply-ip,
- #bbpress-forums .topic .bbp-topic-author .bbp-reply-ip,
- #bbpress-forums .topic .bbp-reply-author .bbp-reply-ip {
- display: inline-block;
- margin-right: 10px;
- text-align: left;
- width: auto;
- }
- }
- #bbpress-forums .bbp-body .reply .bbp-reply-content,
- #bbpress-forums .bbp-body .topic .bbp-reply-content,
- #bbpress-forums .bbp-body .topic .bbp-topic-content {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums .bbp-body .reply .bbp-reply-content,
- #bbpress-forums .bbp-body .topic .bbp-reply-content,
- #bbpress-forums .bbp-body .topic .bbp-topic-content {
- margin: 0 !important;
- padding: 0 8px 12px 30px;
- }
- }
- #bbpress-forums .bbp-body .reply .bbp-reply-content p,
- #bbpress-forums .bbp-body .topic .bbp-reply-content p,
- #bbpress-forums .bbp-body .topic .bbp-topic-content p {
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- #bbpress-forums .bbp-body .reply .bbp-reply-content p,
- #bbpress-forums .bbp-body .topic .bbp-reply-content p,
- #bbpress-forums .bbp-body .topic .bbp-topic-content p {
- margin-bottom: 21px;
- }
- }
- /* widgets
- */
- .widget_display_search {
- margin-bottom: 20px;
- }
- .widget_display_search form {
- position: relative;
- margin-top: 21px;
- }
- .widget_display_search .block-title {
- margin-bottom: 0px;
- }
- .widget_display_search label {
- display: none;
- }
- .widget_display_search #bbp_search {
- height: 32px;
- width: 95%;
- }
- .widget_display_search #bbp_search_submit {
- position: absolute;
- top: 0;
- right: 0;
- border-radius: 0 3px 3px 0;
- }
- .bbp_widget_login {
- margin-bottom: 20px;
- }
- .bbp_widget_login .block-title {
- margin-bottom: 0;
- display: block;
- }
- .bbp_widget_login fieldset {
- border: none;
- margin: 0;
- padding: 0;
- }
- .bbp_widget_login fieldset #user_pass {
- border: 1px solid #e6e6e6;
- color: #444444;
- font-size: 12px;
- height: 34px;
- line-height: 21px;
- max-width: 100%;
- padding: 3px 9px;
- width: 100%;
- }
- .bbp_widget_login fieldset #user_pass:focus {
- border-color: #cccccc;
- }
- .bbp_widget_login .button {
- border: none;
- box-shadow: none;
- color: #ffffff;
- background: none #222222;
- font-size: 11px;
- padding: 8px 14px;
- text-shadow: none;
- border-radius: 3px;
- line-height: 1;
- margin-bottom: 10px;
- }
- .bbp_widget_login .button:hover {
- background-color: #4db2ec;
- color: #ffffff;
- }
- .bbp_widget_login h4 {
- margin: 6px 10px 0 0;
- font-size: 14px;
- display: inline-block;
- }
- .bbp_widget_login .bbp-logged-in {
- margin-top: 20px;
- display: inline-block;
- }
- .widget_display_replies,
- .widget_display_topics {
- margin-bottom: 20px;
- display: inline-block;
- }
- .widget_display_replies .block-title,
- .widget_display_topics .block-title {
- margin-bottom: 0;
- display: block;
- }
- .widget_display_replies li,
- .widget_display_topics li {
- line-height: 20px;
- margin-bottom: 10px;
- padding-bottom: 10px;
- border-bottom: 1px dashed #e6e6e6;
- }
- .widget_display_replies ul,
- .widget_display_topics ul {
- margin-top: 20px;
- }
- .widget_display_replies .bbp-author-name,
- .widget_display_topics .bbp-author-name {
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 12px;
- font-weight: 600;
- color: #4db2ec;
- left: -2px;
- position: relative;
- }
- .widget_display_replies div,
- .widget_display_topics div {
- display: block;
- font-size: 11px;
- color: #c3c3c3;
- }
- .widget_display_replies .bbp-reply-topic-title,
- .widget_display_topics .bbp-reply-topic-title {
- left: 3px;
- position: relative;
- }
- .widget_display_replies img,
- .widget_display_topics img {
- float: left;
- width: 40px;
- margin-right: 10px;
- margin-bottom: 10px;
- }
- .widget_display_stats .block-title {
- margin-bottom: 0;
- }
- .widget_display_stats dl {
- margin-top: 20px;
- }
- .widget_display_stats dd {
- display: inline-block;
- margin: 0 0 10px 0;
- text-align: right;
- width: 30%;
- padding-bottom: 10px;
- border-bottom: 1px dashed #e6e6e6;
- }
- .widget_display_stats dt {
- display: inline-block;
- float: left;
- width: 70%;
- margin-bottom: 10px;
- padding-bottom: 10px;
- border-bottom: 1px dashed #e6e6e6;
- }
- .td-footer-container .button {
- background-color: #000000;
- }
- .td-footer-container .widget_display_stats dt,
- .td-footer-container .widget_display_stats dd,
- .td-footer-container .widget_display_replies li,
- .td-footer-container .widget_display_topics li {
- border-bottom: 1px dashed rgba(255, 255, 255, 0.15);
- }
- .widget_display_replies,
- .widget_display_topics {
- width: 100%;
- }
- @media (max-width: 480px) {
- .bbp-search-results .bbp-topic-author {
- position: relative;
- padding-left: 80px;
- }
- .bbp-search-results .bbp-topic-author img.avatar {
- position: absolute;
- left: 0;
- max-width: 60px !important;
- margin: 0 !important;
- }
- .bbp-search-results .bbp-topic-author a.bbp-author-name {
- display: inline-block !important;
- text-align: left;
- }
- }
- /* ----------------------------------------------------------------------------
- BuddyPress plugin
- */
- .buddypress hr {
- border: 0;
- background-color: #e6e6e6;
- height: 1px;
- }
- .buddypress fieldset {
- border-color: #e6e6e6;
- }
- /* ----------------------------------------------------------------------------
- Buttons
- */
- #buddypress button,
- #buddypress input[type=submit],
- #buddypress input[type=button],
- #buddypress input[type=reset],
- #buddypress div.generic-button a,
- #buddypress .comment-reply-link {
- border: none;
- box-shadow: none;
- color: #fff;
- background-color: #222;
- font-size: 11px;
- padding: 9px 10px 11px 10px;
- text-shadow: none;
- border-radius: 3px;
- line-height: 1;
- margin-bottom: 10px;
- vertical-align: top;
- }
- #buddypress button:hover,
- #buddypress input[type=submit]:hover,
- #buddypress input[type=button]:hover,
- #buddypress input[type=reset]:hover,
- #buddypress div.generic-button a:hover,
- #buddypress .comment-reply-link:hover,
- #buddypress button:active,
- #buddypress input[type=submit]:active,
- #buddypress input[type=button]:active,
- #buddypress input[type=reset]:active,
- #buddypress div.generic-button a:active,
- #buddypress .comment-reply-link:active,
- #buddypress button:focus,
- #buddypress input[type=submit]:focus,
- #buddypress input[type=button]:focus,
- #buddypress input[type=reset]:focus,
- #buddypress div.generic-button a:focus,
- #buddypress .comment-reply-link:focus {
- background-color: #4db2ec;
- color: #fff;
- border: none;
- }
- #buddypress div.generic-button.friendship-button a,
- #buddypress div.generic-button a.join-group,
- #buddypress div.generic-button a.leave-group,
- #buddypress div.generic-button a.mention,
- #buddypress div.generic-button a.send-message {
- padding: 4px 10px 5px 10px;
- background-color: #fff;
- border: 1px solid #ccc;
- color: #777;
- cursor: pointer;
- font-weight: 600;
- outline: none;
- text-align: center;
- text-decoration: none;
- }
- #buddypress div.generic-button.friendship-button a:hover,
- #buddypress div.generic-button a.join-group:hover,
- #buddypress div.generic-button a.leave-group:hover,
- #buddypress div.generic-button a.mention:hover,
- #buddypress div.generic-button a.send-message:hover,
- #buddypress div.generic-button.friendship-button a:focus,
- #buddypress div.generic-button a.join-group:focus,
- #buddypress div.generic-button a.leave-group:focus,
- #buddypress div.generic-button a.mention:focus,
- #buddypress div.generic-button a.send-message:focus,
- #buddypress div.generic-button.friendship-button a:active,
- #buddypress div.generic-button a.join-group:active,
- #buddypress div.generic-button a.leave-group:active,
- #buddypress div.generic-button a.mention:active,
- #buddypress div.generic-button a.send-message:active {
- background-color: #222;
- color: #fff;
- border-color: #222;
- }
- #buddypress .acomment-options a.acomment-reply,
- #buddypress .acomment-options a.acomment-delete {
- font-weight: normal;
- font-size: 11px;
- border: 1px solid #ccc;
- padding: 2px 7px 3px 7px;
- border-radius: 3px;
- }
- #buddypress .acomment-options a.acomment-reply:hover,
- #buddypress .acomment-options a.acomment-delete:hover {
- background-color: #222;
- color: #fff;
- border-color: #222;
- }
- #buddypress a.button,
- a.bp-title-button,
- #buddypress ul.button-nav li a {
- border-radius: 3px;
- font-size: 11px;
- }
- #buddypress a.button:hover,
- a.bp-title-button:hover,
- #buddypress ul.button-nav li a:hover,
- #buddypress a.button:focus,
- a.bp-title-button:focus,
- #buddypress ul.button-nav li a:focus,
- #buddypress a.button:active,
- a.bp-title-button:active,
- #buddypress ul.button-nav li a:active {
- background-color: #222;
- color: #fff;
- border-color: #222;
- }
- #buddypress a.button:hover span,
- a.bp-title-button:hover span,
- #buddypress ul.button-nav li a:hover span,
- #buddypress a.button:focus span,
- a.bp-title-button:focus span,
- #buddypress ul.button-nav li a:focus span,
- #buddypress a.button:active span,
- a.bp-title-button:active span,
- #buddypress ul.button-nav li a:active span {
- background-color: #4db2ec;
- }
- #buddypress ul.button-nav li.current a {
- background-color: #222;
- color: #fff;
- border-color: #222;
- }
- #buddypress a.button {
- padding: 4px 10px 5px 10px;
- }
- a.bp-title-button {
- padding: 2px 9px 3px 9px;
- position: relative;
- top: -2px;
- margin-left: 12px;
- }
- .entry-crumbs a.bp-title-button {
- display: none;
- }
- #buddypress div.generic-button #new-topic-button {
- padding: 6px 10px 7px 10px;
- margin-bottom: 20px;
- display: inline-block;
- position: relative;
- top: -2px;
- }
- #buddypress .standard-form #submit:focus,
- #buddypress .standard-form #save:focus,
- #group-settings-form input[type=submit]:focus {
- background-color: #4db2ec;
- color: #fff;
- }
- #buddypress a.loading,
- #buddypress input.loading {
- -webkit-animation: none;
- -moz-animation: none;
- border-color: #222;
- }
- #buddypress a.bp-primary-action span,
- #buddypress #reply-title small a span {
- border-radius: 3px;
- font-size: 9px;
- line-height: 9px;
- padding: 1px 4px;
- }
- #buddypress #whats-new-options,
- #whats-new-post-in-box {
- overflow: visible;
- min-height: 43px;
- }
- /* ----------------------------------------------------------------------------
- Tabs
- */
- #buddypress div.item-list-tabs ul li {
- border-top: 1px solid #e6e6e6;
- border-left: 1px solid #e6e6e6;
- border-bottom: 1px solid #e6e6e6;
- position: relative;
- margin-bottom: 5px;
- /* responsive portrait tablet */
- }
- #buddypress div.item-list-tabs ul li:first-child {
- border-bottom-left-radius: 3px;
- border-top-left-radius: 3px;
- }
- #buddypress div.item-list-tabs ul li:first-child:before {
- display: none;
- }
- #buddypress div.item-list-tabs ul li:last-child {
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px;
- border-right: 1px solid #e6e6e6;
- }
- #buddypress div.item-list-tabs ul li:before {
- background-color: #e6e6e6;
- content: "";
- display: block;
- height: 22px;
- position: absolute;
- right: -1px;
- width: 1px;
- top: -1px;
- }
- @media (max-width: 1023px) {
- #buddypress div.item-list-tabs ul li {
- width: 49.8%;
- margin-bottom: 10px;
- }
- }
- /* responsive portrait tablet */
- @media (max-width: 1023px) {
- #buddypress div.item-list-tabs ul #activity-filter-select {
- width: 45%;
- margin-right: -4px;
- }
- }
- @media (max-width: 768px) {
- #buddypress div.item-list-tabs ul #activity-filter-select {
- width: 100%;
- margin: 15px 0 20px 0 !important;
- }
- }
- #buddypress div.item-list-tabs ul li.selected,
- #buddypress div.item-list-tabs ul li.current {
- border-left: 1px solid #222;
- border-top: 1px solid #222;
- border-bottom: 1px solid #222;
- }
- #buddypress div.item-list-tabs ul li.selected a,
- #buddypress div.item-list-tabs ul li.current a {
- background-color: #222;
- color: #FFF;
- opacity: 1;
- }
- #buddypress div.item-list-tabs ul li.selected a:hover,
- #buddypress div.item-list-tabs ul li.current a:hover {
- background-color: #222;
- }
- #buddypress div.item-list-tabs ul li.selected a span,
- #buddypress div.item-list-tabs ul li.current a span {
- background: #4db2ec;
- }
- #buddypress ul.item-list li div.item-title,
- #buddypress ul.item-list li h4 {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- #buddypress ul.item-list li div.item-title,
- #buddypress ul.item-list li h4 {
- width: 70%;
- }
- }
- #buddypress div.item-list-tabs ul li > a {
- background-color: #FFF;
- color: #444;
- padding: 0 15px;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 20px;
- font-weight: 700;
- text-transform: uppercase;
- position: relative;
- height: 20px;
- }
- #buddypress div.item-list-tabs ul li > a span {
- background: #4db2ec;
- border-radius: 3px;
- border: transparent;
- color: #fff;
- margin-left: 3px;
- font-size: 9px;
- line-height: 9px;
- padding: 2px 5px;
- position: relative;
- display: inline-block;
- top: -1px;
- }
- #buddypress div.item-list-tabs ul li > a:hover {
- background-color: #f7f7f7;
- }
- #buddypress div.item-list-tabs ul li > a:hover span {
- background-color: #4db2ec;
- opacity: 0.8;
- }
- @media (max-width: 767px) {
- #buddypress div.item-list-tabs ul li > a#change-avatar {
- padding: 0 4px;
- }
- }
- #buddypress li.friend-tab img.avatar {
- display: inline-block;
- margin-right: 5px;
- }
- #buddypress div.item-list-tabs ul li > span {
- background-color: #FFF;
- color: #444;
- padding: 0 15px;
- font-family: 'Open Sans', arial, sans-serif;
- font-size: 11px;
- line-height: 20px;
- font-weight: 700;
- text-transform: uppercase;
- position: relative;
- height: 20px;
- }
- #activity-filter-select,
- #members-order-select,
- #forums-order-select,
- #group_members-order-select,
- #groups-order-select {
- border: none !important;
- margin-top: 0 !important;
- top: -1px;
- }
- .item-list-tabs .feed {
- border-right: 1px solid #222;
- border-bottom-right-radius: 3px;
- border-top-right-radius: 3px;
- }
- .item-list-tabs .feed a {
- background-color: #222 !important;
- color: #fff !important;
- }
- .item-list-tabs .feed:hover {
- border-color: #4db2ec !important;
- }
- .item-list-tabs .feed:hover a {
- background-color: #4db2ec !important;
- }
- /* ----------------------------------------------------------------------------
- Activity Page
- */
- #buddypress .activity-list .activity-content {
- margin-left: 0;
- padding-bottom: 31px;
- }
- #buddypress .activity-list .activity-content .activity-inner {
- margin: 6px 0 0 60px;
- }
- #buddypress .activity-list .activity-content .activity-header {
- font-weight: 600;
- margin-left: 60px;
- }
- #buddypress .activity-list .activity-content .activity-header a {
- display: inline-block;
- vertical-align: top;
- }
- #buddypress .activity-list li.new_forum_topic .activity-content .activity-inner {
- margin-left: 60px;
- border-left: 0;
- padding-left: 0;
- }
- #buddypress .activity-list .mini .activity-content .activity-header {
- margin-left: 30px;
- }
- body.activity-permalink #buddypress .activity-content .activity-inner {
- margin: 12px 0 0 60px;
- }
- body.activity-permalink #buddypress .activity-list li .activity-header > p {
- padding: 0;
- }
- #buddypress form#whats-new-form p.activity-greeting {
- line-height: 21px;
- }
- #buddypress form#whats-new-form textarea {
- width: 100%;
- }
- #buddypress #whats-new:focus {
- border-color: #aaa !important;
- outline: 0;
- }
- #buddypress div.activity-meta {
- margin-top: 30px;
- width: 100%;
- text-align: right;
- }
- #buddypress div.activity-meta a {
- padding: 3px 8px 4px 8px;
- }
- #buddypress div.activity-meta a.acomment-reply {
- padding-top: 2px;
- }
- #buddypress a.activity-time-since {
- position: absolute;
- bottom: 0;
- right: 0;
- font-weight: 400;
- }
- #buddypress .acomment-meta a.activity-time-since {
- bottom: 13px;
- }
- /* Content */
- #buddypress #activity-stream p {
- margin: 0;
- }
- #buddypress .activity-list li.mini .activity-avatar img.avatar,
- #buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
- margin-left: 0;
- }
- #buddypress .activity-list .activity-content .activity-header img.avatar {
- margin: 0 10px 0 10px !important;
- }
- .activity-time-since {
- font-size: 11px;
- }
- /* Create Groups Page */
- #group-create-tabs li {
- height: 22px;
- }
- #buddypress form.standard-form .main-column {
- margin-left: 170px;
- }
- #buddypress div#invite-list {
- background: transparent;
- height: auto;
- overflow: auto;
- padding: 0 0 20px 0;
- width: 160px;
- margin-top: 10px;
- }
- #buddypress a.bp-secondary-action,
- #buddypress span.highlight {
- font-size: 11px;
- font-weight: 700;
- }
- #buddypress a.bp-secondary-action.delete-activity {
- margin-right: 0;
- }
- #buddypress span.activity {
- font-size: 12px;
- line-height: 30px;
- word-wrap: break-word;
- }
- @media (max-width: 767px) {
- #buddypress span.activity {
- font-size: 10px;
- }
- }
- #buddypress div#item-header div.generic-button {
- margin-bottom: 10px;
- }
- .bp-widget h4,
- #group-settings-form h4 {
- font-size: 16px;
- font-weight: 700;
- margin-bottom: 10px;
- }
- legend.screen-reader-text {
- padding: 0 5px;
- }
- #admins-list h5,
- #member-list h5,
- #mods-list h5,
- #members-list h5 {
- margin-top: 2px;
- font-size: 14px;
- margin-bottom: 0;
- font-weight: 600;
- }
- #admins-list h5 a:hover,
- #member-list h5 a:hover,
- #mods-list h5 a:hover,
- #members-list h5 a:hover {
- color: #222;
- }
- #admins-list .item-title,
- #member-list .item-title,
- #mods-list .item-title,
- #members-list .item-title {
- font-size: 14px !important;
- }
- #friend-list h4 {
- line-height: 24px;
- }
- #friend-list a {
- font-weight: 700;
- font-size: 12px;
- }
- #friend-list a:hover {
- color: #222;
- }
- #buddypress div.pagination .pag-count {
- margin-left: 0;
- font-size: 11px;
- }
- .groups-members-search {
- border: none !important;
- }
- #search-members-form label,
- #forums-dir-search label,
- #search-groups-form label,
- #search-message-form label {
- display: inline-block;
- }
- #search-members-form #members_search,
- #forums-dir-search #members_search,
- #search-groups-form #members_search,
- #search-message-form #members_search,
- #search-members-form #forums_search,
- #forums-dir-search #forums_search,
- #search-groups-form #forums_search,
- #search-message-form #forums_search,
- #search-members-form #groups_search,
- #forums-dir-search #groups_search,
- #search-groups-form #groups_search,
- #search-message-form #groups_search {
- height: 31px;
- background-color: transparent;
- padding-left: 5px;
- }
- #search-members-form #members_search_submit,
- #forums-dir-search #members_search_submit,
- #search-groups-form #members_search_submit,
- #search-message-form #members_search_submit,
- #search-members-form #forums_search_submit,
- #forums-dir-search #forums_search_submit,
- #search-groups-form #forums_search_submit,
- #search-message-form #forums_search_submit,
- #search-members-form #groups_search_submit,
- #forums-dir-search #groups_search_submit,
- #search-groups-form #groups_search_submit,
- #search-message-form #groups_search_submit {
- position: relative;
- top: 0;
- display: inline-block;
- left: -7px;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- #search-message-form {
- position: relative;
- }
- #search-message-form #messages_search {
- height: 31px;
- }
- #search-message-form #messages_search_submit {
- position: absolute;
- top: 0;
- right: -20px;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- #buddypress #item-nav {
- margin-bottom: 45px;
- }
- #buddypress div#item-header ul {
- display: inline-block;
- }
- /* Forum */
- #buddypress th {
- background-color: #222;
- color: #fff;
- border: none;
- }
- #buddypress .forum td {
- border: none;
- }
- #buddypress table.forum tr td.td-title a.topic-title {
- margin: 0 0 4px 35px;
- display: block;
- line-height: 20px;
- font-weight: 700;
- color: #222;
- }
- #buddypress table.forum tr td.td-title a.topic-title:hover {
- color: #4db2ec;
- }
- #buddypress table.forum p.topic-meta {
- font-size: 10px;
- margin: 0 0 0 35px;
- color: #c3c3c3;
- }
- #buddypress table.forum p.topic-meta a {
- color: #222;
- }
- #buddypress table.forum p.topic-meta a:hover {
- color: #4db2ec;
- }
- #buddypress table.forum .td-freshness p.topic-meta {
- margin: 5px 0 0 0;
- }
- #buddypress .forum .td-title,
- #buddypress .forum .td-freshness {
- position: relative;
- }
- #buddypress table.forum td .topic-by img.avatar {
- position: absolute;
- margin: 0;
- width: 40px;
- top: 12px;
- left: 0;
- }
- #buddypress table.forum td .topic-in a {
- font-weight: 600;
- }
- #buddypress table.forum td .topic-in img.avatar {
- display: inline-block;
- margin-left: 3px;
- }
- #buddypress table.forum td .freshness-author img.avatar {
- float: right;
- margin-right: 0;
- }
- #buddypress table.forum tr > td:last-child {
- padding-right: 0;
- }
- #buddypress table.forum th#th-freshness {
- text-align: right;
- }
- #buddypress .forum tbody tr {
- border-bottom: 1px solid #e6e6e6;
- height: 64px;
- }
- #buddypress .activity-list li.load-more,
- #buddypress .activity-list li.load-newest {
- font-size: 12px;
- line-height: 1;
- text-align: center;
- vertical-align: middle;
- background-color: transparent;
- border-bottom: none;
- }
- #buddypress .activity-list li.load-more a,
- #buddypress .activity-list li.load-newest a {
- padding: 7px 10px;
- display: inline-block;
- border: 1px solid #dcdcdc;
- border-radius: 3px;
- }
- #buddypress .activity-list li.load-more a:hover,
- #buddypress .activity-list li.load-newest a:hover {
- background-color: #222;
- color: #fff;
- border-color: #222;
- }
- #new-topic-post h4,
- #new-topic-post h5,
- #profile-edit-form h4,
- #post-topic-reply h4 {
- font-size: 18px;
- font-weight: 700;
- }
- #group-admins,
- #group-mods {
- margin-top: 0;
- }
- #group-admins li,
- #group-mods li {
- margin-left: 5px;
- }
- #buddypress div.pagination .pagination-links a {
- font-weight: 700;
- }
- #buddypress ul.item-list li div.item-title {
- font-weight: 700;
- font-size: 16px;
- }
- #buddypress ul.item-list li div.item-title a {
- color: #222;
- }
- #buddypress ul.item-list li div.item-title a:hover {
- color: #4db2ec;
- }
- #buddypress ul.item-list li div.item-meta span {
- font-size: 11px;
- }
- #group-settings-form .bp-widget .single-line h5 {
- margin-top: 0;
- }
- /* Members activity */
- #buddypress #activity-stream {
- margin-top: 0;
- }
- #buddypress #activity-stream .activity-avatar img.avatar-150 {
- width: 50px;
- }
- body.activity-permalink #buddypress .activity-list li .activity-content,
- body.activity-permalink #buddypress div.activity-comments {
- margin-left: 0;
- }
- #buddypress table.notifications {
- margin-bottom: 20px;
- }
- #notification-bulk-manage {
- padding: 6px 10px 7px 10px !important;
- position: relative;
- top: -1px;
- }
- .register-section h4 {
- font-weight: 700;
- }
- body.activity-permalink #buddypress div.activity-comments > ul {
- padding: 0 10px 0 26px;
- }
- #buddypress div.activity-comments {
- margin-left: 15px;
- }
- #buddypress div.activity-comments div.acomment-content {
- margin: 5px 0 0 35px;
- }
- #buddypress div.activity-comments ul li {
- padding: 15px 0 8px 0;
- }
- #buddypress .acomment-options {
- margin-left: 35px;
- }
- body.activity-permalink #buddypress div.activity-comments ul li {
- padding: 15px 0 8px 0;
- }
- #buddypress ul.item-list.activity-list li.has-comments {
- padding-bottom: 0;
- }
- /* ----------------------------------------------------------------------------
- Notification Page
- */
- /* responsive portrait tablet */
- @media (max-width: 1023px) {
- #buddypress div.item-list-tabs#subnav ul li#members-order-select {
- width: 100%;
- margin-top: 10px !important;
- }
- }
- /* ----------------------------------------------------------------------------
- Messages Page
- */
- /* responsive portrait tablet */
- @media (max-width: 1023px) {
- #buddypress div.message-search {
- width: 100%;
- margin: 18px 0;
- float: left;
- }
- }
- @media (max-width: 1023px) {
- #search-message-form #messages_search_submit {
- right: 0;
- }
- }
- @media (max-width: 1023px) {
- #buddypress .standard-form input[type=text],
- #buddypress .standard-form textarea {
- width: 100%;
- }
- }
- /* ----------------------------------------------------------------------------
- Friends Page
- */
- #buddypress #pag-bottom.pagination {
- float: left;
- }
- @media (max-width: 767px) {
- #buddypress ul.item-list li div.action {
- position: relative;
- top: 0;
- margin-top: 10px;
- float: left;
- }
- #buddypress #friend-list span.activity {
- display: block;
- }
- .group-invites #buddypress ul.item-list li div.action {
- float: none;
- text-align: left;
- margin-left: 60px;
- }
- #buddypress form.standard-form .main-column {
- margin-left: 0;
- width: 100%;
- float: left;
- }
- #buddypress form#send-invite-form {
- margin-top: -30px;
- }
- #buddypress ul.item-list li h5 span.small {
- width: 100%;
- }
- #buddypress ul.item-list li h5 span.small a {
- margin: 7px 7px 0 0;
- padding: 0 7px;
- display: inline-block;
- }
- }
- /* ----------------------------------------------------------------------------
- Groups Page
- */
- #create-group-form .main-column #message {
- padding-top: 12px;
- }
- /* responsive portrait tablet */
- @media (max-width: 1023px) {
- #buddypress div.item-list-tabs#subnav ul li#groups-order-select {
- width: 100%;
- margin-top: 10px !important;
- }
- .mygroups .item,
- .mygroups div.action {
- margin-left: 60px;
- }
- .mygroups .item-desc {
- margin-left: 0 !important;
- }
- .mygroups .group-button {
- text-align: left ;
- }
- .mygroups .meta {
- margin-top: 10px !important;
- }
- #buddypress ul.item-list li div.item-desc {
- width: auto;
- }
- #buddypress ul.item-list li div.item-desc p {
- margin-bottom: 5px;
- }
- #create-group-form .avatar-150 {
- width: 50px;
- }
- #create-group-form .main-column {
- margin-left: 60px !important;
- }
- #create-group-form .main-column #message {
- margin-left: 110px;
- }
- #create-group-form #friend-list {
- border: none;
- }
- #create-group-form #upload {
- margin-top: 10px;
- }
- }
- @media (max-width: 767px) {
- #create-group-form #upload {
- margin-top: 20px;
- }
- }
- /* ----------------------------------------------------------------------------
- Forums Page
- */
- #buddypress div#item-header h2.user-nicename {
- font-size: 18px;
- font-weight: 700;
- }
- #item-header-avatar {
- max-width: 122px;
- position: absolute;
- }
- #buddypress div#item-header {
- position: relative;
- }
- #buddypress div#item-header div#item-actions {
- position: absolute;
- top: 30px;
- left: 142px;
- width: auto;
- margin: 0;
- }
- #buddypress div#item-header div#item-actions h3 {
- font-size: 13px;
- font-weight: 700;
- display: inline-block;
- margin: 0;
- vertical-align: top;
- }
- #buddypress div#item-header div#item-meta p {
- margin-top: 35px;
- }
- #buddypress div#item-header div#item-header-content {
- width: 100%;
- padding-left: 142px;
- min-height: 142px;
- }
- .group-forum #buddypress div#item-header ul {
- display: inline-block;
- margin: 0;
- }
- /* Pagination */
- #buddypress div.pagination,
- #buddypress div.pagination .pag-count,
- #buddypress div.pagination .pagination-links {
- float: none;
- }
- #buddypress div#topic-meta {
- padding: 5px 0;
- }
- #buddypress div#topic-meta h3 {
- font-size: 18px;
- font-weight: 700;
- }
- #buddypress div#topic-meta div.admin-links {
- position: relative;
- top: auto;
- right: auto;
- }
- #buddypress div.admin-links {
- right: 0;
- }
- #buddypress div.topic-tags {
- font-size: 11px;
- color: #777;
- }
- #buddypress ul#topic-post-list li {
- padding: 15px 0;
- }
- .group-forum #item-header-avatar {
- position: absolute;
- top: 0;
- left: 0;
- }
- /* responsive portrait tablet */
- @media (max-width: 1023px) {
- #item-header-avatar {
- width: 90px;
- }
- #buddypress div#item-header div#item-actions {
- left: 106px;
- }
- #buddypress div#item-header div#item-header-content {
- padding-left: 106px;
- min-height: 100px;
- }
- #buddypress div.item-list-tabs ul li#forums-order-select {
- width: 100%;
- margin-top: 10px !important;
- }
- }
- /* responsive portrait phone */
- @media (max-width: 767px) {
- #item-header-avatar {
- width: 35px;
- }
- #buddypress div#item-header div#item-actions {
- left: 45px;
- }
- #buddypress div#item-header div#item-header-content {
- padding-left: 45px;
- }
- }
- /* ----------------------------------------------------------------------------
- Members Page
- */
- #buddypress div.dir-search {
- margin-top: -45px;
- }
- /* responsive portrait phone */
- @media (max-width: 767px) {
- #search-members-form,
- #search-groups-form {
- position: relative;
- margin-bottom: 30px;
- }
- #buddypress div.dir-search {
- width: 100%;
- margin: 0;
- }
- #buddypress div.dir-search input[type="text"],
- #buddypress div.item-list-tabs ul li.groups-members-search,
- #buddypress div.item-list-tabs ul li#group_members-order-select {
- width: 100%;
- }
- #search-members-form #members_search_submit,
- #search-groups-form #groups_search_submit {
- position: absolute;
- top: 0;
- right: 0;
- left: auto;
- }
- #members_search,
- #groups_search {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- }
- #buddypress #member-list.item-list li div.action {
- float: none;
- margin-left: 60px;
- }
- }
- .td_quote_on_blocks {
- font-family: 'Roboto Condensed', sans-serif;
- font-size: 30px;
- line-height: 35px;
- font-weight: normal;
- font-style: italic;
- text-align: left;
- text-transform: uppercase;
- color: #4db2ec;
- margin: 5px 0;
- }
- /*
- Classic blog
- */
- .td-stack-classic-blog .td-post-text-content .more-link-wrap {
- padding: 0px !important;
- margin-bottom: 0px;
- background-color: transparent !important;
- display: table;
- margin-left: auto;
- margin-right: auto;
- }
- .td-stack-classic-blog .td-post-text-content .more-link-wrap a {
- background-color: transparent;
- padding: 8px 20px 8px 20px !important;
- outline: 2px solid #212121;
- color: #212121;
- display: inline-block;
- }
- .td-stack-classic-blog .td-post-text-content .more-link-wrap a:hover {
- background-color: transparent;
- text-decoration: none !important;
- }
- .td-stack-classic-blog .td-post-text-content .more-link-wrap a:focus {
- outline-offset: 0px;
- }
- .td-stack-classic-blog .td-header-ad-wrap {
- border-bottom: 0;
- }
- .td-stack-classic-blog .block-title > a,
- .td-stack-classic-blog .block-title > span {
- padding: 3px 15px 1px 15px;
- }
- .td-stack-classic-blog .sf-menu > .td-menu-item > a {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td-stack-classic-blog .sf-menu > .td-menu-item > a {
- font-size: 15px;
- }
- }
- .td-stack-classic-blog .td_mega_menu_sub_cats a {
- padding-top: 4px;
- }
- .td-stack-classic-blog .dropcap {
- margin: 15px 13px 0 -10px;
- }
- .td-stack-classic-blog .td-blog-index .td-page-header {
- margin-bottom: 0px;
- }
- .td-stack-classic-blog .td-blog-index {
- margin-top: 30px;
- }
- .td_detect_is_android {
- /* make the font bigger on search so that it will not zoom in on mobiles */
- }
- .td_detect_is_android #td-top-mobile-toggle i {
- line-height: 58px;
- padding-left: 11px;
- }
- .td_detect_is_android .td-mobile-close a {
- padding: 16px 0 16px;
- }
- .td_detect_is_android .block-title > a,
- .td_detect_is_android .block-title > span {
- padding: 3px 15px 1px;
- }
- .td_detect_is_android .td-module-image .td-post-category {
- padding: 7px 6px 3px;
- }
- .td_detect_is_android .td-module-comments a {
- padding: 3px 6px;
- }
- .td_detect_is_android .td-next-prev-wrap i {
- padding: 6px 6px 2px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_detect_is_android .td-next-prev-wrap i {
- padding: 5px 6px 2px;
- }
- }
- .td_detect_is_android .page-nav a,
- .td_detect_is_android .page-nav span {
- padding: 4px 10px 2px;
- }
- .td_detect_is_android .page-nav .pages {
- padding-right: 0;
- }
- .td_detect_is_android .widget_calendar tfoot a {
- padding: 3px 15px 1px;
- }
- .td_detect_is_android .td_block_mega_menu .td-next-prev-wrap i {
- padding: 3px 6px 2px;
- }
- .td_detect_is_android .td_block_mega_menu .td_mega_menu_sub_cats a {
- padding: 3px 15px 2px;
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_detect_is_android .td_block_mega_menu .td_mega_menu_sub_cats a {
- padding: 2px 12px;
- }
- }
- .td_detect_is_android .td_block_mega_menu .td-post-category {
- padding: 5px 6px;
- }
- .td_detect_is_android .header-search-wrap .td-icon-search {
- font-size: 23px;
- /* responsive portrait phone */
- }
- @media (max-width: 767px) {
- .td_detect_is_android .header-search-wrap .td-icon-search {
- font-size: 26px;
- }
- }
- .td_detect_is_android.category .entry-title span {
- padding: 3px 15px 2px;
- }
- .td_detect_is_android .dropcap {
- padding: 3px 10px 1px;
- }
- .td_detect_is_android .wpb_tabs li a {
- padding: 2px 15px 0 !important;
- }
- .td_detect_is_android .td-page-content .td-arrow-list li::before {
- line-height: 20px;
- }
- .td_detect_is_android .td-author-counters span {
- padding: 4px 15px 2px;
- }
- .td_detect_is_android .td-close-more-articles-box {
- top: 19px;
- }
- .td_detect_is_android .td-related-title a {
- padding: 2px 14px 1px;
- }
- .td_detect_is_android .td_block_related_posts .td-next-prev-wrap i {
- padding-top: 6px;
- }
- .td_detect_is_android .td-trending-now-title {
- /* responsive portrait tablet */
- }
- @media (min-width: 768px) and (max-width: 1023px) {
- .td_detect_is_android .td-trending-now-title {
- padding: 2px 15px 3px;
- }
- }
- .td_detect_is_android .td-trending-now-wrapper .td-next-prev-wrap {
- top: 2px;
- }
- .td_detect_is_android .td-trending-now-title {
- top: -5px;
- }
- .td_detect_is_android input[type="text"],
- .td_detect_is_android .td-login-wrap .td-login-input {
- font-size: 16px !important;
- }
- .td_detect_is_ios {
- /* make the font bigger on search so that it will not zoom in on mobiles */
- }
- .td_detect_is_ios input[type="text"],
- .td_detect_is_ios .td-login-wrap .td-login-input {
- font-size: 16px !important;
- }
- /* ATTENTION - this should be last */
- /* smart list type 1 */
- .ie8 .td_smart_list_1 .td-iosSlider {
- width: 100% !important;
- height: 100% !important;
- }
- /* smart list type 3 */
- .ie8 .td_smart_list_3 .td-iosSlider {
- width: 100% ;
- height: 100%;
- }
- .ie8 .td_smart_list_3 .td-sml3-description {
- position: relative;
- top: 0px;
- }
- .ie8 .td_smart_list_3 .td-sml3-display-image {
- top: 25px;
- }
- .ie8 .td_smart_list_3 .td-sml3-bottom-controls {
- position: absolute;
- bottom: 0px;
- }
- .ie8 .td_smart_list_3 .td-sml3-bottom-title {
- display: none;
- }
- /* top menu */
- .ie8 .top-header-menu .td-icon-menu-down,
- .ie9 .top-header-menu .td-icon-menu-down,
- .ie10 .top-header-menu .td-icon-menu-down,
- .ie11 .top-header-menu .td-icon-menu-down {
- padding: 0px 0px 0px 8px;
- }
- .ie8 .top-header-menu .menu-item-has-children li a,
- .ie9 .top-header-menu .menu-item-has-children li a,
- .ie10 .top-header-menu .menu-item-has-children li a,
- .ie11 .top-header-menu .menu-item-has-children li a {
- top: -1px;
- }
- @media screen and (max-width: 767px) {
- .ie9 .td-menu-mob-open-menu .td-mobile-nav-wrap {
- left: 0px;
- }
- .ie9 .td-menu-mob-open-menu .td-content-wrap {
- left: 80%;
- }
- }
- /* blocks title */
- .ie8 .block-title,
- .ie9 .block-title,
- .ie10 .block-title,
- .ie11 .block-title {
- line-height: 19px;
- }
- .ie8 .td-module-comments a,
- .ie9 .td-module-comments a,
- .ie10 .td-module-comments a,
- .ie11 .td-module-comments a {
- padding: 2px 8px 3px 6px;
- }
- .ie8 .td-footer-container .td-search-form-widget .wpb_button,
- .ie9 .td-footer-container .td-search-form-widget .wpb_button,
- .ie10 .td-footer-container .td-search-form-widget .wpb_button,
- .ie11 .td-footer-container .td-search-form-widget .wpb_button {
- border-radius: 0px;
- }
- /* fix the blocks on 3 columns to fit */
- .ie8 .td-pb-span12 {
- width: 1021px;
- }
- .ie8 .td-pulldown-filter-list {
- background-color: #ffffff;
- }
- .ie8 .td_block_13 .td-pulldown-filter-display-option,
- .ie8 .td_block_14 .td-pulldown-filter-display-option,
- .ie8 .td_block_15 .td-pulldown-filter-display-option,
- .ie8 .td_block_13 .td-pulldown-filter-list,
- .ie8 .td_block_14 .td-pulldown-filter-list,
- .ie8 .td_block_15 .td-pulldown-filter-list {
- background-color: #222222;
- }
- .ie8 .wpb_tabs_nav a {
- border-right: 1px solid #222222;
- }
- .ie8 .alignleft {
- float: left;
- margin-right: 21px;
- margin-top: 6px;
- margin-bottom: 6px;
- }
- .ie8 .alignright {
- float: right;
- margin-left: 21px;
- margin-top: 6px;
- margin-bottom: 6px;
- }
- /* ATTENTION - this should be last */
- .td-animation-stack .entry-thumb,
- .post img {
- opacity: 0;
- transition: opacity 0.3s;
- transition-timing-function: cubic-bezier(0.39, 0.76, 0.51, 0.56);
- /* linear */
- }
Add Comment
Please, Sign In to add comment