%PDF-
%PDF-
Mini Shell
Mini Shell
.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;
}
/*
usage:
.td-block-row {
.mx-row(td-block-span);
}
@all_span_selector - is the begining of the span selector
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 0;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*
----------------------------------------------------------------------------
Site wide > typography style
----------------------------------------------------------------------------
*/
body,
p {
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
font-size: 14px;
line-height: 21px;
}
p {
margin-top: 0;
margin-bottom: 21px;
}
a:active,
a:focus {
/* IE remove focus */
outline: none;
}
a {
color: #4db2ec;
text-decoration: none;
}
ins {
background: white;
text-decoration: none;
}
code {
position: relative;
top: -1px;
border: none;
background-color: #F1F1F1;
padding: 2px 6px;
}
pre {
background-color: #f1f1f1;
padding: 4px 10px 4px 10px;
border: none;
border-radius: 0;
margin-top: 24px;
}
cite {
font-size: 13px;
/* ovveride bootstrap */
font-style: italic;
font-weight: normal;
text-transform: none;
color: #000;
}
cite a {
color: #000;
}
q {
font-style: italic;
}
ul,
ol {
padding: 0;
}
ul li,
ol li {
line-height: 24px;
margin-left: 21px;
}
ol {
margin-bottom: 26px;
}
.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;
}
address {
font-size: inherit !important;
line-height: inherit !important;
margin-bottom: 21px;
}
big {
text-transform: uppercase;
}
embed {
width: 100%;
}
/* ----------------------------------------------------------------------------
table
*/
table {
width: 100%;
margin-bottom: 26px;
}
table th {
text-align: left;
border: 1px solid #ededed;
padding: 2px 8px;
}
table td {
border: 1px solid #ededed;
padding: 2px 8px;
}
table .odd td {
background-color: #fcfcfc;
}
/* ----------------------------------------------------------------------------
h
*/
h1,
h2,
h3,
h4,
h5,
h6 {
color: #111111;
font-weight: bold;
margin: 6px 0 6px 0;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
color: #111111;
}
h1 {
font-size: 32px;
line-height: 38px;
margin-top: 33px;
margin-bottom: 23px;
}
h2 {
font-size: 27px;
line-height: 34px;
margin-top: 30px;
margin-bottom: 20px;
}
h3 {
font-size: 22px;
line-height: 29px;
margin-top: 27px;
margin-bottom: 17px;
}
h4 {
font-size: 19px;
line-height: 27px;
margin-top: 24px;
margin-bottom: 14px;
}
h5 {
font-size: 17px;
line-height: 23px;
margin-top: 21px;
margin-bottom: 11px;
}
h6 {
font-size: 15px;
line-height: 21px;
margin-top: 21px;
margin-bottom: 11px;
}
.videopress-placeholder {
width: 100% !important;
}
.videopress-poster {
height: auto !important;
width: 100% !important;
}
.video-player {
width: 100% !important;
}
/*
----------------------------------------------------------------------------
Site wide > Forms
----------------------------------------------------------------------------
*/
textarea {
font-size: 16px;
line-height: 21px;
color: #444;
border: 1px solid #e1e1e1;
width: 100%;
max-width: 100%;
height: 168px;
min-height: 168px;
padding: 6px 9px 6px 9px;
}
textarea:active,
textarea:focus {
border-color: #b0b0b0 !important;
}
textarea:focus,
input:focus,
input[type]:focus {
outline: 0 none;
}
/* Input buttons */
input[type=submit] {
font-size: 13px;
background-color: #222222;
border-radius: 0;
color: #fff;
border: none;
padding: 8px 15px;
font-weight: 500;
-webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
transition: background-color 0.4s;
}
input[type=text],
input[type=url],
input[type=tel],
input[type=email] {
font-size: 16px;
line-height: 21px;
color: #444;
border: 1px solid #e1e1e1;
width: 100%;
max-width: 100%;
height: 34px;
padding: 3px 9px;
}
input[type=text]:active,
input[type=url]:active,
input[type=tel]:active,
input[type=email]:active,
input[type=text]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=email]:focus {
border-color: #b0b0b0 !important;
}
input[type=password] {
width: 100%;
position: relative;
top: 0;
display: inline-table;
vertical-align: middle;
font-size: 12px;
line-height: 21px;
color: #444;
border: 1px solid #ccc;
max-width: 100%;
height: 34px;
padding: 3px 9px;
margin-bottom: 10px;
}
input[type=password]:active,
input[type=password]:focus {
border-color: #b0b0b0;
}
.td-buttons {
padding: 9px 18px;
background-color: #222;
color: #fff;
cursor: pointer;
white-space: nowrap;
margin: 10px 10px 10px 0;
display: inline-block;
}
/*
----------------------------------------------------------------------------
Site wide > WordPress Text, Images & Captions
----------------------------------------------------------------------------
*/
/* ----------------------------------------------------------------------------
text and Images align
*/
.td-post-content img,
.woocommerce #tab-description img {
margin-bottom: 21px;
}
.td-post-content figure img,
.woocommerce #tab-description figure img {
margin-bottom: 0;
}
.td-post-content p > img,
.woocommerce #tab-description p > img {
margin-bottom: 0;
}
.td-post-featured-image figure img {
margin-bottom: 0;
}
img.wp-smiley {
width: auto;
}
.wp-caption-text,
.wp-caption-dd {
text-align: left;
margin: 0 0 26px 0;
font-size: 12px !important;
font-style: italic;
font-weight: normal;
line-height: 17px !important;
color: #444;
}
.wp-caption {
text-align: center;
max-width: 100%;
}
.wp-caption img {
margin-bottom: 0;
}
.wp-caption img {
max-width: 100% !important;
}
.alignnone {
margin-top: 0;
}
.aligncenter {
text-align: center;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 6px;
}
figure.alignright,
figure.alignleft,
figure.aligncenter {
margin-bottom: 0;
}
.alignnone img,
.aligncenter img {
width: 100%;
}
/* ----------------------------------------------------------------------------
align left
-> on desktop - the tinyMCE size is used
-> on tablet(s) - apply the max-width to make it look nice
-> on phones - center, max width 100%
+ fix for tinyMCE padding
-> on full width td-pb-span12
*/
.alignleft {
float: left;
margin-top: 6px;
margin-bottom: 6px !important;
/* hack for tinyMCE / post content diffs*/
margin-left: 0;
max-width: 50% !important;
margin-right: 21px;
/* responsive phone CUSTOM - align the image on center */
}
@media (max-width: 400px) {
.alignleft {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 100% !important;
margin-bottom: 21px !important;
display: block;
}
.alignleft img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.alignleft figcaption {
text-align: center;
}
}
/* ----------------------------------------------------------------------------
Screen reader text
*/
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* ----------------------------------------------------------------------------
align right
-> on desktop - the tinyMCE size is used
-> on tablets - apply the max-width to make it look nice
-> on phones - center, max width 100%
+ fix for tinyMCE padding
-> on full width td-pb-span12
*/
.alignright {
float: right;
margin-top: 6px;
margin-right: 0;
margin-bottom: 6px !important;
/* hack for tinyMCE / post content diffs*/
max-width: 50% !important;
margin-left: 21px;
/* responsive phone CUSTOM - align the image on center */
}
@media (max-width: 400px) {
.alignright {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 100% !important;
margin-bottom: 21px !important;
display: block;
}
.alignright img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.alignright figcaption {
text-align: center;
}
}
/*
----------------------------------------------------------------------------
Css for:
Page content
Post content
TinyMCE content
----------------------------------------------------------------------------
*/
.td-page-content,
.td-post-content,
.woocommerce #tab-descriptiony {
font-size: 15px;
line-height: 26px;
color: #222;
}
.td-page-content a:hover,
.td-post-content a:hover,
.woocommerce #tab-descriptiony a:hover {
text-decoration: underline;
}
.td-page-content ul,
.td-post-content ul,
.woocommerce #tab-descriptiony ul {
margin-bottom: 26px;
}
.td-page-content ul ul,
.td-post-content ul ul,
.woocommerce #tab-descriptiony ul ul {
margin-bottom: 0;
}
.td-page-content li ul,
.td-post-content li ul,
.woocommerce #tab-descriptiony li ul,
.td-page-content li ol,
.td-post-content li ol,
.woocommerce #tab-descriptiony li ol {
margin-bottom: 0;
}
.td-page-content p,
.td-post-content p,
.woocommerce #tab-descriptiony p,
.td-page-content li,
.td-post-content li,
.woocommerce #tab-descriptiony li {
font-size: 15px;
line-height: 26px;
}
.td-page-content p,
.td-post-content p,
.woocommerce #tab-descriptiony p {
margin-bottom: 26px;
}
.td-page-content .td-arrow-list,
.td-post-content .td-arrow-list,
.woocommerce #tab-descriptiony .td-arrow-list {
list-style: none;
margin-left: 16px;
}
.td-page-content .td-arrow-list li:before,
.td-post-content .td-arrow-list li:before,
.woocommerce #tab-descriptiony .td-arrow-list li:before {
font-family: 'newspaper', sans-serif;
content: '\e803';
float: left;
margin-left: -16px;
line-height: 26px;
font-size: 14px;
}
.td-page-content embed,
.td-post-content embed,
.woocommerce #tab-descriptiony embed,
.td-page-content iframe,
.td-post-content iframe,
.woocommerce #tab-descriptiony iframe,
.td-page-content object,
.td-post-content object,
.woocommerce #tab-descriptiony object {
max-width: 100%;
}
/* ----------------------------------------------------------------------------
quote
*/
.td-page-content blockquote,
.td-post-content blockquote,
.bbpress blockquote,
.woocommerce #tab-description blockquote,
.comment-content blockquote {
padding: 0;
position: relative;
border-left: none;
margin: 20px 3% 18px 3%;
}
.td-page-content blockquote p,
.td-post-content blockquote p,
.bbpress blockquote p,
.woocommerce #tab-description blockquote p,
.comment-content blockquote p {
font-weight: 400;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
font-size: 22px;
line-height: 30px;
}
.td-page-content .twitter-tweet p,
.td-post-content .twitter-tweet p,
.bbpress .twitter-tweet p,
.woocommerce #tab-description .twitter-tweet p,
.comment-content .twitter-tweet p {
font-family: initial;
font-size: initial;
line-height: initial;
font-style: initial;
text-align: initial;
text-transform: initial;
color: initial;
font-weight: initial;
}
.td-page-content .td_quote_right,
.td-post-content .td_quote_right,
.bbpress .td_quote_right,
.woocommerce #tab-description .td_quote_right,
.comment-content .td_quote_right {
margin: 21px 5%;
float: none;
width: auto;
}
.td-page-content .td_quote_left,
.td-post-content .td_quote_left,
.bbpress .td_quote_left,
.woocommerce #tab-description .td_quote_left,
.comment-content .td_quote_left {
margin: 18px 5%;
float: none;
width: auto;
}
.td-page-content .td_quote_left p,
.td-post-content .td_quote_left p,
.bbpress .td_quote_left p,
.woocommerce #tab-description .td_quote_left p,
.comment-content .td_quote_left p {
text-align: center;
}
.td-page-content .td_quote_box,
.td-post-content .td_quote_box,
.bbpress .td_quote_box,
.woocommerce #tab-description .td_quote_box,
.comment-content .td_quote_box {
margin: 0;
background-color: #FCFCFC;
border-left: 2px solid #4db2ec;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
clear: both;
}
.td-page-content .td_quote_box p,
.td-post-content .td_quote_box p,
.bbpress .td_quote_box p,
.woocommerce #tab-description .td_quote_box p,
.comment-content .td_quote_box p {
color: #777777;
font-size: 13px;
line-height: 21px;
padding-bottom: 16px;
margin: 0;
text-transform: none;
}
.td-page-content .td_box_left,
.td-post-content .td_box_left,
.bbpress .td_box_left,
.woocommerce #tab-description .td_box_left,
.comment-content .td_box_left {
float: none;
margin: 0 0 36px 0;
width: auto;
}
.td-page-content .td_box_left p,
.td-post-content .td_box_left p,
.bbpress .td_box_left p,
.woocommerce #tab-description .td_box_left p,
.comment-content .td_box_left p {
text-align: left;
}
.td-page-content .td_box_right,
.td-post-content .td_box_right,
.bbpress .td_box_right,
.woocommerce #tab-description .td_box_right,
.comment-content .td_box_right {
float: none;
margin: 0 0 36px 0;
width: auto;
}
.td-page-content .td_box_right p,
.td-post-content .td_box_right p,
.bbpress .td_box_right p,
.woocommerce #tab-description .td_box_right p,
.comment-content .td_box_right p {
text-align: left;
}
.td-page-content .td_box_center,
.td-post-content .td_box_center,
.bbpress .td_box_center,
.woocommerce #tab-description .td_box_center,
.comment-content .td_box_center {
margin: 0 0 36px 0;
}
.td-page-content .td_pull_quote,
.td-post-content .td_pull_quote,
.bbpress .td_pull_quote,
.woocommerce #tab-description .td_pull_quote,
.comment-content .td_pull_quote {
padding: 18px 25px;
margin: 0;
clear: both;
}
.td-page-content .td_pull_quote p,
.td-post-content .td_pull_quote p,
.bbpress .td_pull_quote p,
.woocommerce #tab-description .td_pull_quote p,
.comment-content .td_pull_quote p {
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: none;
text-align: center;
}
.td-page-content .td_pull_quote p:first-child:before,
.td-post-content .td_pull_quote p:first-child:before,
.bbpress .td_pull_quote p:first-child:before,
.woocommerce #tab-description .td_pull_quote p:first-child:before,
.comment-content .td_pull_quote p:first-child:before {
position: absolute;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMAd+67mWZR3SKqMxGIzB8/1rAAAABlSURBVAjXFcexDQEBAAXQd+KCRm4CDZURFGICMYFadTHBxQQmEDHCzWAI9XGJ8s/ANS95FBvccKwYr5kuUQ/5omm5dpQ9Fu+H2efEPX07Sg62f+bJ2T6pJkmnTi5FslM2L56r9geMACBhjTsodgAAAABJRU5ErkJggg==') no-repeat;
left: 0;
display: block;
content: '';
width: 15px;
height: 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.td-page-content .td_pull_quote p:after,
.td-post-content .td_pull_quote p:after,
.bbpress .td_pull_quote p:after,
.woocommerce #tab-description .td_pull_quote p:after,
.comment-content .td_pull_quote p:after {
position: absolute;
bottom: 10px;
right: 0;
display: block;
content: '';
width: 15px;
height: 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMA3ZnuqndmIhG7VYhEMzOiL2oAAABkSURBVAjXY+D1E2PgULZuYGB89+4A07t3AQzn3r1T4Hv3ToCh7t27CUDRBwxAYQe2d+8MGBiuAuWr5BwYGBjeFTAwzEtgYOB6xMDA8RAowGnOwMD6CsjIA4oWKwBFXYGcLQ0MAFHHH+tW1OhlAAAAAElFTkSuQmCC') no-repeat;
}
.td-page-content .td_pull_left,
.td-post-content .td_pull_left,
.bbpress .td_pull_left,
.woocommerce #tab-description .td_pull_left,
.comment-content .td_pull_left {
float: none;
margin: 0 0 30px 0;
width: auto;
}
.td-page-content .td_pull_right,
.td-post-content .td_pull_right,
.bbpress .td_pull_right,
.woocommerce #tab-description .td_pull_right,
.comment-content .td_pull_right {
float: none;
margin: 0 0 30px 0;
width: auto;
}
.td-page-content .td_pull_center,
.td-post-content .td_pull_center,
.bbpress .td_pull_center,
.woocommerce #tab-description .td_pull_center,
.comment-content .td_pull_center {
margin: 17px 0;
padding: 15px 20px;
}
blockquote small {
margin-top: 5px;
display: block;
font-size: 13px;
font-style: italic;
font-weight: normal;
text-transform: none;
color: #444;
}
blockquote.pull-right {
padding-left: 20px;
border-right: none;
}
blockquote.pull-right:after {
border-right: 2px solid #FB5502;
width: 40px;
right: -40px;
}
/* ----------------------------------------------------------------------------
dropcaps
*/
.td-page-content .dropcap,
.td-post-content .dropcap,
.comment-content .dropcap {
float: left;
display: block;
font-size: 50px;
line-height: 50px;
background-color: #4db2ec;
color: white;
text-align: center;
margin: 9px 13px 0 0;
padding: 2px 13px 5px 13px;
text-transform: uppercase;
min-width: 57px;
}
.td-page-content .dropcap1,
.td-post-content .dropcap1,
.comment-content .dropcap1 {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.td-page-content .dropcap2,
.td-post-content .dropcap2,
.comment-content .dropcap2 {
background-color: transparent !important;
color: #4B4B4B;
font-size: 79px;
line-height: 69px;
margin: 0 9px 0 0;
padding: 0 13px 0 0;
}
.td-page-content .dropcap3,
.td-post-content .dropcap3,
.comment-content .dropcap3 {
background-color: transparent !important;
color: #4B4B4B;
font-weight: bold;
font-size: 79px;
line-height: 69px;
margin: 0 9px 0 0;
padding: 0 13px 0 0;
}
/* ----------------------------------------------------------------------------
text columns
*/
.td_text_columns_two_cols {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
-webkit-column-rule-style: solid;
-moz-column-rule-style: solid;
column-rule-style: solid;
-webkit-column-rule-width: 1px;
-moz-column-rule-width: 1px;
column-rule-width: 1px;
-webkit-column-rule-color: #e9e9e9;
-moz-column-rule-color: #e9e9e9;
column-rule-color: #e9e9e9;
margin-bottom: 26px;
}
/* ----------------------------------------------------------------------------
button
*/
.td_btn {
cursor: pointer;
display: inline-block;
position: relative;
color: white;
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
}
.td_btn_sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.td_btn_sm.td_round_btn {
border-radius: 3px;
}
.td_btn_md {
padding: 9px 12px;
font-size: 16px;
line-height: 20px;
}
.td_btn_md.td_round_btn {
border-radius: 4px;
}
.td_btn_lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
}
.td_btn_lg.td_round_btn {
border-radius: 6px;
}
.td_default_btn,
.td_round_btn {
transition: background-color 0.1s ease;
-webkit-transition: background-color 0.1s ease;
background-color: #4db2ec;
}
.td_default_btn:hover,
.td_round_btn:hover {
background-color: #444 !important;
}
.td_default_btn:active,
.td_round_btn:active {
background-color: #000 !important;
}
.td_outlined_btn {
border-width: 2px;
border-style: solid;
border-color: #4db2ec;
border-radius: 4px;
color: #4db2ec;
background-color: transparent;
transition: all 0.1s ease ;
-webkit-transition: all 0.1s ease;
}
.td_outlined_btn:hover {
background-color: #4db2ec;
color: #fff;
}
.td_outlined_btn:active {
background-color: #444 !important;
border-color: #444;
}
.td_shadow_btn {
background-color: #4db2ec;
top: 0;
-webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25);
transition: top 0.1s ease;
-webkit-transition: top 0.1s ease;
}
.td_shadow_btn:hover {
top: -3px;
-webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25);
}
.td_shadow_btn:active {
background-color: #444 !important;
}
.td_3D_btn {
background-color: #4db2ec;
top: 0;
transition: top 0.1s ease;
-webkit-transition: top 0.1s ease;
}
.td_3D_btn:after {
content: "";
position: absolute;
display: block;
left: 0;
top: 100%;
width: 100%;
height: 5px;
background-color: rgba(0, 0, 0, 0.25);
z-index: 0;
transition: height 0.1s ease;
-webkit-transition: height 0.1s ease;
}
.td_3D_btn:hover {
top: 5px;
}
.td_3D_btn:hover:before {
height: 0;
}
.td_3D_btn:hover:after {
height: 0;
}
.td_3D_btn:active {
background-color: #444 !important;
}
/* ----------------------------------------------------------------------------
text highlighting
*/
.td_text_highlight_0 {
background-color: rgba(0, 0, 0, 0.77);
padding: 5px 0 6px 0;
margin: 0 8px 0 8px;
box-shadow: 8px 0 0 rgba(0, 0, 0, 0.77), -8px 0 0 rgba(0, 0, 0, 0.77);
color: #2a2a2a;
-webkit-transition: color 400ms;
-moz-transition: color 400ms;
-o-transition: color 400ms;
transition: color 400ms;
}
.td_text_highlight_0:hover {
color: #F9F9F9;
}
.td_text_highlight_marker {
padding: 5px 0 6px 0;
margin: 0 8px 0 8px;
color: white;
-webkit-transition: color 400ms;
-moz-transition: color 400ms;
-o-transition: color 400ms;
transition: color 400ms;
}
.td_text_highlight_marker:hover {
color: #F9F9F9;
}
.td_text_highlight_marker_red {
background-color: rgba(255, 28, 26, 0.62);
box-shadow: 8px 0 0 rgba(255, 28, 26, 0.62), -8px 0 0 rgba(255, 28, 26, 0.62);
}
.td_text_highlight_marker_blue {
background-color: rgba(57, 213, 255, 0.75);
box-shadow: 8px 0 0 rgba(57, 213, 255, 0.75), -8px 0 0 rgba(57, 213, 255, 0.75);
}
.td_text_highlight_marker_green {
background-color: rgba(77, 216, 69, 0.65);
box-shadow: 8px 0 0 rgba(77, 216, 69, 0.65), -8px 0 0 rgba(77, 216, 69, 0.65);
}
.td_text_highlight_marker_yellow {
background-color: rgba(255, 203, 0, 0.75);
box-shadow: 8px 0 0 rgba(255, 203, 0, 0.75), -8px 0 0 rgba(255, 203, 0, 0.75);
}
.td_text_highlight_marker_pink {
background-color: rgba(255, 101, 243, 0.75);
box-shadow: 8px 0 0 rgba(255, 101, 243, 0.75), -8px 0 0 rgba(255, 101, 243, 0.75);
}
/* ----------------------------------------------------------------------------
header
*/
.td-review {
width: 100%;
margin-bottom: 34px;
font-size: 13px;
}
.td-review td {
padding: 7px;
display: block;
border-width: 1px 1px 0 1px;
}
.td-review .td-review-summary {
padding: 0;
}
.td-review i {
margin-top: 5px;
width: 20px;
}
.td-review .td-review-row-stars:hover {
background-color: #fcfcfc;
}
.td-review .td-review-percent-sign {
font-size: 15px;
line-height: 1;
}
.td-review-header {
text-align: center;
}
.td-review-header .block-title {
background-color: #222;
color: #fff;
display: inline-block;
line-height: 16px;
padding: 8px 12px;
margin: 0;
border-bottom: 0;
}
.td-review-header td {
padding: 26px 0 26px 0;
border: 0;
}
.td-icon-star,
.td-icon-star-empty,
.td-icon-star-half {
font-size: 15px;
width: 16px;
}
/* ----------------------------------------------------------------------------
rating stars
*/
.td-review-stars {
text-align: center;
}
.td-review-final-score {
line-height: 70px;
font-size: 48px;
}
.rate_stars .td-review-summary {
border-top-width: 0;
}
/* ----------------------------------------------------------------------------
review bars
*/
.td-rating-bar-wrap {
margin: 0 0 7px 0;
background-color: #f5f5f5;
}
.td-rating-bar-wrap div {
height: 20px;
background-color: #4db2ec;
max-width: 100%;
}
.td-review-details {
position: relative;
}
.td-review-row-bars .td-review-desc {
display: inline-block;
padding-bottom: 2px;
padding-right: 50px;
}
.td-review-row-bars td {
padding: 4px 7px 1px;
}
/* ----------------------------------------------------------------------------
percent
*/
.td-review-percent {
padding-bottom: 2px;
position: absolute;
bottom: 0;
right: 0;
}
/* ----------------------------------------------------------------------------
footer
*/
.td-review-footer {
position: relative;
display: block;
}
.td-review-summary {
padding: 21px 0 0 0;
vertical-align: top;
display: block;
width: 100%;
clear: both;
text-align: center;
}
.td-review-summary .block-title {
background-color: #222;
color: #fff;
display: inline-block;
line-height: 16px;
padding: 8px 12px;
margin: 16px 0;
position: relative;
border-bottom: 0;
}
.td-review-summary-content {
font-size: 12px;
margin: -2px 14px 0;
padding-bottom: 14px;
}
.td-review-score {
font-weight: bold;
text-align: center;
padding: 0;
vertical-align: bottom;
display: block;
width: 100%;
border-bottom-width: 1px !important;
}
.td-review-overall {
padding: 0 0 12px 0;
line-height: 14px;
}
.td-review-overall span {
font-size: 11px;
}
.td-review-final-star {
margin-bottom: 5px;
}
.td-review-row-stars {
display: block;
width: 100%;
clear: both;
float: left;
border: 1px solid #ededed;
border-bottom: 0;
border-right: 0;
position: relative;
}
.td-review-row-stars td {
border: 0;
}
.td-review-row-stars .td-review-desc {
padding: 9px 124px 9px 9px;
}
.td-review-row-stars .td-review-stars {
position: absolute;
top: 0;
right: 0;
text-align: right;
border-style: solid;
border-color: #ededed;
border-right: 1px solid #EDEDED;
}
.td-review-row-stars:nth-last-of-type(2) {
border-bottom: 1px solid #ededed;
}
@font-face {
font-family: 'newspaper';
src: url('../images/icons/newspaper.eot?8');
src: url('../images/icons/newspaper.eot?8#iefix') format('embedded-opentype'), url('../images/icons/newspaper.woff?8') format('woff'), url('../images/icons/newspaper.ttf?8') format('truetype'), url('../images/icons/newspaper.svg?7#newspaper') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="td-icon-"]:before,
[class*=" td-icon-"]:before {
font-family: 'newspaper';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-align: center;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class*="td-icon-"] {
line-height: 1;
text-align: center;
display: inline-block;
}
.td-icon-logout:before {
content: '\e800';
}
.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-views:before {
content: '\e805';
}
.td-icon-menu-down:before {
content: '\e806';
}
.td-icon-left-arrow:before {
content: '\e807';
}
.td-icon-right-arrow:before {
content: '\e808';
}
.td-icon-menu-up:before {
content: '\e809';
}
.td-icon-search:before {
content: '\e80a';
}
.td-icon-user:before {
content: '\e80b';
}
.td-icon-menu-left:before {
content: '\e80c';
}
.td-icon-menu-right:before {
content: '\e80d';
}
.td-icon-star:before {
content: '\e80f';
}
.td-icon-mail:before {
content: '\e810';
}
.td-icon-behance:before {
content: '\e811';
}
.td-icon-blogger:before {
content: '\e812';
}
.td-icon-delicious:before {
content: '\e813';
}
.td-icon-deviantart:before {
content: '\e814';
}
.td-icon-digg:before {
content: '\e815';
}
.td-icon-dribbble:before {
content: '\e816';
}
.td-icon-evernote:before {
content: '\e817';
}
.td-icon-facebook:before {
content: '\e818';
}
.td-icon-flickr:before {
content: '\e819';
}
.td-icon-forrst:before {
content: '\e81a';
}
.td-icon-googleplus:before {
content: '\e81b';
}
.td-icon-instagram:before {
content: '\e81d';
}
.td-icon-lastfm:before {
content: '\e81e';
}
.td-icon-linkedin:before {
content: '\e81f';
}
.td-icon-mail-1:before {
content: '\e820';
}
.td-icon-myspace:before {
content: '\e821';
}
.td-icon-path:before {
content: '\e822';
}
.td-icon-paypal:before {
content: '\e823';
}
.td-icon-pinterest:before {
content: '\e825';
}
.td-icon-reddit:before {
content: '\e827';
}
.td-icon-rss:before {
content: '\e828';
}
.td-icon-share:before {
content: '\e829';
}
.td-icon-skype:before {
content: '\e82a';
}
.td-icon-soundcloud:before {
content: '\e82b';
}
.td-icon-spotify:before {
content: '\e82c';
}
.td-icon-stackoverflow:before {
content: '\e82d';
}
.td-icon-steam:before {
content: '\e82e';
}
.td-icon-stumbleupon:before {
content: '\e82f';
}
.td-icon-tumblr:before {
content: '\e830';
}
.td-icon-twitter:before {
content: '\e831';
}
.td-icon-vimeo:before {
content: '\e832';
}
.td-icon-windows:before {
content: '\e833';
}
.td-icon-wordpress:before {
content: '\e834';
}
.td-icon-yahoo:before {
content: '\e835';
}
.td-icon-youtube:before {
content: '\e836';
}
.td-icon-vk:before {
content: '\e837';
}
.td-icon-grooveshark:before {
content: '\e838';
}
.td-icon-star-empty:before {
content: '\e839';
}
.td-icon-star-half:before {
content: '\e83a';
}
.td-icon-close:before {
content: '\e83c';
}
.td-icon-read-down:before {
content: '\e83d';
}
.td-icon-comments:before {
content: "\e83b";
}
.td-icon-mobile:before {
content: '\e83e';
}
.td-icon-whatsapp:before {
content: '\f232';
}
.td-icon-commenting:before {
content: '\f27a';
}
.td-icon-close-mobile:before {
content: '\e900';
}
.td-icon-print:before {
content: '\f02f';
}
.td-icon-telegram:before {
content: '\f2c6';
}
.td-icon-line:before {
content: '\e906';
}
.td-icon-viber:before {
content: '\e907';
}
.td-icon-plus:before {
content: '\ea0a';
}
.td-icon-minus:before {
content: '\ea0b';
}
.td-icon-dailymotion:before {
content: '\e908';
}
.td-icon-twitch:before {
content: '\e909';
}
.td-icon-xing:before {
content: '\e90a';
}
.td-icon-ebay:before {
content: '\e90b';
}
/* ----------------------------------------------------------------------------
Module general
*/
.td-module-thumb,
.td_module_wrap {
position: relative;
}
.td-module-thumb .entry-thumb {
display: block;
}
.entry-thumb {
width: 100%;
}
.td-video-play-ico > img {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 30px;
}
.td-post-date {
display: inline-block;
font-size: 12px;
line-height: 16px;
}
.entry-review-stars {
display: inline-block;
}
.entry-review-stars i {
margin-right: 1px;
}
.td-admin-edit {
position: absolute;
left: 0;
top: 0;
display: block;
z-index: 2;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 5px 8px;
font-size: 10px;
text-decoration: none;
line-height: 1;
text-transform: capitalize;
}
.td-post-category {
font-size: 9px;
line-height: 10px;
background-color: #222222;
color: #fff;
margin-right: 5px;
padding: 4px 6px;
display: inline-table;
vertical-align: middle;
text-transform: uppercase;
pointer-events: auto;
}
.entry-title {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
/* ----------------------------------------------------------------------------
Module M1
*/
.td_module_mob_1 {
margin-bottom: 30px;
}
.td_module_mob_1 .td-module-thumb {
position: absolute;
overflow: hidden;
left: 0;
top: 0;
width: 120px;
height: 85px;
/* responsive portrait iPhone 5 */
}
@media (max-width: 320px) {
.td_module_mob_1 .td-module-thumb {
width: 100px;
height: 70px;
}
}
.td_module_mob_1 .item-details {
margin-left: 135px;
min-height: 85px;
/* responsive portrait iPhone 5 */
}
@media (max-width: 320px) {
.td_module_mob_1 .item-details {
margin-left: 115px;
min-height: 70px;
}
}
.td_module_mob_1 .entry-title {
margin: 0 0 5px 0;
font-size: 17px;
line-height: 20px;
}
.td_module_mob_1 .entry-title a {
color: #000;
}
.td_module_mob_1 .td-post-date {
color: #444;
}
.td_module_mob_1 .entry-review-stars {
position: relative;
top: 3px;
}
.td_module_mob_2 {
position: relative;
overflow: hidden;
margin: 0 -15px 2px -15px;
}
.td_module_mob_2 .td-admin-edit {
left: auto;
right: 0;
}
.td_module_mob_2 .td-video-play-ico > img {
right: 12px;
bottom: auto;
top: 12px;
left: auto;
}
.td_module_mob_2 .td-meta-info-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
pointer-events: none;
z-index: 1;
}
.td_module_mob_2 .td-meta-align {
margin: 0 15px 17px;
pointer-events: none;
}
.td_module_mob_2 .td-post-author-name a,
.td_module_mob_2 .td-post-author-name span,
.td_module_mob_2 .td-post-date {
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.td_module_mob_2 .entry-title {
font-size: 20px;
line-height: 24px;
font-weight: bold;
margin: 8px 0 9px;
}
.td_module_mob_2 .entry-title a {
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.td_module_mob_2 .td-module-meta-info {
z-index: 1;
line-height: 1;
}
.td_module_mob_2 .td-post-author-name {
display: inline-block;
pointer-events: auto;
font-weight: bold;
font-size: 12px;
}
.td_module_mob_2 .td-post-author-name span {
margin: 0 3px;
}
.td_module_mob_2 .entry-review-stars {
color: #fff;
}
.td_module_mob_2 .td-module-thumb {
height: 155px;
}
.td_module_mob_2 .td-module-thumb a:last-child {
height: 155px;
display: block;
}
.td_module_mob_2 .td-module-thumb a:last-child:before {
bottom: 0;
content: "";
display: block;
height: 100%;
width: 130%;
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 */
}
/* ----------------------------------------------------------------------------
Blocks general
*/
.block-title {
font-weight: bold;
font-size: 20px;
text-align: center;
margin: 30px 0;
text-transform: uppercase;
line-height: 1;
}
/* ----------------------------------------------------------------------------
Big grid 1
*/
.td_block_big_grid_mob_1 {
position: relative;
top: -1px;
}
/*
Ads
*/
.td-adspot-title {
color: #bbb;
font-size: 10px;
text-align: center;
display: block;
}
.td-a-rec {
margin: 30px auto 30px;
text-align: center;
}
.td-a-rec-id-header_mob {
margin-top: 25px;
}
.td-a-rec-id-smart_list_mob {
margin: 20px auto 15px;
}
.td-post-content .td-a-rec {
margin: 20px auto 15px;
}
.paged.page .td-a-rec-id-header_mob {
margin-bottom: -10px;
}
.category .td-a-rec-id-header_mob {
margin-bottom: 0;
}
.single .td-a-rec-id-header_mob {
margin-bottom: 15px;
}
.author .td-a-rec-id-header_mob {
margin-bottom: 15px;
}
/* ----------------------------------------------------------------------------
Pages
*/
.paged .td-pb-article-list {
padding-top: 30px;
}
.td-page-title,
.page-title {
font-size: 26px;
line-height: 30px;
font-weight: bold;
margin: 15px 0 20px;
}
/* ----------------------------------------------------------------------------
Breadcrumbs
*/
.td-crumb-container {
margin: 15px 0;
line-height: 1;
}
.single-post .td-bred-no-url-last {
display: none;
}
.entry-crumbs {
font-size: 12px;
color: #999;
}
.entry-crumbs a {
color: #999;
}
.entry-crumbs .td-bread-sep {
font-size: 11px;
margin: 0 5px;
position: relative;
top: 1px;
}
/* ----------------------------------------------------------------------------
Pagination
*/
.page-nav {
margin: 40px auto;
font-size: 15px;
display: table;
}
.page-nav a,
.page-nav span {
padding: 0 11px;
display: inline-block;
min-width: 40px;
text-align: center;
color: #666;
line-height: 40px;
float: left;
margin: 0 3px;
}
.page-nav .first,
.page-nav .last,
.page-nav .extend,
.page-nav .pages {
display: none;
}
.page-nav i {
font-size: 18px;
line-height: 40px;
display: inline-table;
}
.page-nav .current {
border: 1px solid #e5e5e5;
line-height: 38px;
color: #000;
}
.page-nav-post > div {
padding: 0 11px;
display: inline-block;
min-width: 40px;
text-align: center;
border: 1px solid #e5e5e5;
line-height: 38px;
color: #000;
float: left;
margin: 0 3px;
}
/* ----------------------------------------------------------------------------
Category page
*/
.td-subcat-dropdown {
display: none;
}
.td-category-description {
margin-top: 10px;
}
.td-category-description p {
font-style: italic;
color: #777;
font-size: 16px;
line-height: 26px;
}
.td-category-header {
text-align: center;
margin-bottom: 30px;
}
.td-category-header .entry-category {
line-height: 11px;
}
.td-category-header .entry-title {
text-transform: uppercase;
margin: 30px 0 20px;
}
.td-category-header .td-crumb-container {
text-align: left;
}
.td-category-header .td-category {
max-height: 50px;
}
.td-category-header .td-category a {
text-transform: uppercase;
background-color: transparent;
color: #000;
border: 1px solid #ebebeb;
padding: 4px 6px;
font-weight: bold;
}
.category .td_block_big_grid_mob_1 {
margin-bottom: 27px;
}
/* ----------------------------------------------------------------------------
Author page
*/
.author .td-author-page {
margin-bottom: 30px;
}
/* ----------------------------------------------------------------------------
404 page
*/
.td-404-title {
font-size: 34px;
line-height: 44px;
color: #222222;
text-align: center;
margin: 50px 0 17px 0 ;
}
.td-404-sub-title {
font-size: 17px;
line-height: 22px;
color: #a6a6a6;
text-align: center;
margin: 0 0 20px 0;
}
.td-404-sub-sub-title {
text-align: center;
margin-bottom: 50px;
}
.td-404-sub-sub-title a {
background-color: #222222;
border: medium none;
color: #fff;
font-size: 11px;
font-weight: bold;
line-height: 16px;
padding: 10px 15px;
margin-left: 6px;
}
.td-404-head {
text-align: center;
}
/* ----------------------------------------------------------------------------
Attachment page
*/
.td-attachment-page-content p {
color: #444;
font-size: 11px;
font-style: italic;
line-height: 17px;
}
.td-attachment-prev {
display: inline-block;
margin: 10px 0 21px 0;
}
.td-attachment-prev img {
width: 100px;
height: 100px;
}
.td-attachment-next {
float: right;
margin: 10px 0 21px 0;
}
.td-attachment-next img {
width: 100px;
height: 100px;
}
/* ----------------------------------------------------------------------------
Search page
*/
.td-search-query {
color: #4db2ec;
}
.search-page-search-wrap {
margin: 0 0 35px 0;
}
.td-search-form-widget {
position: relative;
line-height: 21px;
}
.td-search-form-widget .wpb_button {
height: 32px;
position: absolute;
right: 0;
top: 0;
text-shadow: none;
padding: 7px 15px 8px 15px;
line-height: 16px;
margin: 0;
}
.td-search-form-widget div {
text-align: left;
}
.td-search-form-widget .td-widget-search-input {
width: 95%;
border-right: 0;
height: 32px;
line-height: 21px;
position: relative;
top: 0;
display: inline-table;
vertical-align: middle;
}
.td_search_subtitle {
position: relative;
top: 11px;
left: 2px;
font-size: 12px;
}
/*
Animation
*/
.td-mobile-container {
opacity: 1;
-webkit-transition: all 0.5s ease 0.5s;
-moz-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
}
.td-hide-menu-content .td-mobile-container {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.td-hide-menu-content .td-mobile-content {
display: none;
}
.td-login-animation {
opacity: 0;
-webkit-transition: all 0.5s ease 0.5s;
-moz-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
position: absolute;
top: 0;
width: 100%;
}
.td-login-hide {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
visibility: hidden !important;
}
.td-login-show {
visibility: visible !important;
opacity: 1;
}
/*
Logged section
*/
.td-menu-login-section {
list-style: none;
position: relative;
margin-top: 20px;
}
.td-menu-login-section .td-logged-wrap {
height: 60px;
line-height: 60px;
/* responsive portrait phone */
}
@media (max-width: 320px) {
.td-menu-login-section .td-logged-wrap {
height: 40px;
line-height: 40px;
}
}
.td-menu-login-section a {
color: #fff;
}
.td-menu-avatar {
position: absolute;
top: 0;
left: 20px;
margin: 0;
}
.td-menu-avatar .td-avatar-container {
width: 60px;
height: 60px;
border-radius: 40px;
-webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);
overflow: hidden;
position: relative;
/* responsive portrait phone */
}
@media (max-width: 320px) {
.td-menu-avatar .td-avatar-container {
-webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
width: 40px;
height: 40px;
}
}
.td-menu-avatar .avatar {
position: absolute;
margin: 0 auto;
left: -9999px;
right: -9999px;
max-width: none;
width: 100%;
height: 100%;
}
.td-menu-username {
font-size: 20px;
font-weight: bold;
margin: 0 100px 0 95px;
overflow: hidden;
height: 60px;
/* responsive portrait phone */
}
@media (max-width: 320px) {
.td-menu-username {
height: 40px;
margin: 0 100px 0 75px;
}
}
.td-menu-logout {
position: absolute;
top: 0;
right: 20px;
margin: 0;
}
.td-menu-logout a {
padding: 7px 14px;
border: 1px solid rgba(255, 255, 255, 0.1);
background-color: rgba(255, 255, 255, 0.03);
font-size: 14px;
font-weight: bold;
}
/*
Guest section
*/
.td-guest-wrap {
height: 40px;
text-align: center;
}
.td-guest-wrap .td-menu-avatar {
position: relative;
display: inline-block;
vertical-align: middle;
top: auto;
left: auto;
margin-right: 15px;
}
.td-guest-wrap .td-menu-avatar .td-avatar-container {
width: 40px;
height: 40px;
}
.td-guest-wrap .td-menu-login {
display: inline-block;
font-size: 20px;
font-weight: bold;
color: #fff;
vertical-align: middle;
}
.td-guest-wrap .td-menu-login span {
background-color: #fff;
width: 1px;
height: 20px;
display: inline-block;
margin: 0 13px;
line-height: 20px;
position: relative;
top: 3px;
opacity: 0.3;
}
.td-guest-wrap .td-menu-login a {
cursor: pointer;
}
/*
Register section
*/
.td-register-section {
position: absolute;
top: 0;
color: #fff;
width: 100%;
z-index: -1;
}
.td-register-section a {
color: #fff;
}
.td-register-section .td-icon-read-down {
font-size: 23px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
line-height: 74px;
width: 74px;
}
.td-register-section .td-login-input {
color: #fff;
font-weight: normal;
font-size: 17px;
height: 40px;
line-height: 40px;
border: 0;
background: transparent;
outline: 0;
margin: 18px 0;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 0;
box-shadow: none;
}
.td-register-section .td-login-input:focus ~ label,
.td-register-section .td-login-input:valid ~ label {
top: -6px;
font-size: 14px;
opacity: 0.4;
}
.td-register-section .td-login-form-wrap {
padding: 0 30px;
}
.td-register-section .td-login-button {
display: block;
text-align: center;
width: 100%;
text-transform: uppercase;
line-height: 50px;
color: #000;
border: none;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.36);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.36);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.36);
margin: 17px 0 15px;
font-size: 17px;
border-radius: 0;
background-color: #fff;
opacity: 0.8;
text-shadow: none;
}
.td-register-section .td-login-info-text {
text-align: center;
}
.td-login-title {
position: absolute;
top: 0;
padding: 0 50px;
text-align: center;
line-height: 74px;
text-transform: uppercase;
width: 100%;
font-size: 17px;
height: 74px;
overflow: hidden;
z-index: -1;
}
.td-login-panel-title {
text-align: center;
font-size: 16px;
padding: 30px 10px;
}
.td-login-panel-title span {
display: inline-block;
font-size: 28px;
font-weight: bold;
width: 100%;
margin-bottom: 10px;
}
.td_display_err {
text-align: center;
color: #fff;
border: none;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
margin: -9px -30px 24px;
font-size: 14px;
border-radius: 0;
padding: 12px;
position: relative;
background-color: rgba(255, 255, 255, 0.06);
display: none;
}
.td-login-form-wrap label {
position: absolute;
top: 26px;
left: 10px;
font-size: 17px;
color: #fff;
opacity: 0.6;
pointer-events: none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.td-login-inputs {
position: relative;
}
/*
Mobile main menu
*/
.td-header-wrap {
background-color: #222;
color: #fff;
height: 60px;
position: relative;
z-index: 9998;
width: 100%;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
#td-top-mobile-toggle {
display: inline-block;
}
#td-top-mobile-toggle i {
font-size: 26px;
height: 60px;
width: 60px;
line-height: 64px;
display: inline-block;
color: #fff;
}
.td-main-menu-logo {
display: block;
margin-right: 0;
height: 0;
float: left;
}
.td-main-menu-logo a {
line-height: 46px;
}
.td-main-menu-logo img {
margin: auto;
bottom: 0;
top: 0;
left: 0;
right: 0;
position: absolute;
padding: 6px 0;
max-height: 60px;
max-width: 250px;
}
@media (max-width: 320px) {
.td-main-menu-logo img {
max-width: 210px;
}
}
/*
Search
*/
.td-search-icon {
position: absolute;
right: 0;
top: 0;
}
.td-search-icon i {
height: 60px;
width: 60px;
line-height: 64px;
font-size: 22px;
margin-right: 2px;
color: #fff;
}
.td-search-wrap {
padding: 0;
position: absolute;
width: 100%;
height: auto;
top: 0;
text-align: center;
z-index: 9999;
visibility: hidden;
color: #fff;
}
.td-search-wrap .td_module_wrap {
text-align: left;
}
.td-search-wrap .entry-title a {
color: #fff;
}
.td-search-wrap .td-post-date {
color: #ddd;
}
.td-search-wrap .td-search-form {
margin-bottom: 30px;
}
.td-search-wrap .td-aj-search-results {
margin: 0 5%;
text-align: left;
}
.td-search-wrap .td-module-thumb {
top: auto;
left: auto;
}
.td-search-wrap .result-msg {
margin: 0 5%;
}
.td-search-wrap .result-msg a {
display: block;
text-align: center;
width: 100%;
text-transform: uppercase;
line-height: 50px;
color: #000;
border: none;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.36);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.36);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.36);
margin: 30px 0 30px;
font-size: 17px;
border-radius: 0;
background-color: #fff;
opacity: 0.8;
}
.td-search-background {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
position: fixed;
display: block;
width: 100%;
height: 113%;
z-index: 9999;
-webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
-moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
-o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
visibility: hidden;
}
.td-search-background:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.98;
background: #333145;
background: -moz-linear-gradient(top, #333145 0%, #b8333e 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #333145), color-stop(100%, #b8333e));
background: -webkit-linear-gradient(top, #333145 0%, #b8333e 100%);
background: -o-linear-gradient(top, #333145 0%, #b8333e 100%);
background: -ms-linear-gradient(top, #333145 0%, #b8333e 100%);
background: linear-gradient(to bottom, #333145 0%, #b8333e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333145', endColorstr='#b8333e', GradientType=0);
}
.td-search-close {
text-align: right;
z-index: 1000;
}
.td-search-close .td-icon-close-mobile {
height: 70px;
width: 70px;
line-height: 70px;
font-size: 21px;
color: #fff;
position: relative;
top: 4px;
right: 0;
}
.td-drop-down-search {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-backface-visibility: hidden;
position: relative;
}
.td-drop-down-search .btn {
display: none;
}
#td-header-search {
color: #fff;
font-weight: bold;
font-size: 28px;
height: 40px;
line-height: 36px;
border: 0;
background: transparent;
outline: 0;
margin: 8px 0;
text-align: center;
}
.td-search-input {
margin: 0 5%;
position: relative;
}
.td-search-input span {
opacity: 0.8;
font-size: 12px;
}
.td-search-input:before,
.td-search-input:after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 1px;
background-color: #fff;
bottom: 0;
left: 0;
opacity: 0.2;
}
.td-search-input:after {
opacity: 0.8;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transition: transform 0.5s ease 0.8s;
-moz-transition: transform 0.5s ease 0.8s;
-o-transition: transform 0.5s ease 0.8s;
transition: transform 0.5s ease 0.8s;
}
.td-search-opened {
position: relative;
}
.td-search-opened #wpadminbar {
position: fixed !important;
}
.td-search-opened #td-outer-wrap {
position: fixed;
transform: scale3d(0.9, 0.9, 0.9);
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
-o-transform: scale3d(0.9, 0.9, 0.9);
-webkit-box-shadow: 0 0 46px;
-moz-box-shadow: 0 0 46px;
box-shadow: 0 0 46px;
}
.td-search-opened .td-drop-down-search {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease 0.3s;
-moz-transition: all 0.5s ease 0.3s;
-o-transition: all 0.5s ease 0.3s;
transition: all 0.5s ease 0.3s;
}
.td-search-opened .td-search-background {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
visibility: visible;
}
.td-search-opened .td-search-input:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
}
.td-search-opened.admin-bar .td-search-wrap {
padding-top: 0;
}
/*
Search opened menu with admin bar
*/
.admin-bar .td-search-wrap {
padding-top: 32px;
}
@media (max-width: 767px) {
.admin-bar .td-search-wrap {
padding-top: 46px;
}
}
/*
Mobile opened menu with admin bar
*/
.admin-bar #td-mobile-nav {
padding-top: 32px;
}
@media (max-width: 767px) {
.admin-bar #td-mobile-nav {
padding-top: 46px;
}
}
.td-menu-background {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
position: fixed;
display: block;
width: 100%;
height: 113%;
z-index: 9999;
-webkit-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
-moz-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
-o-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
}
.td-menu-background:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.98;
background: #333145;
background: -moz-linear-gradient(top, #333145 0%, #b8333e 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #333145), color-stop(100%, #b8333e));
background: -webkit-linear-gradient(top, #333145 0%, #b8333e 100%);
background: -o-linear-gradient(top, #333145 0%, #b8333e 100%);
background: -ms-linear-gradient(top, #333145 0%, #b8333e 100%);
background: linear-gradient(to bottom, #333145 0%, #b8333e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333145', endColorstr='#b8333e', GradientType=0);
}
#td-mobile-nav {
padding: 0;
position: absolute;
width: 100%;
top: 0;
z-index: 9999;
-webkit-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
-moz-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
-o-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
transform: translate3d(-99%, 0, 0);
-webkit-transform: translate3d(-99%, 0, 0);
-moz-transform: translate3d(-99%, 0, 0);
-ms-transform: translate3d(-99%, 0, 0);
-o-transform: translate3d(-99%, 0, 0);
left: -1%;
height: 1px;
overflow: hidden;
}
.td-menu-socials-wrap {
position: relative;
}
.td-menu-socials-wrap .td-icon-font {
color: #fff;
}
.td-menu-socials {
padding: 0 65px 0 20px;
overflow: hidden;
height: 60px;
}
.td-menu-socials .td-social-icon-wrap {
margin: 20px 5px 0 0;
}
.td-menu-socials .td-social-icon-wrap i {
border: none;
background-color: transparent;
}
.td-mobile-close {
position: absolute;
right: 0;
top: 0;
z-index: 1000;
}
.td-mobile-close .td-icon-close-mobile {
height: 70px;
width: 70px;
line-height: 70px;
font-size: 21px;
color: #fff;
top: 4px;
position: relative;
}
.td-mobile-content {
padding: 20px 20px 0;
}
.td-mobile-container {
padding-bottom: 20px;
}
/* menu content */
.td-mobile-content {
/* first submenu */
/* hide the icons */
/* reposition the main menu */
}
.td-mobile-content .fa {
margin-right: 10px;
min-width: 22px !important;
display: inline-block;
font-size: 18px;
text-align: center;
position: relative;
top: -1px;
}
.td-mobile-content .sub-menu .fa {
min-width: 16px !important;
font-size: 13px;
}
.td-mobile-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.td-mobile-content li {
float: none;
margin-left: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.td-mobile-content li a {
display: block;
line-height: 21px;
font-size: 21px;
color: #fff;
margin-left: 0;
padding: 12px 45px 12px 12px;
font-weight: bold;
}
.td-mobile-content .td-icon-menu-right {
position: absolute;
cursor: pointer;
top: 3px;
right: -7px;
z-index: 1000;
font-size: 14px;
padding: 12px 15px;
float: right;
color: #fff;
-webkit-transform-origin: 50% 50% 0px;
-moz-transform-origin: 50% 50% 0px;
-o-transform-origin: 50% 50% 0px;
transform-origin: 50% 50% 0px;
-webkit-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
.td-mobile-content .td-icon-menu-right:before {
content: '\e83d';
}
.td-mobile-content .td-sub-menu-open > a i {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.td-mobile-content .td-sub-menu-open > ul {
display: block;
max-height: 1000px;
opacity: 0.9;
}
.td-mobile-content .sub-menu {
max-height: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
/* 2nd level submenu */
}
.td-mobile-content .sub-menu .td-icon-menu-right {
font-size: 11px;
right: -6px;
top: 1px;
color: #fff;
}
.td-mobile-content .sub-menu a {
padding: 9px 36px 9px 36px !important;
line-height: 19px;
font-size: 16px;
font-weight: normal;
}
.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 .current-menu-item > a,
.td-mobile-content .current-menu-ancestor > a {
color: #73C7E3;
}
.td-mobile-content .menu_icon {
display: none;
}
.td-mobile-content .menu-item-has-children a {
width: 100%;
z-index: 1;
}
.td-mobile-content .td-link-element-after {
position: relative;
}
.td-menu-mob-open-menu {
position: relative;
}
.td-menu-mob-open-menu #wpadminbar {
position: fixed !important;
}
.td-menu-mob-open-menu #td-outer-wrap {
position: fixed;
transform: scale3d(0.9, 0.9, 0.9);
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
-o-transform: scale3d(0.9, 0.9, 0.9);
-webkit-box-shadow: 0 0 46px;
-moz-box-shadow: 0 0 46px;
box-shadow: 0 0 46px;
}
.td-menu-mob-open-menu #td-mobile-nav {
height: auto;
overflow: auto;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
left: 0;
}
.td-menu-mob-open-menu .td-menu-background {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.td-menu-mob-open-menu.admin-bar #td-mobile-nav {
padding-top: 0;
}
.td-mobile-footer-wrap {
text-align: center;
background-color: #222;
color: #fff;
padding-top: 30px;
padding-bottom: 30px;
clear: both;
}
.td-mobile-footer-wrap a {
color: #fff;
}
.td-mobile-footer-wrap > a {
display: inline-block;
}
.td-mobile-footer-wrap .block-title {
margin: 0 0 26px 0;
}
.td-footer-wrap {
margin-bottom: 40px;
font-size: 15px;
line-height: 21px;
}
.td-footer-wrap:last-child {
margin-bottom: 0;
}
.footer-email-wrap {
padding-top: 16px;
}
.footer-email-wrap a {
color: #4db2ec;
}
.td-social-icon-wrap {
display: inline-block;
margin: 5px;
}
.td-social-icon-wrap .td-icon-font {
font-size: 14px;
width: 40px;
height: 40px;
line-height: 38px;
border: 1px solid rgba(255, 255, 255, 0.1);
background-color: rgba(255, 255, 255, 0.03);
}
.td-mobile-sub-footer-wrap {
color: #ccc;
background-color: #000;
text-align: center;
padding: 18px 0;
}
.td-sub-footer-menu ul {
margin-top: 0;
}
.td-sub-footer-menu .sub-menu {
display: none;
}
.td-sub-footer-menu li {
list-style: none;
display: inline-block;
margin-left: 0;
margin-bottom: 12px;
}
.td-sub-footer-menu a {
color: #ccc;
margin: 0 8px;
}
.td-sub-footer-menu:last-child a {
margin-right: 0;
}
.td-post-content {
margin-bottom: 26px;
}
.td-post-featured-image {
margin-left: -15px;
margin-right: -15px;
}
.td-post-featured-image img {
margin-bottom: 21px;
}
.td-post-featured-image .wp-caption-text {
margin-left: 15px;
}
.single .td-category {
margin-bottom: 0;
}
.td-category {
list-style: none;
font-size: 10px;
margin-top: 0;
margin-bottom: 10px;
line-height: 1;
max-height: 23px;
overflow: hidden;
}
.td-category li {
display: inline-block;
margin: 0 7px 7px 0;
line-height: 1;
}
.td-category a {
color: #000;
border: 1px solid #ededed;
padding: 4px 6px;
white-space: nowrap;
display: inline-block;
}
header .entry-title {
margin-top: 9px;
margin-bottom: 9px;
font-size: 30px;
line-height: 34px;
font-weight: normal;
}
article .wpb_video_wrapper {
margin: 0 -15px 20px;
}
header .td-module-meta-info {
margin-bottom: 21px;
color: #999;
font-size: 12px;
line-height: 1;
height: 17px;
overflow: hidden;
}
header .td-module-meta-info i {
margin-right: 5px;
vertical-align: middle;
}
header .td-module-meta-info .td-post-date {
display: inline-block;
position: relative;
top: 2px;
}
header .td-module-meta-info .td-post-author-name {
font-weight: 400;
display: inline-block;
position: relative;
top: 2px;
}
header .td-module-meta-info .td-post-author-name a {
font-weight: 700;
margin-right: 3px;
}
header .td-module-meta-info .td-post-author-name div {
display: inline-block;
margin-right: 2px;
}
header .td-module-meta-info .td-post-views {
float: right;
margin-left: 10px;
}
header .td-module-meta-info .td-post-views span {
line-height: 16px;
}
header .td-module-meta-info .td-icon-views {
position: relative;
font-size: 14px;
margin-right: 5px;
}
header .td-module-meta-info .td-icon-comments {
margin-right: 5px;
font-size: 9px;
}
header .td-module-meta-info .td-post-comments {
float: right;
margin-left: 15px;
position: relative;
top: 2px;
}
header .td-module-meta-info .td-post-comments a {
color: #999;
}
.td-post-sub-title {
font-size: 15px;
font-style: italic;
font-weight: 300;
line-height: 24px;
color: #999;
margin: 0 0 9px;
}
.td-post-sharing-classic,
.td-post-sharing {
text-align: center !important;
}
.td-post-sharing-classic {
position: relative;
left: 21px;
height: 20px;
}
.td-post-sharing {
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
text-align: left;
z-index: 2;
white-space: nowrap;
}
.td-post-sharing.td-social-show-all {
white-space: normal;
}
.td-post-sharing-classic + .td-post-sharing {
margin-top: 8px;
}
.td-post-sharing-top {
margin-bottom: 20px;
}
.td-post-sharing-bottom {
border-style: solid;
border-color: #ededed;
border-width: 1px 0;
padding: 21px 0;
margin-bottom: 42px;
}
.td-post-sharing-bottom .td-post-sharing {
margin-bottom: -7px;
}
.td-post-sharing-visible,
.td-social-sharing-hidden {
display: inline-block;
}
.td-pulldown-filter-list {
display: none;
}
.td-social-show-all .td-pulldown-filter-list {
display: inline-block;
}
.td-social-network,
.td-social-handler {
position: relative;
display: inline-block;
margin-bottom: 7px;
height: 40px;
min-width: 40px;
font-size: 11px;
text-align: center;
vertical-align: middle;
border-radius: 2px;
}
.td-social-network {
margin-right: 7px;
color: #fff;
overflow: hidden;
}
.td-social-network:hover {
opacity: 0.8 !important;
}
.td-social-handler {
color: #444;
border: 1px solid #e9e9e9;
}
.td-social-handler .td-social-but-text {
font-weight: 700;
}
.td-social-handler .td-social-but-text:before {
background-color: #000;
}
.td-social-share-text {
margin-right: 18px;
}
.td-social-share-text:before,
.td-social-share-text:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: 100%;
width: 0;
height: 0;
border-style: solid;
}
.td-social-share-text:before {
border-width: 9px 0 9px 11px;
border-color: transparent transparent transparent #e9e9e9;
}
.td-social-share-text:after {
border-width: 8px 0 8px 10px;
border-color: transparent transparent transparent #fff;
}
.td-social-but-icon {
display: inline-block;
padding-left: 13px;
padding-right: 13px;
line-height: 40px;
z-index: 1;
}
.td-social-but-icon i {
position: relative;
top: -1px;
vertical-align: middle;
}
.td-social-but-text {
display: none;
}
.td-social-handler i,
.td-social-facebook i,
.td-social-reddit i,
.td-social-linkedin i,
.td-social-tumblr i,
.td-social-stumbleupon i,
.td-social-vk i,
.td-social-viber i {
font-size: 14px;
}
.td-social-googleplus i,
.td-social-telegram i {
font-size: 16px;
}
.td-social-mail i,
.td-social-line i,
.td-social-print i {
font-size: 15px;
}
.td-social-handler .td-icon-share {
top: -1px;
left: -1px;
}
.td-social-facebook {
background-color: #516eab;
}
.td-social-twitter {
background-color: #29c5f6;
}
.td-social-twitter .td-icon-twitter {
font-size: 12px;
}
.td-social-googleplus {
background-color: #eb4026;
}
.td-social-googleplus .td-social-but-icon {
padding-right: 12px;
}
.td-social-googleplus .td-icon-googleplus {
left: -1px;
}
.td-social-pinterest {
background-color: #ca212a;
}
.td-social-pinterest .td-icon-pinterest {
font-size: 13px;
}
.td-social-whatsapp {
background-color: #7bbf6a;
}
.td-social-whatsapp .td-icon-whatsapp {
font-size: 18px;
}
.td-social-reddit {
background-color: #f54200;
}
.td-social-reddit .td-social-but-icon {
padding-right: 12px;
}
.td-social-reddit .td-icon-reddit {
left: -1px;
}
.td-social-mail,
.td-social-digg,
.td-social-print {
background-color: #000;
}
.td-social-linkedin {
background-color: #0266a0;
}
.td-social-tumblr {
background-color: #3e5a70;
}
.td-social-telegram {
background-color: #179cde;
}
.td-social-telegram .td-social-but-icon {
padding-right: 12px;
}
.td-social-telegram .td-icon-telegram {
left: -1px;
}
.td-social-stumbleupon {
background-color: #ee4813;
}
.td-social-stumbleupon .td-social-but-icon {
padding-right: 11px;
}
.td-social-stumbleupon .td-icon-stumbleupon {
left: -2px;
}
.td-social-digg .td-social-but-icon {
padding-right: 11px;
}
.td-social-digg .td-icon-digg {
left: -2px;
font-size: 17px;
}
.td-social-vk {
background-color: #4c75a3;
}
.td-social-vk .td-social-but-icon {
padding-right: 11px;
}
.td-social-vk .td-icon-vk {
left: -2px;
}
.td-social-line {
background-color: #00b900;
}
.td-social-viber {
background-color: #5d54a4;
}
.td-social-expand-tabs i {
top: -2px;
left: -1px;
font-size: 16px;
}
.td-post-source-tags {
font-size: 11px;
}
.td-post-source-tags .td-no-tags {
margin-bottom: 34px;
}
.td-post-source-via {
font-weight: 600;
}
.td-post-small-box {
margin-bottom: 7px;
line-height: 20px;
clear: left;
height: 20px;
display: table;
}
.td-post-small-box span {
background-color: #222;
padding: 5px 9px;
color: #fff;
display: block;
text-transform: uppercase;
line-height: 10px;
float: left;
height: 20px;
margin-right: 7px;
}
.td-post-small-box a {
display: block;
float: left;
border: 1px solid #ededed;
margin-right: 7px;
line-height: 6px;
color: #111;
padding: 6px 8px;
height: 20px;
}
.td-tags {
margin: 0 0 30px 0;
display: table;
line-height: 20px;
font-weight: 600;
}
.td-tags li {
list-style: none;
display: inline-block;
line-height: 20px;
margin-left: 0;
float: left;
margin-bottom: 7px;
}
#td-outer-wrap .td-post-prev-post {
padding-right: 10px;
float: left;
width: 50%;
}
#td-outer-wrap .td-post-next-post {
padding-left: 10px;
width: 50%;
text-align: right;
float: right;
}
.td-post-next-prev-content a {
display: block;
font-size: 14px;
font-weight: bold;
color: #222;
line-height: 19px;
margin-bottom: 43px;
}
.td-post-next-prev-content span {
display: block;
font-size: 12px;
color: #c1c1c1;
margin-bottom: 7px;
}
.author-box-wrap {
clear: both;
text-align: center;
border: 1px solid #ededed;
padding: 21px 10px;
margin-bottom: 48px;
}
.author-box-wrap .avatar {
margin-bottom: 5px;
width: 100px;
}
.author-box-wrap .desc {
font-size: 14px;
line-height: 24px;
}
.author-box-wrap .td-author-social {
margin: 10px 0 -5px;
}
.author-box-wrap .td-author-social a {
color: #444;
margin-top: 11px;
}
.author-box-wrap .td-author-social .td-social-icon-wrap {
margin: 0 8px 0 0;
}
.author-box-wrap .td-icon-font {
font-size: 16px;
color: #222;
}
.td-author-name {
font-size: 20px;
line-height: 21px;
font-weight: 700;
margin: 7px 0 8px 0;
}
.td-author-name a {
color: #222;
}
.td-author-url {
font-size: 13px;
font-style: italic;
line-height: 21px;
margin-bottom: 8px;
margin-top: 10px;
}
.td-author-counters {
font-size: 11px;
font-weight: 700;
color: #fff;
}
.td-author-counters span {
background-color: #222222;
padding: 4px 9px;
margin-right: 10px;
position: relative;
top: 0;
}
.td-author-description {
margin-top: 15px;
}
.td-related-title {
text-align: center;
margin-bottom: 24px;
}
.td_block_related_posts_mob {
margin-bottom: 48px;
clear: both;
}
.comment-reply-title {
text-align: center;
}
.td-comments-title-wrap .block-title {
margin-bottom: 24px;
margin-top: 19px;
}
.comment-pagination {
margin-left: -3%;
margin-right: -3%;
text-align: center;
}
.comment-pagination a {
background-color: #222;
color: #fff;
padding: 14px 0;
display: inline-block;
width: 45%;
text-align: center;
line-height: 1;
margin: 0 2% 25px;
}
.comment-list li:last-child {
border: none;
}
.comment {
list-style: none;
margin-left: 0;
padding-bottom: 13px;
border-bottom: 1px dashed #ededed;
margin-bottom: 21px;
clear: both;
}
.comment:first-child {
border-top: none;
}
.comment .avatar {
float: left;
margin-right: 15px;
margin-bottom: 20px;
width: 50px;
}
.comment cite {
font-weight: bold;
font-style: normal;
font-size: 17px;
line-height: 1;
}
.comment cite a {
display: block;
padding-top: 4px;
margin-bottom: 7px;
}
.comment .comment-content,
.comment .comment-meta {
margin-left: 65px;
}
.comment .comment-content {
margin-top: 7px;
}
.comment .comment-content p {
margin-bottom: 21px;
}
.comment .comment-content p:last-child {
margin-bottom: 0;
}
.comment p {
margin-bottom: 0;
word-wrap: break-word;
}
.comment .logged-in-as {
margin-bottom: 10px;
}
.comment .children {
padding-top: 20px;
border-top: 1px dashed #ededed;
margin-top: 10px;
}
.comment .children cite a {
padding-top: 9px;
}
.comment .children .comment:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.comment .children .comment .avatar {
width: 36px;
height: 36px;
position: relative;
/* responsive 500px phone */
}
@media (max-width: 500px) {
.comment .children .comment .avatar {
margin-bottom: 10px;
}
}
.comment .children .comment .comment-content,
.comment .children .comment .comment-meta {
margin-left: 50px;
}
.comment-list > .comment > .children {
margin-left: 65px;
}
.comment-link {
font-size: 11px;
line-height: 1;
color: #b4b4b4;
padding-left: 0;
margin-bottom: 5px;
}
.comment-meta {
margin-top: 4px;
}
.comment-respond {
margin-bottom: 21px;
clear: both;
}
.comment-reply-link {
font-size: 11px;
color: #b4b4b4;
}
.comment-form-cookies-consent label {
margin-left: 8px;
position: relative;
top: -1px;
}
.single .comments {
margin-bottom: 48px;
padding-top: 1px;
margin-top: -20px;
clear: both;
}
/* ----------------------------------------------------------------------------
Comment form
*/
#reply-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 17px;
margin-top: 0;
}
.logged-in-as {
margin-top: 0;
margin-bottom: 10px;
font-size: 13px;
}
.logged-in-as a {
color: #111111;
font-weight: 600;
}
.logged-in-as a:last-child {
display: block;
float: right;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: 400;
color: #111111;
margin-left: 10px;
white-space: nowrap;
}
.comment .comment-form-input-wrap {
margin-top: 0;
margin-bottom: 21px;
}
.comment-subscription-form {
margin-bottom: 3px;
font-size: 13px;
}
.comment-subscription-form .subscribe-label {
margin-left: 3px;
position: relative;
top: -1px;
}
.comments .comment-form .td-warning-comment,
.comments .comment-form .td-warning-author,
.comments .comment-form .td-warning-email,
.comments .comment-form .td-warning-email-error {
display: none;
}
.comments .comment-form textarea {
display: block;
}
.comments .td-comment-form-warnings .td-warning-comment,
.comments .td-comment-form-warnings .td-warning-author,
.comments .td-comment-form-warnings .td-warning-email,
.comments .td-comment-form-warnings .td-warning-email-error {
margin-bottom: -11px;
color: #ff7a7a;
font-size: 11px;
font-style: italic;
line-height: 15px;
}
.comments .td-form-comment,
.comments .td-form-author,
.comments .td-form-email,
.comments .td-form-url {
margin-top: 0;
margin-bottom: 21px;
}
.comments .submit {
width: 100%;
font-size: 15px;
font-weight: bold;
padding: 14px 0;
text-transform: uppercase;
}
.must-log-in {
background-color: #222;
line-height: 1;
width: 100%;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
}
.must-log-in a {
color: #fff;
padding: 14px 0;
display: block;
}
/* ----------------------------------------------------------------------------
General smart list style
*/
.td-smart-list-pagination {
text-align: center;
}
.td-smart-list-button {
line-height: 40px;
background-color: #222;
color: #fff;
padding: 13px 24px 15px;
font-size: 16px;
font-style: normal;
text-align: center;
cursor: pointer;
margin: 0 10px;
}
.td-smart-list-button .td-icon-left {
font-size: 14px;
position: relative;
top: 1px;
padding-right: 11px;
}
.td-smart-list-button .td-icon-right {
font-size: 14px;
position: relative;
top: 1px;
padding-left: 11px;
}
/* ----------------------------------------------------------------------------
Smart list 1
*/
.tdm_smart_list_1 {
margin: 20px 0;
position: relative;
z-index: 1;
clear: both;
}
.tdm_smart_list_1 .td-sml-top-tile {
margin-bottom: 10px;
text-align: center;
}
.tdm_smart_list_1 .td-a-rec-id-smart_list_7 {
margin-bottom: 0;
}
.tdm_smart_list_1 .td-slide-smart-list-figure img {
width: 100%;
}
.tdm_smart_list_1 .td-sml-description {
margin-top: 0;
}
.tdm_smart_list_1 .td-slide-smart-list-figure {
text-align: center;
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 16px;
}
.tdm_smart_list_1 .td-sml-caption {
text-align: left;
}
.tdm_smart_list_1 h2 {
margin: 0;
line-height: 1;
padding: 0;
min-height: 0;
}
.tdm_smart_list_1 .td-sml-current-item-title {
margin-top: 10px;
margin-bottom: 8px;
width: 100%;
text-align: left;
line-height: 30px;
font-weight: bold;
font-size: 26px;
}
.tdm_smart_list_1 .td-item .td-smart-list-pagination {
position: relative;
display: inline-block;
}
.tdm_smart_list_1 .td-smart-list-pagination {
display: inline-block;
width: 100%;
position: relative;
top: 0;
margin: 10px 0;
}
.tdm_smart_list_1 .td-smart-list-pagination .td-smart-list-button {
margin: 0;
line-height: 1;
}
.tdm_smart_list_1 .td-smart-list-pagination .td-smart-back {
float: left;
}
.tdm_smart_list_1 .td-smart-list-pagination .td-smart-next {
float: right;
}
.td-smart-disable {
opacity: 0.5;
}
/* ----------------------------------------------------------------------------
wordpress default galleries
*/
.gallery img {
border: none !important;
}
/* ----------------------------------------------------------------------------
caption
*/
.gallery-item img {
margin-bottom: 0;
}
.gallery-item .gallery-caption {
text-align: center;
margin-bottom: 10px;
}
/* ----------------------------------------------------------------------------
less for gallery slider
*/
.td-gallery-slider {
margin-left: -15px;
margin-right: -15px;
}
.post_td_gallery {
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
color: #fff;
margin-bottom: 24px;
background-color: #222;
overflow: hidden;
clear: both;
position: relative;
}
.td-gallery-slide-top {
position: relative;
min-height: 60px;
background-color: #111;
}
.td-gallery-title {
font-size: 22px;
line-height: 24px;
font-weight: bold;
padding: 0 15px;
text-align: center;
}
/* controls wrapper */
.td-gallery-controls-wrapper {
height: 40px;
margin: auto !important;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.td-gallery-slide-count {
display: block;
font-style: italic;
font-size: 12px;
font-weight: 600;
text-align: center;
margin-bottom: 3px;
}
.td-gallery-slide-prev-next-but {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
z-index: 2;
text-align: center;
height: 50px;
color: #fff;
width: 100%;
opacity: 0.7;
pointer-events: none;
}
.td-gallery-slide-prev-next-but .td-icon-left {
font-size: 40px;
padding: 5px 17px 2px 10px;
float: left;
background-color: rgba(0, 0, 0, 0.5);
pointer-events: auto;
}
.td-gallery-slide-prev-next-but .td-icon-right {
font-size: 40px;
padding: 5px 10px 2px 17px;
float: right;
background-color: rgba(0, 0, 0, 0.5);
pointer-events: auto;
}
.td-gallery-slide-copywrite {
float: right;
padding: 6px 15px;
font-style: italic;
line-height: 15px;
font-size: 11px;
display: inline-block;
background-color: rgba(0, 0, 0, 0.8);
text-align: center;
width: 100%;
}
.td-button {
margin: 0 4.2px 0 4.3px;
}
.td-doubleSlider-1 {
width: auto;
height: 240px;
}
.td-doubleSlider-1 .td-slide-galery-figure {
text-align: center;
position: relative;
width: 100%;
height: 240px;
}
.td-doubleSlider-1 .td-slide-item img {
max-height: 100%;
max-width: 100%;
}
.td-doubleSlider-1 .td-slide-item {
width: 100%;
}
.td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
margin: auto;
overflow: 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;
/* if caption or description text is present */
}
.td-doubleSlider-1 .td-slide-item .td-slide-caption span {
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
font-size: 12px;
color: #fff;
line-height: 18px;
width: 100%;
float: left;
padding: 5px 10px;
background-color: rgba(0, 0, 0, 0.6);
}
.td-doubleSlider-1 .td-slide-item .td-slide-caption.td-gallery-slide-content {
width: 100%;
}
/*
video list player
*/
/*
player size configuration variable
*/
.td_block_video_playlist {
padding-bottom: 30px;
margin-left: -15px;
margin-right: -15px;
}
.td_video_playlist_title {
position: relative;
z-index: 1;
background-color: #222;
}
.td_video_playlist_title .td_video_title_text {
font-weight: bold;
font-size: 15px;
color: #ffffff;
margin-left: 17px;
margin-right: 17px;
vertical-align: middle;
line-height: 24px;
padding: 10px 0 10px 0;
text-align: center;
}
.td_wrapper_video_playlist {
z-index: 1;
position: relative;
}
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper {
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_stop_play_control {
position: relative;
width: 65px;
height: 65px;
outline: 0 !important;
}
.td_wrapper_video_playlist .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_youtube_control,
.td_wrapper_video_playlist .td_vimeo_control {
position: relative;
top: 12px;
left: 11px;
cursor: pointer;
}
.td_wrapper_video_playlist .td_video_title_playing {
position: absolute;
left: 80px;
font-size: 13px;
line-height: 19px;
font-weight: bold;
color: #ffffff;
padding-right: 7px;
overflow: hidden;
max-height: 20px;
top: 23px;
}
@media (max-width: 480px) {
.td_wrapper_video_playlist .td_video_title_playing {
max-height: 37px;
top: 13px;
}
}
.td_wrapper_video_playlist .td_video_time_playing {
position: absolute;
bottom: 0;
right: 5px;
font-size: 10px;
font-style: italic;
color: #ffffff;
line-height: 17px;
padding-right: 1px;
}
.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;
width: 3px;
height: inherit;
}
.td_wrapper_video_playlist .td_click_video {
height: 60px;
display: block;
width: 100%;
position: relative;
}
.td_wrapper_video_playlist .td_click_video:hover {
background-color: #333333;
cursor: pointer;
}
.td_wrapper_video_playlist .td_video_thumb {
position: relative;
top: 10px;
width: 72px;
height: 40px;
overflow: hidden;
margin-left: 16px;
}
.td_wrapper_video_playlist .td_video_thumb img {
position: relative;
top: -6px;
}
.td_wrapper_video_playlist .td_video_title_and_time {
position: absolute;
top: 10px;
margin: 0 30px 0 103px;
}
.td_wrapper_video_playlist .td_video_title_and_time .td_video_title {
font-size: 12px;
color: #ffffff;
line-height: 15px;
max-height: 30px;
overflow: hidden;
}
.td_wrapper_video_playlist .td_video_time {
font-size: 10px;
font-style: italic;
color: #777777;
line-height: 13px;
}
.td_wrapper_video_playlist .td_wrapper_player {
background-color: #000;
}
.td_wrapper_video_playlist .td_wrapper_player iframe {
width: 100%;
height: 100%;
}
.td_wrapper_video_playlist .td_container_video_playlist {
background-color: #222;
vertical-align: top;
overflow: hidden;
}
.td_wrapper_video_playlist .td_playlist_clickable {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.td_block_video_playlist .td_wrapper_video_playlist {
left: 0;
}
.td_block_video_playlist .td_video_title_playing {
max-height: 20px;
top: 23px;
}
@media (max-width: 480px) {
.td_block_video_playlist .td_video_title_playing {
max-height: 37px;
top: 13px;
}
}
.td_block_video_playlist .td_wrapper_player {
display: block;
height: 210px;
}
@media (max-width: 360px) {
.td_block_video_playlist .td_wrapper_player {
height: 190px;
}
}
.td_block_video_playlist .td_container_video_playlist {
display: block;
height: 305px;
}
.td_block_video_playlist .td_container_video_playlist .td_playlist_clickable {
height: 240px;
}
.wp-video-shortcode:focus {
outline: 0 !important;
}
/*
Woocommerce
*/
/* woocommerce breadcrumbs */
.woocommerce-breadcrumb .td-bread-sep {
font-size: 11px;
margin: 0 5px;
position: relative;
top: 1px;
}
.woocommerce .woocommerce-breadcrumb {
color: #999;
margin: 15px 0;
font-size: 12px;
line-height: 1;
}
.woocommerce .woocommerce-breadcrumb a {
color: #999;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0.9em;
}
.woocommerce nav.woocommerce-pagination {
margin-bottom: 26px;
margin-top: 26px;
}
.woocommerce ul.products {
margin: 0px -2% !important;
}
.woocommerce ul.products li.product {
width: 46% !important;
float: left !important;
margin: 0 2% 3% !important;
clear: none;
text-align: center;
}
.woocommerce ul.products li.product:nth-child(2n+1) {
clear: both;
}
.woocommerce ul.products li.product a img {
margin: 0 0 3px;
}
.woocommerce ul.products li.product .price {
font-size: 1em;
}
.woocommerce ul.products li.product h3 {
line-height: 20px;
}
.woocommerce ul.products li.product .button {
margin-top: 0;
margin-bottom: 10px;
}
.woocommerce ul.products li.product .star-rating {
margin: 0 auto 12px;
}
.woocommerce a.added_to_cart {
padding-top: 0;
width: 100%;
}
.woocommerce table.shop_table {
font-size: 13px;
line-height: 16px;
}
.woocommerce table.shop_table td {
padding: 6px;
}
.woocommerce td.product-quantity {
min-width: 60px;
}
.woocommerce td.product-name dl.variation dd,
.woocommerce td.product-name dl.variation dt {
margin-bottom: 0;
}
.woocommerce td.product-name dl.variation dd p,
.woocommerce td.product-name dl.variation dt p {
font-size: 13px;
line-height: 16px;
}
.woocommerce td.product-name dl.variation dd {
margin-left: 6px;
float: right;
}
.woocommerce .product-price,
.woocommerce .product-subtotal {
text-align: right;
}
.woocommerce .product-quantity {
text-align: center;
}
.woocommerce a.remove:hover {
text-decoration: none;
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 0;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
margin-bottom: 16px;
}
.woocommerce div.product .product_title {
margin-bottom: 10px;
font-size: 28px;
line-height: 32px;
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 14px;
}
.woocommerce .must-log-in {
background-color: transparent;
line-height: 24px;
}
.woocommerce .must-log-in a {
display: inline;
color: #4db2ec;
}
.woocommerce .product h2 {
font-size: 22px;
line-height: 28px;
}
.woocommerce p.stars {
font-size: 11px;
}
.woocommerce ul.products li.product .price {
margin-top: -7px;
}
/*
bbPress
*/
.bbp-breadcrumb-sep {
margin: 0 5px;
position: relative;
top: 1px;
font-size: 17px;
}
.bbp-breadcrumb {
color: #999;
font-size: 12px;
line-height: 1;
}
.bbp-breadcrumb a {
color: #999;
}
#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
margin-bottom: 15px;
margin-top: 3px;
}
#bbpress-forums div.bbp-search-form {
margin-bottom: 10px;
}
.bbp-search-form {
float: none !important;
}
.bbp-search-form div {
position: relative;
}
.bbp-search-form #bbp_search {
width: 100% !important;
height: 33px;
}
.bbp-search-form .button {
position: absolute;
right: 0;
top: 0;
font-size: 13px;
padding: 8px 15px;
}
#bbpress-forums li {
line-height: 17px;
}
#bbpress-forums textarea {
border: 1px solid #E1E1E1;
}
#bbpress-forums .bbp-form button {
font-size: 13px;
padding: 8px 15px;
background-color: #222;
color: #fff;
display: block;
border: none;
width: 100%;
}
#bbpress-forums div.bbp-submit-wrapper {
width: 100%;
}
#bbpress-forums .bbp-header .bbp-reply-author {
display: none;
}
#bbpress-forums .bbp-header .bbp-reply-content {
margin-left: 6px !important;
}
#bbpress-forums .bbp-footer {
display: none;
}
#bbpress-forums .bbp-user-section .bbp-user-forum-role,
#bbpress-forums .bbp-user-section .bbp-user-topic-count,
#bbpress-forums .bbp-user-section .bbp-user-reply-count {
margin-bottom: 5px;
}
#bbpress-forums #bbp-user-body {
margin-left: 0;
}
#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;
margin: 0 4px -3px;
}
#subscription-toggle {
display: block;
clear: both;
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
margin-bottom: 3px;
}
#bbpress-forums .bbp-body div.bbp-reply-author {
font-size: 16px;
font-weight: bold;
}
#bbpress-forums div.bbp-reply-author img.avatar {
top: 5px;
}
#bbpress-forums .bbp-body div.bbp-reply-author {
margin-top: -10px;
}
.bbp-user-page .td-page-title,
.bbp-user-edit .td-page-title {
text-align: center;
}
#bbpress-forums #bbp-single-user-details {
float: none;
text-align: center;
margin: 0 auto;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
border-radius: 100%;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation {
margin-bottom: 20px;
}
#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
width: 100%;
}
#bbpress-forums fieldset.bbp-form label {
width: auto !important;
}
#bbpress-forums #bbp-your-profile fieldset {
padding: 5px 15px 0;
}
#bbpress-forums #bbp-your-profile fieldset.submit {
border: none;
margin: 0;
padding: 0;
}
#bbpress-forums #bbp-your-profile fieldset.submit button {
font-size: 13px;
padding: 8px 15px;
background-color: #222;
color: #fff;
display: block;
border: none;
width: 100%;
}
#bbpress-forums #bbp-your-profile fieldset select {
width: 100%;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password {
width: auto;
}
/*
buddyPress
*/
#buddypress div.dir-search {
float: none;
position: relative;
margin-top: 0;
}
#buddypress div.dir-search input[type="text"] {
width: 100% !important;
height: 33px;
margin-bottom: 20px;
}
#buddypress div.dir-search input[type="submit"] {
position: absolute;
right: 0;
top: 0;
font-size: 13px;
padding: 8px 15px;
background-color: #222;
color: #fff;
display: block;
border: none;
}
#buddypress {
margin-bottom: 30px;
}
#buddypress #register-page input {
width: 100% !important;
font-size: 16px;
}
#buddypress #register-page input[type="submit"] {
padding: 18px 15px;
background-color: #222;
color: #fff;
display: block;
border: none;
margin-bottom: 26px;
}
#buddypress #register-page #signup_form.standard-form div.submit {
float: none;
}
#buddypress #register-page .register-section {
float: none !important;
width: 100% !important;
}
#buddypress .dir-search p,
#buddypress .dir-form p,
#buddypress #whats-new-form p,
#buddypress #activity-loop-form p {
margin: 0;
}
#buddypress .dir-search br,
#buddypress .dir-form br,
#buddypress #whats-new-form br,
#buddypress #activity-loop-form br,
#buddypress .dir-search p:empty,
#buddypress .dir-form p:empty,
#buddypress #whats-new-form p:empty,
#buddypress #activity-loop-form p:empty {
display: none;
}
#buddypress p:empty {
margin: 0;
line-height: 0;
}
#buddypress div#message p:empty {
display: none;
}
#buddypress ul.item-list li div.item-title {
width: 100%;
line-height: 18px;
}
#buddypress div#item-header div#item-meta #latest-update {
line-height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* ----------------------------------------------------------------------------
main sprite file
*/
.td-sp {
background-image: url('../images/sprite/elements@2x.png') !important;
background-size: 90px 2100px !important;
}
}
/* ----------------------------------------------------------------------------
sprite
*/
.td-sp {
background-image: url('../images/sprite/elements.png');
background-repeat: no-repeat;
display: block;
}
.td-sp-video-play {
width: 42px;
height: 42px;
background-position: -20px -488px;
}
.td-sp-video-pause {
width: 42px;
height: 42px;
background-position: -20px -612px;
}
/*
ie8, ie9, ie10, ie11
td-md-is-ios
td-md-is-android
td-md-is-os-x
td-md-is-chrome
td-md-is-firefox
td-md-is-safari
td-md-is-iemobile
*/
.td-md-is-iemobile #td-outer-wrap {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.td-md-is-iemobile .td-post-category {
line-height: 9px;
}
.td-md-is-iemobile .td_module_mob_2 .td-video-play-ico > img {
margin: 0;
}
.td-md-is-iemobile .td-category a {
padding: 2px 6px 3px;
}
.td-md-is-iemobile header .td-post-comments {
top: 4px;
}
.td-md-is-iemobile header .td-post-views {
position: relative;
top: 2px;
}
.td-md-is-iemobile header .td-module-meta-info i {
position: relative;
top: -1px;
}
.td-md-is-iemobile .td-post-small-box span {
line-height: 8px;
}
.td-md-is-iemobile .td-post-small-box a {
line-height: 5px;
}
.td-md-is-iemobile #td-top-mobile-toggle i,
.td-md-is-iemobile .td-search-icon i {
line-height: 60px;
}
.td-md-is-android .td-post-category {
padding: 5px 6px 3px;
}
.td-md-is-android .td-category a {
padding: 5px 6px 2px;
}
.td-md-is-android .td-category-header .td-category a {
line-height: 10px;
}
.td-md-is-android .page-nav i {
line-height: 45px;
}
.td-md-is-android .td-social-icon-wrap .td-icon-font {
line-height: 42px;
}
.td-md-is-android .td-scroll-up .td-icon-menu-up {
top: 9px;
}
.td-md-is-android .td-post-small-box span {
line-height: 12px;
}
.td-md-is-android .td-post-small-box a {
line-height: 8px;
}
.td-md-is-ios .td-scroll-up {
bottom: 24px;
right: 4px;
opacity: 0.7;
}
.td-md-is-ios header .td-module-meta-info .td-post-views {
position: relative;
top: 2px;
}
.td-md-is-ios header .td-module-meta-info .td-post-comments {
top: 4px;
}
* {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
*: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;
}
body {
visibility: visible !important;
background-color: #c1c1c1;
}
#td-outer-wrap {
overflow: auto;
margin: auto;
width: 100%;
background-color: #fff;
-webkit-transition: transform 0.7s ease;
-moz-transition: transform 0.7s ease;
-o-transition: transform 0.7s ease;
transition: transform 0.7s ease;
-webkit-transform-origin: 50% 200px 0;
-moz-transform-origin: 50% 200px 0;
-o-transform-origin: 50% 200px 0;
transform-origin: 50% 200px 0;
}
.td-container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.post footer {
clear: both;
}
.td-scroll-up {
cursor: pointer;
position: fixed;
bottom: 4px;
right: 5px;
width: 40px;
height: 40px;
background-color: #4db2ec;
z-index: 9999;
transform: translate3d(0, 70px, 0);
-webkit-transform: translate3d(0, 70px, 0);
-moz-transform: translate3d(0, 70px, 0);
-ms-transform: translate3d(0, 70px, 0);
-o-transform: translate3d(0, 70px, 0);
-webkit-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
-moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
-o-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
}
.td-scroll-up .td-icon-menu-up {
position: relative;
color: #fff;
font-size: 20px;
display: block;
text-align: center ;
width: 40px;
top: 7px;
}
.td-scroll-up-visible {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
.td-custom-html-mob {
text-align: center;
margin: 0 auto;
}
Zerion Mini Shell 1.0