%PDF-
%PDF-
Mini Shell
Mini Shell
/*
Theme Name: Newspaper
Theme URI: http://tagdiv.com
Description: Premium WordPress template, clean and easy to use.
Version: 10
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
License:
License URI:
Text Domain: newspaper
Tags:black, white, one-column, two-columns, fixed-layout
-------------------------------------
Table of content:
-------------------------------------
1. Variables
2. Mixin
3. Normalize
4. Theme Grid
5. Header
6. Typography
7. Modules
8. Post and Page
8.1 Page
8.2 Post template
8.3 Comments
8.4 Gutenberg
8.5 Galleries
9. Misc
10. Footer
_ _
| \ | ___ _ _ _ ___ ___ ___ ___ ___ _ _
| |/ ._>| | | |<_-<| . \<_> || . \/ ._>| '_>
|_\_|\___.|__/_/ /__/| _/<___|| _/\___.|_|
|_| |_|
~ tagDiv 2019 ~
Thanks for using our theme !
Our portfolio is here: http://tagdiv.com
*/
/* ----------------------------------------------------------------------------
responsive settings
*/
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
.mx_image_background {
background-color: #f2f2f2;
}
.td-visibility-hidden {
visibility: hidden;
}
.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
*/
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 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;
}
/* 4. Theme Grid */
body {
visibility: visible !important;
}
* {
-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;
}
.td-main-content-wrap,
.td-category-grid {
background-color: #fff;
}
.td-page-meta {
display: none;
}
/* ----------------------------------------------------------------------------
container
*/
.td-container,
.tdc-row,
.tdc-row-composer {
width: 1068px;
margin-right: auto;
margin-left: auto;
}
.td-container:before,
.tdc-row:before,
.tdc-row-composer:before,
.td-container:after,
.tdc-row:after,
.tdc-row-composer:after {
display: table;
content: '';
line-height: 0;
}
.td-container:after,
.tdc-row:after,
.tdc-row-composer:after {
clear: both;
}
.tdc-row[class*="stretch_row"] > .td-pb-row > .td-element-style,
.tdc-row-composer[class*="stretch_row"] > .td-pb-row > .td-element-style {
width: 100vw !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
.td-pb-row > .td-element-style {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-pb-row > .td-element-style {
width: 100vw !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
}
.vc_inner.absolute_inner {
/* responsive portrait tablet */
/* responsive portrait tablet */
}
@media (min-width: 1019px) {
.vc_inner.absolute_inner {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.vc_inner.absolute_inner {
padding-left: 14px;
padding-right: 14px;
}
}
.vc_inner.absolute_inner_full {
width: 100% !important;
}
.vc_inner.absolute_inner_1068 {
width: 100% !important;
max-width: 1156px;
left: 0;
right: 0;
margin: 0 auto;
/* responsive landscape tablet */
/* responsive portrait tablet */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.vc_inner.absolute_inner_1068 {
max-width: 1020px;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.vc_inner.absolute_inner_1068 {
max-width: 768px;
padding-left: 0;
padding-right: 0;
}
}
.tdc-row.stretch_row_1200,
.tdc-row-composer.stretch_row_1200 {
width: auto !important;
max-width: 1240px;
/* responsive portrait tablet */
}
.tdc-row.stretch_row_1200 > .td-pb-row,
.tdc-row-composer.stretch_row_1200 > .td-pb-row {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tdc-row.stretch_row_1200 > .td-pb-row,
.tdc-row-composer.stretch_row_1200 > .td-pb-row {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 1019px) {
.tdc-row.stretch_row_1200,
.tdc-row-composer.stretch_row_1200 {
padding-left: 20px;
padding-right: 20px;
}
}
.vc_inner.absolute_inner_1200 {
width: 100% !important;
max-width: 1248px;
left: 0;
right: 0;
margin: 0 auto;
}
.tdc-row.stretch_row_1400,
.tdc-row-composer.stretch_row_1400 {
width: auto !important;
max-width: 1440px;
/* responsive portrait tablet */
}
.tdc-row.stretch_row_1400 > .td-pb-row,
.tdc-row-composer.stretch_row_1400 > .td-pb-row {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tdc-row.stretch_row_1400 > .td-pb-row,
.tdc-row-composer.stretch_row_1400 > .td-pb-row {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 1019px) {
.tdc-row.stretch_row_1400,
.tdc-row-composer.stretch_row_1400 {
padding-left: 20px;
padding-right: 20px;
}
}
.vc_inner.absolute_inner_1400 {
width: 100% !important;
max-width: 1448px;
left: 0;
right: 0;
margin: 0 auto;
}
.tdc-row.stretch_row_1600,
.tdc-row-composer.stretch_row_1600 {
width: auto !important;
max-width: 1640px;
/* responsive portrait tablet */
}
.tdc-row.stretch_row_1600 > .td-pb-row,
.tdc-row-composer.stretch_row_1600 > .td-pb-row {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tdc-row.stretch_row_1600 > .td-pb-row,
.tdc-row-composer.stretch_row_1600 > .td-pb-row {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 1019px) {
.tdc-row.stretch_row_1600,
.tdc-row-composer.stretch_row_1600 {
padding-left: 20px;
padding-right: 20px;
}
}
.vc_inner.absolute_inner_1600 {
width: 100% !important;
max-width: 1648px;
left: 0;
right: 0;
margin: 0 auto;
}
.tdc-row.stretch_row_1800,
.tdc-row-composer.stretch_row_1800 {
width: auto !important;
max-width: 1840px;
/* responsive portrait tablet */
}
.tdc-row.stretch_row_1800 > .td-pb-row,
.tdc-row-composer.stretch_row_1800 > .td-pb-row {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tdc-row.stretch_row_1800 > .td-pb-row,
.tdc-row-composer.stretch_row_1800 > .td-pb-row {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 1019px) {
.tdc-row.stretch_row_1800,
.tdc-row-composer.stretch_row_1800 {
padding-left: 20px;
padding-right: 20px;
}
}
.vc_inner.absolute_inner_1800 {
width: 100% !important;
max-width: 1848px;
left: 0;
right: 0;
margin: 0 auto;
}
.tdc-row.stretch_row_content,
.tdc-row-composer.stretch_row_content {
width: 100% !important;
}
.tdc-row.stretch_row_content_no_space,
.tdc-row-composer.stretch_row_content_no_space {
width: 100% !important;
}
.tdc-row.stretch_row_content_no_space > .td-pb-row,
.tdc-row-composer.stretch_row_content_no_space > .td-pb-row {
margin-left: 0;
margin-right: 0;
}
.tdc-row.td-stretch-content,
.tdc-row-composer.td-stretch-content {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tdc-row.td-stretch-content,
.tdc-row-composer.td-stretch-content {
padding-left: 20px;
padding-right: 20px;
}
}
/* ----------------------------------------------------------------------------
rows
*/
.td-pb-row {
*zoom: 1;
margin-right: -24px;
margin-left: -24px;
position: relative;
}
.td-pb-row:before,
.td-pb-row:after {
display: table;
content: '';
}
.td-pb-row:after {
clear: both;
}
.td-boxed-layout .vc_row {
width: auto;
left: 0;
padding-left: 0;
padding-right: 0;
}
/* ----------------------------------------------------------------------------
all spans
*/
.td-pb-row [class*="td-pb-span"] {
display: block;
min-height: 1px;
float: left;
padding-right: 24px;
padding-left: 24px;
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
position: relative;
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-pb-row [class*="td-pb-span"] {
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-pb-row [class*="td-pb-span"] {
padding-right: 14px;
padding-left: 14px;
}
}
@media (max-width: 767px) {
.td-pb-row [class*="td-pb-span"] {
padding-right: 0;
padding-left: 0;
float: none;
width: 100%;
}
}
.vc_row-no-padding.td-pb-row [class*="td-pb-span"] {
padding-left: 0;
padding-right: 0;
}
/* ----------------------------------------------------------------------------
smart sidebar - fix
*/
.td-ss-main-sidebar,
.td-ss-row .td-pb-span4 .wpb_wrapper {
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
/* ----------------------------------------------------------------------------
main grid
*/
.td-pb-span1 {
width: 8.33333333%;
}
.td-pb-span2 {
width: 16.66666667%;
}
.td-pb-span3 {
width: 25%;
}
.td-pb-span4 {
width: 33.33333333%;
}
.td-pb-span5 {
width: 41.66666667%;
}
.td-pb-span6 {
width: 50%;
}
.td-pb-span7 {
width: 58.33333333%;
}
.td-pb-span8 {
width: 66.66666667%;
}
.td-pb-span9 {
width: 75%;
}
.td-pb-span10 {
width: 83.33333333%;
}
.td-pb-span11 {
width: 91.66666667%;
}
.td-pb-span12 {
width: 100%;
}
/* ----------------------------------------------------------------------------
hacks Visual Composer
*/
.wpb_row {
margin-bottom: 0;
}
.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
padding-top: 0;
}
.vc_row .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
/* block row + global block spans */
.td-block-row {
*zoom: 1;
margin-left: -24px;
margin-right: -24px;
}
.td-block-row:before,
.td-block-row:after {
display: table;
content: '';
}
.td-block-row:after {
clear: both;
}
.td-block-row [class*="td-block-span"] {
display: block;
min-height: 1px;
float: left;
padding-right: 24px;
padding-left: 24px;
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-block-row [class*="td-block-span"] {
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-block-row [class*="td-block-span"] {
padding-right: 14px;
padding-left: 14px;
}
}
@media (max-width: 767px) {
.td-block-row [class*="td-block-span"] {
padding-right: 0;
padding-left: 0;
float: none;
width: 100%;
}
}
.td-block-span1 {
width: 8.33333333%;
}
.td-block-span2 {
width: 16.66666667%;
}
.td-block-span3 {
width: 25%;
}
.td-block-span4 {
width: 33.33333333%;
}
.td-block-span5 {
width: 41.66666667%;
}
.td-block-span6 {
width: 50%;
}
.td-block-span7 {
width: 58.33333333%;
}
.td-block-span8 {
width: 66.66666667%;
}
.td-block-span9 {
width: 75%;
}
.td-block-span10 {
width: 83.33333333%;
}
.td-block-span11 {
width: 91.66666667%;
}
.td-block-span12 {
width: 100%;
}
/* responsive landscape tablet */
@media (min-width: 1019px) and (max-width: 1140px) {
.td-container,
.tdc-row,
.tdc-row-composer {
width: 980px;
}
.td-pb-row,
.td-block-row {
margin-right: -20px;
margin-left: -20px;
}
}
/* responsive portrait tablet */
@media (min-width: 768px) and (max-width: 1018px) {
.td-container,
.tdc-row,
.tdc-row-composer {
width: 740px;
}
.td-pb-row,
.td-block-row {
margin-right: -14px;
margin-left: -14px;
}
}
/* responsive portrait phone */
@media (max-width: 767px) {
.td-container,
.tdc-row,
.tdc-row-composer {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.td-pb-row,
.td-block-row {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
/* ----------------------------------------------------------------------------
header grid container
*/
.td-header-wrap {
position: relative;
z-index: 2000;
}
/* header rows */
.td-header-row {
*zoom: 1;
font-family: 'Open Sans', arial, sans-serif;
}
.td-header-row:before,
.td-header-row:after {
display: table;
content: '';
}
.td-header-row:after {
clear: both;
}
.td-header-row [class*="td-header-sp"] {
display: block;
min-height: 1px;
float: left;
padding-right: 24px;
padding-left: 24px;
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-header-row [class*="td-header-sp"] {
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-header-row [class*="td-header-sp"] {
padding-right: 14px;
padding-left: 14px;
}
}
@media (max-width: 767px) {
.td-header-row [class*="td-header-sp"] {
padding-right: 0;
padding-left: 0;
float: none;
width: 100%;
}
}
.td-header-gradient:before {
content: "";
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMGAhQQCyEd++8AAAAUSURBVAjXY1AAQgMgdABCCBAAQQAT6AFRBPHcWgAAAABJRU5ErkJggg==');
width: 100%;
height: 12px;
position: absolute;
left: 0;
bottom: -12px;
z-index: 1;
}
/* ----------------------------------------------------------------------------
logo
*/
.td-logo {
margin: 0;
padding: 0;
line-height: inherit;
font-size: inherit !important;
}
/* ----------------------------------------------------------------------------
Search
*/
/* the search button */
#td-header-search-button {
/* responsive portrait phone */
}
@media (max-width: 767px) {
#td-header-search-button {
display: none;
}
}
#td-header-search-button-mob {
display: none;
/* responsive portrait phone */
}
@media (max-width: 767px) {
#td-header-search-button-mob {
display: block;
}
}
/* the search drop down */
.td-search-box-wrap {
position: absolute;
top: 100%;
right: 0;
}
#td-top-search {
position: absolute;
right: 0;
top: 50%;
margin-top: -24px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
#td-top-search {
top: 0;
margin-top: 0;
}
}
/* responsive without mobile */
@media (min-width: 768px) {
.td-drop-down-search .td-search-form {
margin: 20px;
}
}
.td-header-wrap .td-drop-down-search {
position: absolute;
top: 100%;
right: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
transform: translate3d(0, 20px, 0);
-webkit-transform: translate3d(0, 20px, 0);
background-color: #fff;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
border-top: 0;
width: 342px;
pointer-events: none;
/* this class is added by the js to open the menu - will be used for animation */
/* search form */
/* triangle top */
}
.td-header-wrap .td-drop-down-search.td-drop-down-search-open {
visibility: visible;
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
pointer-events: auto;
}
.td-header-wrap .td-drop-down-search .btn {
position: absolute;
height: 32px;
min-width: 67px;
line-height: 17px;
padding: 7px 15px 8px;
text-shadow: none;
vertical-align: top;
right: 20px;
margin: 0 !important;
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.td-header-wrap .td-drop-down-search .btn:hover {
background-color: #4db2ec;
}
.td-header-wrap .td-drop-down-search:before {
position: absolute;
top: -9px;
right: 19px;
display: block;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 5.5px 6px 5.5px;
border-color: transparent transparent #4db2ec transparent;
}
.td-header-wrap .td-drop-down-search:after {
position: absolute;
top: -3px;
display: block;
content: '';
right: 0;
left: 0;
margin: 0 auto;
width: 100%;
height: 3px;
background-color: #4db2ec;
}
.td-header-wrap #td-header-search {
width: 235px;
height: 32px;
margin: 0;
border-right: 0;
line-height: 17px;
border-color: #eaeaea !important;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-header-wrap #td-header-search {
width: 91%;
font-size: 16px;
}
}
.td-header-wrap .td-post-category {
z-index: 2;
position: relative;
}
.td-header-wrap .meta-info {
line-height: 14px;
}
/* -------------------------------------------------------------------
Headers style
---------------------------------------------------------------------- */
/* General */
.td-banner-wrap-full {
position: relative;
}
.td-header-menu-wrap-full {
z-index: 9998;
position: relative;
}
/* responsive portrait phone */
@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full,
.td-header-wrap .td-header-menu-wrap,
.td-header-wrap .td-header-main-menu {
background-color: #222 !important;
height: 54px !important;
}
.header-search-wrap .td-icon-search {
color: #fff !important;
}
}
/* ----------------------------------------------- */
.td-logo-text-container {
display: inline-block;
vertical-align: middle;
line-height: 1;
z-index: 1;
}
.td-logo-text-container span {
display: inline-block;
width: 100%;
}
.td-logo-text-container .td-logo-text {
font-size: 75px;
font-family: serif;
color: #222;
line-height: 1;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-logo-text-container .td-logo-text {
font-size: 36px;
}
}
.td-logo-text-container .td-logo {
line-height: 1 !important;
}
.td-logo-text-container .td-tagline-text {
letter-spacing: 1.8px;
font-size: 12px;
font-family: serif;
color: #777;
padding-top: 2px;
padding-bottom: 10px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-logo-text-container .td-tagline-text {
font-size: 11px;
}
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: #fff;
}
/* -------------------------------------------------------------------
Style Default
---------------------------------------------------------------------- */
.td-header-style-1 .td-logo-text-wrap {
min-height: 130px;
line-height: 130px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-header-style-1 .td-logo-text-wrap {
line-height: 90px;
min-height: 90px;
}
}
.td-header-style-1 .td-logo-text-wrap a {
position: relative;
z-index: 1;
line-height: 130px;
display: inline-block;
vertical-align: middle;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-header-style-1 .td-logo-text-wrap a {
line-height: 90px;
}
}
.td-header-style-1 .td-logo-text-wrap .td-logo {
line-height: 130px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-header-style-1 .td-logo-text-wrap .td-logo {
line-height: 90px;
}
}
.td-header-style-1 .td-logo-text-container a {
line-height: 1;
}
.td-header-style-1 .td-header-sp-logo {
text-align: center;
}
.td-header-style-1 .header-search-wrap .td-icon-search {
color: #000;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-header-style-1 .header-search-wrap .td-icon-search {
color: #fff;
}
}
.td-header-style-1 .td-header-menu-wrap-full {
position: relative;
}
/* ----------------------------------------------------------------------------
main menu
*/
.td-header-main-menu {
position: relative;
z-index: 999;
padding-right: 48px;
}
@media (max-width: 767px) {
.td-header-main-menu {
padding-right: 64px;
padding-left: 2px;
}
}
.td-header-menu-no-search .td-header-main-menu {
padding-right: 0;
}
/* ----------------------------------------------------------------------------
SF menu
*/
.sf-menu,
.sf-menu ul,
.sf-menu li {
margin: 0;
list-style: none;
}
/* responsive phone */
@media (max-width: 767px) {
.sf-menu {
display: none;
}
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em;
/* left offset of submenus need to match (see below) */
}
.sf-menu > li.td-normal-menu > ul.sub-menu {
left: -15px;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li.td-normal-menu > ul.sub-menu {
left: -5px;
}
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit;
/* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu li .fa {
margin-right: 10px;
font-size: 1.4em;
vertical-align: middle;
position: relative;
top: -1px;
}
.sf-menu li .td-only-icon {
margin-right: 0;
}
.sf-menu .td-menu-item > a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: auto;
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em;
/* match ul width */
top: 0 !important;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
.sf-menu > .current-menu-ancestor,
.sf-menu > .current-category-ancestor,
.sf-menu > .current-menu-item {
z-index: 0;
}
/* ----------------------------------------------------------------------------
All the links
*/
/* remove the down arrow on links with (icons menus) */
.td-no-down-arrow > a .sf-sub-indicator {
display: none;
}
.sf-menu > li > a {
padding: 0 14px;
line-height: 48px;
font-size: 14px;
color: #000;
font-weight: 700;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
}
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
padding: 0 9px;
font-size: 11px;
}
}
/* menu icons */
.sf-menu .menu_icon {
position: relative;
top: 13px;
float: left;
}
.sf-menu .sub-menu .menu_icon {
top: 0;
}
.sf-menu .menu_hidden {
display: none !important;
}
/* hover and current menu */
.sf-menu > .current-menu-item > a,
.sf-menu > .current-menu-ancestor > a,
.sf-menu > .current-category-ancestor > a,
.sf-menu > li > a:hover,
.sf-menu > .sfHover,
.sf-menu > .sfHover > a {
z-index: 999;
}
.sf-menu > .current-menu-item > a,
.sf-menu > .current-menu-ancestor > a,
.sf-menu > .current-category-ancestor > a,
.sf-menu > li > a:hover,
.sf-menu > .sfHover > a {
background-color: transparent;
}
.td-affix {
/* hover and current menu */
}
.td-affix .sf-menu > .current-menu-item > a,
.td-affix .sf-menu > .current-menu-ancestor > a,
.td-affix .sf-menu > .current-category-ancestor > a,
.td-affix .sf-menu > li > a:hover,
.td-affix .sf-menu > .sfHover > a {
background-color: transparent;
}
/* Bottom border on Main Menu */
.sf-menu > li > a:after {
background-color: transparent;
content: '';
width: 0;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
/* hover and current menu border */
.sf-menu > .current-menu-item > a:after,
.sf-menu > .current-menu-ancestor > a:after,
.sf-menu > .current-category-ancestor > a:after,
.sf-menu > li:hover > a:after,
.sf-menu > .sfHover > a:after {
background-color: #4db2ec;
width: 100%;
}
#td-header-menu {
display: inline-block;
vertical-align: top;
}
/* ----------------------------------------------------------------------------
submenu
*/
.td-normal-menu ul {
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
.sf-menu .td-normal-menu ul {
padding: 15px 0;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu .td-normal-menu ul {
padding: 8px 0;
}
}
.sf-menu .td-normal-menu ul ul {
margin: -15px 0;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu .td-normal-menu ul ul {
margin: -8px 0;
}
}
.sf-menu ul {
background-color: #fff;
}
.sf-menu ul .td-menu-item > a {
padding: 7px 30px;
font-size: 12px;
line-height: 20px;
color: #111;
}
.sf-menu ul .td-menu-item > a .fa {
font-size: 1em;
position: relative;
top: -1px;
width: 20px;
margin-right: 5px;
text-align: center;
}
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu ul .td-menu-item > a {
padding: 5px 16px 6px;
font-size: 11px;
}
}
.sf-menu ul .td-icon-menu-down {
float: right;
top: 0;
font-size: 7px;
}
.sf-menu ul .td-menu-item > a:hover,
.sf-menu ul .sfHover > a,
.sf-menu ul .current-menu-ancestor > a,
.sf-menu ul .current-category-ancestor > a,
.sf-menu ul .current-menu-item > a {
color: #4db2ec;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
outline: 0;
}
/* ----------------------------------------------------------------------------
arrows
*/
.sf-menu .td-icon-menu-down {
position: absolute;
top: 50%;
margin-top: -5px;
padding-left: 7px;
font-size: 9px;
}
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu .td-icon-menu-down {
padding-left: 6px;
}
}
.sf-menu .sub-menu {
-webkit-backface-visibility: hidden;
}
.sf-menu .sub-menu .td-icon-menu-down {
position: absolute;
top: 50%;
right: 19px;
margin-top: -9px;
line-height: 19px;
}
.td-menu-badge {
font-size: 10px;
background-color: #f0f8ff;
color: #4db2ec;
border-radius: 10px;
padding: 3px 7px 4px;
display: inline-block;
margin-left: 6px;
margin-right: -4px;
line-height: 1;
position: relative;
top: -1px;
}
.td-menu-badge-right {
top: 2px;
float: right;
right: -8px;
background-color: rgba(0, 0, 0, 0.03);
color: #999;
}
.td-menu-subtitle {
font-style: italic;
font-size: 10px;
display: block;
line-height: 1;
padding-right: 20px;
color: #999;
}
.td-menu-badge-width > ul {
min-width: 220px;
}
.td-menu-badge-width > ul li:hover .td-menu-badge {
background-color: #f0f8ff;
color: #4db2ec;
}
.td-menu-border {
border-bottom: 1px solid #f3f3f3;
display: block;
padding-bottom: 12px;
}
/* responsive portrait phone */
@media (max-width: 767px) {
.td-menu-badge,
.td-menu-subtitle,
.td-menu-border {
display: none;
}
}
.sf-menu a.sf-with-ul {
padding-right: 31px;
min-width: 1px;
/* trigger IE7 hasLayout so spans position accurately */
}
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu a.sf-with-ul {
padding-right: 22px;
}
}
/* arrow for all items in the menues */
a.sf-with-ul i.td-icon-menu-down:before {
content: '\e808';
}
/* arrow for all items in the menues AT FIRST LEVEL*/
ul.sf-js-enabled > li > a > i.td-icon-menu-down:before {
content: '\e806' !important;
}
/* ----------------------------------------------------------------------------
Search
*/
.header-search-wrap {
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.header-search-wrap .td-icon-search {
display: inline-block;
font-size: 19px;
width: 48px;
line-height: 48px;
text-align: center;
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 768px) and (max-width: 1018px) {
.header-search-wrap .td-icon-search {
font-size: 15px;
}
}
@media (max-width: 767px) {
.header-search-wrap .td-icon-search {
height: 54px;
width: 54px;
line-height: 54px;
font-size: 22px;
margin-right: 2px;
}
}
.td-header-menu-social + .td-search-wrapper #td-header-search-button {
position: relative;
}
.td-header-menu-social + .td-search-wrapper #td-header-search-button:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: #000;
opacity: 0.08;
/* responsive tablet + phone */
}
@media (max-width: 1140px) {
.td-header-menu-social + .td-search-wrapper #td-header-search-button:before {
display: none;
}
}
.td-demo-multicolumn-2 .sub-menu {
padding: 14px;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.td-menu-mob-open-menu .td-demo-multicolumn-2 .sub-menu {
padding: 0;
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.td-menu-mob-open-menu .td-demo-menuitem-hide {
display: none;
}
.td-demo-menuitem-hide {
visibility: hidden;
}
.td-mega-menu-page .sub-menu ul {
display: inline-block !important;
position: initial !important;
width: auto !important;
}
/*
Mobile menu
*/
#td-outer-wrap {
overflow: hidden;
/* responsive portrait phone */
}
@media (max-width: 767px) {
#td-outer-wrap {
margin: auto;
width: 100%;
-webkit-transition: transform 0.7s ease;
transition: transform 0.7s ease;
-webkit-transform-origin: 50% 200px 0;
transform-origin: 50% 200px 0;
}
}
/* toggle button - burger button */
#td-top-mobile-toggle {
display: none;
/* responsive phone */
}
@media (max-width: 767px) {
#td-top-mobile-toggle {
display: inline-block;
position: relative;
}
}
#td-top-mobile-toggle a {
display: inline-block;
}
#td-top-mobile-toggle i {
font-size: 27px;
width: 64px;
line-height: 54px;
height: 54px;
display: inline-block;
padding-top: 1px;
color: #fff;
}
/*
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;
top: 0;
display: block;
width: 100%;
height: 113%;
z-index: 9999;
visibility: hidden;
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
}
.td-menu-background:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.98;
background: #313b45;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #313b45), color-stop(100%, #3393b8));
background: linear-gradient(to bottom, #313b45 0%, #3393b8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313b45', endColorstr='#3393b8', GradientType=0);
}
#td-mobile-nav {
padding: 0;
position: absolute;
width: 100%;
height: auto;
top: 0;
z-index: 9999;
visibility: hidden;
transform: translate3d(-99%, 0, 0);
-webkit-transform: translate3d(-99%, 0, 0);
left: -1%;
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}
#td-mobile-nav .td_display_err {
text-align: center;
color: #fff;
border: none;
-webkit-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-mobile-nav input:invalid {
box-shadow: none !important;
}
.td-js-loaded .td-menu-background,
.td-js-loaded #td-mobile-nav {
visibility: visible;
-webkit-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);
}
#td-mobile-nav {
height: 1px;
overflow: hidden;
}
#td-mobile-nav .td-menu-socials {
padding: 0 65px 0 20px;
overflow: hidden;
height: 60px;
}
#td-mobile-nav .td-social-icon-wrap {
margin: 20px 5px 0 0;
display: inline-block;
}
#td-mobile-nav .td-social-icon-wrap i {
border: none;
background-color: transparent;
font-size: 14px;
width: 40px;
height: 40px;
line-height: 38px;
color: #fff;
vertical-align: middle;
}
#td-mobile-nav .td-social-icon-wrap .td-icon-instagram {
font-size: 16px;
}
.td-mobile-close {
position: absolute;
right: 1px;
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;
position: relative;
}
.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 {
margin-right: 5px;
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;
user-select: none;
}
.td-mobile-content li a {
display: block;
line-height: 21px;
font-size: 21px;
color: #fff;
margin-left: 0;
padding: 12px 30px 12px 12px;
font-weight: bold;
}
.td-mobile-content .td_mobile_submenu > a .td-icon-menu-right {
display: inline-block;
}
.td-mobile-content .td-icon-menu-right {
display: none;
position: absolute;
cursor: pointer;
top: 10px;
right: -4px;
z-index: 1000;
font-size: 14px;
padding: 6px 12px;
float: right;
color: #fff;
-webkit-transform-origin: 50% 48% 0px;
transform-origin: 50% 48% 0px;
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transform: rotate(-90deg);
-webkit-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);
}
.td-mobile-content .td-sub-menu-open > ul {
display: block;
max-height: 2000px;
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);
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: -2px;
top: 8px;
color: #fff;
}
.td-mobile-content .sub-menu a {
padding: 9px 26px 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,
.td-mobile-content .current-category-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 #td-outer-wrap {
position: fixed;
transform: scale3d(0.9, 0.9, 0.9);
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-webkit-box-shadow: 0 0 46px #000000;
box-shadow: 0 0 46px #000000;
}
.td-menu-mob-open-menu #td-mobile-nav {
height: auto;
overflow: auto;
transform: translate3d(0, 0, 0);
-webkit-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);
}
/*
Mobile menu - login
*/
/*
Animation
*/
.td-mobile-container {
opacity: 1;
-webkit-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;
transition: all 0.5s ease 0s;
}
.td-hide-menu-content .td-mobile-content {
display: none;
}
#td-mobile-nav .td-login-animation {
opacity: 0;
-webkit-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
position: absolute;
top: 0;
width: 100%;
}
#td-mobile-nav .td-login-animation .td-login-inputs {
height: 76px;
}
#td-mobile-nav .td-login-hide {
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
visibility: hidden !important;
}
#td-mobile-nav .td-login-show {
visibility: visible !important;
opacity: 1;
}
/*
Search
*/
.td-search-wrap-mob {
padding: 0;
position: absolute;
width: 100%;
height: auto;
top: 0;
text-align: center;
z-index: 9999;
visibility: hidden;
color: #fff;
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}
.td-search-wrap-mob .td-drop-down-search {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-backface-visibility: hidden;
position: relative;
}
.td-search-wrap-mob #td-header-search-mob {
color: #fff;
font-weight: bold;
font-size: 26px;
height: 40px;
line-height: 36px;
border: 0;
background: transparent;
outline: 0;
margin: 8px 0;
padding: 0;
text-align: center;
}
.td-search-wrap-mob .td-search-input {
margin: 0 5%;
position: relative;
}
.td-search-wrap-mob .td-search-input span {
opacity: 0.8;
font-size: 12px;
}
.td-search-wrap-mob .td-search-input:before,
.td-search-wrap-mob .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-wrap-mob .td-search-input:after {
opacity: 0.8;
transform: scaleX(0);
-webkit-transform: scaleX(0);
-webkit-transition: transform 0.5s ease 0.8s;
transition: transform 0.5s ease 0.8s;
}
.td-search-wrap-mob .td_module_wrap {
text-align: left;
}
.td-search-wrap-mob .td_module_wrap .entry-title {
font-size: 16px;
line-height: 20px;
}
.td-search-wrap-mob .td_module_wrap .entry-title a {
color: #fff;
}
.td-search-wrap-mob .td_module_wrap:hover .entry-title a {
color: #fff;
}
.td-search-wrap-mob .td-post-date {
color: #ddd;
opacity: 0.8;
}
.td-search-wrap-mob .td-search-form {
margin-bottom: 30px;
}
.td-search-wrap-mob .td-aj-search-results {
margin: 0 5%;
text-align: left;
}
.td-search-wrap-mob .td-module-thumb {
top: auto;
left: auto;
}
.td-search-wrap-mob .result-msg {
margin: 0 5%;
}
.td-search-wrap-mob .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);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.36);
margin: 10px 0 40px;
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;
top: 0;
display: block;
width: 100%;
height: 113%;
z-index: 9999;
-webkit-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);
visibility: hidden;
}
.td-search-background:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.98;
background: #313b45;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #313b45), color-stop(100%, #3393b8));
background: linear-gradient(to bottom, #313b45 0%, #3393b8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313b45', endColorstr='#3393b8', 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-search-opened #td-outer-wrap {
position: fixed;
transform: scale3d(0.9, 0.9, 0.9);
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-webkit-box-shadow: 0 0 46px;
box-shadow: 0 0 46px;
}
.td-search-opened .td-search-wrap-mob .td-drop-down-search {
opacity: 1;
visibility: visible;
-webkit-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);
visibility: visible;
}
.td-search-opened .td-search-input:after {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
/*
Search opened menu with admin bar
*/
.admin-bar .td-search-wrap-mob {
padding-top: 32px;
}
@media (max-width: 767px) {
.admin-bar .td-search-wrap-mob {
padding-top: 46px;
}
}
/*
Placeholders
*/
#td-mobile-nav label {
position: absolute;
top: 26px;
left: 10px;
font-size: 17px;
color: #fff;
opacity: 0.6;
pointer-events: none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.td-login-inputs {
position: relative;
}
/*
----------------------------------------------------------------------------
Site wide > typography style
----------------------------------------------------------------------------
*/
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 21px;
}
p {
margin-top: 0;
margin-bottom: 21px;
}
a:active,
a:focus {
outline: none;
}
a {
color: #4db2ec;
text-decoration: none;
}
ins {
background: #fff;
text-decoration: none;
}
code {
position: relative;
top: -1px;
border: none;
background-color: #F1F1F1;
padding: 2px 6px;
}
pre {
background-color: #f1f1f1;
padding: 4px 10px;
border: none;
border-radius: 0;
margin-top: 24px;
overflow: auto;
}
cite {
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-style: italic;
font-weight: normal;
text-transform: none;
color: #000;
}
cite a {
color: #000;
}
cite a:hover {
color: #4db2ec;
}
q {
font-style: italic;
}
ul,
ol {
padding: 0;
}
ul li,
ol li {
line-height: 24px;
margin-left: 21px;
}
.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%;
}
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 {
font-family: 'Roboto', sans-serif;
color: #111111;
font-weight: 400;
margin: 6px 0;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
color: #111111;
}
h1 {
font-size: 32px;
line-height: 40px;
margin-top: 33px;
margin-bottom: 23px;
}
h2 {
font-size: 27px;
line-height: 38px;
margin-top: 30px;
margin-bottom: 20px;
}
h3 {
font-size: 22px;
line-height: 30px;
margin-top: 27px;
margin-bottom: 17px;
}
h4 {
font-size: 19px;
line-height: 29px;
margin-top: 24px;
margin-bottom: 14px;
}
h5 {
font-size: 17px;
line-height: 25px;
margin-top: 21px;
margin-bottom: 11px;
}
h6 {
font-size: 16px;
line-height: 24px;
margin-top: 21px;
margin-bottom: 11px;
}
.videopress-placeholder {
width: 100% !important;
}
.videopress-poster {
height: auto !important;
width: 100% !important;
}
.video-player {
width: 100% !important;
}
/*
----------------------------------------------------------------------------
Site wide > Forms
----------------------------------------------------------------------------
*/
textarea {
font-size: 12px;
line-height: 21px;
color: #444;
border: 1px solid #e1e1e1;
width: 100%;
max-width: 100%;
height: 168px;
min-height: 168px;
padding: 6px 9px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
textarea {
font-size: 16px;
}
}
textarea:active,
textarea:focus {
border-color: #b0b0b0 !important;
}
textarea:focus,
input:focus,
input[type]:focus {
outline: 0 none;
}
/* Input buttons */
input[type=submit] {
font-family: 'Roboto', sans-serif;
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;
transition: background-color 0.4s;
}
input[type=submit]:hover {
background-color: #4db2ec;
}
input[type=text],
input[type=url],
input[type=tel],
input[type=email] {
font-size: 12px;
line-height: 21px;
color: #444;
border: 1px solid #e1e1e1;
width: 100%;
max-width: 100%;
height: 34px;
padding: 3px 9px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
input[type=text],
input[type=url],
input[type=tel],
input[type=email] {
font-size: 16px;
}
}
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;
/* responsive portrait phone */
}
@media (max-width: 767px) {
input[type=password] {
font-size: 16px;
}
}
/*
----------------------------------------------------------------------------
Site wide > WordPress Text, Images & Captions
----------------------------------------------------------------------------
*/
.tagdiv-type {
/* ----------------------------------------------------------------------------
text and Images align
*/
font-size: 15px;
line-height: 1.74;
color: #222;
/* ----------------------------------------------------------------------------
quote :not(.wp-block-quote)
*/
}
.tagdiv-type img {
margin-bottom: 21px;
}
.tagdiv-type figure img {
margin-bottom: 0;
}
.tagdiv-type .alignnone {
display: inline-block;
margin: 0 5px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .alignnone {
margin: 0 10px 0 0;
}
}
.tagdiv-type a:hover {
text-decoration: underline;
}
.tagdiv-type ul,
.tagdiv-type ol {
margin-bottom: 26px;
}
.tagdiv-type ul li,
.tagdiv-type ol li {
line-height: inherit;
margin-bottom: 10px;
}
.tagdiv-type ul li:last-child,
.tagdiv-type ol li:last-child {
margin-bottom: 0;
}
.tagdiv-type li ul,
.tagdiv-type li ol {
margin-bottom: 0;
}
.tagdiv-type li[style="text-align: center;"],
.tagdiv-type li[style="text-align: right;"] {
list-style-position: inside;
margin-left: -21px;
}
.tagdiv-type p {
margin-bottom: 26px;
}
.tagdiv-type .td-arrow-list {
list-style: none;
margin-left: 16px;
}
.tagdiv-type .td-arrow-list li:before {
font-family: 'newspaper', sans-serif;
content: '\e803';
float: left;
margin-left: -16px;
line-height: 26px;
font-size: 14px;
}
.tagdiv-type embed,
.tagdiv-type iframe,
.tagdiv-type object {
max-width: 100% !important;
}
.tagdiv-type iframe.instagram-media {
margin: 1px 0 12px !important;
}
.tagdiv-type blockquote {
padding: 0;
position: relative;
border-left: none;
margin: 40px 5% 38px;
font-style: italic;
text-align: center;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type blockquote {
margin: 20px 3% 18px;
}
}
.tagdiv-type blockquote p {
font-family: 'Roboto', sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 400;
text-transform: uppercase;
color: #4db2ec;
word-wrap: break-word;
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tagdiv-type blockquote p {
font-size: 24px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.tagdiv-type blockquote p {
font-size: 22px;
line-height: 30px;
}
}
.tagdiv-type blockquote cite {
display: block;
}
.tagdiv-type .td_quote_right {
float: right;
width: 50%;
margin: 21px 0 21px 21px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .td_quote_right {
float: none;
width: auto;
margin-right: 5%;
margin-left: 5%;
}
}
.tagdiv-type .td_quote_left {
float: left;
width: 50%;
margin: 18px 18px 18px 0;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .td_quote_left {
float: none;
width: auto;
margin-right: 5%;
margin-left: 5%;
}
}
.tagdiv-type .td_quote_left p,
.tagdiv-type .td_quote_left cite {
text-align: left;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .td_quote_left p,
.tagdiv-type .td_quote_left cite {
text-align: center;
}
}
.tagdiv-type .td_quote_box {
margin: 0;
background-color: #FCFCFC;
border-left: 2px solid #4db2ec;
padding: 15px 23px 16px 23px;
position: relative;
top: 6px;
clear: both;
}
.tagdiv-type .td_quote_box p {
font-family: 'Open Sans', arial, sans-serif;
color: #777;
font-size: 13px;
line-height: 21px;
margin: 0;
text-transform: none;
}
.tagdiv-type .td_quote_box cite {
margin-top: 20px;
font-size: 11px;
}
.tagdiv-type .td_box_left {
width: 40%;
float: left;
margin: 0 34px 20px 0;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .td_box_left {
float: none;
margin: 0 0 36px 0;
width: auto;
}
}
.tagdiv-type .td_box_left p,
.tagdiv-type .td_box_left cite {
text-align: left;
}
.tagdiv-type .td_box_right {
width: 30%;
float: right;
margin: 0 0 20px 34px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .td_box_right {
float: none;
margin: 0 0 36px 0;
width: auto;
}
}
.tagdiv-type .td_box_right p,
.tagdiv-type .td_box_right cite {
text-align: left;
}
.tagdiv-type .td_box_center {
margin: 0 0 29px 0;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .td_box_center {
margin-bottom: 36px;
}
}
.tagdiv-type .wp-block-pullquote blockquote,
.tagdiv-type .td_pull_quote {
padding: 18px 25px;
margin: 0;
clear: both;
}
.tagdiv-type .wp-block-pullquote blockquote p,
.tagdiv-type .td_pull_quote p {
font-family: 'Open Sans', arial, sans-serif;
font-size: 14px !important;
line-height: 26px;
font-weight: 600;
text-transform: none;
text-align: center;
}
.tagdiv-type .wp-block-pullquote blockquote p:first-child:before,
.tagdiv-type .td_pull_quote p:first-child:before {
position: absolute;
left: 0;
display: block;
content: '';
width: 15px;
height: 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMAd+67mWZR3SKqMxGIzB8/1rAAAABlSURBVAjXFcexDQEBAAXQd+KCRm4CDZURFGICMYFadTHBxQQmEDHCzWAI9XGJ8s/ANS95FBvccKwYr5kuUQ/5omm5dpQ9Fu+H2efEPX07Sg62f+bJ2T6pJkmnTi5FslM2L56r9geMACBhjTsodgAAAABJRU5ErkJggg==') no-repeat;
}
.tagdiv-type .wp-block-pullquote blockquote p:after,
.tagdiv-type .td_pull_quote p:after {
position: absolute;
bottom: 10px;
right: 0;
display: block;
content: '';
width: 15px;
height: 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMA3ZnuqndmIhG7VYhEMzOiL2oAAABkSURBVAjXY+D1E2PgULZuYGB89+4A07t3AQzn3r1T4Hv3ToCh7t27CUDRBwxAYQe2d+8MGBiuAuWr5BwYGBjeFTAwzEtgYOB6xMDA8RAowGnOwMD6CsjIA4oWKwBFXYGcLQ0MAFHHH+tW1OhlAAAAAElFTkSuQmCC') no-repeat;
}
.tagdiv-type .wp-block-pullquote blockquote cite,
.tagdiv-type .td_pull_quote cite {
margin-top: -10px;
font-size: 11px;
}
.tagdiv-type .wp-block-pullquote blockquote,
.tagdiv-type .td_pull_center {
margin: 17px 0;
padding: 15px 50px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .wp-block-pullquote blockquote,
.tagdiv-type .td_pull_center {
padding: 15px 20px;
}
}
.tagdiv-type .wp-block-pullquote {
padding: 0;
color: #4db2ec;
}
.tagdiv-type .wp-block-pullquote p {
color: inherit;
}
.tagdiv-type .wp-block-pullquote cite {
color: #000;
}
.tagdiv-type .wp-block-pullquote.alignfull blockquote {
margin-left: 30px;
margin-right: 30px;
}
.tagdiv-type .wp-block-pullquote.alignleft,
.tagdiv-type .td_pull_left {
width: 40%;
margin-right: 34px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .wp-block-pullquote.alignleft,
.tagdiv-type .td_pull_left {
float: none;
margin: 0 0 30px 0;
width: auto;
}
}
.tagdiv-type .td_pull_left {
float: left;
}
.tagdiv-type .wp-block-pullquote.alignright,
.tagdiv-type .td_pull_right {
width: 30%;
margin-left: 24px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.tagdiv-type .wp-block-pullquote.alignright,
.tagdiv-type .td_pull_right {
float: none;
margin: 0 0 30px 0;
width: auto;
}
}
.tagdiv-type .td_pull_right {
float: right;
}
.tagdiv-type .wp-block-pullquote.alignleft,
.tagdiv-type .wp-block-pullquote.alignright {
margin-top: 0;
margin-bottom: 0 !important;
/* responsive portrait phone */
}
.tagdiv-type .wp-block-pullquote.alignleft blockquote,
.tagdiv-type .wp-block-pullquote.alignright blockquote {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
@media (max-width: 767px) {
.tagdiv-type .wp-block-pullquote.alignleft,
.tagdiv-type .wp-block-pullquote.alignright {
max-width: 100%;
}
}
.tagdiv-type .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
@media (max-width: 767px) {
.td-md-is-ios .tagdiv-type figure {
width: auto !important;
}
}
img.wp-smiley {
width: auto;
}
.wp-caption-text,
.wp-caption-dd {
font-family: Verdana, Geneva, sans-serif;
text-align: left;
margin: 6px 0 26px 0;
font-size: 11px;
font-style: italic;
font-weight: normal;
line-height: 17px;
color: #444;
}
.wp-caption {
text-align: center;
max-width: 100%;
}
.wp-caption img {
max-width: 100% !important;
}
.alignnone {
margin-top: 0;
}
.aligncenter {
text-align: center;
clear: both;
display: block;
margin: 6px auto;
}
img.td-center {
position: relative;
left: 50%;
transform: translateX(-50%);
max-width: 100vw !important;
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
figure.alignright,
figure.alignleft,
figure.aligncenter {
margin-bottom: 0;
}
.alignnone img,
.aligncenter img {
width: 100%;
}
/* responsive portrait phone */
@media (max-width: 767px) {
.alignleft,
.alignright {
float: none !important;
}
}
/* ----------------------------------------------------------------------------
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-right: 24px !important;
margin-bottom: 6px !important;
/* hack for tinyMCE / post content diffs*/
margin-left: 0;
/* responsive landscape tablet */
/* responsive portrait tablet + phone */
/* responsive phone CUSTOM - align the image on center */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.alignleft {
max-width: 312px;
margin-right: 21px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.alignleft {
max-width: 220px;
margin-right: 21px;
}
}
@media (max-width: 767px) {
.alignleft {
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
max-width: 100%;
margin-bottom: 21px;
}
.alignleft img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.alignleft figcaption {
text-align: center;
}
}
.mce-content-body .alignleft {
margin: 6px 24px 6px 0;
}
.td-pb-span12 .alignleft,
.mceContentBody-max-width-big .alignleft {
/* responsive landscape tablet */
/* responsive portrait tablet */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-pb-span12 .alignleft,
.mceContentBody-max-width-big .alignleft {
max-width: 550px !important;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-pb-span12 .alignleft,
.mceContentBody-max-width-big .alignleft {
max-width: 400px !important;
}
}
/* ----------------------------------------------------------------------------
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*/
margin-left: 24px !important;
/* responsive landscape tablet */
/* responsive portrait tablet + phone */
/* responsive phone CUSTOM - align the image on center */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.alignright {
max-width: 312px;
margin-left: 21px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.alignright {
max-width: 220px;
margin-left: 21px;
}
}
@media (max-width: 767px) {
.alignright {
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
max-width: 100%;
margin-bottom: 21px;
}
.alignright img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.alignright figcaption {
text-align: center;
}
}
.mce-content-body .alignright {
margin: 6px 0 6px 24px;
}
.td-pb-span12 .alignright,
.mceContentBody-max-width-big .alignright {
/* responsive landscape tablet */
/* responsive portrait tablet */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-pb-span12 .alignright,
.mceContentBody-max-width-big .alignright {
max-width: 550px !important;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-pb-span12 .alignright,
.mceContentBody-max-width-big .alignright {
max-width: 400px !important;
}
}
.entry-title a:hover,
.td-post-category:hover,
.widget a:hover,
.td_block_wrap a:hover {
text-decoration: none !important;
}
.wp-block-quote.is-large cite {
font-size: 13px;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
border: none;
border-bottom: 2px solid #8f98a1;
margin: 1.65em auto;
}
.wp-block-separator.is-style-wide {
border-width: 0 0 1px 0;
}
.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;
}
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
*/
.dropcap {
float: left;
display: block;
font-size: 50px;
line-height: 56px;
background-color: #4db2ec;
color: #fff;
text-align: center;
margin: 9px 13px 0 0;
padding: 2px 10px 4px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
min-width: 62px;
min-height: 62px;
}
.dropcap1 {
border-radius: 70px;
font-size: 40px;
padding: 2px 14px 4px;
}
.dropcap2 {
background-color: transparent !important;
color: #4B4B4B;
font-size: 79px;
line-height: 69px;
margin: 0 9px 0 0;
padding: 0 13px 0 0;
}
.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-radius: 4px;
border: 2px solid #4db2ec;
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;
transition: color 400ms;
}
.td_text_highlight_0:hover {
color: #F9F9F9;
cursor: default;
}
.td_text_highlight_marker {
padding: 5px 0 6px 0;
margin: 0 8px 0 8px;
color: white;
-webkit-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);
}
/* ----------------------------------------------------------------------------
custom post padding
*/
.td-paragraph-padding-0 {
display: block;
padding-left: 0;
padding-right: 6%;
}
.td-paragraph-padding-1 {
display: block;
padding-left: 6%;
padding-right: 6%;
}
.td-paragraph-padding-2 {
display: block;
padding-left: 12%;
padding-right: 12%;
}
.td-paragraph-padding-3 {
display: block;
padding-left: 6%;
padding-right: 12%;
}
.td-paragraph-padding-4 {
display: block;
padding-left: 6%;
padding-right: 0;
}
.td-paragraph-padding-5 {
display: block;
padding-left: 18%;
padding-right: 18%;
}
.td-paragraph-padding-6 {
display: block;
padding-left: 12%;
padding-right: 6%;
}
.td-pb-span8 .td-paragraph-padding-0,
.mceContentBody-max-width-small .td-paragraph-padding-0 {
padding-right: 4%;
}
.td-pb-span8 .td-paragraph-padding-1,
.mceContentBody-max-width-small .td-paragraph-padding-1 {
padding-left: 4%;
padding-right: 4%;
}
.td-pb-span8 .td-paragraph-padding-2,
.mceContentBody-max-width-small .td-paragraph-padding-2 {
padding-left: 8%;
padding-right: 8%;
}
.td-pb-span8 .td-paragraph-padding-3,
.mceContentBody-max-width-small .td-paragraph-padding-3 {
padding-left: 4%;
padding-right: 8%;
}
.td-pb-span8 .td-paragraph-padding-4,
.mceContentBody-max-width-small .td-paragraph-padding-4 {
padding-left: 4%;
}
.td-pb-span8 .td-paragraph-padding-5,
.mceContentBody-max-width-small .td-paragraph-padding-5 {
padding-left: 12%;
padding-right: 12%;
}
.td-pb-span8 .td-paragraph-padding-6,
.mceContentBody-max-width-small .td-paragraph-padding-6 {
padding-left: 8%;
padding-right: 4%;
}
/* responsive phone */
@media (max-width: 500px) {
.td-paragraph-padding-0,
.td-paragraph-padding-1,
.td-paragraph-padding-2,
.td-paragraph-padding-3,
.td-paragraph-padding-4,
.td-paragraph-padding-5,
.td-paragraph-padding-6 {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
.td_module_wrap {
position: relative;
padding-bottom: 35px;
}
.td_module_wrap .entry-title {
/* General Title */
font-size: 21px;
line-height: 25px;
margin: 0 0 6px 0;
}
.td_module_wrap:hover .entry-title a {
color: #4db2ec;
}
.entry-title {
word-wrap: break-word;
}
/* ----------------------------------------------------------------------------
thumbnail
*/
.td-module-thumb {
position: relative;
margin-bottom: 13px;
}
.td-module-thumb .entry-thumb {
display: block;
}
.td-video-play-ico {
position: absolute;
width: 40px;
height: 40px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.48);
border: 0.050em solid #fff;
border-radius: 100%;
font-size: 40px;
z-index: 1;
-webkit-box-shadow: 0 0 0.15em rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0.15em rgba(0, 0, 0, 0.4);
}
.td-video-play-ico i {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-size: 35%;
color: #fff;
}
.td-video-play-ico i.td-icon-video-thumb-play {
left: 54%;
}
.td-video-play-ico i.td-icon-audio-thumb-play {
left: 47%;
}
.td-video-play-ico.td-video-small {
width: 20px;
height: 20px;
font-size: 20px;
}
/* ----------------------------------------------------------------------------
module meta info
*/
.td-module-meta-info {
font-family: 'Open Sans', arial, sans-serif;
font-size: 11px;
margin-bottom: 7px;
line-height: 1;
min-height: 17px;
}
.td_module_wrap.td-meta-info-hide .td-module-meta-info {
min-height: 1px;
margin-top: -4px;
}
.entry-review-stars {
display: inline-block;
position: relative;
top: 1px;
}
.td-post-author-name {
font-weight: bold;
display: inline-block;
position: relative;
top: 2px;
}
.td-post-author-name a {
color: #000;
}
.td-post-author-name span {
color: #ccc;
margin: 0 2px 0 2px;
font-weight: normal;
}
.td-post-author-name div {
display: inline;
margin-right: 2px;
}
.td-post-date {
color: #aaa;
display: inline-block;
position: relative;
top: 2px;
}
.td-module-comments {
position: relative;
float: right;
font-family: 'Open Sans', arial, sans-serif;
font-size: 10px;
font-weight: 600;
text-align: center;
line-height: 1;
}
.td-module-comments a {
color: #fff;
background-color: #000;
display: inline-block;
min-width: 17px;
padding: 3px 4px 4px 5px;
position: relative;
}
.td-module-comments a:after {
position: absolute;
bottom: -3px;
left: 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 3px 3px 0 0;
border-color: #000 transparent transparent transparent;
}
/* ----------------------------------------------------------------------------
excerpt
*/
.td-excerpt {
font-size: 13px;
color: #777;
font-family: 'Open Sans', arial, sans-serif;
margin-top: 9px;
}
.td-read-more,
.more-link-wrap {
display: inline-block;
font-family: 'Roboto', sans-serif;
margin-bottom: 20px;
}
.td-read-more a,
.more-link-wrap a {
background-color: #4db2ec;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 1;
padding: 10px 15px;
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.td-read-more a:hover,
.more-link-wrap a:hover {
background-color: #222222 !important;
text-decoration: none;
}
/* ----------------------------------------------------------------------------
admin edit
*/
.td-admin-edit {
position: absolute;
left: 0;
top: 0;
display: none;
z-index: 2;
background-color: rgba(0, 0, 0, 0.3);
color: #fff !important;
padding: 3px 10px;
font-size: 13px;
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.td-admin-edit:hover {
background-color: #000;
}
.td-module-thumb:hover .td-admin-edit {
display: block;
}
.td-post-category {
font-family: 'Open Sans', arial, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1;
background-color: #222222;
color: #fff;
margin-right: 5px;
padding: 3px 6px 4px;
display: block;
vertical-align: top;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.td-post-category:hover {
background-color: #4db2ec;
}
.td-module-image {
position: relative;
}
.td-module-image .td-post-category {
position: absolute;
bottom: 0;
}
.td-module-meta-info .td-post-category {
display: inline-block;
}
/* ----------------------------------------------------------------------------
Module 15
*/
.td_module_15 {
padding-bottom: 20px;
border-bottom: 1px dashed #f2f2f2;
margin-bottom: 40px;
}
.td_module_15 .entry-title {
font-size: 34px;
line-height: 42px;
margin-bottom: 8px;
margin-top: 0;
/* responsive max portrait tablet */
}
@media (max-width: 1018px) {
.td_module_15 .entry-title {
font-size: 26px;
line-height: 36px;
}
}
.td_module_15 .entry-title a:hover {
text-decoration: none;
}
.td_module_15.sticky .entry-title a {
color: #4db2ec;
}
.td_module_15 .td-module-meta-info a:hover {
text-decoration: none;
}
.td_module_15.post {
margin-top: 0;
}
.td_module_15.post .td-post-comments {
display: inline-block;
float: none;
margin-left: 22px;
vertical-align: top;
position: relative;
top: 2px;
}
.td_module_15.post .td-post-comments a {
color: #444;
}
.td_module_15.post .td-module-meta-info {
margin-bottom: 21px;
}
.td_module_15 .entry-review-stars {
top: 5px;
}
.td_module_15 .td-post-content {
padding-bottom: 0;
}
.td_module_15 .td-icon-comments {
font-size: 9px;
margin-right: 5px;
vertical-align: middle;
}
.td_module_15 .alignwide {
width: 100% !important;
margin-left: 0 !important;
}
.td_module_15 .alignfull {
left: auto;
transform: none;
width: auto !important;
margin-left: 0 !important;
}
.td_module_15 .alignfull.wp-block-columns {
padding-left: 0;
padding-right: 0;
}
.td_module_15 .td-post-content > * {
max-width: none !important;
}
/* ----------------------------------------------------------------------------
Block Titles + Line
*/
.block-title {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1;
margin-top: 0;
margin-bottom: 26px;
border-bottom: 2px solid #222222;
}
.block-title a,
.block-title span,
.block-title label {
/* label is for jetpack */
line-height: 17px;
display: inline-block;
padding: 7px 12px 4px;
background-color: #222222;
color: #fff;
}
.td-block-title span,
.td-block-title a {
display: inline-block;
}
/*
Block headers style
*/
.td_block_template_1 .block-title {
text-align: left;
}
/*
8. Post and Page
8.1 Page
*/
/* ----------------------------------------------------------------------------
Page title
*/
.td-page-title {
font-size: 30px;
line-height: 38px;
margin: -9px 0 19px 0;
}
body .td-page-title {
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 768px) and (max-width: 1018px) {
body .td-page-title {
font-size: 26px;
line-height: 34px;
margin: -2px 0 19px 0;
}
}
@media (max-width: 767px) {
body .td-page-title {
font-size: 24px;
line-height: 32px;
}
}
.page-template-page-pagebuilder-title .td-crumb-container,
.page-template-default .td-crumb-container {
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.page-template-page-pagebuilder-title .td-crumb-container,
.page-template-default .td-crumb-container {
margin-bottom: 0;
}
}
.page-template-page-pagebuilder-title .wpb_text_column p:last-child,
.page-template-default .wpb_text_column p:last-child {
margin-bottom: 26px;
}
.page-template-page-pagebuilder-title .wpb_text_column figure img,
.page-template-default .wpb_text_column figure img {
margin-bottom: 0 !important;
}
.page-template-page-pagebuilder-title .td-main-content-wrap {
padding-top: 0;
}
/* ----------------------------------------------------------------------------
Default page template
*/
.td-main-content-wrap {
padding-bottom: 40px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-main-content-wrap {
padding-bottom: 26px;
}
}
.td-main-page-wrap {
padding-top: 48px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-main-page-wrap {
padding-top: 32px;
}
}
/* ----------------------------------------------------------------------------
Author page
*/
.td-author-page {
font-size: 12px;
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-author-page {
margin-bottom: 40px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-author-page {
margin-bottom: 28px;
}
}
@media (max-width: 767px) {
.td-author-page {
margin-bottom: 28px;
}
}
.td-author-counters {
font-family: 'Roboto', sans-serif;
font-size: 11px;
font-weight: 700;
color: #fff;
margin-bottom: 12px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-author-counters {
margin-bottom: 10px;
}
}
.td-author-counters span {
background-color: #222222;
padding: 4px 9px 3px;
margin-right: 10px;
position: relative;
top: 0;
}
@-moz-document url-prefix() {
.td-author-counters span {
padding: 3px 9px;
top: -1px;
}
}
/* ----------------------------------------------------------------------------
404 page
*/
.td-404-title {
font-family: 'Roboto', sans-serif;
font-size: 40px;
color: #222222;
text-align: center;
line-height: 50px;
margin: 50px 0 17px 0 ;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-404-title {
font-size: 34px;
line-height: 44px;
}
}
.td-404-sub-title {
font-family: 'Roboto', sans-serif;
font-size: 21px;
line-height: 24px;
color: #a6a6a6;
text-align: center;
margin: 0 0 40px 0;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-404-sub-title {
font-size: 17px;
line-height: 22px;
}
}
.td-404-sub-sub-title {
text-align: center;
margin-bottom: 70px;
}
.td-404-sub-sub-title a {
background-color: #222222;
border: medium none;
color: #fff;
font-size: 11px;
font-weight: bold;
line-height: 16px;
padding: 8px 15px;
margin-left: 6px;
}
.td-404-sub-sub-title a:hover {
color: #fff;
background-color: #4db2ec;
}
.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: 37px 0 51px 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 .wpb_button:hover {
background-color: #4db2ec;
}
.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;
}
/* ----------------------------------------------------------------------------
Pagination
*/
.page-nav {
margin: 30px 0 30px 0;
font-family: 'Open Sans', arial, sans-serif;
font-size: 12px;
display: inline-block;
width: 100%;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.page-nav {
margin-right: auto;
margin-left: auto;
display: table;
width: auto;
}
}
.page-nav a:hover {
color: #fff;
background-color: #444;
border-color: #444;
}
.page-nav a,
.page-nav span {
padding: 5px 11px;
border: 1px solid #e3e3e3;
display: inline-block;
margin: 0 8px 8px 0;
min-width: 33px;
text-align: center;
color: #666;
line-height: 21px;
float: left;
}
.page-nav .first,
.page-nav .last {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.page-nav .first,
.page-nav .last {
display: none;
}
}
.page-nav .extend {
border: none;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.page-nav .extend {
display: none;
}
}
.page-nav i {
font-size: 9px;
line-height: 1;
display: inline-table;
}
.page-nav .pages {
float: right;
margin: 0;
border: none;
padding: 6px 0 6px 6px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.page-nav .pages {
display: none;
}
}
.page-nav .current {
background-color: #4db2ec;
color: #fff;
border-color: #4db2ec;
}
.page-nav:first-child > div {
padding: 5px 11px;
border: 1px solid #4db2ec;
display: inline-block;
margin: 0 8px 8px 0;
min-width: 33px;
text-align: center;
color: #fff;
line-height: 21px;
float: left;
background-color: #4db2ec;
}
.page-nav .td-icon-menu-right {
padding-left: 1px;
}
.page-nav .td-icon-menu-left {
padding-right: 1px;
}
/* ----------------------------------------------------------------------------
Typography
*/
.td-page-content {
padding-bottom: 26px;
}
.td-page-content table {
margin-bottom: 21px;
}
.tdc-theme-Newspaper {
overflow-x: hidden;
}
.td-pb-span4 .wpb_wrapper,
.td-ss-main-sidebar {
perspective: unset !important;
}
/* ----------------------------------------------------------------------------
Breadcrumbs
*/
.td-crumb-container {
min-height: 35px;
margin-bottom: 9px;
padding-top: 21px;
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-crumb-container {
padding-top: 16px;
}
}
@media (max-width: 767px) {
.td-crumb-container {
padding-top: 11px;
}
}
.single-post .td-bred-no-url-last {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.single-post .td-bred-no-url-last {
display: none;
}
}
.entry-crumbs {
font-family: 'Open Sans', arial, sans-serif;
font-size: 12px;
color: #c3c3c3;
line-height: 18px;
padding-top: 1px;
padding-bottom: 2px;
}
.entry-crumbs a {
color: #c3c3c3;
}
.entry-crumbs a:hover {
color: #777;
}
.entry-crumbs .td-bread-sep {
font-size: 8px;
margin: 0 5px;
}
/* ----------------------------------------------------------------------------
Category
*/
.td-category {
list-style: none;
font-family: 'Open Sans', arial, sans-serif;
font-size: 10px;
margin-top: 0;
margin-bottom: 10px;
line-height: 1;
}
.td-category li {
display: inline-block;
margin: 0 5px 5px 0;
line-height: 1;
}
.td-category a {
color: #fff;
background-color: #222222;
padding: 3px 6px 4px 6px;
white-space: nowrap;
display: inline-block;
}
.td-category a:hover {
opacity: 0.9;
}
.single .td-category {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.single .td-category {
margin-bottom: 0;
}
}
/* ----------------------------------------------------------------------------
Post title
*/
.post {
background-color: #fff;
}
.post header .entry-title {
margin-top: 0;
margin-bottom: 7px;
word-wrap: break-word;
font-size: 41px;
line-height: 50px;
/* responsive portrait phone */
}
@media (max-width: 1018px) {
.post header .entry-title {
font-size: 32px;
line-height: 36px;
}
}
@media (max-width: 767px) {
.post header .entry-title {
margin-top: 3px;
margin-bottom: 9px;
}
}
/* ----------------------------------------------------------------------------
Subtitle
*/
.td-post-sub-title {
font-family: 'Open Sans', arial, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: 300;
line-height: 24px;
color: #999;
margin: 9px 0 14px 0;
}
@media (max-width: 767px) {
.td-post-sub-title {
margin: 0 0 16px;
}
}
/* ----------------------------------------------------------------------------
Author - Date - Comments - Count views
*/
.bypostauthor {
line-height: 1;
}
header .td-module-meta-info {
margin-bottom: 16px;
}
header .td-post-author-name {
font-weight: 400;
color: #444;
float: left;
}
header .td-post-author-name a {
font-weight: 700;
margin-right: 3px;
}
header .td-post-date {
margin-left: 4px;
color: #444;
float: left;
}
header .td-post-views {
float: right;
margin-right: 22px;
}
header .td-post-views span {
line-height: 15px;
vertical-align: top;
}
header .td-icon-views {
position: relative;
line-height: 17px;
font-size: 14px;
margin-right: 5px;
}
header .td-post-comments {
float: right;
position: relative;
top: 2px;
}
header .td-post-comments a {
color: #444;
}
header .td-post-comments i {
vertical-align: middle;
}
header .td-icon-comments {
margin-right: 5px;
font-size: 9px;
}
.post footer {
clear: both;
}
.page-nav.page-nav-post {
margin-top: 0;
}
/* ----------------------------------------------------------------------------
Source and Via
*/
.td-post-source-tags {
font-size: 11px;
}
.td-post-source-tags a {
font-size: 11px;
}
.td-post-source-tags .td-no-tags {
margin-bottom: 34px;
}
.td-post-source-via {
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
}
.td-post-small-box {
margin-bottom: 4px;
line-height: 20px;
clear: left;
height: 20px;
display: table;
}
.td-post-small-box span {
background-color: #222222;
padding: 5px 9px;
color: #fff;
display: block;
text-transform: uppercase;
line-height: 10px;
float: left;
height: 20px;
}
.td-post-small-box a {
display: block;
float: left;
border: 1px solid #ededed;
margin-left: 4px;
line-height: 8px;
color: #111111;
padding: 5px 8px;
height: 20px;
}
.td-post-small-box a:hover {
color: #fff;
background-color: #4db2ec;
border-color: #4db2ec;
}
/* ----------------------------------------------------------------------------
Tags
*/
.td-tags {
margin: 0 0 30px 0;
font-family: 'Open Sans', arial, sans-serif;
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: 4px;
}
.td-tags span,
.td-tags a {
margin-right: 4px;
margin-left: 0;
}
/* ----------------------------------------------------------------------------
Next / Prev article
*/
.td-post-next-prev-content {
display: inline-block;
font-family: 'Roboto', sans-serif;
word-break: break-word;
}
.td-post-next-prev-content span {
display: block;
font-size: 12px;
color: #c1c1c1;
margin-bottom: 7px;
}
.td-post-next-prev-content a {
display: block;
font-size: 15px;
color: #222;
line-height: 21px;
margin-bottom: 43px;
}
.td-post-next-prev-content a:hover {
color: #4db2ec;
}
.td-post-next-post {
text-align: right;
}
.td-next-prev-separator {
display: none;
}
#td-outer-wrap .td-post-prev-post,
#td-outer-wrap .td-post-next-post {
/* responsive portrait phone */
}
@media (max-width: 767px) {
#td-outer-wrap .td-post-prev-post,
#td-outer-wrap .td-post-next-post {
width: 50%;
float: left;
}
}
/* ----------------------------------------------------------------------------
Author box
*/
.author-box-wrap {
border: 1px solid #ededed;
padding: 21px;
margin-bottom: 48px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.author-box-wrap {
text-align: center;
}
}
.author-box-wrap .avatar {
float: left;
max-width: 96px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.author-box-wrap .avatar {
margin-bottom: 5px;
float: none;
}
}
.author-box-wrap .desc {
margin-left: 117px;
font-size: 12px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.author-box-wrap .desc {
margin-left: 0;
}
}
.author-box-wrap .td-social-icon-wrap .td-icon-font {
color: #222;
}
.author-box-wrap .td-author-social {
margin-bottom: -5px;
}
.author-box-wrap .td-author-social a {
color: #444;
margin-top: 11px;
}
.author-box-wrap .td-author-social a:hover {
color: #4db2ec;
}
.author-box-wrap .td-author-social .td-icon-font {
font-size: 15px;
width: auto;
min-width: 18px;
height: auto;
margin-right: 15px;
}
.td-author-name {
font-family: 'Open Sans', arial, sans-serif;
font-size: 15px;
line-height: 21px;
font-weight: 700;
margin: 7px 0 8px 0;
}
.td-author-name a {
color: #222;
}
.td-author-name a:hover {
color: #4db2ec;
}
.td-author-url {
font-size: 11px;
font-style: italic;
line-height: 21px;
margin-bottom: 6px;
}
.td-author-url a {
color: #444;
}
.td-author-url a:hover {
color: #4db2ec;
}
/* ----------------------------------
Post embeds
*/
.wp-embedded-content {
width: 100%;
}
.td-post-content .wpml-ls-statics-post_translations .wpml-ls-flag {
margin-bottom: 0;
}
.single.wpb-js-composer .td-post-content .tdc-row {
width: 100%;
}
/* ----------------------------------------------------------------------------
Default Post Template
*/
.td-post-content p:empty {
display: none;
}
.td-post-featured-image {
position: relative;
}
.td-post-featured-image img {
display: block;
margin-bottom: 26px;
width: 100%;
}
.td-post-featured-image .wp-caption-text {
margin-bottom: 26px;
z-index: 1;
}
.td-post-content {
margin-top: 21px;
padding-bottom: 16px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-post-content {
margin-top: 16px;
}
}
.td-post-content p {
word-wrap: break-word;
}
.td-post-content img {
display: block;
}
.td-post-content table {
margin-bottom: 21px;
}
.td-post-content .td-gallery {
clear: both;
}
.td-post-content .fb-video {
margin-bottom: 26px;
}
.td-post-content #fb-root + p {
margin: 0;
}
.td-post-template-default .td-post-title .td-post-comments {
margin-left: 22px;
}
.td-post-template-default .td-post-title div.td-post-views {
margin-right: 0;
}
@media (max-width: 1018px) {
.td-post-template-default .td-post-header header .entry-title {
font-size: 32px;
line-height: 36px;
}
}
.td-post-template-default .td-post-featured-image img {
width: auto;
}
/* ----------------------------------------------------------------------------
Comment section
*/
.comment {
list-style: none;
margin-left: 0;
padding-bottom: 13px;
border-bottom: 1px dashed #ededed;
margin-bottom: 21px;
}
.comment:first-child {
border-top: none;
}
.comment .avatar {
float: left;
margin-right: 20px;
margin-bottom: 20px;
width: 50px;
}
.comment cite {
font-family: 'Open Sans', arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 14px;
line-height: 1;
/* responsive 500px phone */
}
@media (max-width: 500px) {
.comment cite {
font-size: 16px;
}
}
.comment cite a {
/* responsive 500px phone */
}
@media (max-width: 500px) {
.comment cite a {
display: block;
}
}
.comment .comment-content,
.comment .comment-meta,
.comment .comment-respond {
margin-left: 70px;
}
.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 {
margin-left: 70px;
padding-top: 16px;
border-top: 1px dashed #ededed;
margin-top: 13px;
/* responsive portrait phone */
}
@media (max-width: 500px) {
.comment .children {
margin-left: 34px;
}
}
.comment .children .children {
margin-left: 56px;
/* responsive portrait phone */
}
@media (max-width: 500px) {
.comment .children .children {
margin-left: 0;
}
}
.comment .children .comment:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.comment .children .comment .avatar {
width: 36px;
height: 36px;
position: relative;
top: 5px;
/* responsive 500px phone */
}
@media (max-width: 500px) {
.comment .children .comment .avatar {
top: 0;
}
}
.comment .children .comment .comment-content,
.comment .children .comment .comment-meta,
.comment .children .comment .comment-respond {
margin-left: 56px;
}
.td-comments-title-wrap {
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.comment-link {
font-size: 11px;
line-height: 1;
color: #b4b4b4;
padding-left: 10px;
/* responsive 500px phone */
}
@media (max-width: 500px) {
.comment-link {
padding-left: 0;
margin-bottom: 5px;
margin-top: 5px;
display: block;
}
}
.comment-edit-link {
font-size: 11px;
line-height: 1;
padding-left: 10px;
/* responsive 500px phone */
}
.comment-edit-link:hover {
text-decoration: underline;
}
@media (max-width: 500px) {
.comment-edit-link {
padding-left: 0;
margin-bottom: 5px;
margin-top: 5px;
display: block;
}
}
.comment-meta {
margin-top: 3px;
}
.comment-respond {
margin-bottom: 21px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.comment-respond {
margin-left: 0 !important;
}
}
.comment-reply-link {
font-size: 11px;
color: #b4b4b4;
}
.comment-reply-link:hover {
color: #4db2ec;
}
.single .comments {
margin-bottom: 48px;
padding-top: 10px;
margin-top: -10px;
}
/* ----------------------------------------------------------------------------
Comment form
*/
#reply-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 7px;
margin-top: 10px;
}
.logged-in-as {
margin-top: 0;
margin-bottom: 10px;
font-size: 13px;
}
.logged-in-as a {
color: #111111;
font-weight: 600;
/* responsive portrait phone */
}
.logged-in-as a:hover {
color: #4db2ec;
}
@media (max-width: 767px) {
.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;
}
#cancel-comment-reply-link:hover {
color: #4db2ec;
}
.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;
}
.td-login-comment {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-login-comment {
background-color: #222;
width: 100%;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}
.td-login-comment a {
color: #fff;
padding: 14px 0 15px;
line-height: 19px;
display: block;
}
}
.comments .comment-form .submit {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.comments .comment-form .submit {
width: 100%;
font-size: 15px;
font-weight: bold;
padding: 15px 0;
text-transform: uppercase;
}
}
.comments {
clear: both;
}
.comment-form .td-warning-comment,
.comment-form .td-warning-author,
.comment-form .td-warning-email,
.comment-form .td-warning-email-error {
display: none;
}
.comment-form textarea {
display: block;
}
.td-comment-form-warnings .td-warning-comment,
.td-comment-form-warnings .td-warning-author,
.td-comment-form-warnings .td-warning-email,
.td-comment-form-warnings .td-warning-email-error {
margin-bottom: -11px;
color: #ff7a7a;
font-size: 11px;
font-style: italic;
line-height: 15px;
}
.td-form-comment,
.td-form-author,
.td-form-email,
.td-form-url {
margin-top: 0;
margin-bottom: 21px;
}
.comment-pagination {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.comment-pagination {
margin-bottom: 25px;
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%;
font-size: 13px;
}
}
.comment-list li:last-child {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.comment-list li:last-child {
border: none;
}
}
.comment-form-cookies-consent label {
margin-left: 8px;
}
.comment-form-cookies-consent * {
vertical-align: middle;
}
/* ----------------------------------------------------------------------------
less for Gutenberg elements
*/
.wp-block-image figcaption {
font-family: Verdana, Geneva, sans-serif;
text-align: left;
margin: 6px 0 26px 0;
font-size: 11px;
font-style: italic;
font-weight: normal;
line-height: 17px;
color: #444;
}
.wp-block-image.alignfull figcaption {
margin-right: 20px;
margin-left: 20px;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 17px;
}
.wp-block-gallery.alignnone {
display: flex;
}
.wp-block-categories {
padding: 0 10px;
}
.wp-block-categories,
.wp-block-categories ul {
list-style-type: none;
}
.wp-block-categories ul {
margin: 5px 0 0;
padding-left: 26px;
}
.wp-block-categories li {
margin-left: 0;
margin-bottom: 5px;
}
.wp-block-categories li:last-child {
margin-bottom: 0;
}
.wp-block-categories a {
color: #000;
}
.wp-block-categories a:hover {
text-decoration: none;
color: #4db2ec;
}
.wp-block-categories .td-widget-no {
float: right;
}
.wp-block-categories .td-widget-no:before {
content: '(';
}
.wp-block-categories .td-widget-no:after {
content: ')';
}
.wp-block-categories select {
height: 30px;
margin-bottom: 10px;
margin-top: 13px;
padding: 0 5px;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 36px;
line-height: 1.2;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
font-size: 13px;
}
.wp-block-quote cite {
color: #6c7781;
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal;
}
.wp-block-archives {
font-family: 'Open Sans', arial, sans-serif;
}
.wp-block-archives li {
line-height: 30px;
list-style: none;
padding: 0;
margin-left: 0 !important;
}
.wp-block-archives li a {
color: #222222;
}
.wp-block-archives li a:hover {
color: #4db2ec;
text-decoration: none !important;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
display: flex;
margin: 10px 0 !important;
line-height: 21px;
padding-bottom: 13px;
font-size: 12px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {
display: block;
font-family: 'Open Sans', arial, sans-serif;
font-size: 11px;
line-height: 16px;
color: #b5b5b5;
font-style: italic;
margin-bottom: 5px;
}
.wp-block-latest-comments .wp-block-latest-comments__comment p {
margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment a {
color: #222222;
font-style: italic;
font-size: 11px;
font-weight: bold;
}
.wp-block-latest-comments .wp-block-latest-comments__comment a:hover {
color: #4db2ec;
text-decoration: none !important;
}
.wp-block-latest-posts:not(.is-grid) li {
list-style: none;
margin-bottom: 8px !important;
margin-left: 0;
padding-bottom: 7px;
border-bottom: 1px dashed #f1f1f1;
font-family: 'Roboto', sans-serif;
}
.wp-block-latest-posts:not(.is-grid) li:last-child {
border-bottom: none;
}
.wp-block-latest-posts:not(.is-grid) li a {
display: inline-block;
color: #222222;
line-height: 21px;
}
.wp-block-latest-posts:not(.is-grid) li a:hover {
color: #4db2ec;
text-decoration: none !important;
}
.wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__post-date {
display: block;
font-family: 'Open Sans', arial, sans-serif;
font-size: 11px;
line-height: 16px;
color: #b5b5b5;
font-style: italic;
margin-bottom: 5px;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
transition: background-color 0.1s ease;
-webkit-transition: background-color 0.1s ease;
padding: 9px 12px;
font-size: 16px;
line-height: 20px;
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background-color: #444 !important;
text-decoration: none !important;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not([class*="has-background"]) {
background-color: #4db2ec;
}
.wp-block-button.is-style-outline .wp-block-button__link {
border-width: 2px;
border-style: solid;
transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
}
.wp-block-button.is-style-outline .wp-block-button__link:not([class*="has-background"]) {
background-color: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:not([class*="has-background"]):hover {
background-color: #4db2ec;
}
.wp-block-button.is-style-outline .wp-block-button__link:not([class*="has-text-color"]) {
color: #4db2ec;
border-color: #4db2ec;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background-color: #444;
color: #fff;
text-decoration: none !important;
}
/* responsive portrait tablet */
@media (min-width: 1018px) {
.td-pb-span12 .alignfull {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw !important;
max-width: none !important;
margin-left: 0;
margin-right: 0;
}
.td-pb-span12 .alignfull.wp-block-cover.has-parallax {
left: auto;
transform: none;
margin-left: calc((-100vw + 100%) / 2);
}
.td-pb-span12 .alignfull.wp-block-columns {
padding-left: 8px;
padding-right: 8px;
}
.td-pb-span12 .alignfull.wp-block-embed-wordpress-tv .wp-block-embed__wrapper {
padding-bottom: 56.25%;
}
.td-pb-span12 .alignfull.wp-block-embed-wordpress-tv iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 8px;
padding-right: 8px;
}
.td-pb-span12 .alignfull.wp-block-embed iframe {
width: 100%;
}
}
@media (min-width: 1018px) and (min-width: 1485px) {
.td-pb-span12 .alignwide {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 1400px;
max-width: 100vw;
}
.td-pb-span12 .alignwide.wp-block-video video {
width: 100%;
}
.td-pb-span12 .alignwide.wp-block-embed iframe {
width: 100%;
}
}
.tdc-column:not(.td-pb-span12) .alignwide {
width: 100% !important;
margin-left: 0 !important;
}
.tdc-column:not(.td-pb-span12) .alignfull.wp-block-pullquote blockquote {
margin-left: 0;
margin-right: 0;
}
.wp-block-media-text {
margin-bottom: 26px;
}
/* ----------------------------------------------------------------------------
wordpress default galleries
*/
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
margin-bottom: 20px;
width: 100%;
padding: 0 2%;
}
.gallery-item .gallery-caption {
text-align: center;
margin: 0;
}
.gallery-item .gallery-icon img {
display: inline-block;
}
.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
margin: 0 -2% 20px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
/* ----------------------------------------------------------------------------
custom gallery-columns-1
*/
.gallery-columns-1 .gallery-item {
margin-bottom: 30px;
position: relative;
}
.gallery-columns-1 .gallery-item img {
display: block;
}
.gallery-columns-1 .gallery-caption {
position: absolute;
bottom: 0;
width: 100%;
background-color: #0e0e0e;
color: white;
font-size: 12px;
font-style: normal;
padding: 8px 14px 10px 14px;
}
/* ----------------------------------------------------------------------------
less for gallery slider
*/
.post_td_gallery {
font-family: 'Open Sans', arial, sans-serif;
color: #fff;
margin-bottom: 24px;
background-color: #222;
overflow: hidden;
clear: both;
}
.td-gallery-slide-top {
position: relative;
min-height: 44px;
background-color: #111;
}
.td-gallery-title {
font-style: italic;
font-size: 14px;
line-height: 21px;
font-weight: 600;
padding: 16px 20px;
width: 80%;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-gallery-title {
width: 65%;
font-size: 13px;
line-height: 17px;
padding: 16px;
}
}
/* controls wrapper */
.td-gallery-controls-wrapper {
height: 28px;
margin: auto !important;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.td-gallery-slide-count {
display: inline-block;
margin-right: 7px;
font-style: italic;
font-size: 12px;
font-weight: 600;
vertical-align: middle;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-gallery-slide-count {
margin-right: 0;
}
}
.td-gallery-slide-prev-next-but {
display: inline-block;
margin-right: 12px;
vertical-align: middle;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-gallery-slide-prev-next-but {
margin-right: 8px;
}
}
.td-gallery-slide-prev-next-but .td-icon-left,
.td-gallery-slide-prev-next-but .td-icon-right {
font-size: 16px;
padding: 0 4px;
/* responsive portrait phone */
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
@media (max-width: 767px) {
.td-gallery-slide-prev-next-but .td-icon-left,
.td-gallery-slide-prev-next-but .td-icon-right {
padding: 0 6px;
}
}
.td-gallery-slide-prev-next-but .td-icon-left:before {
content: '\e80c';
}
.td-gallery-slide-prev-next-but .td-icon-right:before {
content: '\e80d';
}
.td-gallery-slide-copywrite {
float: right;
padding: 4px 6px;
text-align: left;
font-style: italic;
line-height: 1;
font-size: 11px;
display: inline-block;
background-color: rgba(0, 0, 0, 0.8);
}
.td-button {
margin: 0 4.2px 0 4.3px;
background-size: cover !important;
}
.td-doubleSlider-1 {
overflow: hidden;
width: auto;
height: 580px;
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-doubleSlider-1 {
height: 420px;
}
}
@media (max-width: 767px) {
.td-doubleSlider-1 {
height: 260px;
}
}
.td-doubleSlider-1 .td-slide-galery-figure {
height: 580px;
text-align: center;
position: relative;
/* responsive portrait tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-doubleSlider-1 .td-slide-galery-figure {
width: 980px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-doubleSlider-1 .td-slide-galery-figure {
width: 740px;
height: 420px;
}
}
@media (max-width: 767px) {
.td-doubleSlider-1 .td-slide-galery-figure {
width: 100%;
height: 260px;
}
}
.td-doubleSlider-1 .td-slide-item img {
max-width: none;
max-height: 100%;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-doubleSlider-1 .td-slide-item img {
max-width: 100%;
}
}
.td-doubleSlider-1 .td-slide-item {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-doubleSlider-1 .td-slide-item {
width: 100%;
}
}
.td-doubleSlider-1 .td-slide-item .td-slide-galery-figure img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
overflow: auto;
}
.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: 'Open Sans', arial, 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%;
}
.td-slide-on-2-columns .td-gallery-title {
width: 73%;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-slide-on-2-columns .td-gallery-title {
width: 65%;
}
}
.td-slide-on-2-columns .td-doubleSlider-1 {
height: 420px;
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-slide-on-2-columns .td-doubleSlider-1 {
height: 320px;
}
}
@media (max-width: 767px) {
.td-slide-on-2-columns .td-doubleSlider-1 {
height: 260px;
}
}
.td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
height: 420px;
/* responsive portrait tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
width: 640px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
width: 484px;
height: 320px;
}
}
@media (max-width: 767px) {
.td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure {
width: 100%;
height: 260px;
}
}
.td-slide-on-2-columns .td-button {
margin: 0 5px;
}
.td-pb-span3 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span3 .td-slide-on-2-columns .td-slide-galery-figure {
height: 200px;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-pb-span3 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span3 .td-slide-on-2-columns .td-slide-galery-figure {
height: 140px;
}
}
.td-pb-span4 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span5 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span4 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span5 .td-slide-on-2-columns .td-slide-galery-figure {
height: 300px;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-pb-span4 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span5 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span4 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span5 .td-slide-on-2-columns .td-slide-galery-figure {
height: 200px;
}
}
.td-pb-span6 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span6 .td-slide-on-2-columns .td-slide-galery-figure {
height: 360px;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-pb-span6 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span6 .td-slide-on-2-columns .td-slide-galery-figure {
height: 260px;
}
}
.td-pb-span7 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span8 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span9 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span7 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span8 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span9 .td-slide-on-2-columns .td-slide-galery-figure {
height: 420px;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-pb-span7 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span8 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span9 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span7 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span8 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span9 .td-slide-on-2-columns .td-slide-galery-figure {
height: 320px;
}
}
.td-pb-span3 .td-slide-on-2-columns,
.td-pb-span4 .td-slide-on-2-columns,
.td-pb-span5 .td-slide-on-2-columns,
.td-pb-span6 .td-slide-on-2-columns,
.td-pb-span7 .td-slide-on-2-columns,
.td-pb-span8 .td-slide-on-2-columns,
.td-pb-span9 .td-slide-on-2-columns {
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-pb-span3 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span4 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span5 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span6 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span7 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span8 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span9 .td-slide-on-2-columns .td-doubleSlider-1,
.td-pb-span3 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span4 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span5 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span6 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span7 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span8 .td-slide-on-2-columns .td-slide-galery-figure,
.td-pb-span9 .td-slide-on-2-columns .td-slide-galery-figure {
height: 260px;
}
}
.td-doubleSlider-2 {
padding: 20px 0 10px 0;
height: 80px !important;
width: 100%;
background-color: #111;
visibility: hidden;
/* responsive portrait phone */
/* if there are not sufficient sliders to fill the td-doubleSlider-2, then move -how many sliders do we have- in the center of td-doubleSlider-2 */
}
@media (max-width: 767px) {
.td-doubleSlider-2 {
display: none;
}
}
.td-doubleSlider-2 .td-slider {
width: 100%;
height: 100%;
overflow-wrap: normal;
}
.td-doubleSlider-2 .td-button {
top: -10px;
display: inline-block;
width: 80px !important;
height: 60px;
background-size: cover !important;
background-position: center !important;
/* responsive landscape tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-doubleSlider-2 .td-button {
top: -9px !important;
width: 56px !important;
height: 58px;
}
}
.td-doubleSlider-2 .td-button:hover {
cursor: pointer;
}
.td-doubleSlider-2 .td-button .td-border {
height: 60px;
width: 80px;
/* responsive landscape tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-doubleSlider-2 .td-button .td-border {
height: 58px;
width: 56px;
}
}
.td-doubleSlider-2.td_center_slide2 {
text-align: center;
padding: 25px 0 10px 0;
}
.td-doubleSlider-2.td_center_slide2 .td-slider {
display: inline-block;
}
.td-doubleSlider-2.td_center_slide2 .td-button {
position: relative;
top: -15px;
margin: 0 2px 0 3px;
}
.td-js-loaded .td-doubleSlider-2 {
visibility: visible;
}
.td-slide-galery-figure {
width: 100% !important;
}
@font-face {
font-family: 'newspaper';
src: url('images/icons/newspaper.eot?16');
src: url('images/icons/newspaper.eot?16#iefix') format('embedded-opentype'), url('images/icons/newspaper.woff?16') format('woff'), url('images/icons/newspaper.ttf?16') format('truetype'), url('images/icons/newspaper.svg?16#newspaper') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
[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-modal-back:before {
content: '\e901';
}
.td-icon-modal-close:before {
content: '\e902';
}
.td-icon-category:before {
content: '\e903';
}
.td-icon-block-header:before {
content: '\e904';
}
.td-icon-home:before {
content: '\e905';
}
.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';
}
.td-icon-acolade:before {
content: "\e90c";
}
.td-icon-backslash:before {
content: "\e90d";
}
.td-icon-bracket-square:before {
content: "\e90e";
}
.td-icon-circle:before {
content: "\e90f";
}
.td-icon-circle-full:before {
content: "\e910";
}
.td-icon-circle-line:before {
content: "\e911";
}
.td-icon-circless:before {
content: "\e912";
}
.td-icon-comma-round:before {
content: "\e913";
}
.td-icon-comma-square:before {
content: "\e914";
}
.td-icon-hash:before {
content: "\e915";
}
.td-icon-linee:before {
content: "\e916";
}
.td-icon-pluss:before {
content: "\e917";
}
.td-icon-point-comma-round:before {
content: "\e918";
}
.td-icon-point-comma-square:before {
content: "\e919";
}
.td-icon-point-round:before {
content: "\e91a";
}
.td-icon-point-square:before {
content: "\e91b";
}
.td-icon-quote-round:before {
content: "\e91c";
}
.td-icon-quote-square:before {
content: "\e91d";
}
.td-icon-romb-full:before {
content: "\e91e";
}
.td-icon-romb-line:before {
content: "\e91f";
}
.td-icon-romb-round-full:before {
content: "\e920";
}
.td-icon-romb-round-line:before {
content: "\e921";
}
.td-icon-rombs:before {
content: "\e922";
}
.td-icon-slashh:before {
content: "\e923";
}
.td-icon-star-full:before {
content: "\e924";
}
.td-icon-star-line:before {
content: "\e925";
}
.td-icon-translingual:before {
content: "\e926";
}
.td-icon-upp:before {
content: "\e927";
}
.td-icon-vertical-line:before {
content: "\e928";
}
.td-icon-naver:before {
content: "\e9d3";
}
.td-icon-video-thumb-play:before {
content: "\e9d4";
}
.td-icon-audio-thumb-play:before {
content: "\e9d5";
}
.td-icon-dots-circle-big:before {
content: "\e929";
}
.td-icon-dots-circle-line:before {
content: "\e92a";
}
.td-icon-dots-circle-line-medium:before {
content: "\e92b";
}
.td-icon-dots-circle-medium:before {
content: "\e92c";
}
.td-icon-dots-circle-united-line:before {
content: "\e92d";
}
.td-icon-dots-romb:before {
content: "\e92e";
}
.td-icon-dots-romb-big:before {
content: "\e92f";
}
.td-icon-dots-romb-line:before {
content: "\e930";
}
.td-icon-dots-romb-united:before {
content: "\e931";
}
.td-icon-dots-romb-united-line:before {
content: "\e932";
}
.td-icon-dots-square:before {
content: "\e933";
}
.td-icon-dots-square-big:before {
content: "\e934";
}
.td-icon-dots-square-line:before {
content: "\e935";
}
.td-icon-dots-square-line-big:before {
content: "\e936";
}
.td-icon-dots-square-medium:before {
content: "\e937";
}
.td-icon-magnifier-big-fill-space:before {
content: "\e938";
}
.td-icon-magnifier-big-long-line:before {
content: "\e939";
}
.td-icon-magnifier-big-rounded:before {
content: "\e93a";
}
.td-icon-magnifier-big-rounded-line:before {
content: "\e93b";
}
.td-icon-magnifier-big-space:before {
content: "\e93c";
}
.td-icon-magnifier-big-square-space:before {
content: "\e93d";
}
.td-icon-magnifier-fill-round-space:before {
content: "\e93e";
}
.td-icon-magnifier-medium-long:before {
content: "\e93f";
}
.td-icon-magnifier-medium-long-light:before {
content: "\e940";
}
.td-icon-magnifier-medium-long-line:before {
content: "\e941";
}
.td-icon-magnifier-medium-short:before {
content: "\e942";
}
.td-icon-magnifier-medium-short-light:before {
content: "\e943";
}
.td-icon-magnifier-outline-line:before {
content: "\e944";
}
.td-icon-magnifier-real-long:before {
content: "\e945";
}
.td-icon-magnifier-real-long-line:before {
content: "\e946";
}
.td-icon-magnifier-real-space-line:before {
content: "\e947";
}
.td-icon-magnifier-thin-long:before {
content: "\e948";
}
.td-icon-magnifier-thin-short:before {
content: "\e949";
}
.td-icon-menu-arrow-down:before {
content: "\e94a";
}
.td-icon-menu-arrow-right:before {
content: "\e94b";
}
.td-icon-menu-circle:before {
content: "\e94c";
}
.td-icon-menu-circle-equal:before {
content: "\e94d";
}
.td-icon-menu-dots-circle:before {
content: "\e94e";
}
.td-icon-menu-dots-circle-line:before {
content: "\e94f";
}
.td-icon-menu-dots-romb:before {
content: "\e950";
}
.td-icon-menu-dots-romb-line-united:before {
content: "\e951";
}
.td-icon-menu-dots-romb-united:before {
content: "\e952";
}
.td-icon-menu-dots-romb-wide:before {
content: "\e953";
}
.td-icon-menu-dots-rounded:before {
content: "\e954";
}
.td-icon-menu-dots-square:before {
content: "\e955";
}
.td-icon-menu-dots-square-line:before {
content: "\e956";
}
.td-icon-menu-fill-circles:before {
content: "\e957";
}
.td-icon-menu-fill-squares:before {
content: "\e958";
}
.td-icon-menu-line-center:before {
content: "\e959";
}
.td-icon-menu-line-center-equal:before {
content: "\e95a";
}
.td-icon-menu-line-circles:before {
content: "\e95b";
}
.td-icon-menu-line-left:before {
content: "\e95c";
}
.td-icon-menu-line-right:before {
content: "\e95d";
}
.td-icon-menu-line-square-center:before {
content: "\e95e";
}
.td-icon-menu-line-square-center-equal:before {
content: "\e95f";
}
.td-icon-menu-line-square-left:before {
content: "\e960";
}
.td-icon-menu-line-square-right:before {
content: "\e961";
}
.td-icon-menu-line-squares:before {
content: "\e962";
}
.td-icon-menu-medium:before {
content: "\e963";
}
.td-icon-menu-medium-center:before {
content: "\e964";
}
.td-icon-menu-medium-left:before {
content: "\e965";
}
.td-icon-menu-medium-right:before {
content: "\e966";
}
.td-icon-menu-medium-square:before {
content: "\e967";
}
.td-icon-menu-outline-circle:before {
content: "\e968";
}
.td-icon-menu-outline-circle-equal:before {
content: "\e969";
}
.td-icon-menu-outline-rounded:before {
content: "\e96a";
}
.td-icon-menu-outline-rounded-square:before {
content: "\e96b";
}
.td-icon-menu-outline-square:before {
content: "\e96c";
}
.td-icon-menu-outline-square-round:before {
content: "\e96d";
}
.td-icon-menu-outline-square-round-lines:before {
content: "\e96e";
}
.td-icon-menu-rounded:before {
content: "\e96f";
}
.td-icon-menu-rounded-square:before {
content: "\e970";
}
.td-icon-menu-square:before {
content: "\e971";
}
.td-icon-menu-square-arrow-right:before {
content: "\e972";
}
.td-icon-menu-square-round:before {
content: "\e973";
}
.td-icon-menu-square-round-lines:before {
content: "\e974";
}
.td-icon-menu-thin:before {
content: "\e975";
}
.td-icon-menu-thin-center:before {
content: "\e976";
}
.td-icon-menu-thin-left:before {
content: "\e977";
}
.td-icon-menu-thin-right:before {
content: "\e978";
}
.td-icon-menu-thin-square:before {
content: "\e979";
}
.td-icon-menu-vertical:before {
content: "\e97a";
}
.td-icon-box-hex:before {
content: "\e97b";
}
.td-icon-camera-details:before {
content: "\e97c";
}
.td-icon-camera-lens:before {
content: "\e97d";
}
.td-icon-camera-simple:before {
content: "\e97e";
}
.td-icon-check-star:before {
content: "\e97f";
}
.td-icon-decorative-flower:before {
content: "\e980";
}
.td-icon-drops-fill:before {
content: "\e981";
}
.td-icon-fish-pyramids:before {
content: "\e982";
}
.td-icon-flower-pond:before {
content: "\e983";
}
.td-icon-lines-dots:before {
content: "\e984";
}
.td-icon-lotus-fill:before {
content: "\e985";
}
.td-icon-lotus-lines:before {
content: "\e986";
}
.td-icon-maze-arrow:before {
content: "\e987";
}
.td-icon-maze-hex:before {
content: "\e988";
}
.td-icon-rock-hex:before {
content: "\e989";
}
.td-icon-star-fill:before {
content: "\e98a";
}
.td-icon-star-flower:before {
content: "\e98b";
}
.td-icon-star-lines:before {
content: "\e98c";
}
.td-icon-tangle-fill:before {
content: "\e98d";
}
.td-icon-tangle-hex:before {
content: "\e98e";
}
.td-icon-team-work:before {
content: "\e98f";
}
.td-icon-tree-circle:before {
content: "\e990";
}
.td-icon-tree-lines:before {
content: "\e991";
}
.td-icon-tulip-lines:before {
content: "\e992";
}
.td-icon-vertical-leaf:before {
content: "\e993";
}
.td-icon-diamond-fill:before {
content: "\e994";
}
.td-icon-mountains-lines:before {
content: "\e995";
}
.td-icon-x-lines:before {
content: "\e996";
}
.td-icon-abstract-circle-lines:before {
content: "\e997";
}
.td-icon-abstract-lines-emblem:before {
content: "\e998";
}
.td-icon-Z-letter-lines:before {
content: "\e999";
}
.td-icon-star-squares-lines:before {
content: "\e99a";
}
.td-icon-star-squares-fill:before {
content: "\e99b";
}
.td-icon-star1-flower:before {
content: "\e99c";
}
.td-icon-heart-flower:before {
content: "\e99d";
}
.td-icon-star-hex:before {
content: "\e99e";
}
.td-icon-bird-origami-lines:before {
content: "\e99f";
}
.td-icon-decorative-flower1:before {
content: "\e9a0";
}
.td-icon-hand-holding-flower:before {
content: "\e9a1";
}
.td-icon-moon-stars1-line:before {
content: "\e9a2";
}
.td-icon-abstract-owl-lines:before {
content: "\e9a3";
}
.td-icon-abstract-lines-model:before {
content: "\e9a4";
}
.td-icon-owl-lines:before {
content: "\e9a5";
}
.td-icon-buck-fill:before {
content: "\e9a6";
}
.td-icon-lines-loader:before {
content: "\e9a7";
}
.td-icon-trees-circle:before {
content: "\e9a8";
}
.td-icon-moon-stars-line:before {
content: "\e9a9";
}
.td-icon-line3-thin:before {
content: "\e9aa";
}
.td-icon-line2-thin:before {
content: "\e9ab";
}
.td-icon-line1-thin:before {
content: "\e9ac";
}
.td-icon-line3-thik:before {
content: "\e9ad";
}
.td-icon-line2-thik:before {
content: "\e9ae";
}
.td-icon-line1-thik:before {
content: "\e9af";
}
.td-icon-wreath3-fill:before {
content: "\e9b0";
}
.td-icon-wreath2-fill:before {
content: "\e9b1";
}
.td-icon-wreath1-fill:before {
content: "\e9b2";
}
.td-icon-wreath-fill:before {
content: "\e9b3";
}
.td-icon-wreath-line:before {
content: "\e9b4";
}
.td-icon-flower-branch-vertical:before {
content: "\e9b5";
}
.td-icon-branch1-vertical-fill:before {
content: "\e9b6";
}
.td-icon-branch-vertical-fill:before {
content: "\e9b7";
}
.td-icon-flower-vertical-line:before {
content: "\e9b8";
}
.td-icon-leaves-vertical-line:before {
content: "\e9b9";
}
.td-icon-leaves-vertical-fill:before {
content: "\e9ba";
}
.td-icon-separator3-wave:before {
content: "\e9bb";
}
.td-icon-separator2-wave:before {
content: "\e9bc";
}
.td-icon-separator1-wave:before {
content: "\e9bd";
}
.td-icon-separator-wave:before {
content: "\e9be";
}
.td-icon-separator2-straigth:before {
content: "\e9bf";
}
.td-icon-separator1-straigth:before {
content: "\e9c0";
}
.td-icon-separator-straigth:before {
content: "\e9c1";
}
.td-icon-leaves-left-fill:before {
content: "\e9c2";
}
.td-icon-leaves-left-line:before {
content: "\e9c3";
}
.td-icon-leaves1-left-fill:before {
content: "\e9c4";
}
.td-icon-leaves5-right-fill:before {
content: "\e9c5";
}
.td-icon-leaves4-right-fill:before {
content: "\e9c6";
}
.td-icon-leaves3-right-fill:before {
content: "\e9c7";
}
.td-icon-leaves1-right-line:before {
content: "\e9c8";
}
.td-icon-leaves2-right-fill:before {
content: "\e9c9";
}
.td-icon-leaves1-right-fill:before {
content: "\e9ca";
}
.td-icon-leaves-right-line:before {
content: "\e9cb";
}
.td-icon-leaves-right-fill:before {
content: "\e9cc";
}
.td-icon-tulips-left-fill:before {
content: "\e9cd";
}
.td-icon-audio-pause:before {
content: "\e9ce";
}
.td-icon-audio-play:before {
content: "\e9cf";
}
.td-icon-audio-speaker:before {
content: "\e9d0";
}
.td-icon-audio-speaker-mute:before {
content: "\e9d1";
}
.td-icon-audio-refresh:before {
content: "\e9d2";
}
.td-social-icon-wrap:hover .td-icon-font {
-webkit-transition: color 0.3s;
transition: color 0.3s;
color: #fff;
}
.td-social-icon-wrap:hover i.td-icon-behance {
color: #000000;
}
.td-social-icon-wrap:hover i.td-icon-blogger {
color: #ffa900;
}
.td-social-icon-wrap:hover i.td-icon-delicious {
color: #3399ff;
}
.td-social-icon-wrap:hover i.td-icon-deviantart {
color: #4e6252;
}
.td-social-icon-wrap:hover i.td-icon-digg {
color: #000000;
}
.td-social-icon-wrap:hover i.td-icon-dribbble {
color: #ea4c89;
}
.td-social-icon-wrap:hover i.td-icon-evernote {
color: #07c257;
}
.td-social-icon-wrap:hover i.td-icon-facebook {
color: #3B5998;
}
.td-social-icon-wrap:hover i.td-icon-flickr {
color: #ff0084;
}
.td-social-icon-wrap:hover i.td-icon-forrst {
color: #3b7140;
}
.td-social-icon-wrap:hover i.td-icon-googleplus {
color: #dd4b39;
}
.td-social-icon-wrap:hover i.td-icon-grooveshark {
color: #f77f00;
}
.td-social-icon-wrap:hover i.td-icon-instagram {
color: #3f729b;
}
.td-social-icon-wrap:hover i.td-icon-lastfm {
color: #ce2127;
}
.td-social-icon-wrap:hover i.td-icon-linkedin {
color: #007bb6;
}
.td-social-icon-wrap:hover i.td-icon-mail {
color: #000000;
}
.td-social-icon-wrap:hover i.td-icon-myspace {
color: #000000;
}
.td-social-icon-wrap:hover i.td-icon-path {
color: #e62f17;
}
.td-social-icon-wrap:hover i.td-icon-paypal {
color: #009cde;
}
.td-social-icon-wrap:hover i.td-icon-pinterest {
color: #cb2027;
}
.td-social-icon-wrap:hover i.td-icon-reddit {
color: #ff4100;
}
.td-social-icon-wrap:hover i.td-icon-rss {
color: #f36f24;
}
.td-social-icon-wrap:hover i.td-icon-share {
color: #000000;
}
.td-social-icon-wrap:hover i.td-icon-skype {
color: #01aef2;
}
.td-social-icon-wrap:hover i.td-icon-soundcloud {
color: #ff5500;
}
.td-social-icon-wrap:hover i.td-icon-spotify {
color: #81b900;
}
.td-social-icon-wrap:hover i.td-icon-stackoverflow {
color: #000000;
}
.td-social-icon-wrap:hover i.td-icon-steam {
color: #000000;
}
.td-social-icon-wrap:hover i.td-icon-stumbleupon {
color: #eb4923;
}
.td-social-icon-wrap:hover i.td-icon-tumblr {
color: #32506d;
}
.td-social-icon-wrap:hover i.td-icon-twitter {
color: #00aced;
}
.td-social-icon-wrap:hover i.td-icon-vimeo {
color: #5289cc;
}
.td-social-icon-wrap:hover i.td-icon-vk {
color: #45668e;
}
.td-social-icon-wrap:hover i.td-icon-windows {
color: #319de5;
}
.td-social-icon-wrap:hover i.td-icon-wordpress {
color: #222222;
}
.td-social-icon-wrap:hover i.td-icon-yahoo {
color: #720e9e;
}
.td-social-icon-wrap:hover i.td-icon-youtube {
color: #bb0000;
}
.td-social-icon-wrap:hover i.td-icon-dailymotion {
color: #41bafc;
}
.td-social-icon-wrap:hover i.td-icon-twitch {
color: #4a377d;
}
.td-social-icon-wrap:hover i.td-icon-xing {
color: #1e6567;
}
.td-social-icon-wrap:hover i.td-icon-ebay {
color: #db2e32;
}
.td-social-icon-wrap:hover i.td-icon-telegram {
color: #3b9de1;
}
.td-social-icon-wrap:hover i.td-icon-naver {
color: #3ec729;
}
/* ----------------------------------------------------------------------------
WordPress default widgets
*/
.widget {
font-family: 'Open Sans', arial, sans-serif;
margin-bottom: 38px;
}
.widget a {
color: #111;
}
.widget a:hover {
color: #4db2ec;
}
.widget ul {
list-style: none;
box-shadow: none;
}
.widget li {
line-height: 30px;
list-style: none;
margin-left: 12px;
}
.widget li li {
margin-left: 21px;
}
.widget select {
width: 100%;
height: 30px;
margin-bottom: 10px;
margin-top: 13px;
padding: 0 5px;
}
.widget .block-title {
margin-bottom: 13px;
}
.widget .block-title span a {
padding: 0;
color: inherit;
}
.archive .widget_archive .current,
.archive .widget_archive .current a {
color: #4db2ec;
}
.widget_calendar {
margin-bottom: 36px;
}
.widget_calendar .block-title {
margin-bottom: 17px;
}
.widget_calendar table {
width: 100%;
text-align: center;
}
.widget_calendar th {
text-align: center;
}
.widget_calendar td {
padding: 8px 0;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.widget_calendar td {
padding: 5px 0;
}
}
.widget_calendar #today {
background-color: #ededed;
font-weight: bold;
color: #000000;
}
.widget_calendar caption {
font-weight: bold;
padding-bottom: 10px;
}
.widget_calendar thead tr {
line-height: 34px;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.widget_calendar thead tr {
line-height: 28px;
}
}
.widget_calendar tfoot td {
border: none;
}
.widget_calendar tfoot #prev {
text-align: left;
}
.widget_calendar tfoot #next {
text-align: right;
}
.widget_calendar tfoot a:hover {
color: #4db2ec;
}
.widget_categories li .td-cat-no,
.widget_categories .td-widget-no {
float: right;
margin-right: 10px;
}
.widget_recent_comments,
.td_wp_recentcomments {
font-family: 'Open Sans', arial, sans-serif;
margin-bottom: 42px;
font-size: 12px;
color: #444;
}
.widget_recent_comments .block-title,
.td_wp_recentcomments .block-title {
margin-bottom: 18px;
}
.widget_recent_comments span a,
.td_wp_recentcomments span a {
margin-right: 5px;
margin-left: 0;
}
.widget_recent_comments a,
.td_wp_recentcomments a {
margin-left: 5px;
font-style: italic;
font-size: 13px;
font-weight: 600;
}
.widget_recent_comments .recentcomments,
.td_wp_recentcomments .recentcomments {
display: block;
margin: 10px 12px !important;
line-height: 21px;
padding-bottom: 13px;
}
.widget_recent_comments .recentcomments:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.td_wp_recentcomments > div:first-child .recentcomments {
margin-top: 0 !important;
}
.td_wp_recentcomments > div:last-child .recentcomments {
border-bottom: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.td_wp_recentcomments a {
color: #111;
}
.td_wp_recentcomments a:hover {
color: #4db2ec;
}
.widget_recent_entries {
margin-bottom: 32px;
}
.widget_recent_entries ul {
margin-top: 13px;
}
.widget_recent_entries li {
margin-bottom: 8px;
padding-bottom: 7px;
border-bottom: 1px dashed #f1f1f1;
font-family: 'Roboto', sans-serif;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.widget_recent_entries li {
margin-bottom: 3px;
padding-bottom: 2px;
}
}
.widget_recent_entries li:last-child {
border-bottom: none;
}
.widget_recent_entries li a {
display: inline-block;
line-height: 21px;
}
.widget_recent_entries .post-date {
display: block;
font-family: 'Open Sans', arial, sans-serif;
font-size: 11px;
line-height: 16px;
color: #b5b5b5;
font-style: italic;
margin-bottom: 5px;
}
.widget_rss {
margin-bottom: 29px;
}
.widget_rss .block-title {
margin-bottom: 17px;
}
.widget_rss .block-title span {
padding: 0;
line-height: 1;
}
.widget_rss .block-title a:first-child {
display: none;
}
.widget_rss .block-title a:hover {
color: #4db2ec;
}
.widget_rss .block-title .rsswidget {
color: #fff;
padding: 6px 12px 5px 12px;
}
.widget_rss li {
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 1px dashed #f1f1f1;
line-height: 21px;
}
.widget_rss li .rsswidget {
margin-bottom: 8px;
margin-right: 10px;
padding-bottom: 7px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 18px;
}
.widget_rss li .rssSummary {
font-size: 12px;
color: #444;
}
.widget_rss li:last-child {
border-bottom: none;
}
.widget_rss .rss-date,
.widget_rss cite {
display: block;
font-family: 'Open Sans', arial, sans-serif;
font-size: 11px;
line-height: 16px;
color: #b5b5b5;
font-style: italic;
position: relative;
margin-bottom: 5px;
margin-top: 5px;
}
.widget_search {
margin-bottom: 48px;
}
.widget_search .block-title {
margin-bottom: 26px;
}
.widget_text ul {
margin-bottom: 21px;
}
.widget_text ul li {
list-style: disc;
list-style-position: inside;
}
.widget_text ol {
margin-bottom: 21px;
}
.widget_text ol li {
list-style-type: decimal;
margin: 0 0 0 21px;
line-height: 24px;
}
.widget_text a {
color: #4db2ec;
}
.widget_text a:hover {
text-decoration: underline !important;
}
.widget_text .block-title {
margin-bottom: 26px;
}
.widget_text .wp-smiley {
width: auto;
}
.widget_tag_cloud {
margin-bottom: 48px;
}
.widget_tag_cloud .block-title {
margin-bottom: 26px;
}
.widget_tag_cloud .tagcloud {
padding: 0 12px;
}
.widget_tag_cloud a {
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.wp-video {
margin-bottom: 26px;
position: relative;
}
.wp-video .wp-video-shortcode {
outline: none;
}
.widget_media_video .wp-video {
margin-bottom: 0;
}
.widget_media_video .block-title,
.widget_media_audio .block-title,
.widget_media_image .block-title {
margin-bottom: 26px;
}
@media print {
html,
body {
background-color: #FFF;
color: #000;
margin: 0;
padding: 0;
}
body {
width: 80%;
margin-left: auto;
margin-right: auto;
zoom: 80%;
}
body .td-post-featured-image img {
width: 100% !important;
}
.td-post-template-1 .td-featured-image-rec {
width: 40%;
}
.td-post-template-6 #td-full-screen-header-image {
position: relative !important;
}
.td-post-template-6 .td-post-header {
height: auto !important;
}
.td-post-template-6 .td-post-header-holder {
position: relative !important;
}
.td-post-template-6 .td-backstretch,
.td-post-template-7 .td-backstretch {
left: auto !important;
right: auto !important;
transform: none !important;
width: auto !important;
height: auto !important;
}
.td-post-template-7 .td-parallax-header {
left: auto !important;
right: auto !important;
transform: none !important;
}
.td-post-template-8 .td-post-header {
height: auto;
}
img {
max-width: 100%;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
}
ul,
ol,
li {
page-break-inside: avoid;
}
table,
tr,
td {
page-break-before: avoid;
}
.single-post .td-header-wrap,
.single-post .td-main-sidebar,
.single-post #td-theme-settings,
.single-post .td-header-top-menu,
.single-post .td-header-menu-wrap,
.single-post .td-header-sp-ads,
.single-post .td-main-sidebar,
.single-post .td-post-source-tags,
.single-post .td-post-sharing,
.single-post .td-post-next-prev,
.single-post .td_block_related_posts,
.single-post #comments,
.single-post .td-footer-container,
.single-post .td-footer-wrapper,
.single-post .td-sub-footer-container,
.single-post .td-category,
.single-post .td-post-views,
.single-post .td-post-comments,
.single-post .td-scroll-up,
.single-post iframe,
.single-post .td-more-articles-box,
.single-post .td_block_video_playlist,
.single-post .td-crumb-container,
.single-post .td-g-rec,
.single-post .td-a-rec,
.single-post .td-menu-background,
.single-post .author-box-wrap .avatar {
display: none !important;
}
.backstretch {
display: none;
}
.td-main-content,
header {
width: 100% !important;
}
}
/* ----------------------------------------------------------------------------
Sub Footer
*/
.td-sub-footer-container {
background-color: #0d0d0d;
color: #ccc;
font-size: 12px;
font-family: 'Open Sans', arial, sans-serif;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-sub-footer-container {
text-align: center;
padding: 6px 0;
}
}
.td-sub-footer-copy {
line-height: 20px;
margin-top: 8px;
margin-bottom: 8px;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-sub-footer-copy {
float: none !important;
}
}
/* Sub Footer Menu */
.td-sub-footer-container .td-sub-footer-menu {
float: right;
/* responsive portrait phone */
}
@media (max-width: 767px) {
.td-sub-footer-container .td-sub-footer-menu {
float: none;
}
}
.td-subfooter-menu {
display: inline-block;
margin: 7px 0;
float: right;
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
}
@media (min-width: 1019px) and (max-width: 1140px) {
.td-subfooter-menu {
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-subfooter-menu {
padding-right: 48px;
}
}
@media (max-width: 767px) {
.td-subfooter-menu {
float: none;
}
}
.td-subfooter-menu li {
display: inline-block;
margin-left: 0;
line-height: 18px;
}
.td-subfooter-menu li a {
margin-right: 16px;
line-height: 18px;
display: inline-block;
color: #ccc;
}
.td-subfooter-menu li a:hover {
color: #4db2ec;
}
.td-subfooter-menu li:last-child a {
margin-right: 0;
}
.td-subfooter-menu ul {
display: none;
}
.td-subfooter-menu .fa {
margin-right: 3px;
}
.tagdiv-small-theme-menu > li > a:before {
background-color: transparent;
content: '';
width: 0;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.tagdiv-small-theme-menu > .current-menu-item > a:before,
.tagdiv-small-theme-menu > .current-menu-ancestor > a:before,
.tagdiv-small-theme-menu > .current-category-ancestor > a:before,
.tagdiv-small-theme-menu > li:hover > a:before,
.tagdiv-small-theme-menu > .sfHover > a:before {
background-color: #4db2ec;
width: 100%;
}
.tagdiv-small-theme-menu > .current-menu-item > a:after,
.tagdiv-small-theme-menu > .current-menu-ancestor > a:after,
.tagdiv-small-theme-menu > .current-category-ancestor > a:after,
.tagdiv-small-theme-menu > li:hover > a:after,
.tagdiv-small-theme-menu > .sfHover > a:after {
background-color: transparent;
width: auto;
}
.tagdiv-small-theme-menu .menu-item-has-children {
position: relative;
}
.tagdiv-small-theme-menu .menu-item-has-children > a:after {
content: '\e806';
position: relative;
top: -2px;
padding-left: 7px;
font-family: newspaper;
font-size: 9px;
line-height: 1;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tagdiv-small-theme-menu .menu-item-has-children > a:after {
top: -1px;
}
}
.tagdiv-small-theme-menu .menu-item-has-children ul {
min-width: 10em;
width: auto;
padding: 15px 0;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
visibility: hidden;
opacity: 0;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tagdiv-small-theme-menu .menu-item-has-children ul {
padding: 8px 0;
}
}
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item.current-menu-item > a,
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item.current-menu-ancestor > a,
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item.current-category-ancestor > a,
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item:hover > a {
color: #4db2ec;
}
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item > a {
display: block;
padding: 7px 30px;
font-size: 12px;
line-height: 20px;
color: #111;
white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1018px) {
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item > a {
padding: 5px 16px 6px;
font-size: 11px;
}
}
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item-has-children ul {
left: 100%;
margin: -15px 0;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item-has-children ul {
margin: -8px 0;
}
}
.tagdiv-small-theme-menu .menu-item-has-children ul .menu-item-has-children > a:after {
content: '\e808';
position: absolute;
top: 50%;
right: 19px;
margin-top: -10px;
padding-left: 7px;
font-family: newspaper;
font-size: 7px;
line-height: inherit;
}
.tagdiv-small-theme-menu .menu-item-has-children:hover > a {
color: #4db2ec;
}
.tagdiv-small-theme-menu .menu-item-has-children:hover > ul {
visibility: visible;
opacity: 1;
}
.tagdiv-small-theme-menu > .menu-item-has-children:hover > ul {
left: -15px;
/* responsive portrait tablet */
}
@media (min-width: 768px) and (max-width: 1018px) {
.tagdiv-small-theme-menu > .menu-item-has-children:hover > ul {
left: -5px;
}
}
.tagdiv-small-theme .td-menu-background,
.tagdiv-small-theme #td-mobile-nav {
visibility: visible;
transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
.tagdiv-small-theme #td-mobile-nav .td-mobile-content {
padding-top: 74px;
}
.tagdiv-small-theme #td-mobile-nav .menu-item {
position: relative;
}
Zerion Mini Shell 1.0