/* Theme Name: Newspaper Theme URI: http://tagdiv.com Description: Premium WordPress template, clean and easy to use. Version: 10.3.9.1 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 2020~ 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: 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; } @media (max-width: 767px) { .td-pb-row > .td-element-style { width: 100vw !important; left: 50% !important; transform: translateX(-50%) !important; } } .td-md-is-ios .tdc-row[class*="stretch_row"] > .td-pb-row > .td-element-style, .td-md-is-ios .tdc-row-composer[class*="stretch_row"] > .td-pb-row > .td-element-style { width: calc(100vw + 1px) !important; } @media (max-width: 767px) { .td-md-is-ios .td-pb-row > .td-element-style { width: calc(100vw + 1px) !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: fixed; width: 100%; height: calc(100% + 1px); 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: calc(100% + 1px); 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:not(.blocks-gallery-item), .tagdiv-type ol li:not(.blocks-gallery-item) { line-height: inherit; margin-bottom: 10px; } .tagdiv-type ul li:not(.blocks-gallery-item):last-child, .tagdiv-type ol li:not(.blocks-gallery-item):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; } .td-post-template-default .wpb_video_wrapper { margin-bottom: 26px; } .td-post-template-default .wpb_video_wrapper .fb-video { margin-bottom: 0; } .td-post-template-default .wpb_video_wrapper iframe { display: block; } .td-post-template-default .wpb_video_wrapper .twitter-video { max-width: none !important; } .td-post-template-default .wpb_video_wrapper video { max-width: 100%; } /* ---------------------------------------------------------------------------- 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: 56px; } .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; } .td-pb-span12 .alignwide { position: relative; left: 50%; transform: translateX(-50%); width: 1400px; max-width: 100vw; } .td-pb-span12 .alignwide img, .td-pb-span12 .alignwide video, .td-pb-span12 .alignwide.wp-block-embed iframe { padding: 0 calc((100% - 100vw) / 2); } .td-pb-span12 .alignwide.wp-block-video video { width: 100%; } .td-pb-span12 .alignwide.wp-block-embed iframe { width: 100%; } .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%; } .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?19'); src: url('images/icons/newspaper.eot?19#iefix') format('embedded-opentype'), url('images/icons/newspaper.woff?19') format('woff'), url('images/icons/newspaper.ttf?19') format('truetype'), url('images/icons/newspaper.svg?19#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-cart:before { content: "\f07a"; } .td-icon-tiktok:before { content: "\e9d6"; } .td-icon-yandex:before { content: "\e9d7"; } .td-icon-flipboard:before { content: "\e9d9"; } .td-icon-insta-carousel:before { content: "\e9da"; } .td-icon-check:before { content: "\e9db"; } .td-icon-cart-empty:before { content: "\e9dc"; } .td-icon-profile:before { content: "\e9dd"; } .td-icon-log-out:before { content: "\e9de"; } .td-icon-discord:before { content: "\e9df"; } .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; } .td-social-icon-wrap:hover i.td-icon-tiktok { color: #009191; } .td-social-icon-wrap:hover i.td-icon-yandex { color: #ff0000; } .td-social-icon-wrap:hover i.td-icon-flipboard { color: #f52828; } .td-social-icon-wrap:hover i.td-icon-discord { color: #7289DA; } /* ---------------------------------------------------------------------------- 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; }