-
Foro: WooCommerce
En respuesta a: Nota de compraDebería llegar, sí. Sino puedes personalizar o la plantilla de email en los ajustes si fuese una nota para todos.
Sino te toca añadir notas manualmente después editando el pedido y añadiendo nota para el cliente y actualizando el pedido. Así debería llegar sí o sí, y sino tienes un problema con la configuración del correo. Mira si acaso si fuese algo de esto:
-
Esta respuesta fue modificada hace 6 años por
Fernando Tellado.
Foro: WooCommerce
Como el debate: Compartir producto email ventana pop up-
Hola,
me gustaría saber si existe algún plugin para compartir un producto de Woocommerce via email, que al darle al icono se abra una ventana a modo de pequeño formulario en el que incluir el email de a quien le quiero mandar el producto. Vamos, tal como lo hace Amazon.
Gracias!
-
Este debate fue modificado hace 6 años por
Fernando Tellado.
-
Este debate fue modificado hace 6 años por
Foro: WooCommerce
En respuesta a: Mails de WoocommerceHola @yaniparga,
Sí, existe una forma de personalizar los mensajes de correo que envía WooCommerce.
Para esto sigue estos pasos:- En el escritorio de tu WordPress ingresa a WooCommerce->Ajustes.
- Una vez que te encuentras en esta pantall selecciona la pestaña Correos Electrónicos. Aquí encontrarás una lista de todos los correos.
- Para editar un mensaje de correo, por ejemplo «Nuevo pedido», damos clic en el botón con ícono de engrane que está al lado izquierdo.
- En la parte de abajo de la nueva pantalla que nos aparece hay una sección que dice Plantilla HTML en esta parte das clic en el botón que dice Copiar archivo al tema.
- Una vez que haz aplastado el botón indicado en el paso anterior te aparecerá el directorio del archivo a editar para cambiar tu mensaje de correo. Deberá ser algo así:
tu-tema/woocommerce/emails/admin-new-order.php
.
Hasta este punto es lo que haces dentro del panel de administración de WordPress. Luego necesitas ingresar con el navegador de archivos de tu CPanel o a través de FTP a la plantilla para que puedas editar su contenido.
Por favor avísame cómo te va con esto 😉
Foro: Diseño – Temas y plantillas
En respuesta a: No muestra imagenes destacadasDisculpa, no se en cual de todos debo hacerlo, hay varios opacity :/
/* Theme Name: Newspaper Theme URI: http://themeforest.net/user/tagDiv/portfolio Description: Premium wordpress template, clean and easy to use. Version: 7.4 Author: tagDiv Author URI: http://themeforest.net/user/tagDiv/portfolio License: License URI: Tags:black, white, one-column, two-columns, fixed-layout */ /* _ _ | \ | ___ _ _ _ ___ ___ ___ ___ ___ _ _ | |/ ._>| | | |<_-<| . \<_> || . \/ ._>| '_> |_\_|\___.|__/_/ /__/| _/<___|| _/\___.|_| |_| |_| ~ tagDiv 2016 ~ Thanks for using our theme ! Our portfolio is here: http://themeforest.net/user/tagDiv/portfolio */ body { visibility: visible !important; } /* ---------------------------------------------------------------------------- responsive settings */ /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ .mx_image_background { background-color: #f2f2f2; } .td-visibility-hidden { visibility: hidden; } /* ---------------------------------------------------------------------------- from bootstrap */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } /* usage: .td-block-row { .mx-row(td-block-span); } @all_span_selector - is the begining of the span selector */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct <code>block</code> display not defined for any HTML5 element in IE 8/9. * Correct <code>block</code> display not defined for <code>details</code> or <code>summary</code> in IE 10/11 * and Firefox. * Correct <code>block</code> display not defined for <code>main</code> in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct <code>inline-block</code> display not defined in IE 8/9. * 2. Normalize vertical alignment of <code>progress</code> in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying <code>audio</code> without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address <code>[hidden]</code> styling not present in IE 8/9/10. * Hide the <code>template</code> 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 <code>bolder</code> in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable <code>h1</code> font-size and margin within <code>section</code> and <code>article</code> * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent <code>sub</code> and <code>sup</code> affecting <code>line-height</code> 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 <code>a</code> 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 <code>em</code>-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 <code>select</code>, unless a <code>border</code> 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 <code>overflow</code> set to <code>hidden</code> in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent <code>text-transform</code> inheritance for <code>button</code> and <code>select</code>. * All other form control elements do not inherit <code>text-transform</code> values. * Correct <code>button</code> style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct <code>select</code> style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native <code>audio</code> * and <code>video</code> controls. * 2. Correct inability to style clickable <code>input</code> types in iOS. * 3. Improve usability and consistency of cursor style between image-type * <code>input</code> 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 <code>line-height</code> on <code>input</code> using <code>!important</code> 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 <code>content-box</code> 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 * <code>font-size</code> values of the <code>input</code>, it causes the cursor style of the * decrement button to change from <code>default</code> to <code>text</code>. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address <code>appearance</code> set to <code>searchfield</code> in Safari and Chrome. * 2. Address <code>box-sizing</code> set to <code>border-box</code> in Safari and Chrome * (include <code>-moz</code> 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 <code>textfield</code> 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 <code>color</code> 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 <code>font-weight</code> (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; } * { -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; } /* ---------------------------------------------------------------------------- container */ .td-container { width: 1068px; margin-right: auto; margin-left: auto; } /* ---------------------------------------------------------------------------- rows */ .td-pb-row { *zoom: 1; margin-right: -24px; margin-left: -24px; } .td-pb-row:before, .td-pb-row:after { display: table; content: ""; } .td-pb-row:after { clear: both; } /* ---------------------------------------------------------------------------- all spans */ .td-pb-row [class*="td-pb-span"] { display: block; min-height: 1px; float: left; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ padding-right: 24px; padding-left: 24px; 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; } } /* ---------------------------------------------------------------------------- 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%; } /* ---------------------------------------------------------------------------- grid in grid */ .td-pb-row .td-pb-row .td-pb-span1 { width: 8.33333333%; } .td-pb-row .td-pb-row .td-pb-span2 { width: 16.66666667%; } .td-pb-row .td-pb-row .td-pb-span3 { width: 25%; } .td-pb-row .td-pb-row .td-pb-span4 { width: 33.33333333%; } .td-pb-row .td-pb-row .td-pb-span5 { width: 41.66666667%; } .td-pb-row .td-pb-row .td-pb-span6 { width: 50%; } .td-pb-row .td-pb-row .td-pb-span7 { width: 58.33333333%; } .td-pb-row .td-pb-row .td-pb-span8 { width: 66.66666667%; } .td-pb-row .td-pb-row .td-pb-span9 { width: 75%; } .td-pb-row .td-pb-row .td-pb-span10 { width: 83.33333333%; } .td-pb-row .td-pb-row .td-pb-span11 { width: 91.66666667%; } .td-pb-row .td-pb-row .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; } } .td-block-span4 { /* 1/3 - used when the block is on td-3-col */ width: 33.33333333%; } .td-block-span6 { /* half - used when the block is on td-2-col */ width: 50%; } /* responsive landscape tablet */ @media (min-width: 1019px) and (max-width: 1140px) { /* ---------------------------------------------------------------------------- container */ .td-container { width: 980px; } /* ---------------------------------------------------------------------------- rows */ .td-pb-row { *zoom: 1; margin-right: -20px; margin-left: -20px; } .td-pb-row:before, .td-pb-row:after { display: table; content: ""; } .td-pb-row:after { clear: both; } /* ---------------------------------------------------------------------------- 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 */ padding-right: 20px; padding-left: 20px; } /* ---------------------------------------------------------------------------- main grid */ /* ---------------------------------------------------------------------------- blocks grid */ /* block row + global block spans */ .td-block-row { *zoom: 1; margin-left: -20px; margin-right: -20px; } .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) and (min-width: 1019px) and (max-width: 1140px) { .td-pb-row [class*="td-pb-span"] { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1019px) and (max-width: 1140px) and (min-width: 768px) and (max-width: 1018px) { .td-pb-row [class*="td-pb-span"] { padding-right: 14px; padding-left: 14px; } } @media (min-width: 1019px) and (max-width: 1140px) and (max-width: 767px) { .td-pb-row [class*="td-pb-span"] { padding-right: 0; padding-left: 0; } } @media (min-width: 1019px) and (max-width: 1140px) and (min-width: 1019px) and (max-width: 1140px) { .td-block-row [class*="td-block-span"] { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1019px) and (max-width: 1140px) and (min-width: 768px) and (max-width: 1018px) { .td-block-row [class*="td-block-span"] { padding-right: 14px; padding-left: 14px; } } @media (min-width: 1019px) and (max-width: 1140px) and (max-width: 767px) { .td-block-row [class*="td-block-span"] { padding-right: 0; padding-left: 0; } } /* responsive portrait tablet */ @media (min-width: 768px) and (max-width: 1018px) { /* ---------------------------------------------------------------------------- container */ .td-container { width: 740px; } /* ---------------------------------------------------------------------------- rows */ .td-pb-row { *zoom: 1; margin-right: -14px; margin-left: -14px; } .td-pb-row:before, .td-pb-row:after { display: table; content: ""; } .td-pb-row:after { clear: both; } /* ---------------------------------------------------------------------------- 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 */ padding-right: 14px; padding-left: 14px; } /* ---------------------------------------------------------------------------- main grid */ /* ---------------------------------------------------------------------------- blocks grid */ /* block row + global block spans */ .td-block-row { *zoom: 1; margin-left: -14px; margin-right: -14px; } .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: 768px) and (max-width: 1018px) and (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) and (min-width: 768px) and (max-width: 1018px) { .td-pb-row [class*="td-pb-span"] { padding-right: 14px; padding-left: 14px; } } @media (min-width: 768px) and (max-width: 1018px) and (max-width: 767px) { .td-pb-row [class*="td-pb-span"] { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) and (max-width: 1018px) and (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) and (min-width: 768px) and (max-width: 1018px) { .td-block-row [class*="td-block-span"] { padding-right: 14px; padding-left: 14px; } } @media (min-width: 768px) and (max-width: 1018px) and (max-width: 767px) { .td-block-row [class*="td-block-span"] { padding-right: 0; padding-left: 0; } } /* responsive portrait phone */ @media (max-width: 767px) { /* container */ .td-container { width: 100%; padding-left: 10px; padding-right: 10px; } .td-pb-row { width: 100%; margin-left: 0; margin-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 */ padding-right: 0; padding-left: 0; } .td-pb-row .td-pb-span1, .td-pb-row .td-pb-span2, .td-pb-row .td-pb-span3, .td-pb-row .td-pb-span4, .td-pb-row .td-pb-span5, .td-pb-row .td-pb-span6, .td-pb-row .td-pb-span7, .td-pb-row .td-pb-span8, .td-pb-row .td-pb-span9, .td-pb-row .td-pb-span10, .td-pb-row .td-pb-span11, .td-pb-row .td-pb-span12 { float: none; width: 100%; } .td-pb-row .td-pb-row { padding-right: 0; padding-left: 0; } .td-pb-row .td-pb-row .td-pb-span1, .td-pb-row .td-pb-row .td-pb-span2, .td-pb-row .td-pb-row .td-pb-span3, .td-pb-row .td-pb-row .td-pb-span4, .td-pb-row .td-pb-row .td-pb-span5, .td-pb-row .td-pb-row .td-pb-span6, .td-pb-row .td-pb-row .td-pb-span7, .td-pb-row .td-pb-row .td-pb-span8, .td-pb-row .td-pb-row .td-pb-span9, .td-pb-row .td-pb-row .td-pb-span10, .td-pb-row .td-pb-row .td-pb-span11, .td-pb-row .td-pb-row .td-pb-span12 { width: 100%; } /* ---------------------------------------------------------------------------- blocks grid */ /* block row + global block spans */ .td-block-row { *zoom: 1; margin-left: 0; margin-right: 0; } .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 */ } .td-block-span4, .td-block-span6, .td-block-span12 { float: none; width: 100%; } } @media (max-width: 767px) and (min-width: 1019px) and (max-width: 1140px) { .td-pb-row [class*="td-pb-span"] { padding-right: 20px; padding-left: 20px; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1018px) { .td-pb-row [class*="td-pb-span"] { padding-right: 14px; padding-left: 14px; } } @media (max-width: 767px) and (max-width: 767px) { .td-pb-row [class*="td-pb-span"] { padding-right: 0; padding-left: 0; } } @media (max-width: 767px) and (min-width: 1019px) and (max-width: 1140px) { .td-block-row [class*="td-block-span"] { padding-right: 20px; padding-left: 20px; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1018px) { .td-block-row [class*="td-block-span"] { padding-right: 14px; padding-left: 14px; } } @media (max-width: 767px) and (max-width: 767px) { .td-block-row [class*="td-block-span"] { padding-right: 0; padding-left: 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; } } /* ---------------------------------------------------------------------------- logo */ .td-header-sp-logo img { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .td-main-menu-logo { display: none; float: left; margin-right: 10px; height: 48px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-main-menu-logo { display: block; margin-right: 0; height: 0; } } .td-main-menu-logo a { line-height: 48px; } .td-main-menu-logo img { padding: 3px 0; position: relative; vertical-align: middle; max-height: 48px; } @media (max-width: 767px) { .td-main-menu-logo img { margin: auto; bottom: 0; top: 0; left: 0; right: 0; position: absolute; padding: 0; } } @media (max-width: 1140px) { .td-main-menu-logo img { max-width: 180px; } } @media (min-width: 768px) { .td-affix .td-logo-sticky { display: block; } .td-header-wrap .td-affix .td-main-menu-logo { height: 48px !important; } .td-header-wrap .td-affix .td-main-menu-logo a { line-height: 48px !important; } .td-header-wrap .td-affix .td-main-menu-logo img { max-height: 48px !important; top: -1px; } .td-header-wrap .td-affix .sf-menu > li > a { line-height: 48px !important; } } .td-visual-hidden { border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } .td-logo { margin: 0; padding: 0; line-height: 1; font-size: inherit !important; } /* ------------------------------------------------------------------------------- logo on sticky menu */ .td-logo-in-header .td-sticky-disable.td-mobile-logo, .td-logo-in-header .td-sticky-disable.td-header-logo { display: none; } .td-logo-in-header .td-sticky-disable.td-mobile-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-header .td-sticky-disable.td-mobile-logo { display: block; } } .td-logo-in-header .td-sticky-header.td-mobile-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-header .td-sticky-header.td-mobile-logo { display: inherit; } } .td-logo-in-header .td-sticky-header.td-header-logo { display: block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-header .td-sticky-header.td-header-logo { display: none; } } .td-logo-in-header .td-sticky-mobile.td-mobile-logo { display: block; } .td-logo-in-header .td-sticky-mobile.td-header-logo { display: none; } .td-logo-in-menu .td-sticky-disable.td-mobile-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-disable.td-mobile-logo { display: block; } } .td-logo-in-menu .td-sticky-disable.td-header-logo { display: block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-disable.td-header-logo { display: none; } } .td-affix .td-logo-in-menu .td-sticky-disable.td-header-logo { display: none; } .td-logo-in-menu .td-sticky-header.td-mobile-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-header.td-mobile-logo { display: block; } } .td-logo-in-menu .td-sticky-header.td-header-logo { display: block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-header.td-header-logo { display: none; } } .td-logo-in-menu .td-sticky-mobile.td-mobile-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-mobile.td-mobile-logo { display: block; } } .td-logo-in-menu .td-sticky-mobile.td-header-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-mobile.td-header-logo { display: none; } } .td-affix .td-logo-in-menu .td-sticky-mobile.td-header-logo { display: none; } .td-affix .td-logo-in-menu .td-sticky-mobile.td-mobile-logo { display: block; } .td-affix .td-logo-in-menu .td-main-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-affix .td-logo-in-menu .td-main-logo { display: block; } } .td-affix .td-logo-in-menu.td-logo-sticky .td-main-logo { display: block; } /* ---------------------------------------------------------------------------- header menu affix */ .td-header-menu-wrap.td-affix { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); margin-right: auto; margin-left: auto; width: 100%; z-index: 9999; position: fixed !important; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.95); top: 0; } .admin-bar .td-header-menu-wrap.td-affix { top: 32px; /* responsive portrait phone */ } @media (max-width: 767px) { .admin-bar .td-header-menu-wrap.td-affix { top: 46px; } } @media (max-width: 602px) { .admin-bar .td-header-menu-wrap.td-affix { top: 0; } } .td-header-gradient:before { content: ""; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMGAhQQCyEd++8AAAAUSURBVAjXY1AAQgMgdABCCBAAQQAT6AFRBPHcWgAAAABJRU5ErkJggg=='); width: 100%; height: 12px; position: absolute; bottom: -12px; z-index: 1; } .td-boxed-layout #td-outer-wrap { z-index: 1; } .td-boxed-layout .td-header-menu-wrap.td-affix { width: 1164px; margin-right: auto; margin-left: auto; } @media (max-width: 1140px) { .td-boxed-layout .td-header-menu-wrap.td-affix { width: 100%; } } /* ------------------------------------------------------------------- Headers style ---------------------------------------------------------------------- */ /* General */ .td-header-top-menu-full { position: relative; z-index: 9999; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-top-menu-full { display: none; } } .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; } .td-header-header { padding: 0; } .header-search-wrap .td-icon-search { color: #fff !important; } } @media (min-width: 768px) { .td-affix .header-search-wrap .td-icon-search { line-height: 48px !important; } .td-affix #td-header-menu { min-height: 48px !important; } } /* fix logo alignment for logo in menus */ @media (min-width: 768px) { .td-header-style-5 .td-affix .td-main-menu-logo img, .td-header-style-6 .td-affix .td-main-menu-logo img, .td-header-style-12 .td-affix .td-main-menu-logo img { top: 0; } } @-moz-document url-prefix() { @media (min-width: 768px) { .td-header-style-5 .td-main-menu-logo a img, .td-header-style-6 .td-main-menu-logo a img, .td-header-style-12 .td-main-menu-logo a img { top: -1px; } } } /* ----------------------------------------------- */ .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-logo-mobile-loaded { /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-mobile-loaded { display: none; } } .td-banner-wrap-full, .td-header-menu-wrap-full { background-color: #fff; } /* ------------------------------------------------------------------- Style 1 ---------------------------------------------------------------------- */ .td-header-style-1 .td-header-top-menu-full { background-color: #222222; } .td-header-style-1 .td-header-sp-logo { width: 284px; position: relative; height: 90px; margin: 28px 28px 9px 28px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-1 .td-header-sp-logo { width: 224px; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-1 .td-header-sp-logo { width: 214px; margin: 14px 28px 0 28px; max-height: 60px; } } @media (max-width: 767px) { .td-header-style-1 .td-header-sp-logo { display: none; } } .td-header-style-1 .td-header-sp-logo img { max-height: 90px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-1 .td-header-sp-logo img { max-height: 60px; } } .td-header-style-1 .td-header-sp-recs { margin: 28px 0 9px 0; /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-1 .td-header-sp-recs { margin: 14px 0 0 0; } } @media (max-width: 767px) { .td-header-style-1 .td-header-sp-recs { margin: 0; } } @media (min-width: 768px) { .td-header-style-1 .td-header-sp-recs .td-a-rec-id-header > div, .td-header-style-1 .td-header-sp-recs .td-g-rec-id-header > .adsbygoogle { margin: auto; } } .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-rec-wrap .td-adspot-title { margin-bottom: 0; top: -21px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-1 .td-header-rec-wrap .td-adspot-title { top: -17px; } } @media (max-width: 767px) { .td-header-style-1 .td-header-rec-wrap .td-adspot-title { top: 0; margin-bottom: -10px; } } /* ------------------------------------------------------------------- Style 2 ---------------------------------------------------------------------- */ .td-header-style-2 .td-header-top-menu-full { background-color: #222222; } .td-header-style-2 .td-header-sp-logo { width: 284px; position: relative; height: 90px; margin: 24px 28px 0 28px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-2 .td-header-sp-logo { width: 224px; margin: 24px 14px 0 14px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-2 .td-header-sp-logo { width: 214px; height: 60px; margin-top: 14px; } } @media (max-width: 767px) { .td-header-style-2 .td-header-sp-logo { display: none; } } .td-header-style-2 .td-header-sp-logo img { max-height: 90px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-2 .td-header-sp-logo img { max-height: 60px; } } .td-header-style-2 .td-header-sp-recs { margin: 24px 0 0 0; /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-2 .td-header-sp-recs { margin-top: 14px; } } @media (max-width: 767px) { .td-header-style-2 .td-header-sp-recs { margin: 0; } } @media (min-width: 768px) { .td-header-style-2 .td-header-sp-recs .td-a-rec-id-header > div, .td-header-style-2 .td-header-sp-recs .td-g-rec-id-header > .adsbygoogle { margin: auto; } } .td-header-style-2 .header-search-wrap .td-icon-search { color: #000; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-2 .header-search-wrap .td-icon-search { color: #fff; } } .td-header-style-2 .td-header-menu-wrap-full { position: relative; } .td-header-style-2 .td-header-rec-wrap .td-adspot-title { margin-bottom: 0; top: -21px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-2 .td-header-rec-wrap .td-adspot-title { top: -17px; } } @media (max-width: 767px) { .td-header-style-2 .td-header-rec-wrap .td-adspot-title { top: 0; margin-bottom: -10px; } } .single_template_6 .td-header-style-2 .td-header-sp-recs, .single_template_7 .td-header-style-2 .td-header-sp-recs, .homepage-post.single_template_7 .td-header-style-2 .td-header-sp-recs, .single_template_8 .td-header-style-2 .td-header-sp-recs, .single_template_10 .td-header-style-2 .td-header-sp-recs, .single_template_11 .td-header-style-2 .td-header-sp-recs, .td_category_template_2 .td-header-style-2 .td-header-sp-recs, .td_category_template_5 .td-header-style-2 .td-header-sp-recs, .td_category_template_6 .td-header-style-2 .td-header-sp-recs, .td_category_template_8 .td-header-style-2 .td-header-sp-recs { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-2 .td-header-sp-recs, .single_template_7 .td-header-style-2 .td-header-sp-recs, .homepage-post.single_template_7 .td-header-style-2 .td-header-sp-recs, .single_template_8 .td-header-style-2 .td-header-sp-recs, .single_template_10 .td-header-style-2 .td-header-sp-recs, .single_template_11 .td-header-style-2 .td-header-sp-recs, .td_category_template_2 .td-header-style-2 .td-header-sp-recs, .td_category_template_5 .td-header-style-2 .td-header-sp-recs, .td_category_template_6 .td-header-style-2 .td-header-sp-recs, .td_category_template_8 .td-header-style-2 .td-header-sp-recs { margin-bottom: 24px; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-2 .td-header-sp-recs, .single_template_7 .td-header-style-2 .td-header-sp-recs, .homepage-post.single_template_7 .td-header-style-2 .td-header-sp-recs, .single_template_8 .td-header-style-2 .td-header-sp-recs, .single_template_10 .td-header-style-2 .td-header-sp-recs, .single_template_11 .td-header-style-2 .td-header-sp-recs, .td_category_template_2 .td-header-style-2 .td-header-sp-recs, .td_category_template_5 .td-header-style-2 .td-header-sp-recs, .td_category_template_6 .td-header-style-2 .td-header-sp-recs, .td_category_template_8 .td-header-style-2 .td-header-sp-recs { margin-bottom: 14px; } } .td_category_template_7 .td-header-style-2 .td-header-sp-recs { /* responsive min landscape tablet */ } @media (min-width: 1019px) { .td_category_template_7 .td-header-style-2 .td-header-sp-recs { margin-bottom: 6px; } } .td_category_template_2 .td-header-style-2, .td_category_template_5 .td-header-style-2 { border-bottom: 1px solid #f2f2f2; } /* ------------------------------------------------------------------- Style 3 ---------------------------------------------------------------------- */ .td-header-style-3 .td-header-menu-wrap-full { background-color: transparent !important; } .td-header-style-3 .td-header-top-menu-full { background-color: #111; } .td-header-style-3 .td-header-sp-logo { width: 284px; position: relative; height: 90px; margin: 28px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-3 .td-header-sp-logo { width: 224px; margin-left: 0; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-3 .td-header-sp-logo { width: 214px; height: 60px; margin: 14px 28px 0 28px; } } @media (max-width: 767px) { .td-header-style-3 .td-header-sp-logo { display: none; } } .td-header-style-3 .td-header-sp-logo img { max-height: 90px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-3 .td-header-sp-logo img { max-height: 60px; } } .td-header-style-3 .td-header-sp-recs { margin: 28px 0; /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-3 .td-header-sp-recs { margin: 14px 0; } } @media (max-width: 767px) { .td-header-style-3 .td-header-sp-recs { margin: 0; } } @media (min-width: 768px) { .td-header-style-3 .td-header-sp-recs .td-a-rec-id-header > div, .td-header-style-3 .td-header-sp-recs .td-g-rec-id-header > .adsbygoogle { margin: auto; } } .td-header-style-3 .header-search-wrap .td-icon-search { color: #fff; } .td-header-style-3 .td-header-main-menu { background-color: #151515; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-3 .td-header-main-menu { padding-left: 2px; } } .td-header-style-3 .sf-menu > li > a { color: #fff; } .td-header-style-3 .sf-menu > li > a:after { display: none; } .td-header-style-3 .black-menu { /* hover and current menu */ } .td-header-style-3 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-3 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-3 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-3 .black-menu .sf-menu > li > a:hover, .td-header-style-3 .black-menu .sf-menu > .sfHover > a { background-color: #4db2ec; } .td-header-style-3 .td-affix { background-color: transparent !important; } .td-header-style-3 .td-affix .td-header-main-menu { background-color: #151515; } .td-header-style-3 .td-header-rec-wrap .td-adspot-title { margin-bottom: 0; top: -21px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-3 .td-header-rec-wrap .td-adspot-title { top: -17px; } } @media (max-width: 767px) { .td-header-style-3 .td-header-rec-wrap .td-adspot-title { top: 0; margin-bottom: -10px; } } .td_category_template_2 .td-header-style-3, .td_category_template_5 .td-header-style-3 { border-bottom: 1px solid #f2f2f2; } .td-boxed-layout .td-header-style-3 .td-header-menu-wrap { background-color: #151515 !important; } .td-full-layout .td-header-style-3 .td-header-main-menu { padding-left: 21px; } .td-full-layout .td-header-style-3 .td-no-subcats .td-mega-span:first-child { margin-left: 17px; /* responsive landscape tablet */ } @media (max-width: 1140px) { .td-full-layout .td-header-style-3 .td-no-subcats .td-mega-span:first-child { margin-left: 18px; } } .td-full-layout .td-header-style-3 .td-mega-menu ul { width: 1068px !important; left: 0 !important; box-shadow: none; border-top: none; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-3 .td-mega-menu ul { width: 980px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-3 .td-mega-menu ul { width: 740px !important; } } .td-full-layout .td-header-style-3 .td-mega-menu .td_block_mega_menu .td-next-prev-wrap { margin: 0 0 18px 18px; } .td-full-layout .td-header-style-3 .td_mega_menu_sub_cats { width: 208px; padding-top: 18px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-3 .td_mega_menu_sub_cats { width: 192px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-3 .td_mega_menu_sub_cats { width: 144px; } } .td-full-layout .td-header-style-3 .td_mega_menu_sub_cats a { padding: 5px 18px; } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-3 .td_mega_menu_sub_cats a { padding: 3px 18px; } } .td-full-layout .td-header-style-3 .block-mega-child-cats { max-height: 216px; } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-3 .block-mega-child-cats { max-height: 192px; } } .td-full-layout .td-header-style-3 .td-mega-row { padding: 18px 0 12px 0; } .td-full-layout .td-header-style-3 .td-mega-span { width: 192px; min-height: 199px; margin-left: 18px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-3 .td-mega-span { width: 174px; min-height: 187px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-3 .td-mega-span { width: 126px; min-height: 174px; } } .td-full-layout .td-header-style-3 .td-mega-span .entry-thumb { min-height: 132px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-3 .td-mega-span .entry-thumb { min-height: 120px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-3 .td-mega-span .entry-thumb { min-height: 87px; } } /* ------------------------------------------------------------------- Style 4 ---------------------------------------------------------------------- */ .td-header-style-4 .td-header-top-menu-full { background-color: #111; } .td-header-style-4 .td-main-menu-logo { margin: 0; display: block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-4 .td-main-menu-logo { float: left; display: inline; width: 0; } } .td-header-style-4 .td-main-menu-logo img { margin: 0 21px 0 0; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-4 .td-main-menu-logo img { margin: 0 14px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-4 .td-main-menu-logo img { margin: 0 10px; } } @media (max-width: 767px) { .td-header-style-4 .td-main-menu-logo img { margin: auto; } } @media (min-width: 768px) { .td-header-style-4 .td-main-menu-logo img { top: -1px; } .td-header-style-4 .td-affix .td-main-menu-logo img { top: 0; } } .td-header-style-4 .td-header-sp-recs { width: 100%; } .td-header-style-4 .td-header-sp-recs img { position: relative; } .td-header-style-4 .td-header-sp-recs .adsbygoogle { position: relative; display: block !important; } .td-header-style-4 .td-header-rec-wrap { min-height: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-4 .td-header-rec-wrap { width: 100% !important; padding: 0 10px; } } .td-header-style-4 .header-search-wrap .td-icon-search { color: #fff; } .td-header-style-4 .td-header-menu-wrap-full { background-color: transparent !important; } .td-header-style-4 .td-header-main-menu { background-color: #151515; } .td-header-style-4 .black-menu { /* hover and current menu */ } .td-header-style-4 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-4 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-4 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-4 .black-menu .sf-menu > li > a:hover, .td-header-style-4 .black-menu .sf-menu > .sfHover > a { background-color: #4db2ec; } .td-header-style-4 .sf-menu > li > a { color: #fff; /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-4 .sf-menu > li > a { padding: 0 12px; } } .td-header-style-4 .sf-menu > li > a:after { display: none; } .td-header-style-4 .sf-menu a.sf-with-ul { /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-4 .sf-menu a.sf-with-ul { padding-right: 26px; } } .td-header-style-4 .td-affix { background-color: transparent !important; } .td-header-style-4 .td-affix .td-header-main-menu { background-color: #151515; } .td_category_template_2 .td-header-style-4, .td_category_template_5 .td-header-style-4 { border-bottom: 1px solid #f2f2f2; } .td-boxed-layout .td-header-style-4 .td-header-menu-wrap { background-color: #151515 !important; } .td-full-layout .td-header-style-4 .td-main-menu-logo { margin: 0; display: block; } .td-full-layout .td-header-style-4 .td-main-menu-logo img { margin: 0 21px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-4 .td-main-menu-logo img { margin: 0 14px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-4 .td-main-menu-logo img { margin: 0 10px; } } @media (max-width: 767px) { .td-full-layout .td-header-style-4 .td-main-menu-logo img { margin: auto; } } .td-full-layout .td-header-style-4 .td-no-subcats .td-mega-span:first-child { margin-left: 17px; /* responsive landscape tablet */ } @media (max-width: 1140px) { .td-full-layout .td-header-style-4 .td-no-subcats .td-mega-span:first-child { margin-left: 18px; } } .td-full-layout .td-header-style-4 .td-mega-menu ul { width: 1068px !important; left: 0 !important; box-shadow: none; border-top: none; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-4 .td-mega-menu ul { width: 980px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-4 .td-mega-menu ul { width: 740px !important; } } .td-full-layout .td-header-style-4 .td-mega-menu .td-next-prev-wrap { margin: 0 0 18px 18px; } .td-full-layout .td-header-style-4 .td_mega_menu_sub_cats { width: 208px; padding-top: 18px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-4 .td_mega_menu_sub_cats { width: 192px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-4 .td_mega_menu_sub_cats { width: 144px; } } .td-full-layout .td-header-style-4 .td_mega_menu_sub_cats a { padding: 5px 18px; } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-4 .td_mega_menu_sub_cats a { padding: 3px 18px; } } .td-full-layout .td-header-style-4 .block-mega-child-cats { max-height: 216px; } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-4 .block-mega-child-cats { max-height: 192px; } } .td-full-layout .td-header-style-4 .td-mega-row { padding: 18px 0 12px 0; } .td-full-layout .td-header-style-4 .td-mega-span { width: 192px; min-height: 199px; margin-left: 18px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-4 .td-mega-span { width: 174px; min-height: 187px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-4 .td-mega-span { width: 126px; min-height: 174px; } } .td-full-layout .td-header-style-4 .td-mega-span .entry-thumb { min-height: 132px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-full-layout .td-header-style-4 .td-mega-span .entry-thumb { min-height: 120px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-full-layout .td-header-style-4 .td-mega-span .entry-thumb { min-height: 87px; } } /* ------------------------------------------------------------------- Style 5 ---------------------------------------------------------------------- */ .td-header-style-5 { /* responsive portrait phone */ } .td-header-style-5 .td-header-top-menu-full { background-color: #f9f9f9; } .td-header-style-5 .td-header-top-menu-full .td-header-top-menu { color: #000; } .td-header-style-5 .td-header-top-menu-full a { color: #000; } .td-header-style-5 .td-social-icon-wrap .td-icon-font { color: #000; } .td-header-style-5 .top-header-menu .sub-menu { background-color: #f9f9f9; } .td-header-style-5 .td-main-menu-logo { display: block; margin-right: 0; height: 60px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-5 .td-main-menu-logo { float: left; margin: 0; display: inline; width: 0; height: 0; } } .td-header-style-5 .td-main-menu-logo a { line-height: 60px; } .td-header-style-5 .td-main-menu-logo img { max-height: 60px; margin-right: 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-5 .td-main-menu-logo img { margin-right: 10px; } } @media (max-width: 767px) { .td-header-style-5 .td-main-menu-logo img { max-height: 48px; margin: auto; } } .td-header-style-5 .td-header-sp-recs { width: 100%; } .td-header-style-5 .td-header-rec-wrap { min-height: 0; } .td-header-style-5 .td-a-rec-id-header > div, .td-header-style-5 .td-g-rec-id-header > div, .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td-header-style-5 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td-header-style-5 .td-a-rec-id-header > div, .td-header-style-5 .td-g-rec-id-header > div, .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td-header-style-5 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-5 .td-a-rec-id-header > div, .td-header-style-5 .td-g-rec-id-header > div, .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td-header-style-5 .td-g-rec-id-header > .adsbygoogle { margin: 14px auto 0 auto !important; } } .td-header-style-5 .td-a-rec-id-header img, .td-header-style-5 .td-g-rec-id-header img { position: relative; } .td-header-style-5 .td-a-rec-id-header .adsbygoogle, .td-header-style-5 .td-g-rec-id-header .adsbygoogle { position: relative; display: block !important; } .td-header-style-5 .header-search-wrap .td-icon-search { color: #fff; } .td-header-style-5 .td-header-menu-wrap-full { background-color: #151515; } .td-header-style-5 #td-header-menu { min-height: 60px; } .td-header-style-5 .black-menu { /* hover and current menu */ } .td-header-style-5 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-5 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-5 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-5 .black-menu .sf-menu > li > a:hover, .td-header-style-5 .black-menu .sf-menu > .sfHover > a { background-color: #4db2ec; } .td-header-style-5 .sf-menu > li > a { color: #fff; line-height: 60px; /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-5 .sf-menu > li > a { padding: 0 12px; } } .td-header-style-5 .sf-menu > li > a:after { display: none; } .td-header-style-5 .sf-menu a.sf-with-ul { /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-5 .sf-menu a.sf-with-ul { padding-right: 26px; } } .td-header-style-5 .td-mega-menu ul { border-top: none; } @media (max-width: 767px) { .td-header-style-5 .td-header-menu-wrap-full { height: 54px !important; } .td-header-style-5 #td-header-menu { min-height: 54px; } .td-header-style-5 .td-header-main-menu { height: 54px; } } .td-header-style-5 .td-affix { background-color: #161616; background-color: rgba(22, 22, 22, 0.9); } .td-header-style-5 .td-affix #td-header-menu { min-height: 48px; } .single_template_6 .td-header-style-5 .td-a-rec-id-header > div, .single_template_7 .td-header-style-5 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-5 .td-a-rec-id-header > div, .single_template_8 .td-header-style-5 .td-a-rec-id-header > div, .single_template_10 .td-header-style-5 .td-a-rec-id-header > div, .single_template_11 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-5 .td-a-rec-id-header > div, .single_template_6 .td-header-style-5 .td-g-rec-id-header > div, .single_template_7 .td-header-style-5 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-5 .td-g-rec-id-header > div, .single_template_8 .td-header-style-5 .td-g-rec-id-header > div, .single_template_10 .td-header-style-5 .td-g-rec-id-header > div, .single_template_11 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-5 .td-g-rec-id-header > div, .single_template_6 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-5 .td-a-rec-id-header > div, .single_template_7 .td-header-style-5 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-5 .td-a-rec-id-header > div, .single_template_8 .td-header-style-5 .td-a-rec-id-header > div, .single_template_10 .td-header-style-5 .td-a-rec-id-header > div, .single_template_11 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-5 .td-a-rec-id-header > div, .single_template_6 .td-header-style-5 .td-g-rec-id-header > div, .single_template_7 .td-header-style-5 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-5 .td-g-rec-id-header > div, .single_template_8 .td-header-style-5 .td-g-rec-id-header > div, .single_template_10 .td-header-style-5 .td-g-rec-id-header > div, .single_template_11 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-5 .td-g-rec-id-header > div, .single_template_6 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-5 .td-a-rec-id-header > div, .single_template_7 .td-header-style-5 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-5 .td-a-rec-id-header > div, .single_template_8 .td-header-style-5 .td-a-rec-id-header > div, .single_template_10 .td-header-style-5 .td-a-rec-id-header > div, .single_template_11 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-5 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-5 .td-a-rec-id-header > div, .single_template_6 .td-header-style-5 .td-g-rec-id-header > div, .single_template_7 .td-header-style-5 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-5 .td-g-rec-id-header > div, .single_template_8 .td-header-style-5 .td-g-rec-id-header > div, .single_template_10 .td-header-style-5 .td-g-rec-id-header > div, .single_template_11 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-5 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-5 .td-g-rec-id-header > div, .single_template_6 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-5 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-5 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td_category_template_2 .td-header-style-5, .td_category_template_5 .td-header-style-5 { border-bottom: 1px solid #f2f2f2; } /* ------------------------------------------------------------------- Style 6 ---------------------------------------------------------------------- */ .td-header-style-6 { /* responsive portrait phone */ } .td-header-style-6 .td-header-top-menu-full { background-color: #f9f9f9; } .td-header-style-6 .td-header-top-menu-full .td-header-top-menu { color: #000; } .td-header-style-6 .td-header-top-menu-full a { color: #000; } .td-header-style-6 .td-social-icon-wrap .td-icon-font { color: #000; } .td-header-style-6 .top-header-menu .sub-menu { background-color: #f9f9f9; } .td-header-style-6 .td-main-menu-logo { display: block; margin-right: 42px; height: 80px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-6 .td-main-menu-logo { margin-right: 20px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-6 .td-main-menu-logo { margin-right: 10px; } } @media (max-width: 767px) { .td-header-style-6 .td-main-menu-logo { float: left; margin: 0; display: inline; width: 0; height: 0; } } .td-header-style-6 .td-main-menu-logo a { line-height: 80px; } .td-header-style-6 .td-main-menu-logo img { max-height: 80px; /* responsive portrait tablet */ } @media (max-width: 767px) { .td-header-style-6 .td-main-menu-logo img { max-height: 48px; } } .td-header-style-6 .td-header-sp-recs { width: 100%; } .td-header-style-6 .td-header-rec-wrap { min-height: 0; } .td-header-style-6 .td-a-rec-id-header > div, .td-header-style-6 .td-g-rec-id-header > div, .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td-header-style-6 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td-header-style-6 .td-a-rec-id-header > div, .td-header-style-6 .td-g-rec-id-header > div, .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td-header-style-6 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-6 .td-a-rec-id-header > div, .td-header-style-6 .td-g-rec-id-header > div, .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td-header-style-6 .td-g-rec-id-header > .adsbygoogle { margin: 14px auto 0 auto !important; } } .td-header-style-6 .td-a-rec-id-header img, .td-header-style-6 .td-g-rec-id-header img { position: relative; } .td-header-style-6 .td-a-rec-id-header .adsbygoogle, .td-header-style-6 .td-g-rec-id-header .adsbygoogle { position: relative; display: block !important; } .td-header-style-6 .header-search-wrap .td-icon-search { color: #fff; } .td-header-style-6 .td-header-menu-wrap-full { background-color: #151515; } .td-header-style-6 #td-header-menu { min-height: 80px; } .td-header-style-6 .black-menu { /* hover and current menu */ } .td-header-style-6 .black-menu .sf-menu > .current-menu-item > a, .td-header-style-6 .black-menu .sf-menu > .current-menu-ancestor > a, .td-header-style-6 .black-menu .sf-menu > .current-category-ancestor > a, .td-header-style-6 .black-menu .sf-menu > li > a:hover, .td-header-style-6 .black-menu .sf-menu > .sfHover > a { background-color: #4db2ec; } .td-header-style-6 .sf-menu { float: right; } .td-header-style-6 .sf-menu > li > a { color: #fff; line-height: 80px; /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-6 .sf-menu > li > a { padding: 0 12px; } } .td-header-style-6 .sf-menu > li > a:after { display: none; } .td-header-style-6 .sf-menu a.sf-with-ul { /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-6 .sf-menu a.sf-with-ul { padding-right: 26px; } } .td-header-style-6 .td-mega-menu ul { border-top: none; } @media (max-width: 767px) { .td-header-style-6 #td-header-menu { min-height: 54px; } .td-header-style-6 .td-header-main-menu { height: 54px; } } .td-header-style-6 .td-affix { background-color: #161616; background-color: rgba(22, 22, 22, 0.9); } .td-header-style-6 .td-affix #td-header-menu { min-height: 48px; } .single_template_6 .td-header-style-6 .td-a-rec-id-header > div, .single_template_7 .td-header-style-6 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-6 .td-a-rec-id-header > div, .single_template_8 .td-header-style-6 .td-a-rec-id-header > div, .single_template_10 .td-header-style-6 .td-a-rec-id-header > div, .single_template_11 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-6 .td-a-rec-id-header > div, .single_template_6 .td-header-style-6 .td-g-rec-id-header > div, .single_template_7 .td-header-style-6 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-6 .td-g-rec-id-header > div, .single_template_8 .td-header-style-6 .td-g-rec-id-header > div, .single_template_10 .td-header-style-6 .td-g-rec-id-header > div, .single_template_11 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-6 .td-g-rec-id-header > div, .single_template_6 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-6 .td-a-rec-id-header > div, .single_template_7 .td-header-style-6 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-6 .td-a-rec-id-header > div, .single_template_8 .td-header-style-6 .td-a-rec-id-header > div, .single_template_10 .td-header-style-6 .td-a-rec-id-header > div, .single_template_11 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-6 .td-a-rec-id-header > div, .single_template_6 .td-header-style-6 .td-g-rec-id-header > div, .single_template_7 .td-header-style-6 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-6 .td-g-rec-id-header > div, .single_template_8 .td-header-style-6 .td-g-rec-id-header > div, .single_template_10 .td-header-style-6 .td-g-rec-id-header > div, .single_template_11 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-6 .td-g-rec-id-header > div, .single_template_6 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-6 .td-a-rec-id-header > div, .single_template_7 .td-header-style-6 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-6 .td-a-rec-id-header > div, .single_template_8 .td-header-style-6 .td-a-rec-id-header > div, .single_template_10 .td-header-style-6 .td-a-rec-id-header > div, .single_template_11 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-6 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-6 .td-a-rec-id-header > div, .single_template_6 .td-header-style-6 .td-g-rec-id-header > div, .single_template_7 .td-header-style-6 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-6 .td-g-rec-id-header > div, .single_template_8 .td-header-style-6 .td-g-rec-id-header > div, .single_template_10 .td-header-style-6 .td-g-rec-id-header > div, .single_template_11 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-6 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-6 .td-g-rec-id-header > div, .single_template_6 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-6 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-6 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td_category_template_2 .td-header-style-6, .td_category_template_5 .td-header-style-6 { border-bottom: 1px solid #f2f2f2; } /* ------------------------------------------------------------------- Style 7 ---------------------------------------------------------------------- */ .td-header-style-7 { /* responsive portrait phone */ } .td-header-style-7 .td-header-top-menu-full { background-color: #fff; } .td-header-style-7 .td-header-top-menu-full a { color: #000; } .td-header-style-7 .td-header-top-menu { color: #000; border-bottom: 1px solid #e0e0e0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-7 .td-header-top-menu { padding: 5px 0; } } .td-header-style-7 .td-social-icon-wrap .td-icon-font { color: #000; } .td-header-style-7 .top-header-menu .sub-menu { background-color: #fff; } .td-header-style-7 .td-header-sp-logo { margin-right: 42px; float: left; height: 106px; padding: 0; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-7 .td-header-sp-logo { margin-right: 20px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-7 .td-header-sp-logo { margin-right: 10px; height: 54px; } } @media (max-width: 767px) { .td-header-style-7 .td-header-sp-logo { display: none; } } .td-header-style-7 .td-header-sp-logo a { line-height: 106px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-7 .td-header-sp-logo a { line-height: 54px; } } .td-header-style-7 .td-header-sp-logo img { max-height: 106px; position: relative; padding: 6px 0; line-height: 106px; vertical-align: middle; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-7 .td-header-sp-logo img { max-width: 140px; max-height: 54px; line-height: 54px; padding: 3px 0; } } @media (min-width: 768px) { .td-header-style-7 .td-header-sp-logo img { top: -1px; } .td-header-style-7 .td-affix .td-header-sp-logo img { top: 0; } } .td-header-style-7 .td-main-menu-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-7 .td-main-menu-logo { display: block; } } .td-header-style-7 .td-header-sp-recs { width: 100%; } .td-header-style-7 .td-header-rec-wrap { min-height: 0; } .td-header-style-7 .td-a-rec-id-header > div, .td-header-style-7 .td-g-rec-id-header > div, .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td-header-style-7 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td-header-style-7 .td-a-rec-id-header > div, .td-header-style-7 .td-g-rec-id-header > div, .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td-header-style-7 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-7 .td-a-rec-id-header > div, .td-header-style-7 .td-g-rec-id-header > div, .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td-header-style-7 .td-g-rec-id-header > .adsbygoogle { margin: 14px auto 0 auto !important; } } .td-header-style-7 .td-a-rec-id-header img, .td-header-style-7 .td-g-rec-id-header img { position: relative; } .td-header-style-7 .td-a-rec-id-header .adsbygoogle, .td-header-style-7 .td-g-rec-id-header .adsbygoogle { position: relative; display: block !important; } .td-header-style-7 #td-top-search { margin-top: 0; top: auto; bottom: 17px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-7 #td-top-search { bottom: 0; } } @media (max-width: 767px) { .td-header-style-7 #td-top-search { bottom: 0; } } .td-header-style-7 .header-search-wrap .td-icon-search { color: #000; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-7 .header-search-wrap .td-icon-search { color: #fff; } } .td-header-style-7 .td-header-menu-wrap-full, .td-header-style-7 .td-header-main-menu { position: relative; } .td-header-style-7 #td-header-menu { min-height: 106px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-7 #td-header-menu { min-height: 54px; } } .td-header-style-7 .sf-menu { margin-top: 28px; float: right; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-7 .sf-menu { margin-top: 6px; } } .td-header-style-7 .sf-menu > li > a { line-height: 78px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-7 .sf-menu > li > a { padding: 0 12px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-7 .sf-menu > li > a { line-height: 48px; } } .td-header-style-7 .sf-menu a.sf-with-ul { /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-7 .sf-menu a.sf-with-ul { padding-right: 26px; } } @media (max-width: 767px) { .td-header-style-7 #td-header-menu { min-height: 54px; } .td-header-style-7 .td-header-main-menu { height: 54px; } } .td-header-style-7 .td-affix .td-header-sp-logo { display: none; } .td-header-style-7 .td-affix .td-logo-sticky { display: block; } .td-header-style-7 .td-affix #td-header-menu { min-height: 48px; } .td-header-style-7 .td-affix .sf-menu { margin-top: 0; } .td-header-style-7 .td-affix #td-top-search { bottom: 0; } .single_template_6 .td-header-style-7 .td-a-rec-id-header > div, .single_template_7 .td-header-style-7 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-7 .td-a-rec-id-header > div, .single_template_8 .td-header-style-7 .td-a-rec-id-header > div, .single_template_10 .td-header-style-7 .td-a-rec-id-header > div, .single_template_11 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-7 .td-a-rec-id-header > div, .single_template_6 .td-header-style-7 .td-g-rec-id-header > div, .single_template_7 .td-header-style-7 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-7 .td-g-rec-id-header > div, .single_template_8 .td-header-style-7 .td-g-rec-id-header > div, .single_template_10 .td-header-style-7 .td-g-rec-id-header > div, .single_template_11 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-7 .td-g-rec-id-header > div, .single_template_6 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-7 .td-a-rec-id-header > div, .single_template_7 .td-header-style-7 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-7 .td-a-rec-id-header > div, .single_template_8 .td-header-style-7 .td-a-rec-id-header > div, .single_template_10 .td-header-style-7 .td-a-rec-id-header > div, .single_template_11 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-7 .td-a-rec-id-header > div, .single_template_6 .td-header-style-7 .td-g-rec-id-header > div, .single_template_7 .td-header-style-7 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-7 .td-g-rec-id-header > div, .single_template_8 .td-header-style-7 .td-g-rec-id-header > div, .single_template_10 .td-header-style-7 .td-g-rec-id-header > div, .single_template_11 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-7 .td-g-rec-id-header > div, .single_template_6 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-7 .td-a-rec-id-header > div, .single_template_7 .td-header-style-7 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-7 .td-a-rec-id-header > div, .single_template_8 .td-header-style-7 .td-a-rec-id-header > div, .single_template_10 .td-header-style-7 .td-a-rec-id-header > div, .single_template_11 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-7 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-7 .td-a-rec-id-header > div, .single_template_6 .td-header-style-7 .td-g-rec-id-header > div, .single_template_7 .td-header-style-7 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-7 .td-g-rec-id-header > div, .single_template_8 .td-header-style-7 .td-g-rec-id-header > div, .single_template_10 .td-header-style-7 .td-g-rec-id-header > div, .single_template_11 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-7 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-7 .td-g-rec-id-header > div, .single_template_6 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-7 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-7 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td_category_template_2 .td-header-style-7, .td_category_template_5 .td-header-style-7 { border-bottom: 1px solid #f2f2f2; } /* ------------------------------------------------------------------- Style 8 ---------------------------------------------------------------------- */ .td-header-style-8 { /* responsive portrait phone */ } .td-header-style-8 .td-header-top-menu-full { background-color: #fff; } .td-header-style-8 .td-header-menu-wrap-full { position: relative; } .td-header-style-8 .td-header-menu-wrap-full .td-header-sp-logo { display: none; } .td-header-style-8 .td-header-menu-wrap-full .td-affix .td-header-sp-logo { display: block; bottom: 0; top: 0; width: 168px; height: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-8 .td-header-menu-wrap-full .td-affix .td-header-sp-logo { display: none; } } .td-header-style-8 .td-header-menu-wrap-full .td-affix .td-header-main-menu { padding-left: 0; } .td-header-style-8 .td-header-menu-wrap { display: table; width: 100%; } .td-header-style-8 .td-header-menu-wrap.td-affix { background-color: rgba(255, 255, 255, 0.95); } .td-header-style-8 .td-social-icon-wrap .td-icon-font { color: #000; } .td-header-style-8 .td-header-header { clear: both; } .td-header-style-8 #td-header-menu { min-height: 48px !important; } .td-header-style-8 .td-header-top-menu { margin-left: 282px; width: 786px; min-height: 53px; padding: 12px 0; color: #000; border-bottom: 1px solid #e0e0e0; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-8 .td-header-top-menu { margin-left: 212px; width: 768px; padding: 0; min-height: 29px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-8 .td-header-top-menu { margin-left: 152px; width: 588px; padding: 0; min-height: 29px; } } @media (max-width: 767px) { .td-header-style-8 .td-header-top-menu { display: none; } } .td-header-style-8 .td-header-top-menu a { color: #000; } .td-header-style-8 .top-header-menu .sub-menu { background-color: #fff !important; } .td-header-style-8 .td-header-sp-logo { position: absolute; width: 238px; height: 94px; top: 6px; z-index: 10000; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-8 .td-header-sp-logo { width: 190px; height: 89px; top: -6px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-8 .td-header-sp-logo { width: 140px; height: 87px; top: -5px; } } @media (max-width: 767px) { .td-header-style-8 .td-header-sp-logo { display: none; } } .td-header-style-8 .td-header-sp-logo img { max-height: 86px; right: auto; } .td-header-style-8 .td-main-menu-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-8 .td-main-menu-logo { display: block; } } .td-header-style-8 .td-header-sp-recs { width: 100%; } .td-header-style-8 .td-header-rec-wrap { min-height: 0; } .td-header-style-8 .td-a-rec-id-header > div, .td-header-style-8 .td-g-rec-id-header > div, .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td-header-style-8 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td-header-style-8 .td-a-rec-id-header > div, .td-header-style-8 .td-g-rec-id-header > div, .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td-header-style-8 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-8 .td-a-rec-id-header > div, .td-header-style-8 .td-g-rec-id-header > div, .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td-header-style-8 .td-g-rec-id-header > .adsbygoogle { margin: 14px auto 0 auto !important; } } .td-header-style-8 .td-a-rec-id-header img, .td-header-style-8 .td-g-rec-id-header img { position: relative; } .td-header-style-8 .td-a-rec-id-header .adsbygoogle, .td-header-style-8 .td-g-rec-id-header .adsbygoogle { position: relative; display: block !important; } .td-header-style-8 .header-search-wrap .td-icon-search { color: #000; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-8 .header-search-wrap .td-icon-search { color: #fff; } } .td-header-style-8 .td-header-main-menu { float: left; width: 100%; padding-left: 282px; background-color: transparent !important; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-8 .td-header-main-menu { padding-left: 212px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-8 .td-header-main-menu { padding-left: 152px; } } @media (max-width: 767px) { .td-header-style-8 .td-header-main-menu { padding-left: 0; } } .td-header-style-8 .sf-menu > li > a { line-height: 53px !important; } .td-header-style-8 .sf-menu > .current-menu-item > a, .td-header-style-8 .sf-menu > .current-menu-ancestor > a, .td-header-style-8 .sf-menu > .current-category-ancestor > a, .td-header-style-8 .sf-menu > li > a:hover, .td-header-style-8 .sf-menu > .sfHover > a { background-color: transparent !important; } @media (max-width: 767px) { .td-header-style-8 .td-header-menu-wrap .td-container { padding: 0; } } .td-header-style-8 .td-affix .td-header-sp-logo img { max-height: 46px; padding: 2px 0; } .single_template_6 .td-header-style-8 .td-a-rec-id-header > div, .single_template_7 .td-header-style-8 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-8 .td-a-rec-id-header > div, .single_template_8 .td-header-style-8 .td-a-rec-id-header > div, .single_template_10 .td-header-style-8 .td-a-rec-id-header > div, .single_template_11 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-8 .td-a-rec-id-header > div, .single_template_6 .td-header-style-8 .td-g-rec-id-header > div, .single_template_7 .td-header-style-8 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-8 .td-g-rec-id-header > div, .single_template_8 .td-header-style-8 .td-g-rec-id-header > div, .single_template_10 .td-header-style-8 .td-g-rec-id-header > div, .single_template_11 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-8 .td-g-rec-id-header > div, .single_template_6 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-8 .td-a-rec-id-header > div, .single_template_7 .td-header-style-8 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-8 .td-a-rec-id-header > div, .single_template_8 .td-header-style-8 .td-a-rec-id-header > div, .single_template_10 .td-header-style-8 .td-a-rec-id-header > div, .single_template_11 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-8 .td-a-rec-id-header > div, .single_template_6 .td-header-style-8 .td-g-rec-id-header > div, .single_template_7 .td-header-style-8 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-8 .td-g-rec-id-header > div, .single_template_8 .td-header-style-8 .td-g-rec-id-header > div, .single_template_10 .td-header-style-8 .td-g-rec-id-header > div, .single_template_11 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-8 .td-g-rec-id-header > div, .single_template_6 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-8 .td-a-rec-id-header > div, .single_template_7 .td-header-style-8 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-8 .td-a-rec-id-header > div, .single_template_8 .td-header-style-8 .td-a-rec-id-header > div, .single_template_10 .td-header-style-8 .td-a-rec-id-header > div, .single_template_11 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-8 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-8 .td-a-rec-id-header > div, .single_template_6 .td-header-style-8 .td-g-rec-id-header > div, .single_template_7 .td-header-style-8 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-8 .td-g-rec-id-header > div, .single_template_8 .td-header-style-8 .td-g-rec-id-header > div, .single_template_10 .td-header-style-8 .td-g-rec-id-header > div, .single_template_11 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-8 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-8 .td-g-rec-id-header > div, .single_template_6 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-8 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-8 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td_category_template_2 .td-header-style-8, .td_category_template_5 .td-header-style-8 { border-bottom: 1px solid #f2f2f2; } /* ------------------------------------------------------------------- Style 9 ---------------------------------------------------------------------- */ .td-header-style-9 .td-header-top-menu-full { background-color: #fff; border-bottom: 1px solid #e0e0e0; } .td-header-style-9 .td-header-top-menu-full .td-header-top-menu { color: #000; } .td-header-style-9 .td-header-top-menu-full a { color: #000; } .td-header-style-9 .td-social-icon-wrap .td-icon-font { color: #000; } .td-header-style-9 .top-header-menu .sub-menu { background-color: #fff; } .td-header-style-9 .td-logo-wrap-full { min-height: 130px; line-height: 130px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-9 .td-logo-wrap-full { line-height: 90px; min-height: 90px; } } .td-header-style-9 .td-logo-wrap-full a { position: relative; z-index: 1; line-height: 130px; display: inline-block; vertical-align: middle; width: 100%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-9 .td-logo-wrap-full a { line-height: 90px; } } .td-header-style-9 .td-logo-wrap-full .td-logo { line-height: 130px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-9 .td-logo-wrap-full .td-logo { line-height: 90px; } } .td-header-style-9 .td-affix .td-logo-sticky.td-main-menu-logo .td-main-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-9 .td-affix .td-logo-sticky.td-main-menu-logo .td-main-logo { display: block; } } .td-header-style-9 .td-main-menu-logo .td-main-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-9 .td-main-menu-logo .td-main-logo { display: none; } } .td-header-style-9 .td-logo-in-header .td-header-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-9 .td-logo-in-header .td-header-logo { display: none; } } .td-header-style-9 .td-logo-text-container a { line-height: 1; } .td-header-style-9 .td-header-sp-logo { text-align: center; } .td-header-style-9 .td-header-sp-logo img { z-index: 1; display: block; position: relative; } .td-header-style-9 .td-header-sp-recs { width: 100%; } .td-header-style-9 .td-header-rec-wrap { min-height: 0; } .td-header-style-9 .td-a-rec-id-header > div, .td-header-style-9 .td-g-rec-id-header > div, .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td-header-style-9 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td-header-style-9 .td-a-rec-id-header > div, .td-header-style-9 .td-g-rec-id-header > div, .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td-header-style-9 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-9 .td-a-rec-id-header > div, .td-header-style-9 .td-g-rec-id-header > div, .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td-header-style-9 .td-g-rec-id-header > .adsbygoogle { margin: 14px auto 0 auto !important; } } .td-header-style-9 .td-a-rec-id-header img, .td-header-style-9 .td-g-rec-id-header img { position: relative; } .td-header-style-9 .td-a-rec-id-header .adsbygoogle, .td-header-style-9 .td-g-rec-id-header .adsbygoogle { position: relative; display: block !important; } .td-header-style-9 .td-banner-bg { background-color: #fff; } .td-header-style-9 .header-search-wrap .td-icon-search { color: #000; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-9 .header-search-wrap .td-icon-search { color: #fff; } } .td-header-style-9 .td-header-menu-wrap-full { position: relative; } .single_template_6 .td-header-style-9 .td-a-rec-id-header > div, .single_template_7 .td-header-style-9 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-9 .td-a-rec-id-header > div, .single_template_8 .td-header-style-9 .td-a-rec-id-header > div, .single_template_10 .td-header-style-9 .td-a-rec-id-header > div, .single_template_11 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-9 .td-a-rec-id-header > div, .single_template_6 .td-header-style-9 .td-g-rec-id-header > div, .single_template_7 .td-header-style-9 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-9 .td-g-rec-id-header > div, .single_template_8 .td-header-style-9 .td-g-rec-id-header > div, .single_template_10 .td-header-style-9 .td-g-rec-id-header > div, .single_template_11 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-9 .td-g-rec-id-header > div, .single_template_6 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-9 .td-a-rec-id-header > div, .single_template_7 .td-header-style-9 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-9 .td-a-rec-id-header > div, .single_template_8 .td-header-style-9 .td-a-rec-id-header > div, .single_template_10 .td-header-style-9 .td-a-rec-id-header > div, .single_template_11 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-9 .td-a-rec-id-header > div, .single_template_6 .td-header-style-9 .td-g-rec-id-header > div, .single_template_7 .td-header-style-9 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-9 .td-g-rec-id-header > div, .single_template_8 .td-header-style-9 .td-g-rec-id-header > div, .single_template_10 .td-header-style-9 .td-g-rec-id-header > div, .single_template_11 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-9 .td-g-rec-id-header > div, .single_template_6 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-9 .td-a-rec-id-header > div, .single_template_7 .td-header-style-9 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-9 .td-a-rec-id-header > div, .single_template_8 .td-header-style-9 .td-a-rec-id-header > div, .single_template_10 .td-header-style-9 .td-a-rec-id-header > div, .single_template_11 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-9 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-9 .td-a-rec-id-header > div, .single_template_6 .td-header-style-9 .td-g-rec-id-header > div, .single_template_7 .td-header-style-9 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-9 .td-g-rec-id-header > div, .single_template_8 .td-header-style-9 .td-g-rec-id-header > div, .single_template_10 .td-header-style-9 .td-g-rec-id-header > div, .single_template_11 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-9 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-9 .td-g-rec-id-header > div, .single_template_6 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-9 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-9 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td_category_template_2 .td-header-style-9, .td_category_template_5 .td-header-style-9 { border-bottom: 1px solid #f2f2f2; } /* ------------------------------------------------------------------- Style 10 ---------------------------------------------------------------------- */ .td-header-style-10 .td-header-top-menu-full { background-color: #fff; border-bottom: 1px solid #e0e0e0; } .td-header-style-10 .td-header-top-menu-full .td-header-top-menu { color: #000; } .td-header-style-10 .td-header-top-menu-full a { color: #000; } .td-header-style-10 .td-social-icon-wrap .td-icon-font { color: #000; } .td-header-style-10 .top-header-menu .sub-menu { background-color: #fff; } .td-header-style-10 .td-logo-wrap-full { min-height: 130px; line-height: 130px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 .td-logo-wrap-full { line-height: 90px; min-height: 90px; } } .td-header-style-10 .td-logo-wrap-full a { position: relative; z-index: 1; line-height: 130px; display: inline-block; vertical-align: middle; width: 100%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 .td-logo-wrap-full a { line-height: 90px; } } .td-header-style-10 .td-logo-wrap-full .td-logo { line-height: 130px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 .td-logo-wrap-full .td-logo { line-height: 90px; } } .td-header-style-10 .td-affix .td-logo-sticky.td-main-menu-logo .td-main-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 .td-affix .td-logo-sticky.td-main-menu-logo .td-main-logo { display: block; } } .td-header-style-10 .td-main-menu-logo .td-main-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 .td-main-menu-logo .td-main-logo { display: none; } } .td-header-style-10 .td-logo-in-header .td-header-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 .td-logo-in-header .td-header-logo { display: none; } } @media (min-width: 768px) { .td-header-style-10 .td-affix .td-main-menu-logo img { max-width: 200px; } } @media (min-width: 768px) { .td-header-style-10 .td-logo-sticky { position: absolute; left: 0; } .td-header-style-10 .td-logo-sticky img { max-width: 102px; } } @media (min-width: 1019px) { .td-header-style-10 .td-logo-sticky img { max-width: inherit; } } .td-header-style-10 .td-header-sp-logo { text-align: center; } .td-header-style-10 .td-header-sp-logo img { z-index: 1; display: block; position: relative; } .td-header-style-10 .td-logo-text-container a { line-height: 1; } .td-header-style-10 .td-header-sp-recs { width: 100%; } .td-header-style-10 .td-header-rec-wrap { min-height: 0; } .td-header-style-10 .td-a-rec-id-header > div, .td-header-style-10 .td-g-rec-id-header > div, .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td-header-style-10 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td-header-style-10 .td-a-rec-id-header > div, .td-header-style-10 .td-g-rec-id-header > div, .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td-header-style-10 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-10 .td-a-rec-id-header > div, .td-header-style-10 .td-g-rec-id-header > div, .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td-header-style-10 .td-g-rec-id-header > .adsbygoogle { margin: 14px auto 0 auto !important; } } .td-header-style-10 .td-a-rec-id-header img, .td-header-style-10 .td-g-rec-id-header img { position: relative; } .td-header-style-10 .td-a-rec-id-header .adsbygoogle, .td-header-style-10 .td-g-rec-id-header .adsbygoogle { position: relative; display: block !important; } .td-header-style-10 .td-banner-bg { background-color: #fff; } .td-header-style-10 .header-search-wrap .td-icon-search { color: #000; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 .header-search-wrap .td-icon-search { color: #fff; } } .td-header-style-10 .td-header-menu-wrap-full { position: relative; } .td-header-style-10 .menu-main-menu-container { display: inherit; } .td-header-style-10 .td-header-main-menu { padding-left: 48px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 .td-header-main-menu { padding-left: 2px; } } .td-header-style-10 #td-header-menu { display: table; margin: 0 auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-10 #td-header-menu { display: block; } } .single_template_6 .td-header-style-10 .td-a-rec-id-header > div, .single_template_7 .td-header-style-10 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-10 .td-a-rec-id-header > div, .single_template_8 .td-header-style-10 .td-a-rec-id-header > div, .single_template_10 .td-header-style-10 .td-a-rec-id-header > div, .single_template_11 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-10 .td-a-rec-id-header > div, .single_template_6 .td-header-style-10 .td-g-rec-id-header > div, .single_template_7 .td-header-style-10 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-10 .td-g-rec-id-header > div, .single_template_8 .td-header-style-10 .td-g-rec-id-header > div, .single_template_10 .td-header-style-10 .td-g-rec-id-header > div, .single_template_11 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-10 .td-g-rec-id-header > div, .single_template_6 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-10 .td-a-rec-id-header > div, .single_template_7 .td-header-style-10 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-10 .td-a-rec-id-header > div, .single_template_8 .td-header-style-10 .td-a-rec-id-header > div, .single_template_10 .td-header-style-10 .td-a-rec-id-header > div, .single_template_11 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-10 .td-a-rec-id-header > div, .single_template_6 .td-header-style-10 .td-g-rec-id-header > div, .single_template_7 .td-header-style-10 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-10 .td-g-rec-id-header > div, .single_template_8 .td-header-style-10 .td-g-rec-id-header > div, .single_template_10 .td-header-style-10 .td-g-rec-id-header > div, .single_template_11 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-10 .td-g-rec-id-header > div, .single_template_6 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-10 .td-a-rec-id-header > div, .single_template_7 .td-header-style-10 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-10 .td-a-rec-id-header > div, .single_template_8 .td-header-style-10 .td-a-rec-id-header > div, .single_template_10 .td-header-style-10 .td-a-rec-id-header > div, .single_template_11 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-10 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-10 .td-a-rec-id-header > div, .single_template_6 .td-header-style-10 .td-g-rec-id-header > div, .single_template_7 .td-header-style-10 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-10 .td-g-rec-id-header > div, .single_template_8 .td-header-style-10 .td-g-rec-id-header > div, .single_template_10 .td-header-style-10 .td-g-rec-id-header > div, .single_template_11 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-10 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-10 .td-g-rec-id-header > div, .single_template_6 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-10 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-10 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td_category_template_2 .td-header-style-10, .td_category_template_5 .td-header-style-10 { border-bottom: 1px solid #f2f2f2; } /* ------------------------------------------------------------------- Style 11 ---------------------------------------------------------------------- */ .td-header-style-11 .td-header-top-menu-full { background-color: #222; } .td-header-style-11 .td-header-top-menu-full .td-header-top-menu { color: #fff; } .td-header-style-11 .td-header-top-menu-full a { color: #fff; } .td-header-style-11 .top-header-menu .sub-menu { background-color: #222; } .td-header-style-11 .td-logo-wrap-full { width: 100%; min-height: 160px; line-height: 160px; border-bottom: 1px solid #eee; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-11 .td-logo-wrap-full { line-height: 90px; min-height: 90px; } } .td-header-style-11 .td-logo-wrap-full a { position: relative; z-index: 1; line-height: 160px; display: inline-block; vertical-align: middle; width: 100%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-11 .td-logo-wrap-full a { line-height: 90px; } } .td-header-style-11 .td-logo-wrap-full .td-logo { line-height: 160px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-11 .td-logo-wrap-full .td-logo { line-height: 90px; } } .td-header-style-11 .td-affix .td-logo-sticky.td-main-menu-logo .td-main-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-11 .td-affix .td-logo-sticky.td-main-menu-logo .td-main-logo { display: block; } } .td-header-style-11 .td-main-menu-logo .td-main-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-11 .td-main-menu-logo .td-main-logo { display: none; } } .td-header-style-11 .td-logo-in-header .td-header-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-11 .td-logo-in-header .td-header-logo { display: none; } } .td-header-style-11 .td-header-sp-logo { text-align: center; } .td-header-style-11 .td-header-sp-logo img { z-index: 1; display: block; position: relative; } .td-header-style-11 .td-logo-text-container a { line-height: 1; } .td-header-style-11 .td-header-sp-recs { width: 100%; } .td-header-style-11 .td-header-rec-wrap { min-height: 0; } .td-header-style-11 .td-a-rec-id-header > div, .td-header-style-11 .td-g-rec-id-header > div, .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td-header-style-11 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td-header-style-11 .td-a-rec-id-header > div, .td-header-style-11 .td-g-rec-id-header > div, .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td-header-style-11 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-11 .td-a-rec-id-header > div, .td-header-style-11 .td-g-rec-id-header > div, .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td-header-style-11 .td-g-rec-id-header > .adsbygoogle { margin: 14px auto 0 auto !important; } } .td-header-style-11 .td-a-rec-id-header img, .td-header-style-11 .td-g-rec-id-header img { position: relative; } .td-header-style-11 .td-a-rec-id-header .adsbygoogle, .td-header-style-11 .td-g-rec-id-header .adsbygoogle { position: relative; display: block !important; } .td-header-style-11 .td-banner-bg { background-color: #fff; } .td-header-style-11 .header-search-wrap .td-icon-search { color: #000; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-11 .header-search-wrap .td-icon-search { color: #fff; } } .td-header-style-11 .td-header-menu-wrap-full { position: relative; } .td-header-style-11 .sf-menu > li > a { line-height: 52px; } .td-header-style-11 .td-affix:after { content: ""; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMCFg8LBQd761rpAAAAFklEQVQI12MQAEIFIDQAwgAGByAEAwAUCAGRLNh3YwAAAABJRU5ErkJggg=='); width: 100%; height: 12px; position: absolute; bottom: -12px; z-index: 1; } .td_category_template_2 .td-header-style-11 .td-logo-wrap-full, .td_category_template_5 .td-header-style-11 .td-logo-wrap-full { border-bottom: 0; } .single_template_6 .td-header-style-11 .td-a-rec-id-header > div, .single_template_7 .td-header-style-11 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-11 .td-a-rec-id-header > div, .single_template_8 .td-header-style-11 .td-a-rec-id-header > div, .single_template_10 .td-header-style-11 .td-a-rec-id-header > div, .single_template_11 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-11 .td-a-rec-id-header > div, .single_template_6 .td-header-style-11 .td-g-rec-id-header > div, .single_template_7 .td-header-style-11 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-11 .td-g-rec-id-header > div, .single_template_8 .td-header-style-11 .td-g-rec-id-header > div, .single_template_10 .td-header-style-11 .td-g-rec-id-header > div, .single_template_11 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-11 .td-g-rec-id-header > div, .single_template_6 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-11 .td-a-rec-id-header > div, .single_template_7 .td-header-style-11 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-11 .td-a-rec-id-header > div, .single_template_8 .td-header-style-11 .td-a-rec-id-header > div, .single_template_10 .td-header-style-11 .td-a-rec-id-header > div, .single_template_11 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-11 .td-a-rec-id-header > div, .single_template_6 .td-header-style-11 .td-g-rec-id-header > div, .single_template_7 .td-header-style-11 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-11 .td-g-rec-id-header > div, .single_template_8 .td-header-style-11 .td-g-rec-id-header > div, .single_template_10 .td-header-style-11 .td-g-rec-id-header > div, .single_template_11 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-11 .td-g-rec-id-header > div, .single_template_6 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-11 .td-a-rec-id-header > div, .single_template_7 .td-header-style-11 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-11 .td-a-rec-id-header > div, .single_template_8 .td-header-style-11 .td-a-rec-id-header > div, .single_template_10 .td-header-style-11 .td-a-rec-id-header > div, .single_template_11 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-11 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-11 .td-a-rec-id-header > div, .single_template_6 .td-header-style-11 .td-g-rec-id-header > div, .single_template_7 .td-header-style-11 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-11 .td-g-rec-id-header > div, .single_template_8 .td-header-style-11 .td-g-rec-id-header > div, .single_template_10 .td-header-style-11 .td-g-rec-id-header > div, .single_template_11 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-11 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-11 .td-g-rec-id-header > div, .single_template_6 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-11 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-11 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td_category_template_2 .td-header-style-11, .td_category_template_5 .td-header-style-11 { border-bottom: 1px solid #f2f2f2; } /* ------------------------------------------------------------------- Style 12 ---------------------------------------------------------------------- */ .td-header-style-12 { /* hover and current menu */ } .td-header-style-12 .td-header-top-menu-full { background-color: #2b2b2b; z-index: 1; } .td-header-style-12 .td-header-top-menu-full .td-header-top-menu { text-transform: uppercase; } .td-header-style-12 .top-header-menu .sub-menu { background-color: #222222; } .td-header-style-12 .top-header-menu > li, .td-header-style-12 .td-header-sp-top-menu, .td-header-style-12 .td-header-sp-top-widget { line-height: 54px; } .td-header-style-12 .td-main-menu-logo { display: block; height: 80px; margin-right: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-12 .td-main-menu-logo { display: inline; width: 0; height: 0; } } .td-header-style-12 .td-main-menu-logo a { line-height: 80px; } .td-header-style-12 .td-main-menu-logo img { max-height: 66px; margin-right: 22px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-12 .td-main-menu-logo img { margin-right: 12px; } } @media (max-width: 767px) { .td-header-style-12 .td-main-menu-logo img { max-height: 48px; margin: auto; } } .td-header-style-12 .td-header-sp-recs { width: 100%; } .td-header-style-12 .td-header-rec-wrap { min-height: 0; } .td-header-style-12 .td-a-rec-id-header > div, .td-header-style-12 .td-g-rec-id-header > div, .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td-header-style-12 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td-header-style-12 .td-a-rec-id-header > div, .td-header-style-12 .td-g-rec-id-header > div, .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td-header-style-12 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-12 .td-a-rec-id-header > div, .td-header-style-12 .td-g-rec-id-header > div, .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td-header-style-12 .td-g-rec-id-header > .adsbygoogle { margin: 14px auto 0 auto !important; } } .td-header-style-12 .td-a-rec-id-header img, .td-header-style-12 .td-g-rec-id-header img { position: relative; } .td-header-style-12 .td-a-rec-id-header .adsbygoogle, .td-header-style-12 .td-g-rec-id-header .adsbygoogle { position: relative; display: block !important; } .td-header-style-12 .header-search-wrap .td-icon-search { color: #fff; } .td-header-style-12 .td-header-menu-wrap-full { background-color: #4db2ec; } .td-header-style-12 .td-header-menu-wrap-full .td-header-gradient:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0); } .td-header-style-12 .sf-menu > .current-menu-item > a, .td-header-style-12 .sf-menu > .current-menu-ancestor > a, .td-header-style-12 .sf-menu > .current-category-ancestor > a, .td-header-style-12 .sf-menu > li > a:hover, .td-header-style-12 .sf-menu > .sfHover > a { background-color: rgba(0, 0, 0, 0.3) !important; } .td-header-style-12 .td-affix { background-color: #4db2ec; } .td-header-style-12 .td-header-menu-wrap .td-header-main-menu { background-color: transparent; } .td-header-style-12 .td-header-menu-wrap .sf-menu > li > a { color: #fff; line-height: 80px; /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-12 .td-header-menu-wrap .sf-menu > li > a { padding: 0 13px; } } .td-header-style-12 .td-header-menu-wrap .sf-menu > li > a:after { display: none; } .td-header-style-12 .td-header-menu-wrap .sf-menu a.sf-with-ul { /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-style-12 .td-header-menu-wrap .sf-menu a.sf-with-ul { padding-right: 28px; } } .td-header-style-12 .td-mega-menu ul { border-top: none; } .single_template_6 .td-header-style-12 .td-a-rec-id-header > div, .single_template_7 .td-header-style-12 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-12 .td-a-rec-id-header > div, .single_template_8 .td-header-style-12 .td-a-rec-id-header > div, .single_template_10 .td-header-style-12 .td-a-rec-id-header > div, .single_template_11 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-12 .td-a-rec-id-header > div, .single_template_6 .td-header-style-12 .td-g-rec-id-header > div, .single_template_7 .td-header-style-12 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-12 .td-g-rec-id-header > div, .single_template_8 .td-header-style-12 .td-g-rec-id-header > div, .single_template_10 .td-header-style-12 .td-g-rec-id-header > div, .single_template_11 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-12 .td-g-rec-id-header > div, .single_template_6 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle { /* responsive min landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .single_template_6 .td-header-style-12 .td-a-rec-id-header > div, .single_template_7 .td-header-style-12 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-12 .td-a-rec-id-header > div, .single_template_8 .td-header-style-12 .td-a-rec-id-header > div, .single_template_10 .td-header-style-12 .td-a-rec-id-header > div, .single_template_11 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-12 .td-a-rec-id-header > div, .single_template_6 .td-header-style-12 .td-g-rec-id-header > div, .single_template_7 .td-header-style-12 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-12 .td-g-rec-id-header > div, .single_template_8 .td-header-style-12 .td-g-rec-id-header > div, .single_template_10 .td-header-style-12 .td-g-rec-id-header > div, .single_template_11 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-12 .td-g-rec-id-header > div, .single_template_6 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .single_template_6 .td-header-style-12 .td-a-rec-id-header > div, .single_template_7 .td-header-style-12 .td-a-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-12 .td-a-rec-id-header > div, .single_template_8 .td-header-style-12 .td-a-rec-id-header > div, .single_template_10 .td-header-style-12 .td-a-rec-id-header > div, .single_template_11 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_2 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_5 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_6 .td-header-style-12 .td-a-rec-id-header > div, .td_category_template_8 .td-header-style-12 .td-a-rec-id-header > div, .single_template_6 .td-header-style-12 .td-g-rec-id-header > div, .single_template_7 .td-header-style-12 .td-g-rec-id-header > div, .homepage-post.single_template_7 .td-header-style-12 .td-g-rec-id-header > div, .single_template_8 .td-header-style-12 .td-g-rec-id-header > div, .single_template_10 .td-header-style-12 .td-g-rec-id-header > div, .single_template_11 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_2 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_5 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_6 .td-header-style-12 .td-g-rec-id-header > div, .td_category_template_8 .td-header-style-12 .td-g-rec-id-header > div, .single_template_6 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-12 .td-a-rec-id-header > .adsbygoogle, .single_template_6 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_7 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .homepage-post.single_template_7 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_8 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_10 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .single_template_11 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_2 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_5 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_6 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle, .td_category_template_8 .td-header-style-12 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 14px !important; } } .td_category_template_2 .td-header-style-12, .td_category_template_5 .td-header-style-12 { border-bottom: 1px solid #f2f2f2; } /* ---------------------------------------------------------------------------- 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; } } /* ---------------------------------------------------------------------------- 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 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 > a { background-color: transparent; z-index: 999; } .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: 100%; height: 4px; position: absolute; bottom: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* 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; } #td-header-menu { min-height: 48px; } /* ---------------------------------------------------------------------------- submenu */ .td-normal-menu ul { box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); } .sf-menu ul { background-color: #fff; } .sf-menu ul .td-menu-item > a { padding: 7px 14px 8px 14px; font-size: 13px; 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 12px 6px 12px; font-size: 11px; } } .sf-menu ul .td-icon-menu-down { float: right; top: 0; font-size: 9px; } .sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a { color: #fff; background-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: 10px; margin-top: -9px; line-height: 19px; } .sf-menu .td-menu-badge { font-size: 10px; background-color: #222; color: #fff; border-radius: 2px; padding: 0 4px 1px; margin-left: 6px; line-height: 1; position: relative; top: -1px; } .td-menu-badge { /* responsive portrait phone */ } @media (max-width: 767px) { .td-menu-badge { 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; } /* ---------------------------------------------------------------------------- Mega Menu */ .td-mega-menu { position: static !important; } .td-mega-menu ul { position: absolute; width: 1114px !important; height: auto; left: -23px !important; display: none; border: 1px solid #eaeaea; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-mega-menu ul { width: 1024px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-mega-menu ul { width: 786px !important; } } .td-mega-menu .td_block_mega_menu .td-next-prev-wrap { margin-left: 22px; margin-bottom: 22px; } /* page in mega menu mega-menu-page */ .td-mega-menu-page .td-mega-grid { padding: 22px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-mega-menu-page .td-mega-grid { padding: 21px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-mega-menu-page .td-mega-grid { padding: 22px; } } .td-mega-menu-page .td-mega-grid .td_block_wrap { padding-bottom: 26px; } .td-mega-menu-page .wpb_content_element { clear: both; } .td-mega-menu-page .wpb_content_element .td_block_wrap .td-pulldown-filter-display-option { display: none; } .td-mega-menu-page .wpb_content_element .widgettitle:after { width: 1200px; } .td-mega-menu-page .wpb_content_element ul { display: inline-block !important; position: relative !important; width: 100% !important; border: none !important; left: 0 !important; top: 0 !important; margin-left: 0 !important; webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .td-mega-menu-page .wpb_content_element ul li { webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; float: none !important; width: auto !important; line-height: 30px !important; margin-left: 0; padding: 0 !important; list-style-type: disc !important; list-style-position: inside; } .td-mega-menu-page .wpb_content_element ul li ul { opacity: 1 !important; margin-top: 4px !important; margin-left: 21px !important; padding-bottom: 0 !important; } .td-mega-menu-page .wpb_content_element ul li ul li:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; } .td-mega-menu-page .wpb_content_element ul li a { background-color: transparent !important; line-height: 26px !important; padding: 0 !important; margin: 0 !important; color: #222222 !important; } .td-mega-menu-page .wpb_content_element ul li a i { display: none; } .td-mega-menu-page .wpb_content_element ul li a:hover { background-color: transparent !important; color: #4db2ec !important; } .td-mega-menu-page .vc_wp_custommenu ul li { padding: 5px 0 !important; border-top: 1px dashed #EDEDED; list-style-type: none !important; } .td-mega-menu-page .vc_wp_custommenu ul li:first-child { border: none; } .td-mega-menu-page .vc_wp_custommenu ul li:last-child { border-bottom: 1px dashed #EDEDED; } .td-mega-menu-page .vc_wp_custommenu ul li li { border-top: 1px dashed #EDEDED !important; } /* end fix mega menu with page */ .td_block_mega_menu { display: table; width: 100%; padding-bottom: 0 !important; } .td_mega_menu_sub_cats { width: 218px; max-width: 218px; text-align: right; display: table-cell; height: 100%; vertical-align: top; padding-top: 22px; background-color: #fafafa; position: relative; } @media (min-width: 1019px) and (max-width: 1140px) { .td_mega_menu_sub_cats { width: 200px; max-width: 200px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_mega_menu_sub_cats { width: 152px; max-width: 152px; } } .td_mega_menu_sub_cats:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #eaeaea; } .td_mega_menu_sub_cats a { display: block; font-size: 13px; font-weight: 600; color: #333; padding: 5px 22px; position: relative; vertical-align: middle; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } @media (min-width: 1019px) and (max-width: 1140px) { .td_mega_menu_sub_cats a { padding: 4px 22px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_mega_menu_sub_cats a { font-size: 11px; padding: 3px 22px; } } .td_mega_menu_sub_cats .cur-sub-cat { background-color: #fff; color: #4db2ec; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .td_mega_menu_sub_cats .cur-sub-cat:before { content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #fff; z-index: 1; } .block-mega-child-cats { overflow-x: hidden; overflow-y: auto; max-height: 252px; -webkit-overflow-scrolling: touch; } @media (min-width: 1019px) and (max-width: 1140px) { .block-mega-child-cats { max-height: 238px; } } @media (min-width: 768px) and (max-width: 1018px) { .block-mega-child-cats { max-height: 224px; } } .td-mega-row { display: table-cell; padding: 22px 0 16px 0; } .td-mega-span { width: 196px; min-height: 202px; float: left; margin-left: 22px; } @media (min-width: 1019px) and (max-width: 1140px) { .td-mega-span { width: 178px; min-height: 189px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-mega-span { width: 130px; min-height: 176px; } } .td-mega-span .td-module-thumb { position: relative; margin-bottom: 0; } .td-mega-span .entry-thumb { min-height: 135px; } @media (min-width: 1019px) and (max-width: 1140px) { .td-mega-span .entry-thumb { min-height: 122px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-mega-span .entry-thumb { min-height: 89px; } } .td-mega-span h3 { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 13px; margin: 7px 0 0; line-height: 20px; } .td-mega-span h3 a { color: #333; display: block; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .td-mega-span h3 a:hover { color: #4db2ec; } .td_mod_mega_menu:hover .entry-title a { color: #4db2ec; } /* ---------------------------------------------------------------------------- Search */ #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; } } #td-header-search { width: 235px; height: 32px; margin: 0; border-right: 0; line-height: 17px; border-color: #e1e1e1; /* responsive portrait phone */ } @media (max-width: 767px) { #td-header-search { width: 91%; font-size: 16px; } } .header-search-wrap { /* search toggle button */ /* the search drop down */ /* hack to show the link on all the module */ /* this class is added by the js to open the menu - will be used for animation */ } .header-search-wrap #td-header-search-button, .header-search-wrap #td-header-search-button-mob { display: block; position: relative; } .header-search-wrap #td-header-search-button { /* responsive portrait phone */ } @media (max-width: 767px) { .header-search-wrap #td-header-search-button { display: none; } } .header-search-wrap #td-header-search-button-mob { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .header-search-wrap #td-header-search-button-mob { display: block; } } .header-search-wrap .td-icon-search { display: inline-block; font-size: 19px; height: 48px; width: 48px; line-height: 48px; text-align: center; /* responsive portrait phone */ } @media (max-width: 767px) { .header-search-wrap .td-icon-search { height: 54px; width: 54px; line-height: 54px; font-size: 22px; margin-right: 2px; } } .header-search-wrap .td-drop-down-search { position: absolute; top: 100%; z-index: 999; display: none; right: 0; border-radius: 0; border: none; width: 342px; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); /* responsive portrait phone */ /* search form */ /* triangle top */ } @media (max-width: 767px) { .header-search-wrap .td-drop-down-search { width: 100%; } } .header-search-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; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .header-search-wrap .td-drop-down-search .btn:hover { background-color: #4db2ec; } .header-search-wrap .td-drop-down-search:before { position: absolute; top: -10px; 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; } .header-search-wrap .td-drop-down-search:after { position: absolute; top: -4px; display: block; content: ''; width: 100%; height: 4px; background-color: #4db2ec; } .header-search-wrap .td_module_mx2 .entry-title a:after { position: absolute; left: 0; width: 100%; top: 0; bottom: 0; content: ''; z-index: 1; } .header-search-wrap .td-post-category { z-index: 2; position: relative; } .header-search-wrap .td-drop-down-search-open { display: block; } .header-search-wrap .td-search-form { margin: 20px; } .header-search-wrap .result-msg { text-align: center; padding: 4px 0 6px 0; font-family: 'Roboto', sans-serif; font-size: 12px; color: #222; font-style: italic; } .header-search-wrap .result-msg a { color: #222; display: block; } .header-search-wrap .result-msg a:hover { color: #4db2ec; } .header-search-wrap .td-aj-search-results { background-color: #fdfdfd; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 10px 0; } .header-search-wrap .td-aj-search-results .item-details { margin: 10px 20px 10px 115px; } .header-search-wrap .td-aj-search-results .td-module-thumb { top: 10px; margin-left: 20px; } .header-search-wrap .td_module_mx2 { padding-bottom: 0; } .header-search-wrap .no-result { background-color: #fdfdfd; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; } .header-search-wrap .meta-info { line-height: 14px; } .header-search-wrap .td-aj-cur-element { background-color: #f0f0f0; } .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; } /* ---------------------------------------------------------------------------- top-menu grid */ .td-header-top-menu { color: #fff; font-size: 11px; } .td-header-top-menu .fa { text-align: center; min-width: 13px !important; margin-right: 3px; } .td-header-top-menu a { color: #fff; } @media (min-width: 1019px) and (max-width: 1140px) { .td-header-top-menu { overflow: visible; } } /* left menu side */ .td-header-sp-top-menu { line-height: 28px; padding: 0 !important; z-index: 1000; float: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-sp-top-menu { display: none !important; } } .td-header-sp-top-menu .td_ul_logout { margin-right: 16px; } /* right widget side */ .td-header-sp-top-widget { line-height: 28px; text-align: right; padding-left: 0 !important; padding-right: 0 !important; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-sp-top-widget { width: 100%; text-align: center; } } /* ---------------------------------------------------------------------------- top-menu data time */ .td_data_time { display: inline-block; margin-right: 32px; } /* ---------------------------------------------------------------------------- top-menu - login & menu */ .menu-top-container { display: inline-block; margin-right: 16px; } .top-header-menu { list-style: none; margin: 0; display: inline-block; } .top-header-menu li { display: inline-block; position: relative; margin-left: 0; } .top-header-menu li li { width: 100%; } .top-header-menu li a { margin-right: 16px; line-height: 1; } .top-header-menu li a:hover { color: #4db2ec; } .top-header-menu > li { line-height: 28px; } .top-header-menu > .td-normal-menu:hover > .sub-menu { display: block !important; } .top-header-menu .avatar { display: inline-block; vertical-align: middle; margin-right: 6px; position: relative; top: -1px; } .top-header-menu .td-icon-menu-down { padding-left: 6px; font-size: 8px; position: relative; top: -1px; } .top-header-menu .td-icon-logout { font-size: 10px; position: relative; top: 1px; margin-right: 2px; } .top-header-menu .sub-menu { display: none; position: absolute; top: 100%; left: -10px; line-height: 28px; background-color: #222222; z-index: 1000; } .top-header-menu .sub-menu a { display: block; margin: 0 10px; white-space: nowrap; line-height: 28px; } .top-header-menu .td_user_logd_in { font-weight: bold; } .top-header-menu .td_user_logd_in:hover { text-decoration: none !important; } .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a { color: #4db2ec; } .top-header-menu ul .td-icon-menu-down, .top-header-menu .td-mega-menu .td-icon-menu-down { display: none; } .top-header-menu .td-mega-menu ul, .top-header-menu ul ul { display: none !important; } .td_sp_login_ico_style { position: absolute; top: 3px; right: -9px; } .td_sp_logout_ico_style { position: relative; top: 3px; left: 17px; } /* ---------------------------------------------------------------------------- top-menu social widget */ .td-social-icon-wrap { /* responsive portrait phone */ } .td-social-icon-wrap > a { display: inline-block; } .td-social-icon-wrap .td-icon-font { font-size: 12px; width: 30px; height: 24px; line-height: 26px; } @media (max-width: 767px) { .td-social-icon-wrap { margin: 0 3px; } } /* ---------------------------------------------------------------------------- Top Bar Style 1 */ .top-bar-style-1 .td-header-sp-top-widget { float: right; } /* ---------------------------------------------------------------------------- Top Bar Style 2 */ .top-bar-style-2 .td_ul_login, .top-bar-style-2 .td_ul_logout { margin-right: 32px; } .top-bar-style-2 .td-header-sp-top-menu { float: right; } .top-bar-style-2 .td-header-sp-top-menu ul:last-child, .top-bar-style-2 .td-header-sp-top-menu div:last-child { margin-right: 0; } .top-bar-style-2 .menu-top-container, .top-bar-style-2 .top-header-menu li:last-child a { margin-right: 0; } /* ---------------------------------------------------------------------------- Top Bar Style 3 */ /* ---------------------------------------------------------------------------- Top Bar Style 4 */ .top-bar-style-4 .td-header-sp-top-widget, .top-bar-style-4 .td-header-sp-top-menu { float: right; } /* Mobile menu */ #td-outer-wrap { /* responsive landscape tablet */ /* responsive portrait phone */ } @media (max-width: 1140px) { #td-outer-wrap { overflow: hidden; } } @media (max-width: 767px) { #td-outer-wrap { overflow: auto; margin: auto; width: 100%; -webkit-transition: transform 0.7s ease; -moz-transition: transform 0.7s ease; -o-transition: transform 0.7s ease; transition: transform 0.7s ease; -webkit-transform-origin: 50% 200px 0; -moz-transform-origin: 50% 200px 0; -o-transform-origin: 50% 200px 0; transform-origin: 50% 200px 0; } } /* 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: 26px; width: 54px; 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; display: block; width: 100%; height: 113%; z-index: 9999; visibility: hidden; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); } .td-menu-background:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.98; background: #333145; background: -moz-linear-gradient(top, #333145 0%, #b8333e 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #333145), color-stop(100%, #b8333e)); background: -webkit-linear-gradient(top, #333145 0%, #b8333e 100%); background: -o-linear-gradient(top, #333145 0%, #b8333e 100%); background: -ms-linear-gradient(top, #333145 0%, #b8333e 100%); background: linear-gradient(to bottom, #333145 0%, #b8333e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333145', endColorstr='#b8333e', GradientType=0); } #td-mobile-nav { padding: 0; position: absolute; width: 100%; height: auto; top: 0; z-index: 9999; visibility: hidden; transform: translate3d(-99%, 0, 0); -webkit-transform: translate3d(-99%, 0, 0); -moz-transform: translate3d(-99%, 0, 0); -ms-transform: translate3d(-99%, 0, 0); -o-transform: translate3d(-99%, 0, 0); left: -1%; 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); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); margin: -9px -30px 24px; font-size: 14px; border-radius: 0; padding: 12px; position: relative; background-color: rgba(255, 255, 255, 0.06); display: none; } #td-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); -moz-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -o-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); } #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; } .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; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .td-mobile-content li a { display: block; line-height: 21px; font-size: 21px; color: #fff; margin-left: 0; padding: 12px 30px 12px 12px; font-weight: bold; } .td-mobile-content .td-icon-menu-right { 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; -moz-transform-origin: 50% 48% 0px; -o-transform-origin: 50% 48% 0px; transform-origin: 50% 48% 0px; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .td-mobile-content .td-icon-menu-right:before { content: '\e83d'; } .td-mobile-content .td-sub-menu-open > a i { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .td-mobile-content .td-sub-menu-open > ul { display: block; max-height: 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); -moz-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); /* 2nd level submenu */ } .td-mobile-content .sub-menu .td-icon-menu-right { font-size: 11px; right: -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 { position: relative; } .td-menu-mob-open-menu #wpadminbar { position: fixed !important; } .td-menu-mob-open-menu #td-outer-wrap { position: fixed; transform: scale3d(0.9, 0.9, 0.9); -webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9); -webkit-box-shadow: 0 0 46px #000000; -moz-box-shadow: 0 0 46px #000000; box-shadow: 0 0 46px #000000; } .td-menu-mob-open-menu #td-mobile-nav { height: auto; overflow: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); left: 0; } .td-menu-mob-open-menu .td-menu-background { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .td-menu-mob-open-menu.admin-bar #td-mobile-nav { padding-top: 0; } /* Mobile menu - login */ /* Animation */ .td-mobile-container { opacity: 1; -webkit-transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; } .td-hide-menu-content .td-mobile-container { opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .td-hide-menu-content .td-mobile-content { display: none; } #td-mobile-nav .td-login-animation { opacity: 0; -webkit-transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; position: absolute; top: 0; width: 100%; } #td-mobile-nav .td-login-hide { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; visibility: hidden !important; } #td-mobile-nav .td-login-show { visibility: visible !important; opacity: 1; } /* Logged section */ #td-mobile-nav .td-menu-login-section { list-style: none; position: relative; margin-top: 20px; } #td-mobile-nav .td-menu-login-section .td-logged-wrap { height: 60px; line-height: 60px; /* responsive portrait phone */ } @media (max-width: 320px) { #td-mobile-nav .td-menu-login-section .td-logged-wrap { height: 40px; line-height: 40px; } } #td-mobile-nav .td-menu-login-section a { color: #fff; } #td-mobile-nav .td-menu-avatar { position: absolute; top: 0; left: 20px; margin: 0; } #td-mobile-nav .td-menu-avatar .td-avatar-container { width: 60px; height: 60px; border-radius: 40px; -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1); overflow: hidden; position: relative; /* responsive portrait phone */ } @media (max-width: 320px) { #td-mobile-nav .td-menu-avatar .td-avatar-container { -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); width: 40px; height: 40px; } } #td-mobile-nav .td-menu-avatar .avatar { position: absolute; margin: 0 auto; left: -9999px; right: -9999px; max-width: none; width: 100%; height: 100%; } #td-mobile-nav .td-menu-username { font-size: 20px; font-weight: bold; margin: 0 100px 0 95px; overflow: hidden; height: 60px; /* responsive portrait phone */ } @media (max-width: 320px) { #td-mobile-nav .td-menu-username { font-size: 18px; height: 40px; margin: 0 100px 0 75px; } } #td-mobile-nav .td-menu-logout { position: absolute; top: 0; right: 20px; margin: 0; } #td-mobile-nav .td-menu-logout a { padding: 7px 14px; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.03); font-size: 14px; font-weight: bold; } /* Guest section */ #td-mobile-nav .td-guest-wrap { height: 40px; text-align: center; } #td-mobile-nav .td-guest-wrap .td-menu-avatar { position: relative; display: inline-block; vertical-align: middle; top: auto; left: auto; margin-right: 15px; } #td-mobile-nav .td-guest-wrap .td-menu-avatar .td-avatar-container { width: 40px; height: 40px; } #td-mobile-nav .td-guest-wrap .td-menu-login { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; vertical-align: middle; } #td-mobile-nav .td-guest-wrap .td-menu-login span { background-color: #fff; width: 1px; height: 20px; display: inline-block; margin: 0 13px; line-height: 20px; position: relative; top: 3px; opacity: 0.3; } #td-mobile-nav .td-guest-wrap .td-menu-login a { cursor: pointer; } /* Register section */ #td-mobile-nav .td-register-section { position: absolute; top: 0; color: #fff; width: 100%; z-index: -1; } #td-mobile-nav .td-register-section a { color: #fff; } #td-mobile-nav .td-register-section .td-icon-read-down { font-size: 23px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); line-height: 74px; width: 74px; } #td-mobile-nav .td-register-section .td-login-input { color: #fff; font-weight: normal; font-size: 17px; height: 40px; line-height: 40px; border: 0; background: transparent; outline: 0; margin: 18px 0; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; box-shadow: none; } #td-mobile-nav .td-register-section .td-login-input:focus ~ label, #td-mobile-nav .td-register-section .td-login-input:valid ~ label { top: -6px; font-size: 14px; opacity: 0.4; } #td-mobile-nav .td-register-section .td-login-form-wrap { padding: 0 30px; } #td-mobile-nav .td-register-section .td-login-button { display: block; text-align: center; width: 100%; text-transform: uppercase; line-height: 50px; color: #000; border: none; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.36); box-shadow: 0 0 8px rgba(0, 0, 0, 0.36); margin: 17px 0 15px; font-size: 17px; border-radius: 0; background-color: #fff; opacity: 0.8; text-shadow: none; } #td-mobile-nav .td-register-section .td-login-info-text { text-align: center; margin-bottom: 20px; } #td-mobile-nav .td-login-title { position: absolute; top: 0; padding: 0 50px; text-align: center; line-height: 74px; text-transform: uppercase; width: 100%; font-size: 17px; height: 74px; overflow: hidden; z-index: -1; } #td-mobile-nav .td-login-panel-title { text-align: center; font-size: 16px; padding: 30px 10px; } #td-mobile-nav .td-login-panel-title span { display: inline-block; font-size: 28px; font-weight: bold; width: 100%; margin-bottom: 10px; } /* 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; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-backface-visibility: hidden; position: relative; } .td-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); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transition: transform 0.5s ease 0.8s; -moz-transition: transform 0.5s ease 0.8s; -o-transition: transform 0.5s ease 0.8s; transition: transform 0.5s ease 0.8s; } .td-search-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); -moz-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; display: block; width: 100%; height: 113%; z-index: 9999; -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); visibility: hidden; } .td-search-background:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.98; background: #333145; background: -moz-linear-gradient(top, #333145 0%, #b8333e 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #333145), color-stop(100%, #b8333e)); background: -webkit-linear-gradient(top, #333145 0%, #b8333e 100%); background: -o-linear-gradient(top, #333145 0%, #b8333e 100%); background: -ms-linear-gradient(top, #333145 0%, #b8333e 100%); background: linear-gradient(to bottom, #333145 0%, #b8333e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333145', endColorstr='#b8333e', GradientType=0); } .td-search-close { text-align: right; z-index: 1000; } .td-search-close .td-icon-close-mobile { height: 70px; width: 70px; line-height: 70px; font-size: 21px; color: #fff; position: relative; top: 4px; right: 0; } .td-search-opened { position: relative; } .td-search-opened #wpadminbar { position: fixed !important; } .td-search-opened #td-outer-wrap { position: fixed; transform: scale3d(0.9, 0.9, 0.9); -webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9); -webkit-box-shadow: 0 0 46px; -moz-box-shadow: 0 0 46px; box-shadow: 0 0 46px; } .td-search-opened .td-search-wrap-mob .td-drop-down-search { opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; } .td-search-opened .td-search-background { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); visibility: visible; } .td-search-opened .td-search-input:after { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); } .td-search-opened.admin-bar .td-search-wrap-mob { padding-top: 0; } /* 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; } } #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; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .td-login-inputs { position: relative; } /* ---------------------------------------------------------------------------- Site wide > typography style ---------------------------------------------------------------------------- */ body, p { font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 21px; } p { margin-top: 0; margin-bottom: 21px; } a:active, a:focus { /* IE remove focus */ outline: none; } a { color: #4db2ec; text-decoration: none; } ins { background: white; text-decoration: none; } code { position: relative; top: -1px; border: none; background-color: #F1F1F1; padding: 2px 6px; } pre { background-color: #f1f1f1; padding: 4px 10px 4px 10px; border: none; border-radius: 0; margin-top: 24px; } cite { font-family: 'Roboto', sans-serif; font-size: 13px; /* ovveride bootstrap */ 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 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 6px 9px; /* responsive portrait phone */ } @media (max-width: 767px) { textarea { font-size: 16px; } } textarea:active, textarea:focus { border-color: #b0b0b0; } 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; -moz-transition: background-color 0.4s; -o-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; } 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 ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- text and Images align */ .td-post-content img, .wpb_text_column img, .td_block_text_with_title img, .woocommerce #tab-description img, .mce-content-body img { margin-bottom: 21px; } .td-post-content figure img, .wpb_text_column figure img, .td_block_text_with_title figure img, .woocommerce #tab-description figure img, .mce-content-body figure img { margin-bottom: 0; } .td-post-content .alignnone, .wpb_text_column .alignnone, .td_block_text_with_title .alignnone, .woocommerce #tab-description .alignnone, .mce-content-body .alignnone { display: inline-block; margin: 0 10px; } .td-post-featured-image figure img { margin-bottom: 0; } 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% !important; } .wp-caption img { max-width: 100% !important; } .alignnone { margin-top: 0; } .aligncenter { text-align: center; clear: both; display: block; margin-left: auto; margin-right: auto; margin-top: 6px; margin-bottom: 6px; } figure.alignright, figure.alignleft, figure.aligncenter { margin-bottom: 0; } .alignnone img, .aligncenter img { width: 100%; } /* ---------------------------------------------------------------------------- align left -> on desktop - the tinyMCE size is used -> on tablet(s) - apply the max-width to make it look nice -> on phones - center, max width 100% + fix for tinyMCE padding -> on full width td-pb-span12 */ .alignleft { float: left; margin-top: 6px; margin-right: 24px; margin-bottom: 6px !important; /* hack for tinyMCE / post content diffs*/ margin-left: 0; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone - just a bit, after 500px we make it non float */ /* responsive phone CUSTOM - align the image on center */ } @media (min-width: 1019px) and (max-width: 1140px) { .alignleft { max-width: 312px !important; margin-right: 21px; } } @media (min-width: 768px) and (max-width: 1018px) { .alignleft { max-width: 220px !important; margin-right: 21px; } } @media (max-width: 767px) { .alignleft { max-width: 220px !important; margin-right: 21px; } } @media (max-width: 500px) { .alignleft { float: none; text-align: center; margin-left: auto; margin-right: auto; max-width: 100% !important; 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; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone - just a bit, after 500px we make it non float */ /* responsive phone CUSTOM - align the image on center */ } @media (min-width: 1019px) and (max-width: 1140px) { .alignright { max-width: 312px !important; margin-left: 21px; } } @media (min-width: 768px) and (max-width: 1018px) { .alignright { max-width: 220px !important; margin-left: 21px; } } @media (max-width: 767px) { .alignright { max-width: 220px !important; margin-left: 21px; } } @media (max-width: 500px) { .alignright { float: none; text-align: center; margin-left: auto; margin-right: auto; max-width: 100% !important; 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; } } /* ---------------------------------------------------------------------------- Css for: Page content Post content TinyMCE content ---------------------------------------------------------------------------- */ .td-page-content, .td-post-content, .wpb_text_column, .td_block_text_with_title, .woocommerce #tab-description, .mce-content-body { font-size: 15px; line-height: 26px; color: #222; } .td-page-content a:hover, .td-post-content a:hover, .wpb_text_column a:hover, .td_block_text_with_title a:hover, .woocommerce #tab-description a:hover, .mce-content-body a:hover { text-decoration: underline; } .td-page-content ul, .td-post-content ul, .wpb_text_column ul, .td_block_text_with_title ul, .woocommerce #tab-description ul, .mce-content-body ul { margin-bottom: 26px; } .td-page-content p, .td-post-content p, .wpb_text_column p, .td_block_text_with_title p, .woocommerce #tab-description p, .mce-content-body p, .td-page-content li, .td-post-content li, .wpb_text_column li, .td_block_text_with_title li, .woocommerce #tab-description li, .mce-content-body li { font-size: 15px; line-height: 26px; } .td-page-content p, .td-post-content p, .wpb_text_column p, .td_block_text_with_title p, .woocommerce #tab-description p, .mce-content-body p { margin-bottom: 26px; } .td-page-content .td-arrow-list, .td-post-content .td-arrow-list, .wpb_text_column .td-arrow-list, .td_block_text_with_title .td-arrow-list, .woocommerce #tab-description .td-arrow-list, .mce-content-body .td-arrow-list { list-style: none; margin-left: 16px; } .td-page-content .td-arrow-list li:before, .td-post-content .td-arrow-list li:before, .wpb_text_column .td-arrow-list li:before, .td_block_text_with_title .td-arrow-list li:before, .woocommerce #tab-description .td-arrow-list li:before, .mce-content-body .td-arrow-list li:before { font-family: 'newspaper', sans-serif; content: '\e803'; float: left; margin-left: -16px; line-height: 26px; font-size: 14px; } .entry-title a:hover, .td-post-category:hover, .widget a:hover, .td_block_wrap a:hover { text-decoration: none !important; } /* ---------------------------------------------------------------------------- quote */ .td-page-content blockquote, .td-post-content blockquote, .wpb_text_column blockquote, .td_block_text_with_title blockquote, .bbpress blockquote, .woocommerce #tab-description blockquote, .mce-content-body blockquote, .comment-content blockquote { padding: 0; position: relative; border-left: none; margin: 40px 5% 38px 5%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content blockquote, .td-post-content blockquote, .wpb_text_column blockquote, .td_block_text_with_title blockquote, .bbpress blockquote, .woocommerce #tab-description blockquote, .mce-content-body blockquote, .comment-content blockquote { margin: 20px 3% 18px 3%; } } .td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p { font-family: 'Roboto', sans-serif; font-size: 32px; line-height: 40px; font-weight: 400; font-style: italic; text-align: center; text-transform: uppercase; color: #4db2ec; word-wrap: break-word; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p { font-size: 24px; line-height: 32px; } } @media (max-width: 767px) { .td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p { font-size: 22px; line-height: 30px; } } .td-page-content .twitter-tweet p, .td-post-content .twitter-tweet p, .wpb_text_column .twitter-tweet p, .td_block_text_with_title .twitter-tweet p, .bbpress .twitter-tweet p, .woocommerce #tab-description .twitter-tweet p, .mce-content-body .twitter-tweet p, .comment-content .twitter-tweet p { font-family: initial; font-size: initial; line-height: initial; font-style: initial; text-align: initial; text-transform: initial; color: initial; font-weight: initial; } .td-page-content .td_quote_right, .td-post-content .td_quote_right, .wpb_text_column .td_quote_right, .td_block_text_with_title .td_quote_right, .bbpress .td_quote_right, .woocommerce #tab-description .td_quote_right, .mce-content-body .td_quote_right, .comment-content .td_quote_right { float: right; width: 50%; margin: 21px 0 21px 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_quote_right, .td-post-content .td_quote_right, .wpb_text_column .td_quote_right, .td_block_text_with_title .td_quote_right, .bbpress .td_quote_right, .woocommerce #tab-description .td_quote_right, .mce-content-body .td_quote_right, .comment-content .td_quote_right { float: none; width: auto; margin-right: 5%; margin-left: 5%; } } .td-page-content .td_quote_left, .td-post-content .td_quote_left, .wpb_text_column .td_quote_left, .td_block_text_with_title .td_quote_left, .bbpress .td_quote_left, .woocommerce #tab-description .td_quote_left, .mce-content-body .td_quote_left, .comment-content .td_quote_left { float: left; width: 50%; margin: 18px 18px 18px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_quote_left, .td-post-content .td_quote_left, .wpb_text_column .td_quote_left, .td_block_text_with_title .td_quote_left, .bbpress .td_quote_left, .woocommerce #tab-description .td_quote_left, .mce-content-body .td_quote_left, .comment-content .td_quote_left { float: none; width: auto; margin-right: 5%; margin-left: 5%; } } .td-page-content .td_quote_left p, .td-post-content .td_quote_left p, .wpb_text_column .td_quote_left p, .td_block_text_with_title .td_quote_left p, .bbpress .td_quote_left p, .woocommerce #tab-description .td_quote_left p, .mce-content-body .td_quote_left p, .comment-content .td_quote_left p { text-align: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_quote_left p, .td-post-content .td_quote_left p, .wpb_text_column .td_quote_left p, .td_block_text_with_title .td_quote_left p, .bbpress .td_quote_left p, .woocommerce #tab-description .td_quote_left p, .mce-content-body .td_quote_left p, .comment-content .td_quote_left p { text-align: center; } } .td-page-content .td_quote_box, .td-post-content .td_quote_box, .wpb_text_column .td_quote_box, .td_block_text_with_title .td_quote_box, .bbpress .td_quote_box, .woocommerce #tab-description .td_quote_box, .mce-content-body .td_quote_box, .comment-content .td_quote_box { margin: 0; background-color: #FCFCFC; border-left: 2px solid #4db2ec; padding: 15px 23px 0 23px; position: relative; top: 6px; clear: both; } .td-page-content .td_quote_box p, .td-post-content .td_quote_box p, .wpb_text_column .td_quote_box p, .td_block_text_with_title .td_quote_box p, .bbpress .td_quote_box p, .woocommerce #tab-description .td_quote_box p, .mce-content-body .td_quote_box p, .comment-content .td_quote_box p { font-family: 'Open Sans', arial, sans-serif; color: #777777; font-size: 13px; line-height: 21px; padding-bottom: 16px; margin: 0; text-transform: none; } .td-page-content .td_box_left, .td-post-content .td_box_left, .wpb_text_column .td_box_left, .td_block_text_with_title .td_box_left, .bbpress .td_box_left, .woocommerce #tab-description .td_box_left, .mce-content-body .td_box_left, .comment-content .td_box_left { width: 40%; float: left; margin: 0 34px 20px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_box_left, .td-post-content .td_box_left, .wpb_text_column .td_box_left, .td_block_text_with_title .td_box_left, .bbpress .td_box_left, .woocommerce #tab-description .td_box_left, .mce-content-body .td_box_left, .comment-content .td_box_left { float: none; margin: 0 0 36px 0; width: auto; } } .td-page-content .td_box_left p, .td-post-content .td_box_left p, .wpb_text_column .td_box_left p, .td_block_text_with_title .td_box_left p, .bbpress .td_box_left p, .woocommerce #tab-description .td_box_left p, .mce-content-body .td_box_left p, .comment-content .td_box_left p { text-align: left; } .td-page-content .td_box_right, .td-post-content .td_box_right, .wpb_text_column .td_box_right, .td_block_text_with_title .td_box_right, .bbpress .td_box_right, .woocommerce #tab-description .td_box_right, .mce-content-body .td_box_right, .comment-content .td_box_right { width: 30%; float: right; margin: 0 0 20px 34px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_box_right, .td-post-content .td_box_right, .wpb_text_column .td_box_right, .td_block_text_with_title .td_box_right, .bbpress .td_box_right, .woocommerce #tab-description .td_box_right, .mce-content-body .td_box_right, .comment-content .td_box_right { float: none; margin: 0 0 36px 0; width: auto; } } .td-page-content .td_box_right p, .td-post-content .td_box_right p, .wpb_text_column .td_box_right p, .td_block_text_with_title .td_box_right p, .bbpress .td_box_right p, .woocommerce #tab-description .td_box_right p, .mce-content-body .td_box_right p, .comment-content .td_box_right p { text-align: left; } .td-page-content .td_box_center, .td-post-content .td_box_center, .wpb_text_column .td_box_center, .td_block_text_with_title .td_box_center, .bbpress .td_box_center, .woocommerce #tab-description .td_box_center, .mce-content-body .td_box_center, .comment-content .td_box_center { margin: 0 0 29px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_box_center, .td-post-content .td_box_center, .wpb_text_column .td_box_center, .td_block_text_with_title .td_box_center, .bbpress .td_box_center, .woocommerce #tab-description .td_box_center, .mce-content-body .td_box_center, .comment-content .td_box_center { margin-bottom: 36px; } } .td-page-content .td_pull_quote, .td-post-content .td_pull_quote, .wpb_text_column .td_pull_quote, .td_block_text_with_title .td_pull_quote, .bbpress .td_pull_quote, .woocommerce #tab-description .td_pull_quote, .mce-content-body .td_pull_quote, .comment-content .td_pull_quote { padding: 18px 25px; margin: 0; clear: both; } .td-page-content .td_pull_quote p, .td-post-content .td_pull_quote p, .wpb_text_column .td_pull_quote p, .td_block_text_with_title .td_pull_quote p, .bbpress .td_pull_quote p, .woocommerce #tab-description .td_pull_quote p, .mce-content-body .td_pull_quote p, .comment-content .td_pull_quote p { font-family: 'Open Sans', arial, sans-serif; font-size: 14px; line-height: 26px; font-weight: 600; text-transform: none; text-align: center; } .td-page-content .td_pull_quote p:first-child:before, .td-post-content .td_pull_quote p:first-child:before, .wpb_text_column .td_pull_quote p:first-child:before, .td_block_text_with_title .td_pull_quote p:first-child:before, .bbpress .td_pull_quote p:first-child:before, .woocommerce #tab-description .td_pull_quote p:first-child:before, .mce-content-body .td_pull_quote p:first-child:before, .comment-content .td_pull_quote p:first-child:before { position: absolute; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMAd+67mWZR3SKqMxGIzB8/1rAAAABlSURBVAjXFcexDQEBAAXQd+KCRm4CDZURFGICMYFadTHBxQQmEDHCzWAI9XGJ8s/ANS95FBvccKwYr5kuUQ/5omm5dpQ9Fu+H2efEPX07Sg62f+bJ2T6pJkmnTi5FslM2L56r9geMACBhjTsodgAAAABJRU5ErkJggg==') no-repeat; left: 0; display: block; content: ''; width: 15px; height: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .td-page-content .td_pull_quote p:after, .td-post-content .td_pull_quote p:after, .wpb_text_column .td_pull_quote p:after, .td_block_text_with_title .td_pull_quote p:after, .bbpress .td_pull_quote p:after, .woocommerce #tab-description .td_pull_quote p:after, .mce-content-body .td_pull_quote p:after, .comment-content .td_pull_quote p:after { position: absolute; bottom: 10px; right: 0; display: block; content: ''; width: 15px; height: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMA3ZnuqndmIhG7VYhEMzOiL2oAAABkSURBVAjXY+D1E2PgULZuYGB89+4A07t3AQzn3r1T4Hv3ToCh7t27CUDRBwxAYQe2d+8MGBiuAuWr5BwYGBjeFTAwzEtgYOB6xMDA8RAowGnOwMD6CsjIA4oWKwBFXYGcLQ0MAFHHH+tW1OhlAAAAAElFTkSuQmCC') no-repeat; } .td-page-content .td_pull_left, .td-post-content .td_pull_left, .wpb_text_column .td_pull_left, .td_block_text_with_title .td_pull_left, .bbpress .td_pull_left, .woocommerce #tab-description .td_pull_left, .mce-content-body .td_pull_left, .comment-content .td_pull_left { width: 40%; float: left; margin-right: 34px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_pull_left, .td-post-content .td_pull_left, .wpb_text_column .td_pull_left, .td_block_text_with_title .td_pull_left, .bbpress .td_pull_left, .woocommerce #tab-description .td_pull_left, .mce-content-body .td_pull_left, .comment-content .td_pull_left { float: none; margin: 0 0 30px 0; width: auto; } } .td-page-content .td_pull_right, .td-post-content .td_pull_right, .wpb_text_column .td_pull_right, .td_block_text_with_title .td_pull_right, .bbpress .td_pull_right, .woocommerce #tab-description .td_pull_right, .mce-content-body .td_pull_right, .comment-content .td_pull_right { width: 30%; float: right; margin-left: 34px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_pull_right, .td-post-content .td_pull_right, .wpb_text_column .td_pull_right, .td_block_text_with_title .td_pull_right, .bbpress .td_pull_right, .woocommerce #tab-description .td_pull_right, .mce-content-body .td_pull_right, .comment-content .td_pull_right { float: none; margin: 0 0 30px 0; width: auto; } } .td-page-content .td_pull_center, .td-post-content .td_pull_center, .wpb_text_column .td_pull_center, .td_block_text_with_title .td_pull_center, .bbpress .td_pull_center, .woocommerce #tab-description .td_pull_center, .mce-content-body .td_pull_center, .comment-content .td_pull_center { margin: 17px 0; padding: 15px 50px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_pull_center, .td-post-content .td_pull_center, .wpb_text_column .td_pull_center, .td_block_text_with_title .td_pull_center, .bbpress .td_pull_center, .woocommerce #tab-description .td_pull_center, .mce-content-body .td_pull_center, .comment-content .td_pull_center { padding: 15px 20px; } } blockquote small { margin-top: 5px; display: block; font-size: 13px; font-style: italic; font-weight: normal; text-transform: none; color: #444; } blockquote.pull-right { padding-left: 20px; border-right: none; } blockquote.pull-right:after { border-right: 2px solid #FB5502; width: 40px; right: -40px; } /* ---------------------------------------------------------------------------- dropcaps */ .td-page-content .dropcap, .td-post-content .dropcap, .wpb_text_column .dropcap, .td_block_text_with_title .dropcap, .bbpress .dropcap, .woocommerce #tab-description .dropcap, .mce-content-body .dropcap, .comment-content .dropcap { float: left; display: block; font-size: 50px; line-height: 56px; background-color: #4db2ec; color: white; 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; } .td-page-content .dropcap1, .td-post-content .dropcap1, .wpb_text_column .dropcap1, .td_block_text_with_title .dropcap1, .bbpress .dropcap1, .woocommerce #tab-description .dropcap1, .mce-content-body .dropcap1, .comment-content .dropcap1 { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; font-size: 40px; padding: 2px 14px 4px; } .td-page-content .dropcap2, .td-post-content .dropcap2, .wpb_text_column .dropcap2, .td_block_text_with_title .dropcap2, .bbpress .dropcap2, .woocommerce #tab-description .dropcap2, .mce-content-body .dropcap2, .comment-content .dropcap2 { background-color: transparent !important; color: #4B4B4B; font-size: 79px; line-height: 69px; margin: 0 9px 0 0; padding: 0 13px 0 0; } .td-page-content .dropcap3, .td-post-content .dropcap3, .wpb_text_column .dropcap3, .td_block_text_with_title .dropcap3, .bbpress .dropcap3, .woocommerce #tab-description .dropcap3, .mce-content-body .dropcap3, .comment-content .dropcap3 { background-color: transparent !important; color: #4B4B4B; font-weight: bold; font-size: 79px; line-height: 69px; margin: 0 9px 0 0; padding: 0 13px 0 0; } /* ---------------------------------------------------------------------------- text columns */ .td_text_columns_two_cols { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-rule-style: solid; -moz-column-rule-style: solid; column-rule-style: solid; -webkit-column-rule-width: 1px; -moz-column-rule-width: 1px; column-rule-width: 1px; -webkit-column-rule-color: #e9e9e9; -moz-column-rule-color: #e9e9e9; column-rule-color: #e9e9e9; margin-bottom: 26px; } /* ---------------------------------------------------------------------------- text highlighting */ .td_text_highlight_0 { background-color: rgba(0, 0, 0, 0.77); padding: 5px 0 6px 0; margin: 0 8px 0 8px; box-shadow: 8px 0 0 rgba(0, 0, 0, 0.77), -8px 0 0 rgba(0, 0, 0, 0.77); color: #2a2a2a; -webkit-transition: color 400ms; -moz-transition: color 400ms; -o-transition: color 400ms; transition: color 400ms; } .td_text_highlight_0:hover { color: #F9F9F9; cursor: default; } .td_text_highlight_marker { padding: 5px 0 6px 0; margin: 0 8px 0 8px; color: white; -webkit-transition: color 400ms; -moz-transition: color 400ms; -o-transition: color 400ms; transition: color 400ms; } .td_text_highlight_marker:hover { color: #F9F9F9; } .td_text_highlight_marker_red { background-color: rgba(255, 28, 26, 0.62); box-shadow: 8px 0 0 rgba(255, 28, 26, 0.62), -8px 0 0 rgba(255, 28, 26, 0.62); } .td_text_highlight_marker_blue { background-color: rgba(57, 213, 255, 0.75); box-shadow: 8px 0 0 rgba(57, 213, 255, 0.75), -8px 0 0 rgba(57, 213, 255, 0.75); } .td_text_highlight_marker_green { background-color: rgba(77, 216, 69, 0.65); box-shadow: 8px 0 0 rgba(77, 216, 69, 0.65), -8px 0 0 rgba(77, 216, 69, 0.65); } .td_text_highlight_marker_yellow { background-color: rgba(255, 203, 0, 0.75); box-shadow: 8px 0 0 rgba(255, 203, 0, 0.75), -8px 0 0 rgba(255, 203, 0, 0.75); } .td_text_highlight_marker_pink { background-color: rgba(255, 101, 243, 0.75); box-shadow: 8px 0 0 rgba(255, 101, 243, 0.75), -8px 0 0 rgba(255, 101, 243, 0.75); } /* ---------------------------------------------------------------------------- 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; } } /* ---------------------------------------------------------------------------- Default Module - Module 1 */ /* ---------------------------------------------------------------------------- Modules */ .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; } /* ---------------------------------------------------------------------------- thumbnail */ .td-module-thumb { position: relative; margin-bottom: 13px; } .td-module-thumb .entry-thumb { display: block; } .td-video-play-ico > img { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } /* ---------------------------------------------------------------------------- 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; -moz-transition: background-color 0.4s; -o-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; -moz-transition: background-color 0.4s; -o-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; } .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 1 */ .td_module_1 { padding-bottom: 24px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_1 .entry-title { font-size: 17px; line-height: 22px; } } @media (max-width: 767px) { .td_module_1 .entry-thumb { width: 100%; } } /* ---------------------------------------------------------------------------- Module 2 */ .td_module_2 { padding-bottom: 32px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_2 .entry-title { font-size: 17px; line-height: 22px; } } @media (max-width: 767px) { .td_module_2 .entry-thumb { width: 100%; } } /* ---------------------------------------------------------------------------- Module 3 */ .td_module_3 { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_3 .entry-title { font-size: 17px; line-height: 22px; } } @media (max-width: 767px) { .td_module_3 .entry-thumb { width: 100%; } } /* ---------------------------------------------------------------------------- Module 4 */ .td_module_4 { padding-bottom: 43px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_4 .entry-title { font-size: 17px; line-height: 22px; } } @media (max-width: 767px) { .td_module_4 .entry-thumb { width: 100%; } } /* ---------------------------------------------------------------------------- Module 5 */ .td_module_5 { padding-bottom: 20px; border-bottom: 1px dashed #f2f2f2; margin-bottom: 17px; /* responsive portrait tablet */ /* responsive landscape tablet */ /* responsive portrait phone */ } .td_module_5 .td-module-meta-info { margin-bottom: 17px; } .td_module_5 .td-module-thumb { margin-bottom: 14px; } .td_module_5 .td-excerpt { margin-top: 0; } @media (min-width: 768px) and (max-width: 1018px) { .td_module_5 .entry-title { font-size: 17px; line-height: 22px; font-weight: 500; } } @media (min-width: 1019px) and (max-width: 1140px) { .td_module_5 .entry-title { font-weight: 400; } } @media (max-width: 767px) { .td_module_5 .entry-thumb { width: 100%; } } /* ---------------------------------------------------------------------------- Module 6 */ .td_module_6 { padding-bottom: 26px; /* responsive landscape & portrait tablet */ /* responsive portrait tablet */ /* responsive landscape & portrait tablet */ } .td_module_6 .td-module-thumb { position: absolute; left: 0; top: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_6 .td-module-thumb { width: 80px; } } .td_module_6 .item-details { margin-left: 116px; min-height: 70px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_6 .item-details { margin-left: 95px; min-height: 55px; } } .td_module_6 .entry-title { font-size: 14px; line-height: 20px; margin-bottom: 4px; font-weight: 500; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1140px) { .td_module_6 .entry-title { font-size: 12px; line-height: 18px; } } @media (max-width: 767px) { .td_module_6 .entry-title { font-size: 14px; } } .td_module_6 .td-module-meta-info { margin-bottom: 0; min-height: 0; } @media (min-width: 768px) and (max-width: 1140px) { .td_module_6 .td-icon-star, .td_module_6 .td-icon-star-empty, .td_module_6 .td-icon-star-half { font-size: 15px; width: 17px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_module_6 .td-post-category { margin-bottom: 5px; } } @media (max-width: 500px) { .td_module_6 .td-icon-star, .td_module_6 .td-icon-star-empty, .td_module_6 .td-icon-star-half { font-size: 15px; width: 17px; } } /* ---------------------------------------------------------------------------- Module 7 */ .td_module_7 { padding-bottom: 26px; /* responsive landscape & portrait tablet */ /* responsive portrait tablet */ /* responsive landscape & portrait tablet */ } .td_module_7 .td-module-thumb { position: absolute; right: 0; top: 0; } .td_module_7 .item-details { margin-right: 116px; min-height: 70px; } .td_module_7 .entry-title { font-size: 13px; line-height: 20px; margin-bottom: 4px; font-weight: 500; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1140px) { .td_module_7 .entry-title { font-size: 12px; line-height: 18px; } } @media (max-width: 767px) { .td_module_7 .entry-title { font-size: 14px; } } .td_module_7 .td-module-meta-info { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1140px) { .td_module_7 .td-icon-star, .td_module_7 .td-icon-star-empty, .td_module_7 .td-icon-star-half { font-size: 15px; width: 17px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_module_7 .td-post-category { margin-bottom: 5px; } } @media (max-width: 500px) { .td_module_7 .td-icon-star, .td_module_7 .td-icon-star-empty, .td_module_7 .td-icon-star-half { font-size: 15px; width: 17px; } } /* ---------------------------------------------------------------------------- Module 8 */ .td_module_8 { padding-bottom: 25px; border-bottom: 1px dashed #f2f2f2; margin-bottom: 16px; /* responsive portrait tablet */ } .td_module_8 .entry-title { font-size: 17px; line-height: 24px; margin-bottom: 7px; font-weight: 500; } .td_module_8 .td-module-meta-info { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1018px) { .td_module_8 .td-post-author-name { display: none; } } /* ---------------------------------------------------------------------------- Module 9 */ .td_module_9 { padding-bottom: 25px; border-bottom: 1px dashed #f2f2f2; margin-bottom: 26px; text-align: center; } .td_module_9 .td-module-comments { top: auto; float: none; margin-bottom: 8px; } .td_module_9 .entry-title { font-size: 17px; line-height: 24px; margin-bottom: 8px; font-weight: 500; } .td_module_9 .td-module-meta-info { margin-bottom: 0; } .td_module_9 .td_quote_on_blocks { text-align: center; } .td_module_9 .td-post-category { display: inline-block; margin: 0 0 8px 0; } /* ---------------------------------------------------------------------------- Module 10 */ .td_module_10 { padding-bottom: 40px; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td_module_10 { padding-bottom: 26px; } .td_module_10 .td-post-category { display: none; } } .td_module_10 .td-module-thumb { position: absolute; left: 0; top: 0; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td_module_10 .td-module-thumb { width: 150px; } } @media (max-width: 500px) { .td_module_10 .td-module-thumb { width: 100px; } } .td_module_10 .item-details { margin-left: 244px; min-height: 150px; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td_module_10 .item-details { margin-left: 170px; min-height: 103px; } } @media (max-width: 500px) { .td_module_10 .item-details { margin-left: 115px; min-height: 69px; } } .td_module_10 .td-excerpt { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_10 .td-excerpt { display: none; } } .td_module_10 .entry-title { font-size: 22px; line-height: 28px; margin-bottom: 5px; /* responsive small portrait phone */ } @media (max-width: 500px) { .td_module_10 .entry-title { font-size: 14px; line-height: 20px; font-weight: 500; } } @media (max-width: 500px) { .td_module_10 .td-video-play-ico img { width: 20px; } } .td-pb-span8 .td_module_10 { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span8 .td_module_10 .td-module-thumb { width: 190px; } .td-pb-span8 .td_module_10 .item-details { margin-left: 210px; min-height: 131px; } .td-pb-span8 .td_module_10 .entry-title { font-size: 17px; line-height: 22px; } .td-pb-span8 .td_module_10 .td-post-author-name { display: none; } } .td-pb-span4 .td_module_10 { padding-bottom: 40px; /* responsive portrait tablet */ } .td-pb-span4 .td_module_10 .td-module-thumb { width: 80px; /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td-pb-span4 .td_module_10 .td-module-thumb { width: 150px; } } @media (max-width: 500px) { .td-pb-span4 .td_module_10 .td-module-thumb { width: 100px; } } .td-pb-span4 .td_module_10 .item-details { margin-left: 0; min-height: 70px; /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td-pb-span4 .td_module_10 .item-details { padding-left: 170px; min-height: 103px; } } @media (max-width: 500px) { .td-pb-span4 .td_module_10 .item-details { padding-left: 0; min-height: 69px; } } .td-pb-span4 .td_module_10 .entry-title { font-size: 15px; font-weight: 500; line-height: 21px; padding-left: 95px; min-height: 55px; margin-bottom: 13px; /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_module_10 .entry-title { font-size: 13px; line-height: 18px; min-height: 50px; } } @media (max-width: 767px) { .td-pb-span4 .td_module_10 .entry-title { font-size: 22px; line-height: 28px; margin-bottom: 5px; padding-left: 0; font-weight: 400; min-height: 0; } } @media (max-width: 500px) { .td-pb-span4 .td_module_10 .entry-title { font-size: 17px; line-height: 23px; font-weight: 500; padding-left: 110px; min-height: 69px; margin-bottom: 13px; } } .td-pb-span4 .td_module_10 .td-video-play-ico img { width: 20px; } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_module_10 .td-post-author-name { display: none; } } /* ---------------------------------------------------------------------------- Module 11 */ .td_module_11 { padding-bottom: 48px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_11 { padding-bottom: 0; border-bottom: 1px dashed #EAEAEA; margin-bottom: 20px; } .td_module_11:last-child { border: 0; } } @media (max-width: 767px) { .td_module_11 { padding-bottom: 30px; } } .td_module_11 .td-module-thumb { position: absolute; left: 0; top: 0; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td_module_11 .td-module-thumb { width: 200px; } } @media (max-width: 500px) { .td_module_11 .td-module-thumb { width: 100px; } } .td_module_11 .item-details { margin-left: 350px; min-height: 235px; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td_module_11 .item-details { margin-left: 220px; min-height: 145px; } } @media (max-width: 500px) { .td_module_11 .item-details { margin-left: 0; min-height: 73px; padding-left: 110px; } } .td_module_11 .entry-title { font-size: 25px; line-height: 29px; margin-bottom: 11px; /* responsive portrait tablet */ /* responsive small portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_11 .entry-title { font-size: 20px; line-height: 24px; font-weight: 500; } } @media (max-width: 500px) { .td_module_11 .entry-title { font-size: 17px; line-height: 23px; font-weight: 500; margin-bottom: 8px; } } .td_module_11 .td-post-author-name { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_11 .td-post-author-name { display: none; } } .td_module_11 .td-excerpt { margin-bottom: 15px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_11 .td-excerpt { display: none; } } .td_module_11 .td-read-more { margin-bottom: 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_11 .td-read-more { display: none; } } @media (max-width: 767px) { .td_module_11 .td-read-more { display: none; } } .td-pb-span12 .td_module_11 .entry-title { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span12 .td_module_11 .entry-title { font-size: 22px; line-height: 28px; font-weight: 400; } } .td-pb-span8 .td_module_11 { /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-pb-span8 .td_module_11 .td-module-thumb { width: 300px; } .td-pb-span8 .td_module_11 .item-details { margin-left: 324px; min-height: 218px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span8 .td_module_11 .td-module-thumb { width: 192px; } .td-pb-span8 .td_module_11 .item-details { margin-left: 210px; min-height: 165px; } .td-pb-span8 .td_module_11 .td-post-author-name { display: none; } } .td-pb-span4 .td_module_11 { /* responsive portrait tablet */ } .td-pb-span4 .td_module_11 .td-module-thumb { position: relative; margin-bottom: 8px; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td-pb-span4 .td_module_11 .td-module-thumb { position: absolute; } } @media (max-width: 500px) { .td-pb-span4 .td_module_11 .td-module-thumb { width: 100px; } } .td-pb-span4 .td_module_11 .item-details { margin-left: 0; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td-pb-span4 .td_module_11 .item-details { margin-left: 220px; } } @media (max-width: 500px) { .td-pb-span4 .td_module_11 .item-details { margin-left: 0; min-height: 73px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_module_11 .td-post-author-name { display: none; } } /* ---------------------------------------------------------------------------- Module 12 */ .td_module_12 { padding-bottom: 20px; border-bottom: 1px dashed #f2f2f2; margin-bottom: 30px; } .td_module_12 .entry-title { font-size: 34px; line-height: 42px; margin-bottom: 8px; /* responsive max portrait tablet */ } @media (max-width: 1018px) { .td_module_12 .entry-title { font-size: 26px; line-height: 36px; } } .td_module_12 .td-module-meta-info { margin-bottom: 17px; } .td_module_12 .td-excerpt { font-size: 14px; line-height: 24px; margin-bottom: 15px; } /* ---------------------------------------------------------------------------- Module 13 */ .td_module_13 { padding-bottom: 20px; border-bottom: 1px dashed #f2f2f2; margin-bottom: 30px; } .td_module_13 .entry-title { font-size: 34px; line-height: 42px; margin-bottom: 8px; /* responsive max portrait tablet */ } @media (max-width: 1018px) { .td_module_13 .entry-title { font-size: 26px; line-height: 36px; } } .td_module_13 .td-module-meta-info { margin-bottom: 17px; } .td_module_13 .td-module-thumb { margin-bottom: 22px; } /* ---------------------------------------------------------------------------- Module 14 */ .td_module_14 { padding-bottom: 40px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_14 { padding-bottom: 30px; } } @media (max-width: 767px) { .td_module_14 { padding-bottom: 21px; } } .td_module_14 .entry-thumb { width: 100%; } .td_module_14:last-child { padding-bottom: 0; } .td_module_14 .meta-info-container { position: relative; } .td_module_14 .entry-title { font-size: 30px; line-height: 38px; font-weight: 500; margin-bottom: 10px; position: relative; bottom: -2px; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td_module_14 .entry-title { font-size: 22px; line-height: 30px; } } @media (max-width: 500px) { .td_module_14 .entry-title { font-size: 18px; line-height: 26px; margin-left: 14px; margin-right: 14px; } } .td_module_14 .entry-title:after { content: ''; position: absolute; bottom: -43px; left: 0; width: 100%; border-bottom: 1px dashed #f1f1f1; } .td_module_14 .td-module-meta-info { position: absolute; margin: 0; padding: 0 60px; bottom: -43px; width: 100%; /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 1018px) { .td_module_14 .td-module-meta-info { padding: 0 40px; } } @media (max-width: 767px) { .td_module_14 .td-module-meta-info { bottom: -45px; } } @media (max-width: 500px) { .td_module_14 .td-module-meta-info { padding: 0 20px; } } .td_module_14 .td-module-meta-holder { background-color: #fff; padding: 10px 20px 17px 20px; /* responsive small portrait phone */ } @media (max-width: 500px) { .td_module_14 .td-module-meta-holder { padding: 8px 0 19px 0; } } .td_module_14 .td-post-category { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_14 .td-post-category { display: none; } } .td_module_14 .td-module-thumb { margin-bottom: 60px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_14 .td-module-thumb { margin-bottom: 70px; } } .td_module_14 .td-post-author-name { /* responsive portrait phone */ } @media (max-width: 500px) { .td_module_14 .td-post-author-name { margin-left: 14px; } } .td_module_14 .td-module-comments { /* responsive portrait phone */ } @media (max-width: 500px) { .td_module_14 .td-module-comments { margin-right: 14px; } } .td_module_14 .td-excerpt { padding: 0 80px; font-size: 14px; line-height: 24px; margin-top: 11px; /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 1018px) { .td_module_14 .td-excerpt { padding: 0 60px; } } @media (max-width: 767px) { .td_module_14 .td-excerpt { padding: 0 60px; margin-top: -5px; } } @media (max-width: 500px) { .td_module_14 .td-excerpt { padding: 0 32px; } } .td_module_14 .td-read-more { display: block; margin-top: 15px; } .td-pb-span8 .td_module_14 { /* responsive portrait tablet */ } .td-pb-span8 .td_module_14 .td-module-meta-info { padding: 0 40px; /* responsive small portrait phone */ } @media (max-width: 500px) { .td-pb-span8 .td_module_14 .td-module-meta-info { padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span8 .td_module_14 .entry-title { font-size: 22px; line-height: 30px; } .td-pb-span8 .td_module_14 .td-module-meta-info { padding: 0 20px; } } .td-pb-span8 .td_module_14 .td-excerpt { padding: 0 60px; /* responsive portrait tablet */ /* responsive small portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span8 .td_module_14 .td-excerpt { padding: 0 40px; } } @media (max-width: 500px) { .td-pb-span8 .td_module_14 .td-excerpt { padding: 0 34px; } } .td-pb-span4 .td_module_14 { /* responsive portrait tablet */ } .td-pb-span4 .td_module_14 .td-module-meta-info { padding: 0 40px; /* responsive small portrait phone */ } @media (max-width: 500px) { .td-pb-span4 .td_module_14 .td-module-meta-info { padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_module_14 .entry-title { font-size: 22px; line-height: 30px; } .td-pb-span4 .td_module_14 .td-module-meta-info { padding: 0 20px; } } /* ---------------------------------------------------------------------------- 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 .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; } /* ---------------------------------------------------------------------------- Module 16 */ .td_module_16 { padding-bottom: 40px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_16 { padding-bottom: 26px; } } .td_module_16 .td-module-thumb { position: absolute; left: 0; top: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_16 .td-module-thumb { width: 80px; } } .td_module_16 .item-details { margin-left: 174px; min-height: 150px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_16 .item-details { margin-left: 95px; min-height: 80px; } } .td_module_16 .entry-title { font-size: 22px; line-height: 28px; margin-bottom: 5px; /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_16 .entry-title { font-weight: 500; } } @media (max-width: 500px) { .td_module_16 .entry-title { font-size: 17px; line-height: 22px; } } .td_module_16 .td-excerpt { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_16 .td-excerpt { display: none; } } /* ---------------------------------------------------------------------------- Module 17 */ .td_module_17 { /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_module_17 { padding-bottom: 10px; } } .td_module_17 .td-module-image { position: relative; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_17 .td-module-image { margin-left: -10px; margin-right: -10px; } } .td_module_17 .td-module-image .entry-thumb { width: 100%; } .td_module_17 .entry-title { font-size: 28px; line-height: 38px; font-weight: bold; margin-bottom: 17px; } @media (max-width: 1018px) { .td_module_17 .entry-title { font-size: 21px; line-height: 28px; margin-bottom: 13px; } } .td_module_17 .td-module-meta-holder { position: absolute; bottom: 0; width: 100%; height: 47px; background-color: rgba(0, 0, 0, 0.7); padding: 15px 15px 15px 18px; font-size: 12px; line-height: 1; pointer-events: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_17 .td-module-meta-holder { padding: 13px 12px; height: 43px; } } .td_module_17 .td-left-meta { display: inline-block; } .td_module_17 .td-left-meta .td-post-author-name a { color: #fff; pointer-events: auto; } .td_module_17 .td-left-meta .td-post-author-name a:hover { color: #aaa; } .td_module_17 .entry-review-stars { color: #fff; } .td_module_17 .td-category-corner { padding: 0; text-align: left; } .td_module_17 .td-post-category { background-color: #fff !important; color: #000; font-size: 11px; padding: 5px 10px; bottom: auto; top: 0; } .td_module_17 .td-post-category:hover { background-color: #fff; color: #aaa; } .td_module_17 .td-module-comments { pointer-events: auto; } .td_module_17 .td-module-comments a { color: #000; background-color: #fff !important; } .td_module_17 .td-module-comments a:after { border-color: #fff transparent transparent transparent !important; } .td_module_17 .td-excerpt { font-size: 16px; line-height: 26px; margin-top: 24px; } @media (max-width: 1018px) { .td_module_17 .td-excerpt { font-size: 14px; line-height: 24px; margin-top: 20px; } } .td_module_17 .td-read-more { margin-top: 20px; } @media (max-width: 1018px) { .td_module_17 .td-read-more { margin-top: 15px; } } .td_module_17 .td-read-more a { background-color: transparent !important; color: #000; font-size: 14px; padding: 0 10px 10px 0; } .td_module_17 .td-read-more a:hover { color: #4db2ec; } .td_module_17 .td-icon-menu-right { font-size: 9px; margin-left: 8px; vertical-align: middle; } .td_module_17 .td-module-image { overflow: hidden; } .td_module_17 .td-module-thumb { margin-bottom: 0; } /* ---------------------------------------------------------------------------- Module 18 */ .td_module_18 { padding-bottom: 40px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_module_18 { padding-bottom: 30px; } } .td_module_18 .meta-info-container { padding-bottom: 10px; border-bottom: 1px dashed #f2f2f2; text-align: center; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_module_18 .meta-info-container { padding-bottom: 0; } } .td_module_18 .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_18 .td-module-thumb { margin-left: -10px; margin-right: -10px; } } .td_module_18 .entry-title { font-size: 25px; line-height: 32px; font-weight: bold; margin: 9px 0 12px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_module_18 .entry-title { font-size: 22px; line-height: 28px; margin: 8px 0; } } .td_module_18 .td-module-meta-info { position: relative; width: 100%; margin-bottom: 27px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_module_18 .td-module-meta-info { margin-bottom: 18px; } } .td_module_18 .td-post-author-name a { font-size: 12px; } .td_module_18 .td-post-author-name a:hover { opacity: 0.7; } .td_module_18 .td-post-date { font-size: 12px; } .td_module_18 .td-module-comments { position: absolute; right: 0; bottom: -5px; } .td_module_18 .td-post-category { text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 1; background-color: transparent; color: #000; display: inline-block; } .td_module_18 .td-post-category:hover { background-color: transparent !important; opacity: 0.7; } .td_module_18 .entry-thumb { width: 100%; } .td_module_18 .td-excerpt { font-size: 15px; line-height: 27px; margin-top: 20px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_module_18 .td-excerpt { font-size: 13px; line-height: 23px; } } .td_module_18 .td-read-more { margin-top: 9px; margin-bottom: 23px; } .td_module_18 .td-read-more a { background-color: transparent !important; color: #000; font-size: 14px; } .td_module_18 .td-read-more a:hover { background-color: transparent !important; color: #4db2ec; } .td_module_18 .td-icon-menu-right { font-size: 9px; margin-left: 8px; vertical-align: middle; } .td-pb-span12.td-main-content .td_module_18 .entry-title { font-size: 34px; line-height: 44px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-pb-span12.td-main-content .td_module_18 .entry-title { font-size: 22px; line-height: 28px; } } /* ---------------------------------------------------------------------------- Module 19 */ .td_module_19 { padding-bottom: 50px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1018px) { .td_module_19 { padding-bottom: 40px; } } @media (max-width: 767px) { .td_module_19 { border-bottom: 1px dashed #f2f2f2; padding-bottom: 20px; margin-bottom: 20px; } } .td_module_19 .meta-info-container { position: relative; } .td_module_19 .td-module-image { position: absolute; top: 0; left: 0; } .td_module_19 .td-module-thumb { overflow: hidden; width: 264px; height: 366px; margin-bottom: 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_19 .td-module-thumb { width: 210px; } } @media (max-width: 767px) { .td_module_19 .td-module-thumb { width: 100px; height: 120px; } } .td_module_19 .entry-thumb { max-width: none; position: absolute; margin: 0 auto; left: -9999px; right: -9999px; width: auto; height: 100%; } .td_module_19 .td-post-category { display: inline-block; padding: 5px 8px; text-transform: uppercase; font-size: 11px; line-height: 1; background-color: #000; color: #fff; position: absolute; left: 0; bottom: 25px; z-index: 1; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_19 .td-post-category { padding: 4px 7px; font-size: 9px; bottom: 10px; } } .td_module_19 .td-item-details { margin-left: 294px; min-height: 366px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_19 .td-item-details { margin-left: 230px; } } @media (max-width: 767px) { .td_module_19 .td-item-details { margin-left: 120px; min-height: 120px; } } .td_module_19 .td-module-meta-info { position: relative; } .td_module_19 .entry-title { font-size: 30px; line-height: 38px; font-weight: 900; margin-bottom: 10px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_19 .entry-title { font-size: 24px; line-height: 28px; } } @media (max-width: 767px) { .td_module_19 .entry-title { font-size: 20px; line-height: 25px; margin-bottom: 8px; } } .td_module_19 .td-post-author-name { font-size: 13px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_19 .td-post-author-name { font-size: 12px; } } @media (max-width: 767px) { .td_module_19 .td-post-author-name { display: none; } } .td_module_19 .td-post-author-name:hover { color: #4db2ec; } .td_module_19 .td-post-date { font-size: 13px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_module_19 .td-post-date { font-size: 12px; } } .td_module_19 .td-excerpt { font-size: 16px; line-height: 26px; margin-top: 18px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_19 .td-excerpt { font-size: 14px; line-height: 22px; margin-top: 15px; } } @media (max-width: 767px) { .td_module_19 .td-excerpt { display: none; } } .td_module_19 .td-read-more { margin-top: 21px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_19 .td-read-more { margin-top: 15px; } } @media (max-width: 767px) { .td_module_19 .td-read-more { display: none; } } .td_module_19 .td-video-play-ico > img { top: 20px; right: 20px; bottom: auto; left: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_19 .td-video-play-ico > img { width: 30px; height: 30px; top: 10px; right: 10px; } } .td_module_19 .td-read-more a { background-color: #000; color: #fff; font-size: 14px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1018px) { .td_module_19 .td-read-more a { font-size: 13px; } } @media (max-width: 767px) { .td_module_19 .td-read-more a { font-size: 11px; padding: 8px 11px; display: none; } } .td-pb-span12.td-main-content .td_module_19 .td-module-thumb { width: 534px; height: 350px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span12.td-main-content .td_module_19 .td-module-thumb { width: 400px; height: 320px; } } @media (max-width: 767px) { .td-pb-span12.td-main-content .td_module_19 .td-module-thumb { width: 100px; height: 120px; } } .td-pb-span12.td-main-content .td_module_19 .td-module-thumb .entry-thumb { height: auto; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span12.td-main-content .td_module_19 .td-module-thumb .entry-thumb { width: 100%; } } @media (max-width: 767px) { .td-pb-span12.td-main-content .td_module_19 .td-module-thumb .entry-thumb { height: 100%; } } .td-pb-span12.td-main-content .td_module_19 .td-item-details { min-height: 350px; margin-left: 564px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span12.td-main-content .td_module_19 .td-item-details { min-height: 330px; margin-left: 430px; } } @media (max-width: 767px) { .td-pb-span12.td-main-content .td_module_19 .td-item-details { min-height: 120px; margin-left: 115px; } } /* ---------------------------------------------------------------------------- Module mx1 */ .td_module_mx1 { position: relative; padding-bottom: 0; margin-bottom: 3px; /* responsive portrait tablet */ } .td_module_mx1 .td-module-meta-info .td-post-category { background-color: #fff !important; color: #222; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx1 .td-module-meta-info .td-post-category { display: none; } } .td_module_mx1 .td-module-meta-info { position: absolute; bottom: 0; padding: 0 17px; margin-bottom: 17px; z-index: 1; } .td_module_mx1 .td-module-meta-info .td-post-author-name a { color: #fff; } .td_module_mx1 .entry-title { font-size: 17px; font-weight: 700; line-height: 21px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx1 .entry-title { font-size: 15px; font-weight: 500; line-height: 20px; } } .td_module_mx1 .entry-title a { color: #fff !important; } .td_module_mx1 .td-video-play-ico img { z-index: 1; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx1 .td-video-play-ico img { top: auto; left: auto; bottom: 10px; right: 10px; } } .td_module_mx1 .td-icon-star, .td_module_mx1 .td-icon-star-half, .td_module_mx1 .td-icon-star-empty { color: #fff; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx1 .td-icon-star, .td_module_mx1 .td-icon-star-half, .td_module_mx1 .td-icon-star-empty { font-size: 14px; width: 17px; } } .td_module_mx1 .td-module-thumb { margin-bottom: 0; overflow: hidden; height: 220px; /* responsive landscape tablet */ } @media (max-width: 1140px) { .td_module_mx1 .td-module-thumb { height: auto; } } .td_module_mx1 .td-module-thumb .entry-thumb { max-width: none; /* responsive landscape tablet */ } @media (max-width: 1140px) { .td_module_mx1 .td-module-thumb .entry-thumb { max-width: 100%; width: 100%; } } .td_module_mx1 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 80%; width: 100%; position: absolute; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx1 .td-author-date { display: block; margin-top: 5px; } } /* ---------------------------------------------------------------------------- Module mx2 */ .td_module_mx2 { padding-bottom: 0; *zoom: 1; } .td_module_mx2:before, .td_module_mx2:after { display: table; content: ""; line-height: 0; } .td_module_mx2:after { clear: both; } .td_module_mx2 .entry-title { font-size: 13px; font-weight: 500; line-height: 18px; margin: 0 0 5px 0; } .td_module_mx2 .entry-thumb { width: 80px; } .td_module_mx2 .td-module-thumb { position: absolute; margin-bottom: 0; } .td_module_mx2 .item-details { margin: 0 0 20px 100px; min-height: 60px; padding-top: 2px; } .td_block_inner .td_module_mx2 { /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_inner .td_module_mx2 .item-details { margin-left: 95px; } .td_block_inner .td_module_mx2 .td-post-category { margin-bottom: 5px; } .td_block_inner .td_module_mx2 .td-icon-star, .td_block_inner .td_module_mx2 .td-icon-star-empty, .td_block_inner .td_module_mx2 .td-icon-star-half { font-size: 15px; width: 17px; } } @media (max-width: 767px) { .td_block_inner .td_module_mx2 .entry-title { font-size: 16px; line-height: 22px; } .td_block_inner .td_module_mx2 .item-details { margin-bottom: 30px; } } @media (max-width: 500px) { .td_block_inner .td_module_mx2 .entry-title { font-size: 14px; line-height: 20px; } } /* ---------------------------------------------------------------------------- Module mx3 */ .td_module_mx3 { position: relative; padding-bottom: 53px; margin-bottom: 18px; /* responsive portrait phone */ /* responsive small portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_mx3 { width: 48%; float: left; padding-bottom: 73px; margin-bottom: 0; } .td_module_mx3:nth-child(even) { margin-left: 4%; } } @media (max-width: 500px) { .td_module_mx3 { width: 100%; float: left; padding-bottom: 75px; } .td_module_mx3:nth-child(even) { margin-left: 0; } } .td_module_mx3:last-child { margin-bottom: 0; } .td_module_mx3 .td-module-meta-info { position: absolute; bottom: 7px; width: 284px; background-color: #fff; border-bottom: 1px dashed #f1f1f1; margin: 0 20px; padding: 14px 20px 25px 20px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_module_mx3 .td-module-meta-info { width: 270px; margin: 0 15px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx3 .td-module-meta-info { width: 208px; margin: 0 10px; padding: 9px 16px 25px; } .td_module_mx3 .td-module-meta-info .td-post-category { display: none; } } @media (max-width: 767px) { .td_module_mx3 .td-module-meta-info { width: 90%; margin: 0 5%; bottom: 33px; padding-left: 5%; padding-right: 5%; padding-bottom: 20px; border-bottom: 0; } } .td_module_mx3 .td-post-category { /* responsive max portrait tablet */ } @media (max-width: 1018px) { .td_module_mx3 .td-post-category { display: none; } } .td_module_mx3 .entry-title { position: relative; font-size: 17px; font-weight: 700; line-height: 21px; font-style: normal; margin: 0 0 12px 0; height: auto; bottom: 0; /* responsive portrait tablet */ /* responsive small portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx3 .entry-title { font-size: 15px; } } @media (max-width: 500px) { .td_module_mx3 .entry-title { font-size: 18px; line-height: 26px; font-weight: 500; } } @media (max-width: 767px) { .td_module_mx3 .entry-thumb { width: 100%; } } /* ---------------------------------------------------------------------------- Module mx4 */ .td_module_mx4 { /* responsive small portrait phone */ } .td_module_mx4 .td-module-thumb { margin-bottom: 7px; /* responsive small portrait phone */ } @media (max-width: 500px) { .td_module_mx4 .td-module-thumb { margin-bottom: 0; } } .td_module_mx4 .entry-title { font-size: 15px; line-height: 20px; font-weight: 500; margin-bottom: 0; /* responsive small portrait phone */ } @media (max-width: 500px) { .td_module_mx4 .entry-title { padding-left: 115px; font-size: 14px; line-height: 21px; } } .td_module_mx4 .td_quote_on_blocks { margin-top: 10px; } .td_module_mx4 .entry-thumb { width: 100%; } .td_module_mx4 .td-video-play-ico img { /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td_module_mx4 .td-video-play-ico img { width: 30px; } } @media (max-width: 500px) { .td_module_mx4 .td-video-play-ico img { width: 20px; } } @media (max-width: 500px) { .td_module_mx4 { min-height: 69px; padding-bottom: 0; margin-bottom: 30px; } .td_module_mx4 .td-module-image { width: 100px; position: absolute; left: 0; top: 0; } } .td-column-3 .td_module_mx4 .entry-title { /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td-column-3 .td_module_mx4 .entry-title { font-size: 12px; line-height: 18px; } } @media (max-width: 500px) { .td-column-3 .td_module_mx4 .entry-title { padding-left: 115px; font-size: 14px; line-height: 21px; } } .td-column-1 .td_module_mx4 { padding-bottom: 22px; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td-column-1 .td_module_mx4 { padding-bottom: 35px; } } .td-column-1 .td_module_mx4 .entry-title { font-size: 13px; line-height: 18px; font-weight: 500; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .td-column-1 .td_module_mx4 .entry-title { font-size: 16px; line-height: 22px; } } @media (max-width: 500px) { .td-column-1 .td_module_mx4 .entry-title { font-size: 14px; line-height: 21px; padding-left: 0; } } .td-column-1 .td_module_mx4 .td-video-play-ico img { width: 30px; } @media (max-width: 500px) { .td-column-1 .td_module_mx4 { margin-bottom: 0; } .td-column-1 .td_module_mx4 .td-module-thumb { margin-bottom: 7px; } .td-column-1 .td_module_mx4 .td-module-image { width: 100%; position: relative; } .td-column-1 .td_module_mx4 .td-post-category { width: auto; } } /* ---------------------------------------------------------------------------- Module mx7 */ .td_module_mx7 { /* responsive portrait tablet */ /* responsive portrait phone */ } .td_module_mx7 .td-module-thumb { margin-bottom: 9px; } .td_module_mx7 .entry-title { font-size: 16px; line-height: 21px; font-weight: 500; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx7 .entry-title { font-size: 14px; line-height: 20px; } } .td_module_mx7 .td-module-meta-info { margin-bottom: 13px; } .td_module_mx7 .td_quote_on_blocks { margin-top: 10px; } .td_module_mx7 .td-post-author-name { display: block; margin-bottom: 10px; } .td_module_mx7 .td-post-author-name span { display: none; } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx7 .td-post-author-name { display: none; } } @media (max-width: 767px) { .td_module_mx7 .entry-thumb { width: 100%; } } .td-column-3 .td_module_mx7 { /* responsive portrait phone */ } @media (max-width: 767px) { .td-column-3 .td_module_mx7 .td-post-author-name { display: none; } .td-column-3 .td_module_mx7 .entry-title { font-size: 18px; line-height: 24px; } .td-column-3 .td_module_mx7 .td-video-play-ico img { width: 40px; } } /* ---------------------------------------------------------------------------- Module mx8 */ .td_module_mx8:hover .entry-title a { color: #fff !important; } .td_module_mx8 .td-module-thumb { margin-bottom: 5px; overflow: hidden; } .td_module_mx8 .td-module-thumb a:last-child:after { bottom: 0; content: ""; display: block; height: 80%; width: 100%; position: absolute; z-index: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .td_module_mx8 .entry-thumb { width: 100%; } .td_module_mx8 .meta-info-container { position: relative; } .td_module_mx8 .td-module-meta-info { position: absolute; bottom: 14px; margin-bottom: 0; width: 100%; padding: 0 21px; } .td_module_mx8 .entry-title { font-weight: 500; font-size: 24px; line-height: 32px; } .td_module_mx8 .td-post-category { background-color: #fff !important; color: #000; } .td_module_mx8 .entry-review-stars { margin-right: 22px; } .td_module_mx8 .entry-title a, .td_module_mx8 .td-post-author-name a, .td_module_mx8 .td-post-date, .td_module_mx8 .td-icon-star, .td_module_mx8 .td-icon-star-half, .td_module_mx8 .td-icon-star-empty { color: #fff; } .td_module_mx8 .td-post-date { margin-right: 22px; } .td_module_mx8 .td-module-comments { float: none; display: inline-block; vertical-align: top; top: 2px; } .td_module_mx8 .td-module-comments a { background-color: transparent !important; padding: 0; font-size: 11px; font-weight: 400; } .td_module_mx8 .td-module-comments a:before { font-family: 'newspaper', sans-serif; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e83b"; margin-right: 5px; font-size: 9px; } .td_module_mx8 .td-module-comments a:after { display: none; } .td-pb-span4 .td_module_mx8 { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_module_mx8 .td-author-date { display: none; } .td-pb-span4 .td_module_mx8 .td-module-meta-info { bottom: 10px; } .td-pb-span4 .td_module_mx8 .td_module_wrap .entry-title { margin: 0; } .td-pb-span4 .td_module_mx8 .td-video-play-ico > img { width: 30px; height: 30px; top: 10px; right: 10px; bottom: auto; left: auto; } .td-pb-span4 .td_module_mx8 .entry-title { margin: 0; } } /* ---------------------------------------------------------------------------- Module MX16 */ .td_module_mx16 { padding-bottom: 35px; } .td_module_mx16 .entry-title { font-size: 24px; line-height: 28px; font-weight: 900; margin-bottom: 10px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx16 .entry-title { font-size: 19px; line-height: 22px; font-weight: 700; } } .td_module_mx16 .td-info-container { position: relative; } .td_module_mx16 .td-module-image { width: 100px; height: 140px; overflow: hidden; position: absolute; top: 0; left: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx16 .td-module-image { width: 80px; } } .td_module_mx16 .entry-thumb { max-width: none; position: absolute; margin: 0 auto; left: -9999px; right: -9999px; width: auto; height: 140px; } .td_module_mx16 .td-post-category { display: inline-block; padding: 4px 7px; margin-right: 0; font-size: 9px; bottom: 15px; text-transform: uppercase; line-height: 1; background-color: #000; color: #fff; position: absolute; left: 0; z-index: 1; } .td_module_mx16 .td-video-play-ico > img { width: 20px; height: 20px; top: 10px; right: 10px; bottom: auto; left: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_mx16 .td-video-play-ico > img { width: 30px; height: 30px; top: 10px; right: 10px; } } .td_module_mx16 .td-item-details { margin-left: 120px; min-height: 140px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx16 .td-item-details { margin-left: 90px; } } .td_module_mx16 .td-module-meta-info { position: relative; } .td_module_mx16 .td-post-date { font-size: 12px; } .td_module_mx16 .td-module-comments { position: absolute; bottom: 2px; right: 0; } .td_module_mx16 .td-excerpt { font-size: 13px; line-height: 19px; margin: 0; } .td_module_mx16 .td-read-more { margin: 13px 0 0 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx16 .td-read-more { display: none; } } .td_module_mx16 .td-read-more a { background-color: #000; color: #fff; font-size: 11px; padding: 8px 11px; } /* ---------------------------------------------------------------------------- Module MX17 */ .td_module_mx17 .td-module-image { height: 450px; overflow: hidden; margin-bottom: 15px; position: relative; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_mx17 .td-module-image { height: auto; margin-bottom: 0; } } .td_module_mx17 .entry-thumb { max-width: none; position: absolute; margin: 0 auto; left: -9999px; right: -9999px; width: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_mx17 .entry-thumb { width: 100%; left: auto; right: auto; position: relative; } } .td_module_mx17 .td-post-category { display: inline-block; padding: 5px 8px 6px; text-transform: uppercase; font-size: 11px; line-height: 1; background-color: #000; color: #fff; position: absolute; left: 0; bottom: 25px; z-index: 1; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx17 .td-post-category { padding: 4px 7px; font-size: 9px; bottom: 15px; } } .td_module_mx17 .entry-title { font-size: 26px; line-height: 32px; font-weight: 900; margin-bottom: 10px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx17 .entry-title { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { .td_module_mx17 .entry-title { font-size: 24px; line-height: 30px; } } .td_module_mx17 .td-video-play-ico > img { top: 20px; right: 20px; bottom: auto; left: auto; } .td_module_mx17 .td-module-meta-info { position: relative; } .td_module_mx17 .td-post-author-name { font-size: 13px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx17 .td-post-author-name { font-size: 12px; } } .td_module_mx17 .td-post-author-name:hover { color: #4db2ec; } .td_module_mx17 .td-post-date { font-size: 13px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_mx17 .td-post-date { font-size: 12px; } } .td_module_mx17 .td-module-comments { position: absolute; bottom: -4px; right: 0; } /* ---------------------------------------------------------------------------- IOS Slider */ .td_block_slide { position: relative; overflow: hidden; } .td_block_slide .td-module-thumb, .td_block_slide .td-video-play-ico, .td_block_slide .td-slide-meta, .td_block_slide i { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .td_block_slide .td-module-thumb { margin-bottom: 0; z-index: -1; position: static; } .td_block_slide.td_block_wrap { padding-bottom: 48px; } .td_block_slide .td-video-play-ico img { width: 40px !important; /* responsive portrait phone */ } @media (max-width: 1018px) { .td_block_slide .td-video-play-ico img { bottom: auto; top: 12px; left: auto; right: 12px; } } .td_block_slide .td-admin-edit { height: auto !important; } .td_block_slide .td_module_slide { z-index: 1; } .td_block_slide .td-image-gradient:before { height: 50%; } @media (max-width: 1018px) { .td_block_slide .td-image-gradient:before { height: 100%; } } .td_block_slide .td-slide-meta { z-index: 2; position: absolute; bottom: 10px; width: 100%; padding: 0 22px; color: #fff; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_slide .td-slide-meta { padding: 0 12px; bottom: 3px; } } .td_block_slide .td-slide-meta a, .td_block_slide .td-slide-meta span { color: #fff; } .td_block_slide .entry-title { margin: 5px 0; } .td_block_slide .entry-review-stars { margin-right: 22px; top: 0; } .td_block_slide .td-post-date { margin-right: 22px; color: #fff; margin-left: 4px; } .td_block_slide .td-post-views { display: inline-block; vertical-align: top; margin-right: 22px; line-height: 15px; } .td_block_slide .td-icon-views { position: relative; line-height: 17px; font-size: 14px; margin-right: 5px; vertical-align: top; } .td_block_slide .td-post-comments { position: relative; top: 2px; display: inline-block; vertical-align: top; } .td_block_slide .td-icon-comments { margin-right: 5px; font-size: 9px; position: relative; top: 1px; } .td_block_slide .td-icon-left, .td_block_slide .td-icon-right { padding: 20px; position: absolute; display: block; height: 80px; margin-top: -40px; top: 50%; font-size: 38px; color: #fff; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .td_block_slide .td-icon-left { left: 0; } .td_block_slide .td-icon-right { right: 0; } .td_block_slide .td_module_wrap:hover .entry-title a { color: #fff; } .td-ss-main-sidebar .td_block_slide, .td-ss-row .td-pb-span4 .td_block_slide { overflow: visible; } .td-theme-slider { /* Slider Category */ } .td-theme-slider .slide-meta-cat a { font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; display: inline-block; margin: 0 0 5px 0; padding: 4px 7px 3px; line-height: 14px; background-color: rgba(0, 0, 0, 0.7); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; /* responsive portrait phone */ } @media (max-width: 767px) { .td-theme-slider .slide-meta-cat a { font-size: 10px; padding: 2px 5px 2px; margin-bottom: 0; line-height: 13px; } } .td-theme-slider:hover .td-icon-left, .td-theme-slider:hover .td-icon-right { opacity: 1; z-index: 1; } .td-theme-slider:hover .slide-meta-cat a { background-color: #4db2ec; } @-moz-document url-prefix() { .td-theme-slider .slide-meta-cat a { padding: 3px 7px 4px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-theme-slider .slide-meta-cat a { line-height: 12px; } } } /* 3 column */ .iosSlider-col-3 { height: 580px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .iosSlider-col-3 { height: 532px; } } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-3 { height: 402px; } } @media (max-width: 767px) { .iosSlider-col-3 { height: 298px; } } @media (max-width: 500px) { .iosSlider-col-3 { height: 163px; } } .iosSlider-col-3 .td_module_slide { height: 580px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .iosSlider-col-3 .td_module_slide { height: 532px; } } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-3 .td_module_slide { height: 402px; } } @media (max-width: 767px) { .iosSlider-col-3 .td_module_slide { height: 298px; } } @media (max-width: 500px) { .iosSlider-col-3 .td_module_slide { height: 163px; } } .iosSlider-col-3 .td-module-meta-info { padding-bottom: 12px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .iosSlider-col-3 .td-module-meta-info { padding-bottom: 0; } } .iosSlider-col-3 .td-icon-left, .iosSlider-col-3 .td-icon-right { font-size: 55px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .iosSlider-col-3 .td-icon-left, .iosSlider-col-3 .td-icon-right { font-size: 38px; } } .iosSlider-col-3 .entry-title { font-size: 48px; line-height: 58px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .iosSlider-col-3 .entry-title { font-size: 42px; line-height: 52px; } } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-3 .entry-title { font-size: 34px; line-height: 44px; } } @media (max-width: 767px) { .iosSlider-col-3 .entry-title { font-size: 26px; line-height: 32px; } } @media (max-width: 500px) { .iosSlider-col-3 .entry-title { font-size: 18px; line-height: 24px; } } .iosSlider-col-3 .entry-thumb { width: 1068px; } /* 2 columns */ .iosSlider-col-2 { height: 385px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .iosSlider-col-2 { height: 354px; } } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-2 { height: 268px; } } @media (max-width: 767px) { .iosSlider-col-2 { height: 303px; } } @media (max-width: 500px) { .iosSlider-col-2 { height: 166px; } } .iosSlider-col-2 .td_module_slide { height: 385px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .iosSlider-col-2 .td_module_slide { height: 354px; } } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-2 .td_module_slide { height: 268px; } } @media (max-width: 767px) { .iosSlider-col-2 .td_module_slide { height: 303px; } } @media (max-width: 500px) { .iosSlider-col-2 .td_module_slide { height: 166px; } } .iosSlider-col-2 .entry-title { font-size: 26px; line-height: 32px; /* responsive portrait tablet */ /* responsive small portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-2 .entry-title { font-size: 22px; line-height: 28px; } } @media (max-width: 500px) { .iosSlider-col-2 .entry-title { font-size: 18px; line-height: 24px; } } .iosSlider-col-2 .entry-thumb { width: 696px; } /* 1 column */ .iosSlider-col-1 { height: 385px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .iosSlider-col-1 { height: 354px; } } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-1 { height: 268px; } } @media (max-width: 767px) { .iosSlider-col-1 { height: 303px; } } @media (max-width: 500px) { .iosSlider-col-1 { height: 200px; } } .iosSlider-col-1 .td_module_slide { height: 385px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive small portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .iosSlider-col-1 .td_module_slide { height: 354px; } } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-1 .td_module_slide { height: 268px; } } @media (max-width: 767px) { .iosSlider-col-1 .td_module_slide { height: 303px; } } @media (max-width: 500px) { .iosSlider-col-1 .td_module_slide { height: 200px; } } .iosSlider-col-1 .entry-title { font-size: 18px; line-height: 24px; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .iosSlider-col-1 .entry-title { font-size: 26px; line-height: 32px; } } @media (max-width: 500px) { .iosSlider-col-1 .entry-title { font-size: 18px; line-height: 24px; } } .iosSlider-col-1 .entry-thumb { width: 324px; /* responsive portrait phone */ /* responsive small portrait phone */ } @media (max-width: 767px) { .iosSlider-col-1 .entry-thumb { width: 767px; } } @media (max-width: 500px) { .iosSlider-col-1 .entry-thumb { width: 500px; } } @media (min-width: 768px) and (max-width: 1018px) { .iosSlider-col-1 .td-post-views, .iosSlider-col-1 .td-post-comments { display: none; } } @media (min-width: 500px) and (max-width: 584px) { .iosSlider-col-2 img, .iosSlider-col-3 img { min-height: 303px; } } .td_block_slide .td_module_slide { visibility: hidden !important; } .td_block_slide .td_module_slide:first-child { visibility: visible !important; } .td-js-loaded .td_block_slide .td_module_slide { visibility: visible !important; } #td_css_split_separator { visibility: visible; } .td-block-missing-settings { font-size: 11px; text-align: left; padding: 20px; background-color: #faf8fc; border: 1px solid #eeecf0; } .td-block-missing-settings span { background-color: #fe6c61; color: white; font-weight: bold; padding: 3px 8px 4px 8px; border-radius: 4px; font-size: 10px; position: relative; top: -1px; margin-right: 10px; } /* ---------------------------------------------------------------------------- Block Wrap */ .td_block_wrap { padding-bottom: 22px; position: relative; clear: both; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap { padding-bottom: 32px; } } .td_block_wrap .td-next-prev-wrap, .td_block_wrap .td-load-more-wrap { margin-bottom: 26px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-next-prev-wrap, .td_block_wrap .td-load-more-wrap { margin-bottom: 0; } } .td_block_wrap .td-subcat-item .td-cur-simple-item { color: #000; } .td-page-content .td_block_wrap { line-height: 21px; } .td-pb-span4 .td_block_wrap .td-next-prev-wrap, .td-pb-span4 .td_block_wrap .td-load-more-wrap { margin-top: 0; } .td_with_ajax_pagination { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); overflow: hidden; } /* ---------------------------------------------------------------------------- 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 12px; background-color: #222222; color: #fff; } @-moz-document url-prefix() { .block-title a, .block-title span, .block-title label { /* label is for jetpack */ padding: 6px 12px 5px 12px; } } .block-title > span, .block-title > a, .block-title > label, .widgettitle, .widgettitle:after, .td-trending-now-title, .td-trending-now-wrapper:hover .td-trending-now-title, .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a, .td-related-title .td-cur-simple-item, .woocommerce .product .products h2, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more { background-color: #4db2ec; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #4db2ec !important; } .block-title, .td-related-title, .wpb_tabs .wpb_tabs_nav, .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-color: #4db2ec; } .td_block_wrap .td-subcat-item .td-cur-simple-item { color: #4db2ec; } /* ---------------------------------------------------------------------------- Ajax Next Prev */ .td-next-prev-wrap { position: relative; clear: both; } .td-next-prev-wrap a { display: inline-block; margin-right: 7px; width: 25px; height: 25px; line-height: 24px; border: 1px solid #dcdcdc; text-align: center; vertical-align: middle; font-size: 7px; color: #b7b7b7; } .td-next-prev-wrap a:hover { background-color: #4db2ec; border-color: #4db2ec; color: #fff; } .td-next-prev-wrap .ajax-page-disabled { opacity: 0.5; } .td-next-prev-wrap .td-ajax-next-page { padding-left: 2px; } .td-next-prev-wrap .td-ajax-prev-page { padding-right: 1px; } @-moz-document url-prefix() { .td-next-prev-wrap a { line-height: 23px; } } /* ---------------------------------------------------------------------------- Load more button */ .td_ajax_load_more { display: inline-block; font-family: 'Open Sans', arial, sans-serif; font-size: 12px; line-height: 1; padding: 8px 10px; border: 1px solid #C9C9C9; text-align: center; vertical-align: middle; } .td_ajax_load_more i { font-size: 8px; margin-left: 6px; position: relative; top: 0; } .td_ajax_load_more.ajax-page-disabled { visibility: hidden !important; } @-moz-document url-prefix() { .td_ajax_load_more { padding: 7px 10px 9px; } } .td-load-more-wrap { text-align: center; clear: both; } .td-load-more-wrap a { color: #A5A5A5; } .td-load-more-wrap a:hover { background-color: #4db2ec; border-color: #4db2ec; color: #fff; text-decoration: none !important; } .td_block_inner_overflow { overflow: hidden; } /* ---------------------------------------------------------------------------- infinite loader */ .td-load-more-infinite-wrap { display: none; } /* ---------------------------------------------------------------------------- Block category filter */ .td-subcat-filter { display: inline-block; position: absolute; bottom: 0; right: 0; opacity: 0; z-index: 2; min-height: 30px; } .td-subcat-filter ul { margin: 0; } .td-subcat-filter .td-display-filter { display: none !important; } .td-subcat-filter .td-subcat-list { display: inline-block; vertical-align: top; padding-top: 3px; } .td-subcat-filter .td-subcat-list .td-subcat-item { display: inline-block; line-height: 1; margin-left: 30px; } .td-subcat-filter .td-subcat-list a { font-family: 'Roboto', sans-serif; font-size: 13px; color: #777; line-height: 1; } .td-subcat-filter .td-subcat-list a:hover { color: #4db2ec; } .td-subcat-filter .td-subcat-dropdown { display: inline-block; text-align: right; } .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more span, .td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more i { color: #fff; } .td-subcat-filter .td-subcat-dropdown:hover ul { display: block; } .td-subcat-filter .td-subcat-dropdown .td-subcat-more { cursor: pointer; height: 30px; margin-left: 15px; padding-left: 15px; padding-top: 3px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .td-subcat-filter .td-subcat-dropdown .td-subcat-more i { font-size: 9px; color: #777; margin-left: 12px; margin-right: 12px; } .td-subcat-filter .td-subcat-dropdown ul { list-style: none; position: absolute; right: 0; top: 30px; padding: 6px 0 8px 0; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.95); z-index: 999; border-width: 0 1px 1px 1px; border-color: #ededed; border-style: solid; display: none; } .td-subcat-filter .td-subcat-dropdown a { font-family: 'Roboto', sans-serif; font-size: 13px; color: #777; white-space: nowrap; display: block; line-height: 26px; padding-left: 21px; padding-right: 15px; } .td-subcat-filter .td-subcat-dropdown a:hover { color: #4db2ec; } .td-subcat-filter .td-subcat-dropdown li { margin-left: 0; } .td-subcat-filter .td-subcat-dropdown span { font-family: 'Roboto', sans-serif; font-size: 13px; color: #777; line-height: 1; } @-moz-document url-prefix() { .td-subcat-filter .td-subcat-dropdown .td-subcat-more { height: 31px !important; } } .td-js-loaded .td-subcat-filter { opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } /* ---------------------------------------------------------------------------- Block 1 */ .td_block_1 .td_module_4 { padding-bottom: 21px; } /* ---------------------------------------------------------------------------- Block 2 */ .td_block_2 .td_module_2 { padding-bottom: 21px; } /* ---------------------------------------------------------------------------- Block 4 */ .td_block_4 .td-block-span12:last-child .td_module_2, .td_block_4 .td-block-row:last-child .td_module_2 { padding-bottom: 21px; } /* ---------------------------------------------------------------------------- Block 5 */ .td_block_5 .td-block-span12:last-child .td_module_3, .td_block_5 .td-block-row:last-child .td_module_3 { padding-bottom: 21px; } /* ---------------------------------------------------------------------------- Block 6 */ .td_block_6 .td-block-span12:last-child .td_module_5, .td_block_6 .td-block-row:last-child .td_module_5 { margin-bottom: 0; border-bottom: none; } .td_block_6 .block-title { margin-bottom: 21px; } /* ---------------------------------------------------------------------------- Block 9 */ .td_block_9 .td-block-span12:last-child .td_module_8, .td_block_9 .td-block-row:last-child .td_module_8 { border-bottom: none; margin-bottom: 0; } .td_block_9 .block-title { margin-bottom: 21px; } /* ---------------------------------------------------------------------------- Block 10 */ .td_block_10 .td-block-span12:last-child .td_module_9, .td_block_10 .td-block-row:last-child .td_module_9 { margin-bottom: 0; border-bottom: none; } /* ---------------------------------------------------------------------------- Block 11 */ .td_block_11 .td-block-span12:last-child .td_module_10 { padding-bottom: 26px; } /* ---------------------------------------------------------------------------- Block 12 */ .td_block_12 .td-block-span12:last-child .td_module_11 { padding-bottom: 26px; } /* ---------------------------------------------------------------------------- Block 13 */ .td_block_13 { padding-bottom: 40px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_13 { padding-bottom: 30px; } } .td_block_13 .td_module_mx3:last-child .td-module-meta-info { border-bottom: 0; } .td_block_13 .td-next-prev-wrap, .td_block_13 .td-load-more-wrap { margin-top: 40px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_13 .td-next-prev-wrap, .td_block_13 .td-load-more-wrap { margin-top: 30px; } } .td-pb-span4 .td_block_13 { padding-bottom: 22px; } /* ---------------------------------------------------------------------------- Block 14 */ .td_block_14 { /* responsive portrait phone */ /* responsive small portrait phone */ } .td_block_14 .td_block_inner { margin-right: -3px; } @media (max-width: 500px) { .td_block_14 .td_block_inner { margin-right: 0; } } .td_block_14 .td-block-row { margin-left: 0; margin-right: 0; } .td_block_14 .td-block-row:last-child { margin-bottom: 23px; } .td_block_14 .td-block-span12:last-child .td_module_mx1 { margin-bottom: 0; } .td_block_14 .td-block-span6 { padding-left: 0; padding-right: 3px; width: 50%; } .td_block_14 .td-block-span4 { padding-left: 0; padding-right: 3px; width: 33.33333333%; } @media (max-width: 767px) { .td_block_14 .td-block-span12, .td_block_14 .td-block-span4 { width: 50%; float: left; padding-right: 3px; } .td_block_14 .td-block-span12:nth-child(even) { margin-right: -3px; } } @media (max-width: 500px) { .td_block_14 .td-block-span12, .td_block_14 .td-block-span4, .td_block_14 .td-block-span6 { width: 100%; float: left; padding-right: 0; } .td_block_14 .td-block-span12:nth-child(even) { margin-right: 0; } } .td_block_14 .td-next-prev-wrap, .td_block_14 .td-load-more-wrap { margin-top: 0; } /* responsive portrait phone */ @media (max-width: 767px) { .td-pb-span12 .td_block_14 .td-block-span4:first-child { width: 100%; } .td-pb-span12 .td_block_14 .td-block-span4:first-child .entry-thumb { width: 100%; } } .td-pb-span4 .td_block_14 { padding-bottom: 48px; } .td-pb-span4 .td_block_14 .td_block_inner { margin-right: 0; } @media (max-width: 767px) { .td-pb-span4 .td_block_14 .td_block_inner { margin-right: -3px; } } @media (max-width: 500px) { .td-pb-span4 .td_block_14 .td_block_inner { margin-right: 0; } } .td-pb-span4 .td_block_14 .td-next-prev-wrap, .td-pb-span4 .td_block_14 .td-load-more-wrap { margin-top: 23px; margin-bottom: 0; } @media (max-width: 767px) { .td-pb-span4 .td_block_14 .td-next-prev-wrap, .td-pb-span4 .td_block_14 .td-load-more-wrap { padding-top: 20px; } } /* ---------------------------------------------------------------------------- Block 15 */ .td_block_15 { /* responsive portrait tablet */ } .td_block_15 .td-block-span4 { width: 33.33333333%; /* responsive small portrait phone */ } @media (max-width: 500px) { .td_block_15 .td-block-span4 { width: 100%; } } .td_block_15 .td-column-3 .td-block-row { margin-right: -22px; margin-left: 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1018px) { .td_block_15 .td-column-3 .td-block-row { margin-right: -15px; } } @media (max-width: 767px) { .td_block_15 .td-column-3 .td-block-row { margin-right: 0; } } .td_block_15 .td-column-3 .td-block-row .td-block-span4 { padding-right: 22px; padding-left: 0; width: 20%; /* responsive portrait tablet */ /* responsive small portrait phone */ } @media (max-width: 1018px) { .td_block_15 .td-column-3 .td-block-row .td-block-span4 { padding-right: 15px; } } @media (max-width: 500px) { .td_block_15 .td-column-3 .td-block-row .td-block-span4 { width: 100%; } } .td_block_15 .td-column-2 .td-block-row { margin-right: -21px; margin-left: 0; /* responsive portrait tablet */ /* responsive small portrait phone */ } @media (max-width: 1018px) { .td_block_15 .td-column-2 .td-block-row { margin-right: -15px; } } @media (max-width: 500px) { .td_block_15 .td-column-2 .td-block-row { margin-right: 0; } } .td_block_15 .td-column-2 .td-block-row .td-block-span4 { padding-right: 21px; padding-left: 0; /* responsive portrait tablet */ /* responsive small portrait phone */ } @media (max-width: 1018px) { .td_block_15 .td-column-2 .td-block-row .td-block-span4 { padding-right: 15px; } } @media (max-width: 500px) { .td_block_15 .td-column-2 .td-block-row .td-block-span4 { padding-right: 0; } } .td_block_15 .td-column-2 .td-block-row:last-child .td_module_mx4 { padding-bottom: 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_15 .td-column-2 .td-block-row:last-child .td_module_mx4 { padding-bottom: 0; } } .td_block_15 .td-column-2 .td_module_mx4 { padding-bottom: 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_15 .td-column-2 .td_module_mx4 { padding-bottom: 0; } } .td_block_15 .td-column-1 { margin-right: -21px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_15 .td-column-1 { margin-right: -15px; } } .td_block_15 .td-column-1 .td-block-span12 { width: 50%; padding-right: 21px; padding-left: 0; float: left; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_15 .td-column-1 .td-block-span12 { padding-right: 15px; } } .td_block_15 .td-column-1 .td-block-span12:nth-of-type(odd) { clear: left; } .td_block_15 .td_module_mx4 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_15 .td_module_mx4 { padding-bottom: 0; margin-bottom: 26px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_15 .entry-title { font-size: 14px; } } .td-pb-span4 .td_block_15 { float: left; overflow: hidden; } .td-pb-span4 .td_block_15 .td_block_inner { *zoom: 1; } .td-pb-span4 .td_block_15 .td_block_inner:before, .td-pb-span4 .td_block_15 .td_block_inner:after { display: table; content: ""; line-height: 0; } .td-pb-span4 .td_block_15 .td_block_inner:after { clear: both; } /* ---------------------------------------------------------------------------- Block 16 */ .td_block_16 .td-column-3 .td-block-row { margin-right: -22px; margin-left: 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_16 .td-column-3 .td-block-row { margin-right: -15px; } } @media (max-width: 767px) { .td_block_16 .td-column-3 .td-block-row { margin-right: 0; } } .td_block_16 .td-column-3 .td-block-row .td-block-span4 { width: 20%; padding-right: 22px; padding-left: 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_16 .td-column-3 .td-block-row .td-block-span4 { padding-right: 15px; } } @media (max-width: 767px) { .td_block_16 .td-column-3 .td-block-row .td-block-span4 { padding-right: 0; width: 100%; } } .td_block_16 .td-column-2 .td-block-row { margin-right: -21px; margin-left: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_16 .td-column-2 .td-block-row { margin-right: 0; } } .td_block_16 .td-column-2 .td-block-row .td-block-span4 { width: 33.33333333%; padding-right: 21px; padding-left: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_16 .td-column-2 .td-block-row .td-block-span4 { width: 100%; padding-right: 0; } } .td_block_16 .td-column-2 .td-block-row:last-child .td_module_mx4 { padding-bottom: 26px; } .td_block_16 .td-column-2 .td_module_mx7 { padding-bottom: 26px; } .td_block_16 .td-excerpt { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_16 .td-excerpt { display: none; } } @media (max-width: 767px) { .td_block_16 .td-excerpt { display: none; } } .td_block_16 .td_module_mx7 { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_16 .td_module_mx7 { padding-bottom: 16px; } } @media (max-width: 767px) { .td_block_16 .td_module_mx7 { padding-bottom: 16px; } } .td_block_16 .td_module_mx7 .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_16 .td_module_mx7 .entry-title { font-size: 14px; line-height: 20px; } } .td_block_16 .td_module_mx7 .td-module-image { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_16 .td_module_mx7 .td-module-image { width: 100px; float: left; margin-bottom: 26px; } } .td_block_16 .td_module_mx7 .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_16 .td_module_mx7 .td-module-thumb { margin-bottom: 0; } } .td_block_16 .td_module_mx7 .item-details { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_16 .td_module_mx7 .item-details { margin-left: 115px; } } .td_block_16 .td-module-meta-info { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_16 .td-module-meta-info { margin-bottom: 0; } } @media (max-width: 767px) { .td_block_16 .td-module-meta-info { margin-bottom: 0; } } /* ---------------------------------------------------------------------------- Block 17 */ .td_block_17 .td-next-prev-wrap, .td_block_17 .td-load-more-wrap { margin-top: 16px; } @media (min-width: 768px) { .td_block_17 .td-block-span4 .td_module_8:last-child, .td_block_17 .td-block-span6 .td_module_8:last-child { border-bottom: 0; padding-bottom: 0; } } .td_block_17 .td-block-span4:last-child .td_module_8:last-child, .td_block_17 .td-block-span6:last-child .td_module_8:last-child { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_17 .td-block-span4:last-child .td_module_8:last-child, .td_block_17 .td-block-span6:last-child .td_module_8:last-child { border-bottom: 0; padding-bottom: 0; } } .td_block_17 .td-column-1 .td-block-span12:last-child .td_module_8 { border-bottom: 0; margin-bottom: 5px; } .td_block_17 .td-column-1 .td_module_4 { padding-bottom: 25px; border-bottom: 1px dashed #F2F2F2; margin-bottom: 16px; } .td_block_17 .td-column-2 .td_module_4, .td_block_17 .td-column-3 .td_module_4 { padding-bottom: 6px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_17 .td-column-2 .td_module_4, .td_block_17 .td-column-3 .td_module_4 { padding-bottom: 16px; border-bottom: 1px dashed #F2F2F2; margin-bottom: 14px; } } /* ---------------------------------------------------------------------------- Block 18 */ .td_block_18 .td-block-span12 { width: 100%; } .td_block_18 .td_module_mx8 .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td_module_mx8 .td-module-thumb { margin-bottom: 20px; } } .td_block_18 .td_module_mx8 .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td_module_mx8 .entry-title { font-size: 18px; line-height: 24px; } } .td_block_18 .td_module_mx8 .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td_module_mx8 .td-module-meta-info { padding: 0 14px; } } .td_block_18 .td_module_mx2 .item-details { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td_module_mx2 .item-details { padding-top: 0; margin-bottom: 26px; } } .td_block_18 .td_module_mx2 .item-details .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td_module_mx2 .item-details .entry-title { margin-bottom: 3px; } } .td_block_18 .td-column-1 .td_module_wrap { padding-bottom: 0; } .td_block_18 .td-column-1 .td_module_mx8 .td-module-thumb { margin-bottom: 20px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td-column-1 .td_module_mx8 .td-module-thumb { margin-bottom: 26px; } } .td_block_18 .td-column-1 .td_module_mx8 .entry-title { font-size: 18px; line-height: 24px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_18 .td-column-1 .td_module_mx8 .entry-title { font-size: 15px; line-height: 19px; } } .td_block_18 .td-column-1 .td_module_mx8 .td-module-meta-info { padding: 0 14px; } .td_block_18 .td-column-1 .td_module_mx8 .td-post-category { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_18 .td-column-1 .td_module_mx8 .td-post-category { display: none; } } .td_block_18 .td-column-1 .td_module_mx2:last-child { margin-bottom: 6px; } .td_block_18 .td-column-2 .td_module_mx8 { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_18 .td-column-2 .td_module_mx8 { padding-bottom: 25px; } } @media (max-width: 767px) { .td_block_18 .td-column-2 .td_module_mx8 { padding-bottom: 6px; } } .td_block_18 .td-column-2 .td_module_mx8 .td-module-meta-info { bottom: 20px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td-column-2 .td_module_mx8 .td-module-meta-info { bottom: 14px; } } .td_block_18 .td-column-2 .td_module_10 { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_18 .td-column-2 .td_module_10 { padding-bottom: 24px; } } .td_block_18 .td-column-2 .td_module_10 .td-excerpt { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_18 .td-column-2 .td_module_10 .td-excerpt { margin-top: 3px; } } .td_block_18 .td-column-2 .td_module_10 .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td-column-2 .td_module_10 .td-module-meta-info { margin-bottom: 0; } } .td_block_18 .td-column-3 .td_module_mx8 { /* responsive portrait tablet */ /* responsive portrait phone */ } .td_block_18 .td-column-3 .td_module_mx8 .entry-thumb { width: 100%; } @media (min-width: 768px) and (max-width: 1018px) { .td_block_18 .td-column-3 .td_module_mx8 { padding-bottom: 25px; } } @media (max-width: 767px) { .td_block_18 .td-column-3 .td_module_mx8 { padding-bottom: 6px; } } .td_block_18 .td-column-3 .td_module_mx8 .td-module-meta-info { bottom: 20px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td-column-3 .td_module_mx8 .td-module-meta-info { bottom: 14px; } } .td_block_18 .td_module_10 { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_18 .td_module_10 { padding-bottom: 30px; } } .td_block_18 .td_module_10 .td-excerpt { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_18 .td_module_10 .td-excerpt { margin-top: 3px; } } .td_block_18 .td_module_10 .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_18 .td_module_10 .td-module-meta-info { margin-bottom: 0; } } /* ---------------------------------------------------------------------------- Block 19 */ .td_block_19 { /* responsive portrait tablet */ /* responsive portrait phone */ } .td_block_19 .td_module_mx1 { margin-bottom: 26px; } .td_block_19 .td_module_mx2 .item-details { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_19 .td_module_mx2 .item-details { padding-top: 0; margin-bottom: 26px; } } .td_block_19 .td_module_mx2 .item-details .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_19 .td_module_mx2 .item-details .entry-title { margin-bottom: 3px; } } .td_block_19 .td-block-row { margin-right: -15px; margin-left: -15px; } .td_block_19 .td-block-span6, .td_block_19 .td-block-span4 { padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) and (max-width: 1018px) { .td_block_19 .td-block-row { margin-right: -10px; margin-left: -10px; } .td_block_19 .td-block-span6, .td_block_19 .td-block-span4 { padding-right: 10px; padding-left: 10px; } } @media (max-width: 767px) { .td_block_19 .td-block-row { margin: 0; } .td_block_19 .td-block-span6, .td_block_19 .td-block-span4 { padding: 0; } } .td_block_19 .td-block-span12:last-child { margin-bottom: 6px; } .td_block_19 .td-column-1 .td_module_mx2:last-child { margin-bottom: 6px; } /* ---------------------------------------------------------------------------- Block 20 */ .td_block_20 .td-module-meta-info { margin-left: 0; } .td_block_20 .td-post-author-name, .td_block_20 .td-post-date { margin-left: 0; line-height: 17px; vertical-align: top; top: -1px; } .td_block_20 .td-module-comments { margin-right: 0; position: absolute; right: 20px; bottom: 12px; } .td_block_20 .td_module_14 .td-module-thumb { margin-bottom: 12px; } .td_block_20 .td_module_14 .td-module-meta-holder { padding: 14px 20px 12px 20px; } @media (max-width: 500px) { .td_block_20 .td_module_14 .td-module-meta-holder { padding: 10px 10px 12px 10px; } } .td_block_20 .td_module_14 .td-module-meta-info { bottom: 0; padding: 0; width: 90%; } .td_block_20 .td_module_14 .td-excerpt { padding: 0 10px 0 20px; width: 90%; } @media (max-width: 500px) { .td_block_20 .td_module_14 .td-excerpt { padding-left: 10px; } } .td_block_20 .td_module_14 .entry-title { bottom: auto; } @media (max-width: 500px) { .td_block_20 .td_module_14 .entry-title { margin-right: 0; margin-left: 0; } } .td_block_20 .td_module_14 .entry-title:after { display: none; } .td_block_20 .td_module_14:last-child { padding-bottom: 0; } .td_block_20 .td_module_mx3 { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #ededed; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_20 .td_module_mx3 { width: 100%; } .td_block_20 .td_module_mx3:nth-child(even) { margin-left: 0; } } .td_block_20 .td_module_mx3:last-child { border-bottom: 0; } .td_block_20 .td_module_mx3 .td-module-meta-info { bottom: 25px; border-bottom: 0; margin: 0; width: 90%; padding: 14px 16px 12px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_20 .td_module_mx3 .td-module-meta-info { padding: 6px 0 0; } } @media (max-width: 500px) { .td_block_20 .td_module_mx3 .td-module-meta-info { padding: 10px 20px 12px 10px; } } .td_block_20 .td_module_mx3 .td-post-author-name, .td_block_20 .td_module_mx3 .td-post-date, .td_block_20 .td_module_mx3 .td-module-comments { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_20 .td_module_mx3 .td-post-author-name, .td_block_20 .td_module_mx3 .td-post-date, .td_block_20 .td_module_mx3 .td-module-comments { display: none; } } .td_block_20 .td_module_mx3 .entry-title { font-weight: 500; /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_20 .td_module_mx3 .entry-title { font-size: 15px; font-weight: 500; line-height: 20px; margin-bottom: 0; } } @media (max-width: 767px) { .td_block_20 .td_module_mx3 .entry-title { font-size: 22px; line-height: 30px; } } @media (max-width: 500px) { .td_block_20 .td_module_mx3 .entry-title { font-size: 18px; line-height: 26px; margin-right: 0; margin-left: 0; } } .td_block_20 .td_module_mx3 .td-module-thumb { margin-bottom: 0; } .td_block_20 .td-video-play-ico > img { top: 24px; bottom: auto; right: 24px; left: auto; } .td_block_20 .td-next-prev-wrap, .td_block_20 .td-load-more-wrap { margin-top: 40px; } @media (max-width: 500px) { .td_block_20 .td-next-prev-wrap, .td_block_20 .td-load-more-wrap { margin-bottom: 0; } } .td_block_20 .td-column-1 .td_module_mx3:last-child { margin-bottom: 1px; } .td-pb-span4 .td_block_20 .td-next-prev-wrap, .td-pb-span4 .td_block_20 .td-load-more-wrap { margin-bottom: 26px; } /* ---------------------------------------------------------------------------- Block 21 */ .td-pb-span4 .td_block_21 .td-module-thumb { width: 100px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_block_21 .td-module-thumb { width: 50px; } } @media (max-width: 767px) { .td-pb-span4 .td_block_21 .td-module-thumb { width: 80px; } } .td-pb-span4 .td_block_21 .item-details { margin-left: 115px; min-height: 100px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_block_21 .item-details { margin-left: 60px; min-height: 50px; } } @media (max-width: 767px) { .td-pb-span4 .td_block_21 .item-details { margin-left: 95px; min-height: 80px; } } .td-pb-span4 .td_block_21 .entry-title { font-size: 17px; line-height: 23px; min-height: 0; padding-left: 0; /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_block_21 .entry-title { font-size: 14px; line-height: 21px; } } @media (max-width: 767px) { .td-pb-span4 .td_block_21 .entry-title { font-size: 22px; line-height: 28px; font-weight: 500; } } @media (max-width: 500px) { .td-pb-span4 .td_block_21 .entry-title { font-size: 17px; line-height: 22px; } } .td-pb-span4 .td_block_21 .td-excerpt { display: none; } .td-pb-span4 .td_block_21 .td_module_16 { padding-bottom: 19px; } .td-pb-span4 .td_block_21 .td-post-author-name { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span4 .td_block_21 .td-post-author-name { display: none; } } /* ---------------------------------------------------------------------------- Block 22 */ .td_block_22 .td-column-1 .entry-title { font-size: 26px; line-height: 30px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_22 .td-column-1 .entry-title { font-size: 21px; line-height: 28px; } } .td_block_22 .td-column-1 .td-excerpt { font-size: 15px; line-height: 26px; margin-top: 19px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_22 .td-column-1 .td-excerpt { font-size: 13px; line-height: 22px; margin-top: 15px; } } .td_block_22 .td-column-1 .td-read-more { margin-top: 15px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_22 .td-column-1 .td-read-more { margin-top: 8px; } } .td_block_22 .td-column-1 .td_module_wrap { padding-bottom: 20px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_22 .td-column-1 .td_module_wrap { padding-bottom: 10px; } } .td_block_22 .td-column-1 .td-module-meta-holder { height: 41px; padding: 12px 12px 12px 15px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_22 .td-column-1 .td-module-meta-holder { height: 33px; padding: 8px 12px 8px 10px; font-size: 11px; } } .td_block_22 .td-column-3 .entry-title { font-size: 34px; line-height: 44px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_22 .td-column-3 .entry-title { font-size: 21px; line-height: 28px; } } .td_block_22.td_with_ajax_pagination .td-module-image { margin: 0; } /* ---------------------------------------------------------------------------- Block 23 */ .td_block_23 .td-column-1 .entry-title { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_23 .td-column-1 .entry-title { font-size: 19px; line-height: 24px; } } .td_block_23 .td-column-1 .td-post-author-name { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_23 .td-column-1 .td-post-author-name { display: none; } } .td_block_23 .td_module_wrap:last-child { padding-bottom: 0; } .td_block_23 .td_module_wrap:last-child .meta-info-container { border-bottom: none; } .td_block_23 .td-column-3 .entry-title { font-size: 34px; line-height: 44px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_23 .td-column-3 .entry-title { font-size: 22px; line-height: 28px; } } /* ---------------------------------------------------------------------------- Block 24 */ .td_block_24 { padding-bottom: 40px; } .td_block_24 .td_module_wrap:last-child { padding-bottom: 20px; margin-bottom: 0; border-bottom: none; } .td_block_24 .td-read-more { margin-bottom: 0; } .td_block_24 .td-column-3 .td-module-thumb { width: 534px; height: 350px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_24 .td-column-3 .td-module-thumb { width: 400px; height: 320px; } } @media (max-width: 767px) { .td_block_24 .td-column-3 .td-module-thumb { width: 100px; height: 120px; } } .td_block_24 .td-column-3 .td-module-thumb .entry-thumb { height: auto; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_24 .td-column-3 .td-module-thumb .entry-thumb { width: 100%; } } @media (max-width: 767px) { .td_block_24 .td-column-3 .td-module-thumb .entry-thumb { height: 100%; } } .td_block_24 .td-column-3 .td-item-details { min-height: 350px; margin-left: 564px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_24 .td-column-3 .td-item-details { min-height: 330px; margin-left: 430px; } } @media (max-width: 767px) { .td_block_24 .td-column-3 .td-item-details { min-height: 120px; margin-left: 115px; } } /* ---------------------------------------------------------------------------- Trending Now */ .td-trending-now-wrapper { padding: 0 42px; height: 25px; position: relative; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); overflow: hidden; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-trending-now-wrapper { padding: 0 30px; } } @media (max-width: 767px) { .td-trending-now-wrapper { padding: 0; text-align: center; height: auto; } } .td-trending-now-wrapper .td-next-prev-wrap { position: absolute; right: 42px; top: 0; margin-bottom: 0; z-index: 1; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-trending-now-wrapper .td-next-prev-wrap { right: 30px; } } @media (max-width: 767px) { .td-trending-now-wrapper .td-next-prev-wrap { display: none; } } .td-trending-now-wrapper:hover .td-trending-now-title { background-color: #4db2ec; } .td-trending-now-wrapper .td-trending-now-nav-right { padding-left: 2px; } .td-trending-now-title { background-color: #222222; font-family: 'Roboto', sans-serif; font-size: 12px; text-transform: uppercase; color: #fff; padding: 2px 10px; display: inline-block; line-height: 22px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; cursor: default; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ -o-user-select: none; user-select: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-trending-now-title { padding: 2px 10px 1px; } } @-moz-document url-prefix() { .td-trending-now-title { line-height: 21px; } } .td-trending-now-display-area { height: 25px; vertical-align: top; padding: 0 0 0 15px; display: inline-block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-trending-now-display-area { padding: 0; display: block; height: 26px; position: relative; top: 10px; } } .td-trending-now-display-area .entry-title { font-size: 15px; line-height: 25px; margin: 0; } .td-trending-now-display-area .td_module_trending_now .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-trending-now-display-area .td_module_trending_now .entry-title { font-size: 14px; line-height: 16px; } } .td-trending-now-post { opacity: 0; position: absolute; padding-right: 119px; height: 25px; overflow: hidden; /* responsive portrait tablet */ /* responsive portrait phone */ } .td-trending-now-post:first-child { opacity: 1; z-index: 1; } @media (min-width: 768px) and (max-width: 1018px) { .td-trending-now-post { padding-right: 107px; } } @media (max-width: 767px) { .td-trending-now-post { height: 20px; width: 100%; padding-right: 0; } } .td-trending-now-post:first-child { opacity: 1; } .td-next-prev-wrap .td-trending-now-nav-right { margin-right: 0; } .td-main-page-wrap > .td-container > .td-pb-row:first-child .td_block_trending_now { position: relative; margin-top: -24px; padding: 0 0 24px 0; z-index: 1; /* responsive portrait phone */ } @media (max-width: 767px) { .td-main-page-wrap > .td-container > .td-pb-row:first-child .td_block_trending_now { padding: 4px 0 12px 0; } } .td-main-page-wrap > .td-container > .td-pb-row:first-child > .td-trending-style2 { padding-bottom: 20px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-main-page-wrap > .td-container > .td-pb-row:first-child > .td-trending-style2 { padding: 4px 2px 12px; } } .td-trending-style2 { border: 1px solid #eaeaea; padding-top: 20px !important; padding-bottom: 20px; margin-bottom: 26px !important; } /* ---------------------------------------------------------------------------- Quote on Blocks */ .td_quote_on_blocks { font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 35px; font-weight: 400; font-style: italic; text-align: left; text-transform: uppercase; color: #4db2ec; margin-top: 10px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_quote_on_blocks { font-size: 22px; line-height: 28px; } } /* ---------------------------------------------------------------------------- Homepage Post */ .homepage-post .td-post-template-7 .td-post-header header .entry-title { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .homepage-post .td-post-template-7 .td-post-header header .entry-title { font-size: 36px; line-height: 46px; } } @media (max-width: 767px) { .homepage-post .td-post-template-7 .td-post-header header .entry-title { font-size: 26px; line-height: 32px; margin-bottom: 7px; } } .td-homepage-post .entry-title { margin-top: 0; } /* ---------------------------------------------------------------------------- Popular categories */ .td_block_popular_categories { padding-bottom: 0; } /* ---------------------------------------------------------------------------- Homepage post */ .td_block_homepage_full_1 { padding-bottom: 0; } /* ---------------------------------------------------------------------------- Text block with title */ .td_block_text_with_title { padding-bottom: 44px; } .td_block_text_with_title p:last-child { margin-bottom: 0; } /* ---------------------------------------------------------------------------- Custom menu blocks */ .td-menu-blocks-custom { margin-bottom: 30px; padding: 0 60px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-menu-blocks-custom { padding: 0; } } .td-menu-blocks-custom .widget { margin-bottom: 0; } .td-menu-blocks-custom ul { text-align: center; } .td-menu-blocks-custom ul li { display: inline-block; margin-bottom: 8px; margin-left: 0; margin-right: 7px; } .td-menu-blocks-custom ul li a { border: 1px solid #eaeaea; padding: 0 12px; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 31px; display: block; } .td-menu-blocks-custom ul li a:hover { background-color: #111; color: #fff; border-color: #111; } .td-menu-blocks-custom .current-menu-item a { border-color: #4db2ec; background-color: #4db2ec; color: #fff; } .td-menu-blocks-custom .current-menu-item a:hover { color: #fff; } .td-tab-blocks-custom { margin-bottom: 0 !important; } .td-tab-blocks-custom ul.wpb_tabs_nav { border-bottom: 0; } .td-tab-blocks-custom .wpb_text_column { margin-bottom: 21px; } .td-tab-blocks-custom.wpb_tabs li.ui-tabs-active a, .td-tab-blocks-custom.wpb_tabs li:hover a { border: 1px solid #111 !important; background-color: #111; } .td-tab-blocks-custom ul.wpb_tabs_nav { display: table; margin-left: auto; margin-right: auto; } .td-tab-blocks-custom ul.wpb_tabs_nav li { display: inline-block; margin-left: 0; margin-right: -1px; } .td-tab-blocks-custom ul.wpb_tabs_nav li a { border: 1px solid #eaeaea !important; padding: 5px 13px !important; font-size: 13px; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 18px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-tab-blocks-custom ul.wpb_tabs_nav li a { padding: 4px 7px 4px !important; } } .td-tab-blocks-custom ul.wpb_tabs_nav li a:hover { background-color: #111; color: #fff; border-color: #111; } /* Big grid styles */ .td-hover-1 .td-big-grid-wrapper .entry-thumb { transition-timing-function: ease !important; } /* Colored gradients */ .td-grid-style-2 .td-big-grid-post-0 .td-module-thumb a:last-child:before, .td-grid-style-3 .td-big-grid-post-0 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: #4db2ec; background: -moz-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #4db2ec), color-stop(100%, #4a8f5e)); background: -webkit-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -o-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -ms-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1); } .td-grid-style-2 .td-big-grid-post-1 .td-module-thumb a:last-child:before, .td-grid-style-3 .td-big-grid-post-1 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: #d17646; background: -moz-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #d17646), color-stop(100%, #c63939)); background: -webkit-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -o-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -ms-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: linear-gradient(45deg, #d17646 0%, #c63939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d17646', endColorstr='#c63939', GradientType=1); } .td-grid-style-2 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-3 .td-big-grid-post-2 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: #d760b7; background: -moz-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #d760b7), color-stop(100%, #3b78b4)); background: -webkit-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -o-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -ms-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: linear-gradient(135deg, #d760b7 0%, #3b78b4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1); } .td-grid-style-2 .td-big-grid-post-3 .td-module-thumb a:last-child:before, .td-grid-style-3 .td-big-grid-post-3 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: #54a3db; background: -moz-linear-gradient(45deg, #54a3db 0%, #4bcf77 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #54a3db), color-stop(100%, #4bcf77)); background: -webkit-linear-gradient(45deg, #54a3db 0%, #4bcf77 100%); background: -o-linear-gradient(45deg, #54a3db 0%, #4bcf77 100%); background: -ms-linear-gradient(45deg, #54a3db 0%, #4bcf77 100%); background: linear-gradient(45deg, #54a3db 0%, #4bcf77 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3db', endColorstr='#4bcf77', GradientType=1); } .td-grid-style-2 .td-big-grid-post-4 .td-module-thumb a:last-child:before, .td-grid-style-3 .td-big-grid-post-4 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: #f4d03f; background: -moz-linear-gradient(-45deg, #f4d03f 0%, #f27a35 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #f4d03f), color-stop(100%, #f27a35)); background: -webkit-linear-gradient(-45deg, #f4d03f 0%, #f27a35 100%); background: -o-linear-gradient(-45deg, #f4d03f 0%, #f27a35 100%); background: -ms-linear-gradient(-45deg, #f4d03f 0%, #f27a35 100%); background: linear-gradient(135deg, #f4d03f 0%, #f27a35 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4d03f', endColorstr='#f27a35', GradientType=1); } .td-grid-style-2 .td-big-grid-post-5 .td-module-thumb a:last-child:before, .td-grid-style-3 .td-big-grid-post-5 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: #d760b7; background: -moz-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #d760b7), color-stop(100%, #3b78b4)); background: -webkit-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -o-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -ms-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: linear-gradient(135deg, #d760b7 0%, #3b78b4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1); } .td-grid-style-2 .td-big-grid-post-6 .td-module-thumb a:last-child:before, .td-grid-style-3 .td-big-grid-post-6 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: #4db2ec; background: -moz-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #4db2ec), color-stop(100%, #4a8f5e)); background: -webkit-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -o-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -ms-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1); } .td-grid-style-2 .td-video-play-ico img, .td-grid-style-3 .td-video-play-ico img { opacity: 0.5; } /* Style 1 */ .td-grid-style-1 .td-meta-info-container { bottom: 0; } .td-grid-style-1 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 70%; width: 100%; position: absolute; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */ /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-1 .td-module-thumb a:last-child:before { height: 130% !important; } } .td-grid-style-1 .td-post-category { background-color: rgba(0, 0, 0, 0.7); } .td-grid-style-1 .td-big-thumb .td-big-grid-meta { width: 80%; margin: 0 0 0 20px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-1 .td-big-thumb .td-big-grid-meta { width: 90%; margin-left: 15px; } } .td-grid-style-1 .td-big-thumb .entry-title { font-size: 27px; font-weight: 500; line-height: 34px; } .td-grid-style-1 .td-big-thumb .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-1 .td-big-thumb .td-module-meta-info { margin-bottom: 18px; } } .td-grid-style-1 .td-medium-thumb .td-big-grid-meta { width: 80%; margin: 20px 0 14px 19px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-1 .td-medium-thumb .td-big-grid-meta { margin: 0 15px 11px; } } .td-grid-style-1 .td-medium-thumb .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; } .td-grid-style-1 .td-small-thumb .td-big-grid-meta { margin: 0 15px 11px; } .td-grid-style-1 .td-small-thumb .entry-title { margin-top: 2px; font-size: 16px; line-height: 21px; font-weight: 500; } .td-grid-style-1 .td-tiny-thumb .td-big-grid-meta { margin: 0 10px 10px 14px; } .td-grid-style-1 .td-tiny-thumb .entry-title { font-size: 15px; line-height: 17px; font-weight: 500; } .td-grid-style-1 .td-tiny-thumb .td-post-category { font-size: 9px; font-weight: 600; padding: 3px 5px; line-height: 1; } .td-grid-style-1.td-hover-1 .td-module-thumb .entry-thumb { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; } .td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .td-grid-style-1.td-hover-1 .td-post-category { -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg); } .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:before { background-color: rgba(0, 0, 0, 0.1); } .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category { background-color: #4db2ec; } .td-grid-style-1 .td-video-play-ico img { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-1 .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } } /* Style 2 */ .td-grid-style-2 .td-meta-info-container { bottom: 0; } .td-grid-style-2 .td-module-thumb a:last-child:before { -webkit-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5); opacity: 0.6; } .td-grid-style-2 .td-post-category { background-color: rgba(0, 0, 0, 0.2); } .td-grid-style-2 .td-big-grid-post.td-big-thumb .td-big-grid-meta { font-size: 34px; } .td-grid-style-2 .td-big-thumb .td-meta-info-container { position: static; top: 0; bottom: auto; } .td-grid-style-2 .td-big-thumb .td-big-grid-meta { width: 80%; margin: 20px 0 20px 20px; top: 0; position: absolute; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-2 .td-big-thumb .td-big-grid-meta { width: 90%; margin-left: 15px; } } .td-grid-style-2 .td-big-thumb .td-module-meta-info { position: absolute; bottom: 0; } .td-grid-style-2 .td-big-thumb .entry-title { font-size: 34px; line-height: 41px; /* responsive */ } @media (max-width: 1140px) { .td-grid-style-2 .td-big-thumb .entry-title { font-weight: 500; } } .td-grid-style-2 .td-big-thumb.td-big-grid-post-1 .td-big-grid-meta { top: auto; bottom: -6px; } .td-grid-style-2 .td-big-thumb.td-big-grid-post-1 .td-module-meta-info { bottom: auto; right: 22px; top: 5px; } .td-grid-style-2 .td-medium-thumb .td-meta-info-container { top: 0; bottom: auto; } .td-grid-style-2 .td-medium-thumb .td-big-grid-meta { width: 80%; margin: 20px 0 14px 19px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-2 .td-medium-thumb .td-big-grid-meta { margin: 16px 15px 11px; } } .td-grid-style-2 .td-medium-thumb .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; } .td-grid-style-2 .td-small-thumb .td-meta-info-container { bottom: auto; top: 0; margin-top: 16px; } .td-grid-style-2 .td-small-thumb .td-big-grid-meta { margin: 0 15px 11px; } .td-grid-style-2 .td-small-thumb .entry-title { margin-top: 2px; font-size: 17px; line-height: 21px; font-weight: 500; } .td-grid-style-2 .td-tiny-thumb .td-meta-info-container { top: 0; bottom: auto; } .td-grid-style-2 .td-tiny-thumb .td-big-grid-meta { margin: 14px 10px 10px 14px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-2 .td-tiny-thumb .td-big-grid-meta { margin: 10px; } } .td-grid-style-2 .td-tiny-thumb .entry-title { font-size: 15px; line-height: 17px; font-weight: 500; } .td-grid-style-2 .td-tiny-thumb .td-post-category { font-size: 9px; font-weight: 600; padding: 3px 5px; line-height: 1; } .td-grid-style-2.td-hover-1 .td-module-thumb .entry-thumb { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; } .td-grid-style-2.td-hover-1 .td-post-category { -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .td-grid-style-2.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg); } .td-grid-style-2.td-hover-1 .td-big-grid-post:hover .td-post-category { background-color: rgba(0, 0, 0, 0.5); } /* Style 3 */ .td-grid-style-3 .td-meta-info-container { bottom: 0; } .td-grid-style-3 .td-module-thumb a:last-child:before { opacity: 0.8; } .td-grid-style-3 .td-post-category { background-color: rgba(0, 0, 0, 0.2); } .td-grid-style-3 .td-big-grid-post.td-big-thumb .td-big-grid-meta { font-size: 34px; } .td-grid-style-3 .td-big-thumb .td-meta-info-container { position: static; top: 0; bottom: auto; } .td-grid-style-3 .td-big-thumb .td-big-grid-meta { width: 80%; margin: 20px 0 20px 20px; top: 0; position: absolute; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-3 .td-big-thumb .td-big-grid-meta { width: 90%; margin-left: 15px; } } .td-grid-style-3 .td-big-thumb .td-module-meta-info { position: absolute; bottom: 0; } .td-grid-style-3 .td-big-thumb .entry-title { font-size: 34px; line-height: 41px; /* responsive */ } @media (max-width: 1140px) { .td-grid-style-3 .td-big-thumb .entry-title { font-weight: 500; } } .td-grid-style-3 .td-big-thumb .entry-title a { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .td-grid-style-3 .td-big-thumb.td-big-grid-post-1 .td-big-grid-meta { top: auto; bottom: -6px; } .td-grid-style-3 .td-big-thumb.td-big-grid-post-1 .td-module-meta-info { bottom: auto; right: 22px; top: 5px; } .td-grid-style-3 .td-medium-thumb .td-big-grid-meta { width: 80%; margin: 20px 0 14px 19px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-3 .td-medium-thumb .td-big-grid-meta { margin: 0 15px 11px; } } .td-grid-style-3 .td-medium-thumb .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; } .td-grid-style-3 .td-medium-thumb .entry-title a { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .td-grid-style-3 .td-small-thumb .td-big-grid-meta { margin: 0 15px 11px; } .td-grid-style-3 .td-small-thumb .entry-title { margin-top: 2px; font-size: 17px; line-height: 21px; font-weight: 500; } .td-grid-style-3 .td-small-thumb .entry-title a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .td-grid-style-3 .td-tiny-thumb .td-big-grid-meta { margin: 0 10px 10px 14px; } .td-grid-style-3 .td-tiny-thumb .entry-title { font-size: 15px; line-height: 17px; font-weight: 500; } .td-grid-style-3 .td-tiny-thumb .entry-title a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .td-grid-style-3 .td-tiny-thumb .td-post-category { font-size: 9px; font-weight: 600; padding: 3px 5px; line-height: 1; } .td-grid-style-3.td-hover-1 .td-module-thumb .entry-thumb { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; } .td-grid-style-3.td-hover-1 .td-post-category { -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .td-grid-style-3.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg); } .td-grid-style-3.td-hover-1 .td-big-grid-post:hover .td-post-category { background-color: rgba(0, 0, 0, 0.5); } /* Style 4 */ .td-grid-style-4 .td-meta-info-container { bottom: 0; z-index: 1; } .td-grid-style-4 .td-post-category { background-color: rgba(0, 0, 0, 0.4); } .td-grid-style-4 .entry-title { background-color: #4db2ec; background-color: rgba(77, 178, 236, 0.7); } .td-grid-style-4 .entry-title a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .td-grid-style-4 .td-module-meta-info { margin: 0; padding: 5px 7px 6px; background-color: rgba(0, 0, 0, 0.4); display: table; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-4 .td-module-meta-info { display: none; } } .td-grid-style-4 .td-big-thumb .td-meta-info-container { width: 80%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-4 .td-big-thumb .td-meta-info-container { width: 100%; } } .td-grid-style-4 .td-big-thumb .td-post-category { margin-bottom: 0; display: table; } .td-grid-style-4 .td-big-thumb .td-module-meta-info { margin: 0; } .td-grid-style-4 .td-big-thumb .entry-title { font-size: 28px; line-height: 35px; font-weight: 500; padding: 3px 8px 6px; } .td-grid-style-4 .td-medium-thumb .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; padding: 4px 11px 6px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-4 .td-medium-thumb .entry-title { padding: 5px 7px 6px; } } .td-grid-style-4 .td-medium-thumb .td-post-category { margin-bottom: 0; display: table; } .td-grid-style-4 .td-small-thumb .td-post-category { margin-bottom: 0; display: table; } .td-grid-style-4 .td-small-thumb .td-module-meta-info { margin: 0; } .td-grid-style-4 .td-small-thumb .entry-title { font-size: 16px; line-height: 21px; font-weight: 500; padding: 5px 7px 6px; } .td-grid-style-4 .td-tiny-thumb .td-big-grid-meta { margin: 0 10px 10px 14px; } .td-grid-style-4 .td-tiny-thumb .entry-title { font-size: 15px; line-height: 17px; font-weight: 500; padding: 5px 7px 6px; margin-right: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-4 .td-tiny-thumb .entry-title { margin-right: 0; } } .td-grid-style-4 .td-tiny-thumb .td-post-category { font-size: 9px; font-weight: 600; padding: 3px 5px; line-height: 1; margin-bottom: 0; display: table; } .td-grid-style-4 .td-tiny-thumb .td-big-grid-meta { margin: 0; } .td-grid-style-4.td-hover-1 .td-module-thumb .entry-thumb { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; } .td-grid-style-4.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg); } /* Style 5 */ .td-grid-style-5 .td-meta-info-container { top: 0; bottom: 0; text-align: center; margin: 0; font-size: 0; width: 100%; } .td-grid-style-5 .td-meta-info-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .td-grid-style-5 .td-big-grid-post.td-big-thumb .td-big-grid-meta { font-size: 34px; } .td-grid-style-5 .td-meta-align { display: inline-block; vertical-align: middle; } .td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td-grid-style-5 .td-module-thumb a:last-child:before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.6); z-index: 1; } .td-grid-style-5 .td-post-category { background-color: rgba(0, 0, 0, 0.7); margin-top: 0; } .td-grid-style-5 .td-big-thumb .td-meta-info-container { padding: 0 30px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-5 .td-big-thumb .td-meta-info-container { padding: 0 15px; } } .td-grid-style-5 .td-big-thumb .entry-title { font-size: 28px; line-height: 36px; /* responsive */ } @media (max-width: 1140px) { .td-grid-style-5 .td-big-thumb .entry-title { font-weight: 500; } } .td-grid-style-5 .td-medium-thumb .td-meta-info-container { padding: 0 25px; } .td-grid-style-5 .td-medium-thumb .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; } .td-grid-style-5 .td-small-thumb .td-meta-info-container { padding: 0 15px; } .td-grid-style-5 .td-small-thumb .entry-title { margin-top: 2px; font-size: 16px; line-height: 21px; font-weight: 500; } .td-grid-style-5 .td-tiny-thumb .td-big-grid-meta { padding: 0 10px; } .td-grid-style-5 .td-tiny-thumb .entry-title { font-size: 15px; line-height: 17px; font-weight: 500; } .td-grid-style-5 .td-tiny-thumb .entry-title a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .td-grid-style-5 .td-tiny-thumb .td-post-category { font-size: 9px; font-weight: 600; padding: 3px 5px; line-height: 1; } .td-grid-style-5 .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } .td-grid-style-5.td-hover-1 .td-module-thumb a:last-child:before { -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; } .td-grid-style-5.td-hover-1 .td-module-thumb .entry-thumb { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; } .td-grid-style-5.td-hover-1 .td-post-category { background-color: rgba(0, 0, 0, 0.7); -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:before { box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.75); } .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg); } .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category { background-color: #4db2ec; } /* Style 6 */ .td-grid-style-6 .td-meta-info-container { top: 0; bottom: 0; text-align: center; margin: 0; font-size: 0; width: 100%; } .td-grid-style-6 .td-meta-info-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .td-grid-style-6 .td-big-grid-meta { position: relative; text-align: center; padding: 0 10%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-6 .td-big-grid-meta { padding: 0 4%; } } .td-grid-style-6 .td-big-grid-post .td-big-grid-meta .entry-title { display: inline-block; width: 100%; font-weight: 300; margin-bottom: 0 !important; } .td-grid-style-6 .td-big-grid-post .entry-title { text-transform: uppercase; } .td-grid-style-6 .td-big-grid-post.td-big-thumb .td-big-grid-meta { font-size: 34px; } .td-grid-style-6 .td-big-grid-wrapper .td-big-grid-post .td-big-grid-meta { margin: 0; } .td-grid-style-6 .td-meta-align { display: inline-block; vertical-align: middle; } .td-grid-style-6 .td-big-grid-post .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td-grid-style-6 .td-module-thumb a:last-child:before { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; background-color: #000; opacity: 0.7; top: 0; } .td-grid-style-6 .td-post-category { -webkit-transition: background-color 0.35s ease 0s, color 0.35s ease 0s; -moz-transition: background-color 0.35s ease 0s, color 0.35s ease 0s; -o-transition: background-color 0.35s ease 0s, color 0.35s ease 0s; transition: background-color 0.35s ease 0s, color 0.35s ease 0s; } .td-grid-style-6 .td-post-category:hover { background-color: #fff; color: #000; } .td-grid-style-6 .td-big-grid-post .td-post-category { font-size: 10px; padding: 2px 6px; line-height: 13px; margin-bottom: 10px; } .td-grid-style-6 .td-video-play-ico { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-6 .td-video-play-ico { display: none; } } .td-grid-style-6 .td-video-play-ico img { top: 10px !important; bottom: auto; left: auto; right: 10px; width: 30px; } .td-grid-style-6 .td-big-thumb .entry-title { font-size: 37px; line-height: 45px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-6 .td-big-thumb .entry-title { font-size: 22px !important; line-height: 26px !important; } } @media (max-width: 767px) { .td-grid-style-6 .td-big-thumb .entry-title { font-size: 26px !important; line-height: 28px !important; } } .td-grid-style-6 .td-medium-thumb .entry-title { font-size: 24px; line-height: 28px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-6 .td-medium-thumb .entry-title { font-size: 18px !important; line-height: 21px !important; } } @media (max-width: 767px) { .td-grid-style-6 .td-medium-thumb .entry-title { font-size: 20px !important; line-height: 24px !important; } } .td-grid-style-6 .td-small-thumb .entry-title { font-size: 18px; line-height: 22px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-6 .td-small-thumb .entry-title { font-size: 13px !important; line-height: 15px !important; } } .td-grid-style-6 .td-small-thumb .td-module-comments { display: none; } .td-grid-style-6 .td-tiny-thumb .entry-title { font-size: 14px; line-height: 18px; font-weight: 400; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-6 .td-tiny-thumb .entry-title { font-size: 13px !important; line-height: 16px !important; } } @media (max-width: 767px) { .td-grid-style-6 .td-tiny-thumb .entry-title { font-size: 11px !important; line-height: 13px !important; margin: 5px 0; } } .td-grid-style-6 .td-tiny-thumb .td-post-category, .td-grid-style-6 .td-tiny-thumb .td-module-comments { display: none; } .td-grid-style-6 .td-tiny-thumb .td-module-meta-info { /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-grid-style-6 .td-tiny-thumb .td-module-meta-info { display: none; } } .td-grid-style-6 .td-big-grid-scroll .td-big-grid-post .td-meta-info-container .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-6 .td-big-grid-scroll .td-big-grid-post .td-meta-info-container .entry-title { font-size: 16px !important; line-height: 21px !important; } } .td-grid-style-6.td-hover-1 { /* responsive desktop - disable all effects on devices */ } @media (min-width: 1025px) { .td-grid-style-6.td-hover-1 .entry-thumb { -webkit-transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .td-grid-style-6.td-hover-1 .td-module-thumb:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; background-color: #4db2ec; opacity: 0; top: 0; left: 0; pointer-events: none; -webkit-transition: opacity 0.4s ease 0.2s; -moz-transition: opacity 0.4s ease 0.2s; -o-transition: opacity 0.4s ease 0.2s; transition: opacity 0.4s ease 0.2s; } .td-grid-style-6.td-hover-1 .td-module-thumb a:last-child:after { position: absolute; top: 0; left: 0; width: 160%; height: 100%; background: rgba(255, 255, 255, 0.2); content: ''; z-index: 1; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0); } .td-grid-style-6.td-hover-1 .td-module-comments { -webkit-transition: opacity 0.6s ease 0s; -moz-transition: opacity 0.6s ease 0s; -o-transition: opacity 0.6s ease 0s; transition: opacity 0.6s ease 0s; opacity: 0; } .td-grid-style-6.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .td-grid-style-6.td-hover-1 .td-big-grid-post:hover .td-module-comments { opacity: 1; } .td-grid-style-6.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:after { -webkit-transition: transform 0.7s ease 0s; -moz-transition: transform 0.7s ease 0s; -o-transition: transform 0.7s ease 0s; transition: transform 0.7s ease 0s; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0); -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0); -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 146%, 0); } .td-grid-style-6.td-hover-1 .td-big-grid-post:hover .td-module-thumb:after { opacity: 0.3; } } /* Style 7 */ .td-grid-style-7 .td-video-play-ico img { top: auto; left: auto; width: 30px; right: 10px; bottom: 10px; } .td-grid-style-7 .td-big-grid-post .entry-title a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .td-grid-style-7 .td-big-grid-post .td-post-category { background-color: transparent; padding: 0 !important; position: absolute; bottom: 17px; text-transform: none; margin: 0 !important; font-size: 12px !important; line-height: 14px !important; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-grid-style-7 .td-big-grid-post .td-post-category { bottom: 10px; } } .td-grid-style-7 .td-big-grid-post .td-post-category:hover { background-color: transparent; } .td-grid-style-7 .td-module-meta-info { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-module-meta-info { margin-left: 17px !important; } } @media (max-width: 767px) { .td-grid-style-7 .td-module-meta-info { margin-left: 14px !important; } } .td-grid-style-7 .td-meta-info-container { top: 0; height: 100%; } .td-grid-style-7 .td-big-grid-post .td-big-grid-meta { padding-bottom: 0 !important; } .td-grid-style-7 .td-big-grid-scroll .td-big-grid-post .td-meta-align .td-big-grid-meta { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7 .td-big-grid-scroll .td-big-grid-post .td-meta-align .td-big-grid-meta { padding: 10px 14px; } } .td-grid-style-7 .td-big-grid-scroll .td-big-grid-post .td-meta-align .td-big-grid-meta .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7 .td-big-grid-scroll .td-big-grid-post .td-meta-align .td-big-grid-meta .entry-title { font-size: 19px !important; line-height: 23px !important; } } .td-grid-style-7 .td-big-thumb .td-big-grid-meta { padding: 20px 26px 14px 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-big-thumb .td-big-grid-meta { padding: 12px 17px 11px; } } @media (max-width: 767px) { .td-grid-style-7 .td-big-thumb .td-big-grid-meta { padding: 14px; } } .td-grid-style-7 .td-big-thumb .entry-title { font-size: 30px; line-height: 36px; font-weight: 700; margin-bottom: 7px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-big-thumb .entry-title { font-size: 24px !important; line-height: 28px !important; } } @media (max-width: 767px) { .td-grid-style-7 .td-big-thumb .entry-title { font-size: 26px !important; line-height: 30px !important; margin-bottom: 5px; } } .td-grid-style-7 .td-medium-thumb .td-big-grid-meta { padding: 20px 26px 14px 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-medium-thumb .td-big-grid-meta { padding: 12px 20px 11px 17px; } } @media (max-width: 767px) { .td-grid-style-7 .td-medium-thumb .td-big-grid-meta { padding: 12px 14px 10px; } } .td-grid-style-7 .td-medium-thumb .entry-title { font-size: 26px; line-height: 32px; font-weight: 700; margin-bottom: 7px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-medium-thumb .entry-title { font-size: 16px !important; line-height: 20px !important; margin-bottom: 5px; } } @media (max-width: 767px) { .td-grid-style-7 .td-medium-thumb .entry-title { font-size: 20px !important; line-height: 26px !important; margin-bottom: 5px; } } .td-grid-style-7 .td-small-thumb .td-big-grid-meta { padding: 14px 20px 10px; margin: 0 !important; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-small-thumb .td-big-grid-meta { padding: 12px 17px 5px; } } @media (max-width: 767px) { .td-grid-style-7 .td-small-thumb .td-big-grid-meta { padding: 10px 14px; } } .td-grid-style-7 .td-small-thumb .td-module-meta-info { /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-grid-style-7 .td-small-thumb .td-module-meta-info { display: none; } } .td-grid-style-7 .td-small-thumb .entry-title { font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 6px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-grid-style-7 .td-small-thumb .entry-title { font-size: 18px !important; line-height: 24px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-small-thumb .entry-title { font-size: 14px !important; line-height: 18px !important; } } @media (max-width: 767px) { .td-grid-style-7 .td-small-thumb .entry-title { font-size: 19px !important; line-height: 23px !important; } } .td-grid-style-7 .td-small-thumb .td-post-category { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-small-thumb .td-post-category { display: inline; } } .td-grid-style-7 .td-small-thumb .td-module-comments { display: none; } .td-grid-style-7 .td-tiny-thumb .td-big-grid-meta { padding: 4px 16px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-tiny-thumb .td-big-grid-meta { padding: 4px 14px; } } @media (max-width: 767px) { .td-grid-style-7 .td-tiny-thumb .td-big-grid-meta { padding: 2px 10px 0; } } .td-grid-style-7 .td-tiny-thumb .entry-title { font-size: 16px; line-height: 21px; font-weight: 600; margin-top: 6px; margin-bottom: 7px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-7 .td-tiny-thumb .entry-title { font-size: 12px !important; line-height: 13px !important; } } @media (max-width: 767px) { .td-grid-style-7 .td-tiny-thumb .entry-title { font-size: 12px !important; line-height: 15px !important; } } .td-grid-style-7 .td-tiny-thumb .td-module-meta-info, .td-grid-style-7 .td-tiny-thumb .td-module-comments { display: none; } .td-grid-style-7 .td-module-thumb a:last-child:before, .td-grid-style-7 .td-big-grid-post .td-module-thumb a:last-child:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; } .td-grid-style-7 .td-module-thumb a:last-child:after { -webkit-box-shadow: inset 0 0 16px 4px #000000; -moz-box-shadow: inset 0 0 16px 4px #000000; box-shadow: inset 0 0 16px 4px #000000; opacity: 0.15; } .td-grid-style-7 .td-big-grid-post-0 .td-module-thumb a:last-child:before { opacity: 0.6; background: #410cbc; background: -moz-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #410cbc), color-stop(100%, #ff6f31)); background: -webkit-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%); background: -o-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%); background: -ms-linear-gradient(20deg, #410cbc 0%, #ff6f31 100%); background: linear-gradient(20deg, #410cbc 0%, #ff6f31 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#410cbc', endColorstr='#ff6f31', GradientType=1); } .td-grid-style-7 .td-big-grid-post-1 .td-module-thumb a:last-child:before { opacity: 0.6; background: #f4880d; background: -moz-linear-gradient(20deg, #f4880d 0%, #70ff99 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #f4880d), color-stop(100%, #70ff99)); background: -webkit-linear-gradient(20deg, #f4880d 0%, #70ff99 100%); background: -o-linear-gradient(20deg, #f4880d 0%, #70ff99 100%); background: -ms-linear-gradient(20deg, #f4880d 0%, #70ff99 100%); background: linear-gradient(20deg, #f4880d 0%, #70ff99 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4880d', endColorstr='#70ff99', GradientType=1); } .td-grid-style-7 .td-big-grid-post-2 .td-module-thumb a:last-child:before { opacity: 0.6; background: #c40f79; background: -moz-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #c40f79), color-stop(100%, #7ebfff)); background: -webkit-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%); background: -o-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%); background: -ms-linear-gradient(20deg, #c40f79 0%, #7ebfff 100%); background: linear-gradient(20deg, #c40f79 0%, #7ebfff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40f79', endColorstr='#7ebfff', GradientType=1); } .td-grid-style-7.td_block_big_grid_3 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7.td_block_big_grid_4 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7.td_block_big_grid_5 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7.td_block_big_grid_10 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7.td_block_big_grid_12 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td-grid-style-7 .td-big-grid-post-3 .td-module-thumb a:last-child:before { opacity: 0.6; background: #0016be; background: -moz-linear-gradient(20deg, #0016be 0%, #2aec74 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #0016be), color-stop(100%, #2aec74)); background: -webkit-linear-gradient(20deg, #0016be 0%, #2aec74 100%); background: -o-linear-gradient(20deg, #0016be 0%, #2aec74 100%); background: -ms-linear-gradient(20deg, #0016be 0%, #2aec74 100%); background: linear-gradient(20deg, #0016be 0%, #2aec74 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0016be', endColorstr='#2aec74', GradientType=1); } .td-grid-style-7.td_block_big_grid_3 .td-big-grid-post-3 .td-module-thumb a:last-child:before, .td-grid-style-7 .td-big-grid-post-4 .td-module-thumb a:last-child:before { opacity: 0.6; background: #023c8c; background: -moz-linear-gradient(20deg, #023c8c 0%, #ff86d3 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #023c8c), color-stop(100%, #ff86d3)); background: -webkit-linear-gradient(20deg, #023c8c 0%, #ff86d3 100%); background: -o-linear-gradient(20deg, #023c8c 0%, #ff86d3 100%); background: -ms-linear-gradient(20deg, #023c8c 0%, #ff86d3 100%); background: linear-gradient(20deg, #023c8c 0%, #ff86d3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#023c8c', endColorstr='#ff86d3', GradientType=1); } .td-grid-style-7.td_block_big_grid_1 .td-big-grid-post-4 .td-module-thumb a:last-child:before, .td-grid-style-7 .td-big-grid-post-5 .td-module-thumb a:last-child:before { opacity: 0.6; background: #00ac81; background: -moz-linear-gradient(20deg, #00ac81 0%, #ff778e 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #00ac81), color-stop(100%, #ff778e)); background: -webkit-linear-gradient(20deg, #00ac81 0%, #ff778e 100%); background: -o-linear-gradient(20deg, #00ac81 0%, #ff778e 100%); background: -ms-linear-gradient(20deg, #00ac81 0%, #ff778e 100%); background: linear-gradient(20deg, #00ac81 0%, #ff778e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ac81', endColorstr='#ff778e', GradientType=1); } .td-grid-style-7 .td-big-grid-post-6 .td-module-thumb a:last-child:before { opacity: 0.6; background: #007808; background: -moz-linear-gradient(20deg, #007808 0%, #fff940 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #007808), color-stop(100%, #fff940)); background: -webkit-linear-gradient(20deg, #007808 0%, #fff940 100%); background: -o-linear-gradient(20deg, #007808 0%, #fff940 100%); background: -ms-linear-gradient(20deg, #007808 0%, #fff940 100%); background: linear-gradient(20deg, #007808 0%, #fff940 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007808', endColorstr='#fff940', GradientType=1); } .td-grid-style-7.td-hover-1 { /* responsive desktop - disable all effects on devices */ } @media (min-width: 1025px) { .td-grid-style-7.td-hover-1 .entry-thumb { -webkit-transition: transform 0.35s ease 0s; -moz-transition: transform 0.35s ease 0s; -o-transition: transform 0.35s ease 0s; transition: transform 0.35s ease 0s; } .td-grid-style-7.td-hover-1 .td-big-grid-post:hover .entry-thumb { transform: scale3d(1.05, 1.05, 1); -webkit-transform: scale3d(1.05, 1.05, 1); -moz-transform: scale3d(1.05, 1.05, 1) rotate(0.02deg); } } .td-grid-style-7.td_block_big_grid_12 .td-big-grid-post-1 .entry-title, .td-grid-style-7.td_block_big_grid_12 .td-big-grid-post-2 .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7.td_block_big_grid_12 .td-big-grid-post-1 .entry-title, .td-grid-style-7.td_block_big_grid_12 .td-big-grid-post-2 .entry-title { font-size: 17px !important; line-height: 21px !important; } } .td-grid-style-7.td_block_big_grid_12 .td-big-grid-post-2 .td-meta-align { margin-top: 11px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7.td_block_big_grid_12 .td-big-grid-post-2 .td-meta-align { margin-top: 0; } } .td-grid-style-7.td_block_big_grid_9 .td-big-grid-post .entry-title, .td-grid-style-7.td_block_big_grid_10 .td-big-grid-post .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7.td_block_big_grid_9 .td-big-grid-post .entry-title, .td-grid-style-7.td_block_big_grid_10 .td-big-grid-post .entry-title { font-size: 19px !important; line-height: 23px !important; } } .td-grid-style-7.td_block_big_grid_11 .td-big-grid-post .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7.td_block_big_grid_11 .td-big-grid-post .entry-title { font-size: 17px !important; line-height: 21px !important; } } .td-grid-style-7.td_block_big_grid_5 .td-big-grid-meta { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-7.td_block_big_grid_5 .td-big-grid-meta { padding-top: 14px; } } /* General big grids */ .td-big-grid-post { position: relative; overflow: hidden; /* font responsive */ } .td-big-grid-post .entry-review-stars { color: #fff; margin-top: -5px; } .td-big-grid-post .td-post-category { font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 500; text-transform: uppercase; display: inline-block; margin: 0 0 5px 0; padding: 3px 7px; line-height: 13px; pointer-events: auto; } .td-big-grid-post .td-meta-info-container { position: absolute; pointer-events: none; z-index: 1; width: 100%; } .td-big-grid-post .td-meta-align { pointer-events: none; } .td-big-grid-post .td-post-author-name a, .td-big-grid-post .td-post-author-name span, .td-big-grid-post .td-post-date { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .td-big-grid-post .entry-title { margin: 0; } .td-big-grid-post .entry-title a { color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .td-big-grid-post .td-module-meta-info { margin: 11px 0 20px 20px; min-height: 0; z-index: 1; /* responsive portrait phone */ } @media (max-width: 767px) { .td-big-grid-post .td-module-meta-info { margin-left: 17px; } } .td-big-grid-post .td-post-author-name { pointer-events: auto; } .td-big-grid-post .td-big-grid-meta { z-index: 1; } .td-big-grid-post .td-video-play-ico img { /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-big-grid-post .td-video-play-ico img { width: 30px !important; } } .td-big-grid-post.td-big-thumb .td-big-grid-meta { font-size: 27px; } .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { /* responsive */ /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1140px) { .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { line-height: 1.3; } } @media (min-width: 1019px) and (max-width: 1140px) { .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { font-size: 80%; } } @media (min-width: 768px) and (max-width: 1018px) { .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { font-size: 16px; } } @media (max-width: 767px) { .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { font-size: 22px; } } .td-big-grid-post.td-medium-thumb .td-big-grid-meta { font-size: 24px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-big-grid-post.td-medium-thumb .td-big-grid-meta { font-size: 16px; } } .td-big-grid-post.td-medium-thumb .td-big-grid-meta .entry-title { /* responsive */ /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1140px) { .td-big-grid-post.td-medium-thumb .td-big-grid-meta .entry-title { line-height: 1.3; } } @media (min-width: 1019px) and (max-width: 1140px) { .td-big-grid-post.td-medium-thumb .td-big-grid-meta .entry-title { font-size: 85%; } } @media (min-width: 768px) and (max-width: 1018px) { .td-big-grid-post.td-medium-thumb .td-big-grid-meta .entry-title { font-size: 65%; } } @media (max-width: 767px) { .td-big-grid-post.td-medium-thumb .td-big-grid-meta .entry-title { font-size: 16px; line-height: 21px; } } .td-big-grid-post.td-small-thumb .td-big-grid-meta { font-size: 16px; } .td-big-grid-post.td-small-thumb .td-big-grid-meta .entry-title { /* responsive */ /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1140px) { .td-big-grid-post.td-small-thumb .td-big-grid-meta .entry-title { line-height: 1.4; } } @media (min-width: 1019px) and (max-width: 1140px) { .td-big-grid-post.td-small-thumb .td-big-grid-meta .entry-title { font-size: 90%; } } @media (min-width: 768px) and (max-width: 1018px) { .td-big-grid-post.td-small-thumb .td-big-grid-meta .entry-title { font-size: 80%; } } @media (max-width: 767px) { .td-big-grid-post.td-small-thumb .td-big-grid-meta .entry-title { font-size: 16px; line-height: 21px; } } .td-big-grid-post.td-tiny-thumb .td-big-grid-meta { font-size: 15px; } .td-big-grid-post.td-tiny-thumb .td-big-grid-meta .entry-title { /* responsive */ /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1140px) { .td-big-grid-post.td-tiny-thumb .td-big-grid-meta .entry-title { line-height: 1.4; } } @media (min-width: 1019px) and (max-width: 1140px) { .td-big-grid-post.td-tiny-thumb .td-big-grid-meta .entry-title { font-size: 90%; } } @media (min-width: 768px) and (max-width: 1018px) { .td-big-grid-post.td-tiny-thumb .td-big-grid-meta .entry-title { font-size: 70%; } } @media (max-width: 767px) { .td-big-grid-post.td-tiny-thumb .td-big-grid-meta .entry-title { font-size: 16px; line-height: 21px; } } .td-big-grid-post .td-module-thumb { overflow: hidden; margin: 0; } .td-big-grid-post .td-module-thumb img { max-width: none; } .td-big-grid-post .entry-thumb { /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-big-grid-post .entry-thumb { width: 100%; } } @media (min-width: 768px) and (max-width: 1018px) { .td-big-grid-post .entry-thumb { width: 100%; } } @media (max-width: 767px) { .td-big-grid-post .entry-thumb { width: 100%; } } .td-big-grid-post .td-module-thumb { background-color: #e5e5e5; } .td-big-grid-post .td-post-author-name, .td-big-grid-post .td-post-date { top: 0; } .td-big-grid-post .td-video-play-ico img { z-index: 1; } .td_block_big_grid_8 .td-big-grid-scroll .td-big-grid-post .td-big-grid-meta .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-big-grid-scroll .td-big-grid-post .td-big-grid-meta .entry-title { font-size: 16px !important; line-height: 21px !important; } } .td_block_big_grid_8 .td-big-grid-post-0.td-big-grid-post .td-big-grid-meta .entry-title, .td_block_big_grid_8 .td-big-grid-post-1.td-big-grid-post .td-big-grid-meta .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-big-grid-post-0.td-big-grid-post .td-big-grid-meta .entry-title, .td_block_big_grid_8 .td-big-grid-post-1.td-big-grid-post .td-big-grid-meta .entry-title { font-size: 24px !important; line-height: 30px !important; } } .td-grid-style-2 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title, .td-grid-style-3 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-2 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title, .td-grid-style-3 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { font-size: 70%; } } .td-grid-style-5 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-5 .td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title { font-size: 60%; } } .td_block_big_grid_1, .td_block_big_grid_2, .td_block_big_grid_3, .td_block_big_grid_4, .td_block_big_grid_5, .td_block_big_grid_6, .td_block_big_grid_7, .td_block_big_grid_8, .td_block_big_grid_9, .td_block_big_grid_10, .td_block_big_grid_11, .td_block_big_grid_12 { padding-bottom: 48px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_1, .td_block_big_grid_2, .td_block_big_grid_3, .td_block_big_grid_4, .td_block_big_grid_5, .td_block_big_grid_6, .td_block_big_grid_7, .td_block_big_grid_8, .td_block_big_grid_9, .td_block_big_grid_10, .td_block_big_grid_11, .td_block_big_grid_12 { margin-left: -10px; margin-right: -10px; } } .vc_tta-tabs .td_block_big_grid_1, .vc_tta-tabs .td_block_big_grid_2, .vc_tta-tabs .td_block_big_grid_3, .vc_tta-tabs .td_block_big_grid_4, .vc_tta-tabs .td_block_big_grid_5, .vc_tta-tabs .td_block_big_grid_6, .vc_tta-tabs .td_block_big_grid_7, .vc_tta-tabs .td_block_big_grid_8, .vc_tta-tabs .td_block_big_grid_9, .vc_tta-tabs .td_block_big_grid_10, .vc_tta-tabs .td_block_big_grid_11, .vc_tta-tabs .td_block_big_grid_12 { /* responsive portrait phone */ } @media (max-width: 767px) { .vc_tta-tabs .td_block_big_grid_1, .vc_tta-tabs .td_block_big_grid_2, .vc_tta-tabs .td_block_big_grid_3, .vc_tta-tabs .td_block_big_grid_4, .vc_tta-tabs .td_block_big_grid_5, .vc_tta-tabs .td_block_big_grid_6, .vc_tta-tabs .td_block_big_grid_7, .vc_tta-tabs .td_block_big_grid_8, .vc_tta-tabs .td_block_big_grid_9, .vc_tta-tabs .td_block_big_grid_10, .vc_tta-tabs .td_block_big_grid_11, .vc_tta-tabs .td_block_big_grid_12 { margin-left: 0; margin-right: 0; } } .iosSlider.td_block_wrap { margin-bottom: 34px !important; } /* scroll bar */ .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll { overflow-x: auto; white-space: nowrap; font-size: 0; overflow-y: hidden; padding-top: 3px; z-index: 0; -webkit-overflow-scrolling: touch; transform: translate3d(0, 0, 0); } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post { margin-left: 3px; margin-right: 0; margin-bottom: 0; } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post:first-child { margin-left: 0; } } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-module-thumb { width: 100%; height: 170px; } } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post { display: inline-block; white-space: normal; float: none; vertical-align: top; width: 80%; } } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll.td-scroll-full .td-big-grid-post { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll.td-scroll-full .td-big-grid-post { width: 100%; } } /* Big grid 1 */ .td_block_big_grid_1 .td-big-grid-post { float: left; } .td_block_big_grid_1 .td-big-thumb { margin-right: 3px; } .td_block_big_grid_1 .td-big-thumb .td-module-thumb { width: 532px; height: 399px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_1 .td-big-thumb .td-module-thumb { width: 504px; height: 355px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_1 .td-big-thumb .td-module-thumb { width: 374px; height: 271px; } } @media (max-width: 767px) { .td_block_big_grid_1 .td-big-thumb .td-module-thumb { width: 100%; height: auto; } } .td_block_big_grid_1 .td-small-thumb .td-module-thumb { width: 265px; height: 198px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_1 .td-small-thumb .td-module-thumb { width: 235px; height: 176px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_1 .td-small-thumb .td-module-thumb { width: 180px; height: 134px; } } .td_block_big_grid_1 .td-big-grid-post-0 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_1 .td-big-grid-post-0 { width: 100%; float: none; } } .td_block_big_grid_1 .td-big-grid-post-1, .td_block_big_grid_1 .td-big-grid-post-3 { margin-right: 3px; } .td_block_big_grid_1 .td-big-grid-post-1, .td_block_big_grid_1 .td-big-grid-post-2 { margin-bottom: 3px; } .td_block_big_grid_1.td-grid-style-5 .td-module-meta-info, .td_block_big_grid_1.td-grid-style-6 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td_block_big_grid_1 .td-module-empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_1 .td-module-empty { display: none !important; } } .td_block_big_grid_1 .td-module-empty .td-module-thumb { width: 265px; height: 198px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_1 .td-module-empty .td-module-thumb { width: 235px; height: 176px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_1 .td-module-empty .td-module-thumb { width: 180px; height: 134px; } } /* Big grid 2 */ .td_block_big_grid_2 .td-big-grid-post { float: left; } .td_block_big_grid_2 .td-big-thumb { margin-right: 3px; } .td_block_big_grid_2 .td-big-thumb .td-module-thumb { width: 741px; height: 486px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_2 .td-big-thumb .td-module-thumb { width: 692px; height: 426px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_2 .td-big-thumb .td-module-thumb { width: 515px; height: 336px; } } @media (max-width: 767px) { .td_block_big_grid_2 .td-big-thumb .td-module-thumb { width: 100%; height: auto; } } .td_block_big_grid_2 .td-small-thumb .td-module-thumb { width: 324px; height: 160px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_2 .td-small-thumb .td-module-thumb { width: 285px; height: 140px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_2 .td-small-thumb .td-module-thumb { width: 222px; height: 110px; } } @media (max-width: 767px) { .td_block_big_grid_2 .td-small-thumb .td-module-thumb { height: 124px !important; } } .td_block_big_grid_2 .td-big-grid-post-0 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_2 .td-big-grid-post-0 { width: 100%; float: none; } } .td_block_big_grid_2 .td-big-grid-post-1, .td_block_big_grid_2 .td-big-grid-post-2 { margin-bottom: 3px; } .td_block_big_grid_2.td-grid-style-5 .td-module-meta-info, .td_block_big_grid_2.td-grid-style-6 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td_block_big_grid_2 .td-module-empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_2 .td-module-empty { display: none !important; } } .td_block_big_grid_2 .td-module-empty .td-module-thumb { width: 324px; height: 160px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_2 .td-module-empty .td-module-thumb { width: 285px; height: 140px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_2 .td-module-empty .td-module-thumb { width: 222px; height: 110px; } } /* Big grid 3 */ .td_block_big_grid_3 .td-big-grid-post { float: left; } .td_block_big_grid_3 .td-big-thumb { margin-right: 3px; } .td_block_big_grid_3 .td-big-thumb .td-module-thumb { width: 532px; height: 462px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_3 .td-big-thumb .td-module-thumb { width: 488px; height: 422px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_3 .td-big-thumb .td-module-thumb { width: 368px; height: 318px; } } @media (max-width: 767px) { .td_block_big_grid_3 .td-big-thumb .td-module-thumb { width: 100%; height: auto; } } .td_block_big_grid_3 .td-medium-thumb { margin-bottom: 3px; } .td_block_big_grid_3 .td-medium-thumb .td-module-thumb { width: 533px; height: 261px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_3 .td-medium-thumb .td-module-thumb { height: 237px; width: 489px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_3 .td-medium-thumb .td-module-thumb { height: 179px; width: 369px; } } @media (min-width: 375px) and (max-width: 767px) { .td_block_big_grid_3 .td-medium-thumb .td-module-thumb { height: 140px !important; } } @media (max-width: 374px) { .td_block_big_grid_3 .td-medium-thumb .td-module-thumb { height: 124px !important; } } .td_block_big_grid_3 .td-small-thumb .td-module-thumb { width: 265px; height: 198px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_3 .td-small-thumb .td-module-thumb { width: 243px; height: 182px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_3 .td-small-thumb .td-module-thumb { width: 183px; height: 136px; } } @media (min-width: 375px) and (max-width: 767px) { .td_block_big_grid_3 .td-small-thumb .td-module-thumb { height: 140px !important; } } @media (max-width: 374px) { .td_block_big_grid_3 .td-small-thumb .td-module-thumb { height: 124px !important; } } .td_block_big_grid_3 .td-big-grid-post-0 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-big-grid-post-0 { width: 100%; float: none; } } .td_block_big_grid_3 .td-big-grid-post-3 { margin-left: 3px; } .td_block_big_grid_3.td-grid-style-4 .td-post-category { margin-bottom: 0; } .td_block_big_grid_3.td-grid-style-5 .td-module-meta-info, .td_block_big_grid_3.td-grid-style-6 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td_block_big_grid_3 .td-module-empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-module-empty { display: none !important; } } .td_block_big_grid_3 .td-module-empty.td-big-grid-post-1 .td-module-thumb { width: 533px; height: 261px; margin-bottom: 3px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_3 .td-module-empty.td-big-grid-post-1 .td-module-thumb { height: 237px; width: 489px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_3 .td-module-empty.td-big-grid-post-1 .td-module-thumb { height: 179px; width: 369px; } } .td_block_big_grid_3 .td-module-empty.td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_3 .td-module-empty.td-big-grid-post-3 .td-module-thumb { width: 265px; height: 198px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_3 .td-module-empty.td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_3 .td-module-empty.td-big-grid-post-3 .td-module-thumb { width: 243px; height: 182px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_3 .td-module-empty.td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_3 .td-module-empty.td-big-grid-post-3 .td-module-thumb { width: 183px; height: 136px; } } /* Big grid 4 */ .td_block_big_grid_4 { margin-right: -3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_4 { margin-right: -10px; } } .td_block_big_grid_4 .td-big-grid-post { width: 50%; float: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_4 .td-big-grid-post { width: 100%; float: none; } } .td_block_big_grid_4 .td-big-grid-post:first-child { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_4 .td-big-grid-post:first-child { padding-bottom: 3px; } } .td_block_big_grid_4 .td-module-thumb { height: 399px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_4 .td-module-thumb { height: 350px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_4 .td-module-thumb { height: 280px; } } @media (max-width: 767px) { .td_block_big_grid_4 .td-module-thumb { width: 100%; height: 220px; } } .td_block_big_grid_4 .td-big-thumb { padding-right: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_4 .td-big-thumb { padding-right: 0; } } .td_block_big_grid_4.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_4.td-grid-style-1 .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_4.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_4.td-grid-style-1 .td-module-meta-info { margin-left: 12px; } } .td_block_big_grid_4.td-grid-style-5 .td-module-meta-info, .td_block_big_grid_4.td-grid-style-6 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td_block_big_grid_4 .td-module-empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_4 .td-module-empty { display: none !important; } } /* Big grid 5 */ .td_block_big_grid_5 { margin-right: -3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_5 { margin-right: -10px; } } .td_block_big_grid_5 .td-big-grid-post { width: 33.33333333%; float: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_5 .td-big-grid-post { width: 100%; float: none; padding-top: 3px; } } .td_block_big_grid_5 .td-big-grid-post:first-child { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_5 .td-big-grid-post:first-child { padding-top: 0; } } .td_block_big_grid_5 .td-big-grid-post .td-module-thumb { height: 220px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_5 .td-big-grid-post .td-module-thumb { height: 200px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_5 .td-big-grid-post .td-module-thumb { height: 148px; } } @media (max-width: 767px) { .td_block_big_grid_5 .td-big-grid-post .td-module-thumb { height: 168px; } } .td_block_big_grid_5 .td-module-meta-info { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_5 .td-module-meta-info { display: none; } } @media (max-width: 767px) { .td_block_big_grid_5 .td-module-meta-info { display: none; } } .td_block_big_grid_5 .td-module-thumb a:last-child:before { height: 100%; } .td_block_big_grid_5.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_5.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_5.td-grid-style-3 .td-big-grid-meta { margin: 0 20px 11px; /* responsive */ } @media (max-width: 1018px) { .td_block_big_grid_5.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_5.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_5.td-grid-style-3 .td-big-grid-meta { margin: 0 14px 11px; } } .td_block_big_grid_5.td-grid-style-1 .entry-title, .td_block_big_grid_5.td-grid-style-2 .entry-title, .td_block_big_grid_5.td-grid-style-3 .entry-title { font-size: 20px; line-height: 26px; font-weight: 700; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_5.td-grid-style-1 .entry-title, .td_block_big_grid_5.td-grid-style-2 .entry-title, .td_block_big_grid_5.td-grid-style-3 .entry-title { font-size: 22px !important; line-height: 28px !important; font-weight: 500; } } .td_block_big_grid_5.td-grid-style-4 .td-module-meta-info { display: none; } .td_block_big_grid_5.td-grid-style-4 .td-big-grid-meta { padding-right: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_5.td-grid-style-4 .td-big-grid-meta { padding-right: 0; } } .td_block_big_grid_5.td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td_block_big_grid_5.td-grid-style-5 .entry-title { font-size: 20px; line-height: 26px; font-weight: 700; } .td_block_big_grid_5 .td-small-thumb { padding-right: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_5 .td-small-thumb { padding-right: 0; } } .td_block_big_grid_5 .td-module-empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_5 .td-module-empty { display: none !important; } } .td_block_big_grid_5 .td-module-empty .td-module-thumb { height: 220px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_5 .td-module-empty .td-module-thumb { height: 200px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_5 .td-module-empty .td-module-thumb { height: 148px; } } @media (max-width: 767px) { .td_block_big_grid_5 .td-module-empty .td-module-thumb { height: 168px; } } .td_block_big_grid_5 .td-module-empty.td-big-grid-post-1 { padding-right: 3px; } .td_block_big_grid_5.td-grid-style-1 .td-video-play-ico img, .td_block_big_grid_5.td-grid-style-2 .td-video-play-ico img, .td_block_big_grid_5.td-grid-style-3 .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } /* Big grid 6 */ .td_block_big_grid_6 { margin-right: -3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_6 { margin-right: -10px; } } .td_block_big_grid_6 .td-big-grid-post-0, .td_block_big_grid_6 .td-big-grid-post-1 { width: 50%; float: left; margin-bottom: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_6 .td-big-grid-post-0, .td_block_big_grid_6 .td-big-grid-post-1 { margin-bottom: 0; margin-top: 3px; width: 100%; float: none; } } .td_block_big_grid_6 .td-big-grid-post-0:first-child, .td_block_big_grid_6 .td-big-grid-post-1:first-child { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_6 .td-big-grid-post-0:first-child, .td_block_big_grid_6 .td-big-grid-post-1:first-child { margin-top: 0; } } .td_block_big_grid_6 .td-big-grid-post-0.td-big-thumb, .td_block_big_grid_6 .td-big-grid-post-1.td-big-thumb { padding-right: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_6 .td-big-grid-post-0.td-big-thumb, .td_block_big_grid_6 .td-big-grid-post-1.td-big-thumb { padding-right: 0; } } .td_block_big_grid_6 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-1 .td-module-thumb { height: 373px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_6 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-1 .td-module-thumb { height: 360px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_6 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-1 .td-module-thumb { height: 280px; } } @media (max-width: 767px) { .td_block_big_grid_6 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-1 .td-module-thumb { width: 100%; height: 220px; } } .td_block_big_grid_6 .td-big-grid-post-2, .td_block_big_grid_6 .td-big-grid-post-3, .td_block_big_grid_6 .td-big-grid-post-4, .td_block_big_grid_6 .td-big-grid-post-5, .td_block_big_grid_6 .td-big-grid-post-6 { width: 20%; float: left; } .td_block_big_grid_6 .td-big-grid-post-2.td-tiny-thumb, .td_block_big_grid_6 .td-big-grid-post-3.td-tiny-thumb, .td_block_big_grid_6 .td-big-grid-post-4.td-tiny-thumb, .td_block_big_grid_6 .td-big-grid-post-5.td-tiny-thumb, .td_block_big_grid_6 .td-big-grid-post-6.td-tiny-thumb { padding-right: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_6 .td-big-grid-post-2.td-tiny-thumb, .td_block_big_grid_6 .td-big-grid-post-3.td-tiny-thumb, .td_block_big_grid_6 .td-big-grid-post-4.td-tiny-thumb, .td_block_big_grid_6 .td-big-grid-post-5.td-tiny-thumb, .td_block_big_grid_6 .td-big-grid-post-6.td-tiny-thumb { padding-right: 0; } } .td_block_big_grid_6 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-6 .td-module-thumb { height: 140px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_6 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-6 .td-module-thumb { height: 130px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_6 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-6 .td-module-thumb { height: 100px; } } @media (max-width: 767px) { .td_block_big_grid_6 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_6 .td-big-grid-post-6 .td-module-thumb { height: auto; } } .td_block_big_grid_6 .td-post-category { vertical-align: bottom; } .td_block_big_grid_6.td-grid-style-1 .td-big-thumb .td-big-grid-meta { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_6.td-grid-style-1 .td-big-thumb .td-big-grid-meta { margin: 0 0 0 14px; } } .td_block_big_grid_6.td-grid-style-1 .td-big-thumb .td-module-meta-info { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_6.td-grid-style-1 .td-big-thumb .td-module-meta-info { margin: 7px 0 14px 14px; } } .td_block_big_grid_6.td-grid-style-2 .td-big-grid-post-3 .td-module-thumb a:last-child:before, .td_block_big_grid_6.td-grid-style-3 .td-big-grid-post-3 .td-module-thumb a:last-child:before { background: #d17646; background: -moz-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #d17646), color-stop(100%, #c63939)); background: -webkit-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -o-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -ms-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: linear-gradient(45deg, #d17646 0%, #c63939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d17646', endColorstr='#c63939', GradientType=1); } .td_block_big_grid_6.td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td_block_big_grid_6 .td-module-empty.td-big-grid-post { padding-right: 3px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_6 .td-module-empty.td-big-grid-post { display: none !important; } } .td_block_big_grid_6.td-grid-style-1 .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_6.td-grid-style-1 .td-video-play-ico img { margin: 10px 10px 0; } } .td_block_big_grid_6.td-grid-style-2 .td-tiny-thumb .td-video-play-ico img, .td_block_big_grid_6.td-grid-style-3 .td-tiny-thumb .td-video-play-ico img, .td_block_big_grid_6.td-grid-style-4 .td-tiny-thumb .td-video-play-ico img, .td_block_big_grid_6.td-grid-style-5 .td-tiny-thumb .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_6.td-grid-style-2 .td-tiny-thumb .td-video-play-ico img, .td_block_big_grid_6.td-grid-style-3 .td-tiny-thumb .td-video-play-ico img, .td_block_big_grid_6.td-grid-style-4 .td-tiny-thumb .td-video-play-ico img, .td_block_big_grid_6.td-grid-style-5 .td-tiny-thumb .td-video-play-ico img { margin: 10px 10px 0; } } .td_block_big_grid_6 .td-tiny-thumb .td-video-play-ico img { width: 30px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_6 .td-tiny-thumb .td-video-play-ico img { width: 20px !important; } } /* Big grid 7 */ .td_block_big_grid_7 { margin-right: -12px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 { margin-right: -10px; } } .td_block_big_grid_7 .td-big-grid-post-0, .td_block_big_grid_7 .td-big-grid-post-1, .td_block_big_grid_7 .td-big-grid-post-2 { width: 33.33333333%; float: left; margin-bottom: 12px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-0, .td_block_big_grid_7 .td-big-grid-post-1, .td_block_big_grid_7 .td-big-grid-post-2 { margin-bottom: 0; float: none; } } .td_block_big_grid_7 .td-big-grid-post-0.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-1.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-2.td-small-thumb { padding-right: 12px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-0.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-1.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-2.td-small-thumb { padding-right: 0; } } .td_block_big_grid_7 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-thumb { height: 220px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_7 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-thumb { height: 195px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_7 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-thumb { height: 146px; } } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-thumb { height: 196px; } } .td_block_big_grid_7 .td-big-grid-post-0 .td-module-meta-info, .td_block_big_grid_7 .td-big-grid-post-1 .td-module-meta-info, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-meta-info { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_7 .td-big-grid-post-0 .td-module-meta-info, .td_block_big_grid_7 .td-big-grid-post-1 .td-module-meta-info, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-meta-info { display: none; } } .td_block_big_grid_7 .td-big-grid-post-0 .td-big-grid-meta, .td_block_big_grid_7 .td-big-grid-post-1 .td-big-grid-meta, .td_block_big_grid_7 .td-big-grid-post-2 .td-big-grid-meta { margin: 0 20px 11px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_7 .td-big-grid-post-0 .td-big-grid-meta, .td_block_big_grid_7 .td-big-grid-post-1 .td-big-grid-meta, .td_block_big_grid_7 .td-big-grid-post-2 .td-big-grid-meta { margin: 0 15px 11px; } } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-0 .td-big-grid-meta, .td_block_big_grid_7 .td-big-grid-post-1 .td-big-grid-meta, .td_block_big_grid_7 .td-big-grid-post-2 .td-big-grid-meta { margin: 0 15px 11px; } } .td_block_big_grid_7 .td-big-grid-post-0 .entry-title, .td_block_big_grid_7 .td-big-grid-post-1 .entry-title, .td_block_big_grid_7 .td-big-grid-post-2 .entry-title { font-size: 20px; line-height: 26px; font-weight: 700; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-0 .entry-title, .td_block_big_grid_7 .td-big-grid-post-1 .entry-title, .td_block_big_grid_7 .td-big-grid-post-2 .entry-title { font-weight: 500; } } .td_block_big_grid_7 .td-big-grid-post-0 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-0 { width: 100%; } } .td_block_big_grid_7 .td-big-grid-post-0 .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-0 .entry-title { font-size: 22px !important; line-height: 28px !important; } } .td_block_big_grid_7 .td-big-grid-post-1 .td-module-meta-info, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-1 .td-module-meta-info, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-meta-info { display: none; } } .td_block_big_grid_7 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-2 .td-module-thumb { height: 150px !important; } } .td_block_big_grid_7 .td-meta-info-container { padding-right: 12px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-meta-info-container { padding-right: 0; } } .td_block_big_grid_7 .td-big-grid-post-3, .td_block_big_grid_7 .td-big-grid-post-4, .td_block_big_grid_7 .td-big-grid-post-5, .td_block_big_grid_7 .td-big-grid-post-6 { width: 25%; float: left; } .td_block_big_grid_7 .td-big-grid-post-3.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-4.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-5.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-6.td-small-thumb { padding-right: 12px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-3.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-4.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-5.td-small-thumb, .td_block_big_grid_7 .td-big-grid-post-6.td-small-thumb { padding-right: 0; } } .td_block_big_grid_7 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-6 .td-module-thumb { height: 175px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_7 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-6 .td-module-thumb { height: 124px; } } @media (max-width: 767px) { .td_block_big_grid_7 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_7 .td-big-grid-post-6 .td-module-thumb { height: 150px !important; } } .td_block_big_grid_7.td-grid-style-2 .td-big-grid-post-3 .td-module-thumb a:last-child:before, .td_block_big_grid_7.td-grid-style-3 .td-big-grid-post-3 .td-module-thumb a:last-child:before { background: #d760b7; background: -moz-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #d760b7), color-stop(100%, #3b78b4)); background: -webkit-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -o-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -ms-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: linear-gradient(135deg, #d760b7 0%, #3b78b4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1); } .td_block_big_grid_7.td-grid-style-2 .td-big-grid-post-5 .td-module-thumb a:last-child:before, .td_block_big_grid_7.td-grid-style-3 .td-big-grid-post-5 .td-module-thumb a:last-child:before { background: #4db2ec; background: -moz-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #4db2ec), color-stop(100%, #4a8f5e)); background: -webkit-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -o-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -ms-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1); } .td_block_big_grid_7.td-grid-style-2 .td-big-grid-post-6 .td-module-thumb a:last-child:before, .td_block_big_grid_7.td-grid-style-3 .td-big-grid-post-6 .td-module-thumb a:last-child:before { background: #d17646; background: -moz-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #d17646), color-stop(100%, #c63939)); background: -webkit-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -o-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -ms-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: linear-gradient(45deg, #d17646 0%, #c63939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d17646', endColorstr='#c63939', GradientType=1); } .td_block_big_grid_7.td-grid-style-4 .td-module-meta-info { display: none; } .td_block_big_grid_7.td-grid-style-4 .td-big-grid-meta { margin: 0; } .td_block_big_grid_7.td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td_block_big_grid_7.td-grid-style-5 .td-small-thumb .td-meta-info-container { padding: 0 30px 0 18px; } .td_block_big_grid_7 .td-module-empty.td-big-grid-post { padding-right: 12px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_7 .td-module-empty.td-big-grid-post { display: none !important; } } .td_block_big_grid_7.td-grid-style-1 .td-video-play-ico img, .td_block_big_grid_7.td-grid-style-2 .td-video-play-ico img, .td_block_big_grid_7.td-grid-style-3 .td-video-play-ico img, .td_block_big_grid_7.td-grid-style-4 .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } /* Big grid 8 */ .td_block_big_grid_8 .td-grid-columns { width: 33.33333333%; float: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-grid-columns { display: inline; float: none; width: 100%; } } .td_block_big_grid_8 .td-meta-info-container { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-meta-info-container { width: 100% !important; } } .td_block_big_grid_8 .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-module-meta-info { display: none; } } .td_block_big_grid_8 .td-grid-group-1 .td-big-grid-post { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-grid-group-1 .td-big-grid-post { padding-top: 3px; } } .td_block_big_grid_8 .td-grid-group-1 .td-big-grid-post:first-child { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-grid-group-1 .td-big-grid-post:first-child { padding-top: 0; } } .td_block_big_grid_8 .td-big-grid-scroll.td-scroll-full .td-grid-columns { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-big-grid-scroll.td-scroll-full .td-grid-columns { padding-left: 0; } } .td_block_big_grid_8 .td-big-grid-scroll .td-grid-columns { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-big-grid-scroll .td-grid-columns { padding-left: 3px; } } .td_block_big_grid_8 .td-big-grid-scroll .td-grid-columns:first-child { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-big-grid-scroll .td-grid-columns:first-child { padding-left: 0; } } .td_block_big_grid_8 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-5 .td-module-thumb { height: 182px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_8 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-5 .td-module-thumb { height: 167px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_8 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-5 .td-module-thumb { height: 125px; } } .td_block_big_grid_8 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-1 .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-1 .td-module-thumb { height: 198px !important; } } .td_block_big_grid_8 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-6 .td-module-thumb { height: 364px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_8 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-6 .td-module-thumb { height: 334px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_8 .td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-6 .td-module-thumb { height: 250px; } } .td_block_big_grid_8 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-6 .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-big-grid-post-2 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-3 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-4 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-5 .td-module-thumb, .td_block_big_grid_8 .td-big-grid-post-6 .td-module-thumb { height: 156px !important; } } .td_block_big_grid_8 .td-small-thumb .td-module-meta-info { display: none; } .td_block_big_grid_8 .td-small-thumb .td-big-grid-meta { margin: 0 20px 14px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-small-thumb .td-big-grid-meta { margin: 0 15px 14px; } } .td_block_big_grid_8.td-grid-style-2 .td-meta-info-container, .td_block_big_grid_8.td-grid-style-3 .td-meta-info-container { bottom: auto; top: 0; } .td_block_big_grid_8.td-grid-style-2 .td-small-thumb .td-big-grid-meta, .td_block_big_grid_8.td-grid-style-3 .td-small-thumb .td-big-grid-meta { margin-top: 20px; } .td_block_big_grid_8.td-grid-style-4 .td-small-thumb .td-big-grid-meta { margin: 0; } .td_block_big_grid_8.td-grid-style-4 .td-meta-info-container { width: 80%; } .td_block_big_grid_8.td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-right: 0; margin-bottom: 0; } .td_block_big_grid_8.td-grid-style-2 .td-meta-info-container { margin-top: 0; } .td_block_big_grid_8.td-grid-style-2 .td-big-grid-post-1 .td-module-thumb a:last-child:before, .td_block_big_grid_8.td-grid-style-3 .td-big-grid-post-1 .td-module-thumb a:last-child:before { background: rgba(244, 208, 63, 0.97); background: -moz-linear-gradient(-45deg, rgba(244, 208, 63, 0.97) 0%, #f27a35 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(244, 208, 63, 0.97)), color-stop(100%, #f27a35)); background: -webkit-linear-gradient(-45deg, rgba(244, 208, 63, 0.97) 0%, #f27a35 100%); background: -o-linear-gradient(-45deg, rgba(244, 208, 63, 0.97) 0%, #f27a35 100%); background: -ms-linear-gradient(-45deg, rgba(244, 208, 63, 0.97) 0%, #f27a35 100%); background: linear-gradient(135deg, rgba(244, 208, 63, 0.97) 0%, #f27a35 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4d03f', endColorstr='#f27a35', GradientType=1); } .td_block_big_grid_8.td-grid-style-2 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .td_block_big_grid_8.td-grid-style-3 .td-big-grid-post-2 .td-module-thumb a:last-child:before { background: #d17646; background: -moz-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #d17646), color-stop(100%, #c63939)); background: -webkit-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -o-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: -ms-linear-gradient(45deg, #d17646 0%, #c63939 100%); background: linear-gradient(45deg, #d17646 0%, #c63939 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d17646', endColorstr='#c63939', GradientType=1); } .td_block_big_grid_8.td-grid-style-2 .td-big-grid-post-3 .td-module-thumb a:last-child:before, .td_block_big_grid_8.td-grid-style-3 .td-big-grid-post-3 .td-module-thumb a:last-child:before { background: #d760b7; background: -moz-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #d760b7), color-stop(100%, #3b78b4)); background: -webkit-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -o-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: -ms-linear-gradient(-45deg, #d760b7 0%, #3b78b4 100%); background: linear-gradient(135deg, #d760b7 0%, #3b78b4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1); } .td_block_big_grid_8.td-grid-style-2 .td-big-grid-post-4 .td-module-thumb a:last-child:before, .td_block_big_grid_8.td-grid-style-3 .td-big-grid-post-4 .td-module-thumb a:last-child:before { background: #4db2ec; background: -moz-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #4db2ec), color-stop(100%, #4a8f5e)); background: -webkit-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -o-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -ms-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1); } .td_block_big_grid_8.td-grid-style-2 .td-big-grid-post-5 .td-module-thumb a:last-child:before, .td_block_big_grid_8.td-grid-style-3 .td-big-grid-post-5 .td-module-thumb a:last-child:before { background: #4db2ec; background: -moz-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #4db2ec), color-stop(100%, #4a8f5e)); background: -webkit-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -o-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: -ms-linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); background: linear-gradient(45deg, #4db2ec 0%, #4a8f5e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1); } .td_block_big_grid_8.td-grid-style-2 .td-big-grid-post-6 .td-module-thumb a:last-child:before, .td_block_big_grid_8.td-grid-style-3 .td-big-grid-post-6 .td-module-thumb a:last-child:before { background: #b0b43b; background: -moz-linear-gradient(-45deg, #b0b43b 0%, rgba(145, 96, 81, 0.97) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #b0b43b), color-stop(100%, rgba(145, 96, 81, 0.97))); background: -webkit-linear-gradient(-45deg, #b0b43b 0%, rgba(145, 96, 81, 0.97) 100%); background: -o-linear-gradient(-45deg, #b0b43b 0%, rgba(145, 96, 81, 0.97) 100%); background: -ms-linear-gradient(-45deg, #b0b43b 0%, rgba(145, 96, 81, 0.97) 100%); background: linear-gradient(135deg, #b0b43b 0%, rgba(145, 96, 81, 0.97) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b43b', endColorstr='#916051', GradientType=1); } .td_block_big_grid_8 .td-module-empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8 .td-module-empty { display: none !important; } } .td_block_big_grid_8 .td-module-empty.td-big-grid-post-6 .td-module-thumb { height: 364px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_8 .td-module-empty.td-big-grid-post-6 .td-module-thumb { height: 334px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_8 .td-module-empty.td-big-grid-post-6 .td-module-thumb { height: 250px; } } .td_block_big_grid_8 .td-module-empty.td-big-grid-post-2 { opacity: 0.9; } .td_block_big_grid_8 .td-module-empty.td-big-grid-post-3 { opacity: 0.8; } .td_block_big_grid_8 .td-module-empty.td-big-grid-post-4 { opacity: 0.7; } .td_block_big_grid_8 .td-module-empty.td-big-grid-post-5 { opacity: 0.7; } .td_block_big_grid_8 .td-module-empty.td-big-grid-post-6 { opacity: 0.8; } .td_block_big_grid_8.td-grid-style-1 .td-big-grid-meta { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_8.td-grid-style-1 .td-big-grid-meta { margin: 0 15px 13px !important; } } .td_block_big_grid_8.td-grid-style-1 .td-big-thumb .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } .td_block_big_grid_8.td-grid-style-2 .td-video-play-ico img, .td_block_big_grid_8.td-grid-style-3 .td-video-play-ico img { top: auto; left: auto; margin: 0 20px 20px; } .td_block_big_grid_8.td-grid-style-4 .td-video-play-ico img { bottom: auto; left: auto; margin: 20px 20px 0; } .td_block_big_grid_8.td-grid-style-6 .td-big-grid-post-0 .entry-title, .td_block_big_grid_8.td-grid-style-6 .td-big-grid-post-6 .entry-title { font-size: 30px; line-height: 36px; } /* Big grid 9 */ .td_block_big_grid_9 .td-big-grid-post { width: 25%; float: left; /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_9 .td-big-grid-post { width: 50%; margin-bottom: 2px; } } @media (max-width: 600px) { .td_block_big_grid_9 .td-big-grid-post { width: 100%; } } .td_block_big_grid_9 .td-big-grid-post.td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_9 .td-big-grid-post.td-big-grid-post-2 .td-module-thumb { /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_9 .td-big-grid-post.td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_9 .td-big-grid-post.td-big-grid-post-2 .td-module-thumb { margin-right: 2px; } } @media (max-width: 600px) { .td_block_big_grid_9 .td-big-grid-post.td-big-grid-post-0 .td-module-thumb, .td_block_big_grid_9 .td-big-grid-post.td-big-grid-post-2 .td-module-thumb { margin-right: 0; } } .td_block_big_grid_9 .td-big-grid-post .entry-title { font-size: 21px; line-height: 24px; font-weight: bold; } .td_block_big_grid_9 .td-big-grid-post .td-post-category { font-size: 10px; padding: 2px 6px; line-height: 13px; margin-bottom: 10px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_big_grid_9 .td-big-grid-post .td-post-category { margin-bottom: 7px; } } .td_block_big_grid_9 .td-big-grid-post .td-module-thumb { margin-right: 2px; height: 364px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_9 .td-big-grid-post .td-module-thumb { height: 330px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_9 .td-big-grid-post .td-module-thumb { height: 250px; } } @media (max-width: 767px) { .td_block_big_grid_9 .td-big-grid-post .td-module-thumb { height: 140px; margin-right: 0; } } .td_block_big_grid_9 .td-big-grid-post:last-child .td-module-thumb { margin-right: 0; } .td_block_big_grid_9 .td-big-grid-post .entry-thumb { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: auto; /* responsive landscape tablet */ /* responsive portrait phone */ } @media (max-width: 1140px) { .td_block_big_grid_9 .td-big-grid-post .entry-thumb { height: 100%; } } @media (max-width: 767px) { .td_block_big_grid_9 .td-big-grid-post .entry-thumb { height: auto; width: 100%; top: -30px; } } .td_block_big_grid_9 .td-big-grid-post .td-video-play-ico img { width: 30px !important; bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_9 .td-big-grid-post .td-video-play-ico img { margin: 10px 10px 0; } } .td_block_big_grid_9 .td-post-author-name { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_9 .td-post-author-name { display: none; } } .td_block_big_grid_9 .td_module_mx_empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_9 .td_module_mx_empty { display: none; } } .td_block_big_grid_9.td-grid-style-1 .td-post-category { background-color: #4db2ec; } .td_block_big_grid_9.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_9.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_9.td-grid-style-3 .td-big-grid-meta { margin-bottom: 11px; margin-right: 20px; width: auto; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_9.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_9.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_9.td-grid-style-3 .td-big-grid-meta { margin-bottom: 8px; margin-left: 10px; margin-right: 8px; } } @media (max-width: 767px) { .td_block_big_grid_9.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_9.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_9.td-grid-style-3 .td-big-grid-meta { margin-bottom: 7px; } } .td_block_big_grid_9.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_9.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_9.td-grid-style-3 .td-module-meta-info { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_9.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_9.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_9.td-grid-style-3 .td-module-meta-info { margin-top: 8px; margin-left: 10px; } } @media (max-width: 767px) { .td_block_big_grid_9.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_9.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_9.td-grid-style-3 .td-module-meta-info { margin-bottom: 15px; margin-top: 7px; margin-left: 15px; } } .td_block_big_grid_9.td-grid-style-4 .td-big-grid-meta { margin-right: 2px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_9.td-grid-style-4 .td-big-grid-meta { margin-right: 0; } } .td_block_big_grid_9.td-grid-style-4 .td-big-grid-post:last-child .td-big-grid-meta { margin-right: 0; } .td_block_big_grid_9.td-grid-style-4 .td-module-meta-info { margin: 0; padding-left: 11px; padding-right: 11px; } .td_block_big_grid_9.td-grid-style-4 .td-post-category { padding-left: 11px; padding-right: 11px; margin-bottom: 0; } .td_block_big_grid_9.td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td_block_big_grid_9.td-grid-style-5 .td-meta-info-container { padding: 0 10%; } .td_block_big_grid_9.td-grid-style-5 .td-post-category { padding: 2px 7px; background-color: #4db2ec; } /* Big grid 10 */ .td_block_big_grid_10 .td-big-grid-post { float: left; padding-right: 2px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10 .td-big-grid-post { padding-right: 0; margin-bottom: 2px; } } .td_block_big_grid_10 .td-big-grid-post:last-child { padding-right: 0; } .td_block_big_grid_10 .td-big-grid-post .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10 .td-big-grid-post .entry-title { font-size: 16px !important; line-height: 21px !important; } } .td_block_big_grid_10 .td-big-grid-post .td-post-category { margin-bottom: 10px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_big_grid_10 .td-big-grid-post .td-post-category { margin-bottom: 7px; } } .td_block_big_grid_10 .td-module-thumb { height: 350px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_block_big_grid_10 .td-module-thumb { height: 300px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_10 .td-module-thumb { height: 250px; } } @media (max-width: 767px) { .td_block_big_grid_10 .td-module-thumb { height: 140px; margin-right: 0; } } .td_block_big_grid_10 .entry-thumb { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10 .entry-thumb { width: 100%; top: -30px; } } .td_block_big_grid_10 .td-post-author-name { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_10 .td-post-author-name { display: none; } } .td_block_big_grid_10 .td-big-grid-post .td-video-play-ico img { width: 30px !important; bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10 .td-big-grid-post .td-video-play-ico img { margin: 10px 10px 0; } } .td_block_big_grid_10 .td-big-grid-post-0 { width: 50%; } .td_block_big_grid_10 .td-big-grid-post-1, .td_block_big_grid_10 .td-big-grid-post-2 { width: 25%; } .td_block_big_grid_10 .td-big-grid-post { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10 .td-big-grid-post { width: 100%; } } .td_block_big_grid_10 .td_module_mx_empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10 .td_module_mx_empty { display: none; } } .td_block_big_grid_10.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-3 .td-big-grid-meta { margin-bottom: 11px; margin-right: 20px; width: auto; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_10.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-3 .td-big-grid-meta { margin-bottom: 8px; margin-left: 10px; margin-right: 8px; } } @media (max-width: 767px) { .td_block_big_grid_10.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-3 .td-big-grid-meta { margin-bottom: 7px; } } .td_block_big_grid_10.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_10.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_10.td-grid-style-3 .td-module-meta-info { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_10.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_10.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_10.td-grid-style-3 .td-module-meta-info { margin-top: 8px; margin-left: 10px; } } @media (max-width: 767px) { .td_block_big_grid_10.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_10.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_10.td-grid-style-3 .td-module-meta-info { margin-bottom: 15px; margin-top: 7px; margin-left: 15px; } } .td_block_big_grid_10.td-grid-style-2 .td-big-thumb .td-meta-info-container, .td_block_big_grid_10.td-grid-style-3 .td-big-thumb .td-meta-info-container { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10.td-grid-style-2 .td-big-thumb .td-meta-info-container, .td_block_big_grid_10.td-grid-style-3 .td-big-thumb .td-meta-info-container { position: absolute; top: auto; bottom: 0; } } .td_block_big_grid_10.td-grid-style-2 .td-big-thumb .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-3 .td-big-thumb .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-2 .td-big-thumb .td-module-meta-info, .td_block_big_grid_10.td-grid-style-3 .td-big-thumb .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10.td-grid-style-2 .td-big-thumb .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-3 .td-big-thumb .td-big-grid-meta, .td_block_big_grid_10.td-grid-style-2 .td-big-thumb .td-module-meta-info, .td_block_big_grid_10.td-grid-style-3 .td-big-thumb .td-module-meta-info { position: static; } } .td_block_big_grid_10.td-grid-style-2 .td-big-grid-meta { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_10.td-grid-style-2 .td-big-grid-meta { margin-top: 13px; } } .td_block_big_grid_10.td-grid-style-2 .td-big-thumb .td-meta-info-container { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10.td-grid-style-2 .td-big-thumb .td-meta-info-container { top: 0; bottom: auto; } } .td_block_big_grid_10.td-grid-style-4 .td-meta-info-container { width: 100%; padding-right: 2px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_10.td-grid-style-4 .td-meta-info-container { padding-right: 0; } } .td_block_big_grid_10.td-grid-style-4 .td-big-grid-post:last-child .td-meta-info-container { padding-right: 0; } .td_block_big_grid_10.td-grid-style-4 .td-module-meta-info { margin: 0; } .td_block_big_grid_10.td-grid-style-4 .td-post-category { margin-bottom: 0; } .td_block_big_grid_10.td-grid-style-5 .td-post-author-name { display: none; } .td_block_big_grid_10.td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td_block_big_grid_10.td-grid-style-5 .td-meta-info-container { padding: 0 10%; } /* Big grid 11 */ .td_block_big_grid_11 .td-big-grid-post { float: left; padding-right: 2px; } .td_block_big_grid_11 .td-big-grid-post .entry-title { font-size: 21px; line-height: 24px; font-weight: 500; } .td_block_big_grid_11 .td-big-grid-post .td-post-category { margin-bottom: 10px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_big_grid_11 .td-big-grid-post .td-post-category { margin-bottom: 7px; } } .td_block_big_grid_11 .entry-thumb { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .entry-thumb { width: 100%; } } .td_block_big_grid_11 .td-post-author-name { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_11 .td-post-author-name { display: none; } } .td_block_big_grid_11 .td-big-grid-post .td-video-play-ico img { width: 30px !important; bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .td-big-grid-post .td-video-play-ico img { margin: 10px 10px 0; } } .td_block_big_grid_11 .td_module_mx15 { width: 30%; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .td_module_mx15 { width: 50%; } } .td_block_big_grid_11 .td_module_mx15 .td-module-thumb { height: 360px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_11 .td_module_mx15 .td-module-thumb { height: 282px; } } @media (max-width: 767px) { .td_block_big_grid_11 .td_module_mx15 .td-module-thumb { height: 150px; } } .td_block_big_grid_11 .td_module_mx15 .td-meta-align { padding-right: 2px; } .td_block_big_grid_11 .td_module_mx11 { width: 40%; padding-right: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .td_module_mx11 { width: 50%; padding-right: 2px; } } .td_block_big_grid_11 .td_module_mx11 .td-module-thumb { height: 179px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_11 .td_module_mx11 .td-module-thumb { height: 140px; } } @media (max-width: 767px) { .td_block_big_grid_11 .td_module_mx11 .td-module-thumb { height: 150px; } } .td_block_big_grid_11 .td_module_mx11 .entry-thumb { /* responsive portrait phone */ } @media (max-width: 630px) { .td_block_big_grid_11 .td_module_mx11 .entry-thumb { height: 100%; width: auto; } } .td_block_big_grid_11 .td-module-meta-info { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .td-module-meta-info { display: none; } } .td_block_big_grid_11 .td-big-grid-post-1 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .td-big-grid-post-1 { padding-right: 0; } } .td_block_big_grid_11 .td-big-grid-post-2 .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .td-big-grid-post-2 .td-module-thumb { margin-top: 2px; } } .td_block_big_grid_11 .td-big-grid-post-3 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .td-big-grid-post-3 { padding-right: 0; } } .td_block_big_grid_11 .td-big-grid-post-3 .td-module-thumb { margin-top: 2px; } .td_block_big_grid_11 .td_module_mx_empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11 .td_module_mx_empty { display: none; } } .td_block_big_grid_11.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-3 .td-big-grid-meta { margin-bottom: 11px; margin-right: 20px; width: auto; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_11.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-3 .td-big-grid-meta { margin-bottom: 8px; margin-left: 10px; margin-right: 8px; } } @media (max-width: 767px) { .td_block_big_grid_11.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-3 .td-big-grid-meta { margin-bottom: 10px; } } .td_block_big_grid_11.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_11.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_11.td-grid-style-3 .td-module-meta-info { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_11.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_11.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_11.td-grid-style-3 .td-module-meta-info { margin-top: 8px; margin-left: 10px; } } @media (max-width: 767px) { .td_block_big_grid_11.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_11.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_11.td-grid-style-3 .td-module-meta-info { margin-bottom: 15px; margin-top: 7px; margin-left: 15px; } } .td_block_big_grid_11.td-grid-style-1 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-2 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-3 .td_module_mx11 .td-big-grid-meta { margin-bottom: 16px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11.td-grid-style-1 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-2 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_11.td-grid-style-3 .td_module_mx11 .td-big-grid-meta { margin-bottom: 10px; } } .td_block_big_grid_11.td-grid-style-2 .td-big-grid-meta { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_11.td-grid-style-2 .td-big-grid-meta { margin-top: 13px; } } .td_block_big_grid_11.td-grid-style-4 .td-meta-info-container { width: 100%; } .td_block_big_grid_11.td-grid-style-4 .td-module-meta-info { margin: 0; padding-left: 11px; padding-right: 11px; } .td_block_big_grid_11.td-grid-style-4 .td-post-category { padding-left: 11px; padding-right: 11px; margin-bottom: 0; } .td_block_big_grid_11.td-grid-style-5 .td-post-author-name { display: none; } .td_block_big_grid_11.td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td_block_big_grid_11.td-grid-style-5 .td-meta-info-container { padding: 0 10%; } .td_block_big_grid_11.td-grid-style-6 .td-big-grid-post-0 .entry-title, .td_block_big_grid_11.td-grid-style-6 .td-big-grid-post-1 .entry-title { font-size: 26px; line-height: 30px; } .td_block_big_grid_11.td-grid-style-6 .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_11.td-grid-style-6 .entry-title { font-size: 13px !important; line-height: 15px !important; } } /* Big grid 12 */ .td_block_big_grid_12 .td-big-grid-post { float: left; } .td_block_big_grid_12 .td-big-grid-post .td-post-category { margin-bottom: 10px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_big_grid_12 .td-big-grid-post .td-post-category { margin-bottom: 7px; } } .td_block_big_grid_12 .entry-thumb { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12 .entry-thumb { width: 100%; } } .td_block_big_grid_12 .td-big-grid-post .td-video-play-ico img { width: 30px !important; bottom: auto; left: auto; margin: 20px 20px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12 .td-big-grid-post .td-video-play-ico img { margin: 10px 10px 0; } } .td_block_big_grid_12 .td-big-grid-wrapper .td-big-grid-post:last-child .td-module-thumb { margin-top: 11px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12 .td-big-grid-wrapper .td-big-grid-post:last-child .td-module-thumb { margin-top: 2px; margin-left: 2px; } } .td_block_big_grid_12 .td-big-grid-wrapper .td-big-grid-post:last-child .td-meta-info-container { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12 .td-big-grid-wrapper .td-big-grid-post:last-child .td-meta-info-container { margin-left: 2px; } } .td_block_big_grid_12 .td_module_mx5 { width: 51%; padding-right: 11px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12 .td_module_mx5 { width: 100%; padding-right: 0; } } .td_block_big_grid_12 .td_module_mx5 .td-module-thumb { height: 451px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_12 .td_module_mx5 .td-module-thumb { height: 291px; } } @media (max-width: 767px) { .td_block_big_grid_12 .td_module_mx5 .td-module-thumb { height: 240px; } } .td_block_big_grid_12 .td_module_mx5 .td-meta-info-container { padding-right: 11px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12 .td_module_mx5 .td-meta-info-container { padding-right: 0; } } .td_block_big_grid_12 .td-big-grid-post-1, .td_block_big_grid_12 .td-big-grid-post-2 { width: 49%; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12 .td-big-grid-post-1, .td_block_big_grid_12 .td-big-grid-post-2 { width: 50%; } } .td_block_big_grid_12 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_12 .td-big-grid-post-2 .td-module-thumb { height: 220px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_12 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_12 .td-big-grid-post-2 .td-module-thumb { height: 140px; } } @media (max-width: 767px) { .td_block_big_grid_12 .td-big-grid-post-1 .td-module-thumb, .td_block_big_grid_12 .td-big-grid-post-2 .td-module-thumb { height: 150px; margin-top: 2px; } } .td_block_big_grid_12 .td-big-grid-post-1 .entry-thumb, .td_block_big_grid_12 .td-big-grid-post-2 .entry-thumb { /* responsive portrait phone */ } @media (max-width: 630px) { .td_block_big_grid_12 .td-big-grid-post-1 .entry-thumb, .td_block_big_grid_12 .td-big-grid-post-2 .entry-thumb { height: 100%; width: auto; } } .td_block_big_grid_12.td-grid-style-2 .td-big-grid-post-2 .td-meta-info-container { margin-top: 11px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12.td-grid-style-2 .td-big-grid-post-2 .td-meta-info-container { margin-top: 0; } } .td_block_big_grid_12 .td_module_mx_empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12 .td_module_mx_empty { display: none; } } .td_block_big_grid_12.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-3 .td-big-grid-meta { margin-bottom: 11px; margin-right: 20px; width: auto; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_12.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-3 .td-big-grid-meta { margin-bottom: 8px; margin-left: 10px; margin-right: 20px; } } @media (max-width: 767px) { .td_block_big_grid_12.td-grid-style-1 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-2 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-3 .td-big-grid-meta { margin-bottom: 10px; } } .td_block_big_grid_12.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_12.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_12.td-grid-style-3 .td-module-meta-info { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_12.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_12.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_12.td-grid-style-3 .td-module-meta-info { margin-top: 8px; margin-left: 10px; } } @media (max-width: 767px) { .td_block_big_grid_12.td-grid-style-1 .td-module-meta-info, .td_block_big_grid_12.td-grid-style-2 .td-module-meta-info, .td_block_big_grid_12.td-grid-style-3 .td-module-meta-info { margin-bottom: 15px; margin-top: 7px; margin-left: 15px; } } .td_block_big_grid_12.td-grid-style-1 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-2 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-3 .td_module_mx11 .td-big-grid-meta { margin-bottom: 16px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_12.td-grid-style-1 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-2 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-3 .td_module_mx11 .td-big-grid-meta { margin-bottom: 6px; } } @media (max-width: 767px) { .td_block_big_grid_12.td-grid-style-1 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-2 .td_module_mx11 .td-big-grid-meta, .td_block_big_grid_12.td-grid-style-3 .td_module_mx11 .td-big-grid-meta { margin-bottom: 10px; } } .td_block_big_grid_12.td-grid-style-4 .td-meta-info-container { width: 100%; } .td_block_big_grid_12.td-grid-style-4 .td-module-meta-info { margin: 0; padding-left: 11px; padding-right: 11px; } .td_block_big_grid_12.td-grid-style-4 .td-post-category { padding-left: 11px; padding-right: 11px; margin-bottom: 0; } .td_block_big_grid_12.td-grid-style-5 .td-post-author-name { display: none; } .td_block_big_grid_12.td-grid-style-5 .td-module-meta-info { margin-left: 0; margin-bottom: 0; } .td_block_big_grid_12.td-grid-style-5 .td-meta-info-container { padding: 0 10%; } .td_block_big_grid_12.td-grid-style-6 .td-medium-thumb .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_12.td-grid-style-6 .td-medium-thumb .entry-title { font-size: 13px !important; line-height: 15px !important; } } .td_top_authors { margin-bottom: 16px; } .td_top_authors img { position: absolute; max-width: 70px; left: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_top_authors img { max-width: 55px; } } .td_top_authors .item-details { margin-left: 85px; position: relative; height: 70px; top: 1px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_top_authors .item-details { height: 55px; margin-left: 70px; } } .td_top_authors .item-details span { font-family: 'Open Sans', arial, sans-serif; padding: 3px 7px; color: #fff; font-size: 9px; font-style: normal; font-weight: bold; margin-right: 5px; } .td_top_authors .td-active .td-author-post-count { background-color: #4db2ec; } .td_top_authors .td-active .td-author-comments-count { background-color: #4db2ec; opacity: 0.8; } .td_top_authors .td-active .td-authors-name a { color: #4db2ec; } .td_top_authors .td_mod_wrap { min-height: 70px; padding-top: 9px; padding-bottom: 9px; border: 1px solid #fff; } .td_top_authors .td_mod_wrap:hover { border: 1px solid #ededed; } .td_top_authors .td_mod_wrap:hover .td-author-post-count { background-color: #4db2ec; } .td_top_authors .td_mod_wrap:hover .td-author-comments-count { background-color: #4db2ec; opacity: 0.8; } .td_top_authors .td_mod_wrap:hover .td-authors-name a { color: #4db2ec; } .td_top_authors .block-title { margin-bottom: 16px; } .td_top_authors .td-authors-url { display: table; position: relative; top: -2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999; /* responsive portrait tablet */ } .td_top_authors .td-authors-url a { color: #999; font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-style: italic; } @media (min-width: 768px) and (max-width: 1018px) { .td_top_authors .td-authors-url { display: none; } } .td_top_authors .td-authors-name a { padding-bottom: 4px; font-family: 'Open Sans', arial, sans-serif; font-size: 15px; color: #222; line-height: 18px; font-weight: 600; display: inline-block; } .td_top_authors .td-authors-name a:after { content: ""; height: 96px; position: absolute; right: 0; top: -15px; width: 324px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_top_authors .td-authors-name a:after { width: 300px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_top_authors .td-authors-name a:after { width: 228px; } } @media (max-width: 767px) { .td_top_authors .td-authors-name a:after { width: 100%; } } .td_top_authors .td-author-post-count { background-color: #222; } .td_top_authors .td-author-comments-count { background-color: #444; } .td-big-grid-slide { height: 534px !important; overflow: hidden; /* responsive portrait phone */ /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (max-width: 767px) { .td-big-grid-slide { height: 451px !important; margin-bottom: 48px !important; margin-left: auto; margin-right: auto; } .td-big-grid-slide .td-big-grid-scroll { overflow: visible !important; white-space: normal; } .td-big-grid-slide .td_module_mx10, .td-big-grid-slide .td_module_mx9 { display: block !important; width: 100% !important; } .td-big-grid-slide .td_module_mx9 .td-module-thumb { max-height: 200px; } .td-big-grid-slide .td-big-grid-post-1 { margin-bottom: 3px !important; } .td-big-grid-slide .td-big-grid-post-2 { width: 50% !important; display: inline-block !important; margin-left: 0 !important; } .td-big-grid-slide .td-big-grid-post-2 .entry-thumb { min-height: 100%; min-width: 100%; } .td-big-grid-slide .td-big-grid-post-3 { width: 50% !important; display: inline-block !important; } .td-big-grid-slide .td-big-grid-post-3 .entry-thumb { min-height: 100%; min-width: 100%; } } @media (min-width: 1019px) and (max-width: 1140px) { .td-big-grid-slide { height: 474px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-big-grid-slide { height: 384px !important; } } .td-big-grid-slide .td-icon-left, .td-big-grid-slide .td-icon-right { z-index: 1; padding: 20px; position: absolute; display: block; height: 80px; margin-top: -65px; top: 50%; font-size: 40px; color: #fff; opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; /* responsive portrait phone */ } @media (max-width: 767px) { .td-big-grid-slide .td-icon-left, .td-big-grid-slide .td-icon-right { display: none; } } .td-big-grid-slide .td-icon-left { left: 0; } .td-big-grid-slide .td-icon-right { right: 0; } .td-big-grid-slide:hover .td-icon-left, .td-big-grid-slide:hover .td-icon-right { opacity: 0.6; } .td-big-grid-slide .td_block_wrap { /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1140px) { .td-big-grid-slide .td_block_wrap { width: 1068px !important; } } @media (min-width: 1019px) and (max-width: 1140px) { .td-big-grid-slide .td_block_wrap { width: 980px !important; } } @media (min-width: 768px) and (max-width: 1018px) { .td-big-grid-slide .td_block_wrap { width: 740px !important; } } @media (max-width: 767px) { .td-big-grid-slide .td_block_wrap { margin: 0 !important; padding: 0 !important; overflow: hidden; } } /* ---------------------------------------------------------------------------- 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; } .td-sidebar-left .td-crumb-container { padding-left: 372px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-sidebar-left .td-crumb-container { padding-left: 341px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-sidebar-left .td-crumb-container { padding-left: 256px; } } @media (max-width: 767px) { .td-sidebar-left .td-crumb-container { padding-left: 0; } } .td-sidebar-left-content { float: right !important; /* responsive portrait phone */ } @media (max-width: 767px) { .td-sidebar-left-content { float: none !important; } } /* ---------------------------------------------------------------------------- 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; } /* ---------------------------------------------------------------------------- Sharing Top */ .td-post-sharing { font-family: 'Open Sans', arial, sans-serif; margin-bottom: 21px; } .td-post-sharing a { display: inline-block; vertical-align: middle; } .td-default-sharing { display: inline-block; vertical-align: middle; } .td-social-sharing-buttons { font-size: 11px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px 13px 8px 13px; margin-right: 10px; height: 40px; min-width: 40px; text-align: center; } .td-social-sharing-buttons:hover { opacity: 0.8; } .td-social-sharing-buttons .td-sp { width: 14px; height: 20px; } .td-social-but-text { display: inline-block; position: relative; top: -1px; line-height: 16px; padding-left: 10px; margin-left: 12px; } .td-social-facebook { background-color: #516eab; } .td-social-facebook .td-icon-facebook { font-size: 14px; position: relative; top: 1px; } .td-social-facebook .td-social-but-text { border-left: 1px solid rgba(255, 255, 255, 0.1); } .td-social-twitter { background-color: #29c5f6; } .td-social-twitter .td-icon-twitter { font-size: 12px; } .td-social-twitter .td-social-but-text { border-left: 1px solid rgba(255, 255, 255, 0.2); } .td-social-google { background-color: #eb4026; width: 40px; } .td-social-google .td-icon-googleplus { font-size: 16px; position: relative; top: 0; left: -1px; line-height: 22px; } .td-social-pinterest { background-color: #ca212a; margin-right: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-pinterest { margin-right: 10px; } } .td-social-pinterest .td-icon-pinterest { font-size: 13px; position: relative; top: 1px; } .td-social-whatsapp { display: none !important; background-color: #7bbf6a; margin-right: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-whatsapp { display: inline-block !important; } } .td-social-whatsapp i { font-size: 20px; bottom: 2px; right: 2px; } .td-classic-sharing { display: inline-block; vertical-align: middle; } .td-classic-sharing ul { margin: 0 0 0 30px; height: 20px; } .td-classic-sharing li { display: inline-block; height: 20px; margin-left: 0; } .td-classic-twitter { position: relative; top: -1px; left: 2px; } .td-classic-twitter .twitter-share-button { margin: 0 !important; } /* ---------------------------------------------------------------------------- Sharing Bottom */ .td-post-sharing-bottom { border: 1px solid #ededed; padding: 10px 26px; margin-bottom: 40px; /* responsive portrait phone */ } .td-post-sharing-bottom .td-social-sharing-buttons { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 32px; min-width: 32px; padding: 6px 9px 4px 9px; } .td-post-sharing-bottom .td-social-but-text { margin-left: 8px; padding-left: 9px; } .td-post-sharing-bottom .td-social-google { width: 32px; } .td-post-sharing-bottom .td-social-google i { top: 0; left: -2px; } @media (max-width: 480px) { .td-post-sharing-bottom .td-social-but-text { display: none; } } @-moz-document url-prefix() { .td-post-sharing-bottom .td-social-sharing-buttons { padding: 7px 9px 4px; } .td-social-google .td-icon-googleplus { line-height: 20px; } } .td-post-share-title { font-weight: 700; font-size: 14px; position: relative; margin-right: 20px; vertical-align: middle; } /* responsive landscape tablet */ @media (max-width: 1140px) { .td-pb-span8 .td-with-like .td-social-but-text { display: none; } } /* responsive portrait tablet */ @media (max-width: 1018px) { .td-pb-span8 .td-with-like .td-post-share-title { display: none; } .td-pb-span8 .td-post-sharing-bottom.td-with-like { padding: 18px; } } /* responsive portrait phone */ @media (max-width: 767px) { .td-post-sharing { text-align: center; } .td-with-like .td-social-but-text, .td-with-like .td-post-share-title { display: none; } .td-post-sharing-top { margin-top: 15px; margin-bottom: 20px; } .td-post-sharing-bottom { padding: 20px 0; } } /* responsive 580px phone */ @media (max-width: 580px) { .td-post-sharing-top .td-social-but-text { display: none; } .td-default-sharing { margin-right: 0; } .td-classic-sharing { width: 100%; margin-top: 20px; } .td-classic-sharing ul { margin-left: 0; } .td-post-share-title { display: none; } } .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; } .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-post-prev-post, .td-post-next-post { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-prev-post, .td-post-next-post { width: 50%; } } /* ---------------------------------------------------------------------------- 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; width: 100px; /* 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; } /* ---------------------------------------------------------------------------- Related / similar articles */ /* related_posts_row */ .td-related-row { margin-right: -21px; *zoom: 1; /* responsive 500px phone */ } .td-related-row:before, .td-related-row:after { display: table; content: ""; } .td-related-row:after { clear: both; } .td-related-row [class*="td-related-span"] { display: block; min-height: 1px; float: left; padding-right: 24px; padding-left: 24px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-related-row [class*="td-related-span"] { padding-right: 20px; padding-left: 20px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-related-row [class*="td-related-span"] { padding-right: 14px; padding-left: 14px; } } @media (max-width: 767px) { .td-related-row [class*="td-related-span"] { padding-right: 0; padding-left: 0; } } .td-related-row .td-related-span4 { width: 33.33333333%; padding-left: 0; padding-right: 21px; /* responsive 500px phone */ } @media (max-width: 500px) { .td-related-row .td-related-span4 { padding-right: 10px; } } @media (max-width: 500px) { .td-related-row { margin-right: -10px; } .td-related-row .td-video-play-ico img { width: 20px; } } .td-related-full-width .td-related-row { margin-right: -22px; /* responsive portrait phone */ } .td-related-full-width .td-related-row .td-related-span4 { width: 20%; padding-right: 22px; position: relative; /* responsive portrait phone */ } @media (max-width: 767px) { .td-related-full-width .td-related-row .td-related-span4 { width: 100%; padding-right: 0; } } @media (max-width: 767px) { .td-related-full-width .td-related-row .td-video-play-ico img { width: 20px; } } .td_block_related_posts { position: relative; /* responsive portrait phone */ } .td_block_related_posts .td-module-thumb { margin-bottom: 7px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_related_posts .td-module-thumb { margin-bottom: 0; } } .td_block_related_posts .td-video-play-ico > img { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_related_posts .td-video-play-ico > img { width: 25px; } } .td_block_related_posts .td-module-title { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 13px; line-height: 20px; margin-top: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_related_posts .td-module-title { font-size: 17px; line-height: 23px; } } @media (max-width: 767px) { .td_block_related_posts .td-related-span4 { width: 100%; } .td_block_related_posts .td-module-image { position: absolute; width: 100px; } .td_block_related_posts .item-details { padding-left: 110px; min-height: 70px; margin-bottom: 26px; } } .td-related-title { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1; margin-top: 0; margin-bottom: 27px; border-bottom: 2px solid #222222; } .td-related-title > .td-related-left, .td-related-title > .td-related-right { line-height: 1; display: inline-block; padding: 9px 12px 5px 12px; white-space: nowrap; /* responsive 500px phone */ } @media (max-width: 500px) { .td-related-title > .td-related-left, .td-related-title > .td-related-right { width: 100%; } } .td-related-title > .td-related-left:hover, .td-related-title > .td-related-right:hover { color: inherit; } .td-related-title .td-cur-simple-item { background-color: #222222; color: #fff; } .td-related-title .td-cur-simple-item:hover { color: #fff; } @-moz-document url-prefix() { .td-related-title > .td-related-left, .td-related-title > .td-related-right { padding: 8px 12px 6px 12px; } } .td_mod_related_posts:hover h3 > a { color: #4db2ec; } /* ---------------------------------- Parallax header */ .td-parallax-header { margin-bottom: 60px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-parallax-header { margin-bottom: 36px; } } @media (max-width: 767px) { .td-parallax-header { margin-bottom: 25px; } } /* ---------------------------------- Post embeds */ .wp-embedded-content { width: 100%; } /* ---------------------------------------------------------------------------- Image gradient */ .td-image-gradient:before { bottom: 0; content: ""; display: block; height: 50%; width: 100%; position: absolute; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */ } @media (max-width: 1018px) { .td-image-gradient:before { height: 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 img { display: block; } .td-post-content table { margin-bottom: 21px; } .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; } /* ---------------------------------------------------------------------------- Template 1 */ .td-post-template-1 { /* Video */ } .td-post-template-1 .td-post-header .entry-title { font-size: 38px; line-height: 44px; } @media (max-width: 1018px) { .td-post-template-1 .td-post-header header .entry-title { font-size: 32px; line-height: 36px; } } .td-post-template-1 .td-post-sharing-top { margin-bottom: 30px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-1 .td-post-sharing-top { margin-bottom: 20px; } } .td-post-template-1 .td-featured-image-rec { float: left; width: 300px; margin-right: 21px; /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-1 .td-featured-image-rec { width: auto; margin-right: 15px; } } @media (max-width: 500px) { .td-post-template-1 .td-featured-image-rec { width: 100%; margin-right: 0; } } .td-post-template-1 .td-featured-image-rec img, .td-post-template-1 .td-featured-image-rec .wpb_video_wrapper { margin-bottom: 21px; } .td-post-template-1 .td-pb-span8 .td-featured-image-rec { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-1 .td-pb-span8 .td-featured-image-rec { width: 200px; margin-right: 17px; } } .td-post-template-1 .td-pb-span12 .format-video .td-featured-image-rec { float: left; width: 60%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-1 .td-pb-span12 .format-video .td-featured-image-rec { float: none; width: 100%; } } .td-post-template-1 .td-post-title .td-post-comments { margin-left: 22px; } .td-post-template-1 .td-post-title .td-post-views { margin-right: 0; } .td-post-template-1 .wpb_video_wrapper .twitter-video { min-width: 300px !important; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-1 .wpb_video_wrapper .twitter-video { min-width: 200px !important; } } /* Video */ .wpb_video_wrapper { margin-bottom: 26px; } .wpb_video_wrapper iframe { display: block; } .wpb_video_wrapper .twitter-video { max-width: none !important; } /* ---------------------------------------------------------------------------- Template 2 */ .td-post-template-2 .td-post-content { margin-top: 0; } .td-post-template-2 .td-post-header .entry-title { font-size: 44px; line-height: 54px; margin-bottom: 5px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-2 .td-post-header .entry-title { margin-bottom: 9px; } } @media (max-width: 1018px) { .td-post-template-2 .td-post-header header .entry-title { font-size: 32px; line-height: 36px; } } .td-post-template-2 .td-post-title .td-category { margin-bottom: 5px; } .td-post-template-2 .td-post-title .td-post-date { margin-right: 22px; } .td-post-template-2 .td-post-title .td-post-comments, .td-post-template-2 .td-post-title .td-post-views { float: none; display: inline-block; vertical-align: top; } .td-post-template-2 .td-post-featured-image img { width: auto; } .td-post-template-2 .td-post-sharing-top { margin-bottom: 30px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-2 .td-post-sharing-top { margin-top: 0; margin-bottom: 20px; } } .td-post-template-2 .td-post-sub-title { font-size: 19px; line-height: 25px; margin: 12px 0 20px; } @media (max-width: 767px) { .td-post-template-2 .td-post-sub-title { margin: 0 0 16px; } } /* ---------------------------------------------------------------------------- Template 3 */ .td-post-template-3 { /* responsive portrait phone */ /* align center top sharing on full width */ } .td-post-template-3 .td-post-featured-image img { margin-bottom: 0; } .td-post-template-3 .td-crumb-container { margin-top: 0; margin-bottom: 0; padding-top: 0; min-height: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-3 .td-crumb-container { padding-left: 10px; padding-right: 10px; } } .td-post-template-3 .td-crumb-container .entry-crumbs { padding-top: 15px; padding-bottom: 15px; } @media (max-width: 1018px) { .td-post-template-3 .td-crumb-container .entry-crumbs { padding-top: 10px; padding-bottom: 10px; } } .td-post-template-3 .td-post-header-holder { position: relative; min-height: 300px; background-color: #444; margin-bottom: 36px; overflow: hidden; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1018px) { .td-post-template-3 .td-post-header-holder { margin-bottom: 30px; } } @media (max-width: 767px) { .td-post-template-3 .td-post-header-holder { margin-bottom: 21px; min-height: 200px; } } .td-post-template-3 .td-post-header-holder .wp-caption-text { display: none; } .td-post-template-3 .td-post-featured-image img { margin-bottom: 0; } .td-post-template-3 .td-post-title { position: absolute; bottom: 0; padding: 0 30px 9px 30px; width: 80%; z-index: 1; /* responsive portrait phone */ } @media (max-width: 1018px) { .td-post-template-3 .td-post-title { width: 100%; } } @media (max-width: 767px) { .td-post-template-3 .td-post-title { padding: 0 14px 0; } } .td-post-template-3 .td-post-title .td-category { margin-bottom: 5px; } .td-post-template-3 .td-post-title .td-post-date { margin-right: 22px; } .td-post-template-3 .td-post-title .td-post-comments, .td-post-template-3 .td-post-title .td-post-views { float: none; display: inline-block; vertical-align: top; } .td-post-template-3 .td-post-title .td-post-author-name, .td-post-template-3 .td-post-title .td-post-author-name a, .td-post-template-3 .td-post-title .td-post-date, .td-post-template-3 .td-post-title .td-post-comments a, .td-post-template-3 .td-post-title .td-post-views { color: #fff; } .td-post-template-3 .td-post-title .wp-caption-text { color: #fff; position: absolute; bottom: 27px; right: 21px; margin-bottom: 0; height: 17px; max-width: 40%; overflow: hidden; text-align: right; } .td-post-template-3 .td-post-header .entry-title { font-size: 44px; line-height: 54px; font-weight: 500; margin-bottom: 14px; color: #fff; } .td-post-template-3 .td-post-header header .entry-title { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-3 .td-post-header header .entry-title { font-size: 36px; line-height: 46px; } } @media (max-width: 767px) { .td-post-template-3 .td-post-header header .entry-title { font-size: 22px; line-height: 26px; margin-bottom: 10px; } } .td-post-template-3 .td-post-header.td-container { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-3 .td-post-header.td-container { padding-right: 0; padding-left: 0; } } .td-post-template-3 .td-post-sub-title { color: #ddd; margin-bottom: 25px; font-size: 19px; line-height: 25px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-3 .td-post-sub-title { margin-bottom: 16px; font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .td-post-template-3 .td-post-sub-title { margin-top: 0; margin-bottom: 10px; font-size: 13px; line-height: 18px; color: #fff; } } .td-post-template-3 .td-post-content { margin-top: 0; } .td-post-template-3 .td-image-gradient:before { z-index: 1; } @media (max-width: 767px) { .td-post-template-3 .td-post-sharing-top { margin-top: 0; } } .td-post-template-3 .td-pb-span12.td-main-content .td-post-sharing-top { text-align: center; } .td-boxed-layout .td-post-template-3 .td-post-title { padding: 0 48px 25px; } @media (max-width: 1140px) { .td-boxed-layout .td-post-template-3 .td-post-title { padding: 0 21px 9px; } } .td-boxed-layout .td-post-template-3 .td-post-header-holder { width: 1164px; left: -48px; } @media (max-width: 1140px) { .td-boxed-layout .td-post-template-3 .td-post-header-holder { width: 100%; left: 0; } } /* ---------------------------------------------------------------------------- Template 4 */ .td-post-template-4 { /* responsive portrait phone */ } @media (max-width: 1018px) { .td-post-template-4 .td-post-header header .entry-title { font-size: 32px; line-height: 36px; } } .td-post-template-4 .td-crumb-container { margin-top: 0; margin-bottom: 0; padding-top: 0; min-height: 0; } .td-post-template-4 .td-crumb-container .entry-crumbs { margin-bottom: 0; padding-top: 15px; } @media (max-width: 1018px) { .td-post-template-4 .td-crumb-container .entry-crumbs { margin-bottom: -24px; padding-top: 10px; } } .td-post-template-4 .td-post-header-holder { position: relative; min-height: 240px; margin-bottom: 48px; padding-top: 13px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-4 .td-post-header-holder { margin-bottom: 30px; padding-top: 30px; } } @media (max-width: 767px) { .td-post-template-4 .td-post-header-holder { padding-top: 30px; margin-bottom: 0; background-color: transparent; min-height: 0; } } .td-post-template-4 .td-post-header-holder .wp-caption-text { display: none; } .td-post-template-4 .td-post-featured-image { background-color: #444; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-4 .td-post-featured-image { margin-bottom: 13px; } } .td-post-template-4 .td-post-featured-image .entry-thumb { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-4 .td-post-featured-image .entry-thumb { margin-bottom: 0; } } .td-post-template-4 .td-post-title { width: 720px; position: absolute; bottom: 0; padding: 21px 21px 0 0; background-color: #fff; z-index: 1; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-post-template-4 .td-post-title { width: 664px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-4 .td-post-title { width: 498px; } } @media (max-width: 767px) { .td-post-template-4 .td-post-title { width: 100%; padding: 0; position: relative; } } .td-post-template-4 .td-post-title h1.entry-title { margin-bottom: 14px; } @media (max-width: 1018px) { .td-post-template-4 .td-post-title h1.entry-title { margin-bottom: 9px; } } .td-post-template-4 .td-post-title .td-category { margin-bottom: 7px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-4 .td-post-title .td-category { margin-bottom: 0; } } .td-post-template-4 .td-post-title .td-module-meta-info { margin-bottom: 0; position: relative; bottom: -4px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-4 .td-post-title .td-module-meta-info { bottom: 0; } } .td-post-template-4 .td-post-title .wp-caption-text { color: #fff; position: absolute; bottom: 17px; right: 21px; margin-bottom: 0; max-width: 300px; text-align: right; } .td-post-template-4 .td-post-title .td-post-views { margin-right: 0; } .td-post-template-4 .td-post-title .td-post-comments { margin-left: 22px; } .td-post-template-4 .td-post-sub-title { margin-bottom: 18px; } .td-post-template-4 .td-post-content { margin-top: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-4 .td-post-content { margin-top: 16px; } } .td-post-template-4 .td-image-gradient:before { height: 57%; } @media (max-width: 767px) { .td-post-template-4 .td-image-gradient:before { display: none; } } /* ---------------------------------------------------------------------------- Template 5 */ @media (max-width: 1018px) { .td-post-template-5 .td-post-header header .entry-title { font-size: 32px; line-height: 36px; } } .td-post-template-5 .td-post-title .td-post-comments { margin-left: 22px; } .td-post-template-5 .td-post-title .td-post-views { margin-right: 0; } .td-post-template-5 .td-crumb-container { margin-bottom: 9px; } /* ---------------------------------------------------------------------------- Template 6 */ .td-post-template-6 { /* responsive portrait phone */ } .td-post-template-6 .td-post-header { height: 700px; position: relative; width: 1128px; /* responsive portrait tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-post-template-6 .td-post-header { width: 1040px; height: 600px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-6 .td-post-header { width: 740px; height: 500px; } } @media (max-width: 767px) { .td-post-template-6 .td-post-header { width: 100%; height: auto; padding: 0; } } .td-post-template-6 .td-post-header-holder { position: absolute; bottom: 0; z-index: 1; width: 100%; background-color: #fff; padding: 21px 30px 0 30px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-6 .td-post-header-holder { padding: 21px 21px 0; } } @media (max-width: 767px) { .td-post-template-6 .td-post-header-holder { padding: 10px 10px 0 10px; position: relative; } } .td-post-template-6 .entry-crumbs { margin-bottom: 9px; } .td-post-template-6 .td-post-header .entry-title { font-size: 44px; line-height: 54px; margin-bottom: 11px; } .td-post-template-6 .td-post-header header .entry-title { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-6 .td-post-header header .entry-title { font-size: 36px; line-height: 46px; } } @media (max-width: 767px) { .td-post-template-6 .td-post-header header .entry-title { font-size: 32px; line-height: 36px; margin-bottom: 9px; } } .td-post-template-6 .td-post-title .td-category { margin-bottom: 5px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-6 .td-post-title .td-category { margin-bottom: 0; } } .td-post-template-6 .td-post-title .td-post-date { margin-right: 22px; } .td-post-template-6 .td-post-title .td-post-comments, .td-post-template-6 .td-post-title .td-post-views { float: none; display: inline-block; vertical-align: top; } .td-post-template-6 .td-post-title .td-module-meta-info { margin-bottom: 0; } .td-post-template-6 .td-main-content, .td-post-template-6 .td-main-sidebar { margin-top: 48px; } @media (max-width: 767px) { .td-post-template-6 .td-main-content { margin-top: 0; } .td-post-template-6 .td-main-sidebar { margin-top: 28px; } } .td-post-template-6 .td-post-content { margin-top: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-6 .td-post-content { margin-top: 16px; } } .td-post-template-6 .td-post-sub-title { font-size: 19px; line-height: 25px; margin: 9px 0 18px; } .td-post-template-6 #td-full-screen-header-image { position: absolute; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-6 #td-full-screen-header-image { position: relative; height: 240px; } } .td-image-gradient-style6:after { top: 0; left: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#4d000000', GradientType=0); /* responsive portrait phone */ } @media (max-width: 767px) { .td-image-gradient-style6:after { display: none; } } .td-full-screen-header-image-wrap { position: relative; overflow: hidden; } #td-full-screen-header-image { top: 0; right: 0; left: 0; z-index: 0; height: 100%; text-align: center; } /* ---------------------------------------------------------------------------- Template 7 */ .td-post-template-7 { /* responsive portrait phone */ /* align center top sharing on full width */ } .td-post-template-7 .td-post-header { height: 700px; position: relative; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-post-template-7 .td-post-header { height: 600px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-7 .td-post-header { height: 500px; } } @media (max-width: 767px) { .td-post-template-7 .td-post-header { height: auto; min-height: 400px; } } .td-post-template-7 .td-post-header-holder { position: absolute; bottom: 0; z-index: 1; width: 100%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-7 .td-post-header-holder { width: auto; padding-right: 10px; } } .td-post-template-7 .td-crumb-container { z-index: 1; position: absolute; top: 0; left: 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-7 .td-crumb-container { padding-top: 12px; } } @media (max-width: 767px) { .td-post-template-7 .td-crumb-container { left: 10px; padding-right: 10px; padding-top: 10px; } } .td-post-template-7 .td-post-title .td-category { margin-bottom: 5px; } .td-post-template-7 .td-post-title .td-post-author-name, .td-post-template-7 .td-post-title .td-post-author-name a, .td-post-template-7 .td-post-title .td-post-date, .td-post-template-7 .td-post-title .td-post-comments a, .td-post-template-7 .td-post-title .td-post-views { color: #fff; } .td-post-template-7 .td-post-title .td-post-date { margin-right: 22px; } .td-post-template-7 .td-post-title .td-post-comments, .td-post-template-7 .td-post-title .td-post-views { float: none; display: inline-block; vertical-align: top; } .td-post-template-7 .entry-crumbs, .td-post-template-7 .entry-crumbs a { color: #fff; } .td-post-template-7 .td-post-header .entry-title { font-size: 44px; line-height: 54px; margin-bottom: 14px; color: #fff; } .td-post-template-7 .td-post-header .entry-title a { color: #fff; } .td-post-template-7 .td-post-header header .entry-title { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-7 .td-post-header header .entry-title { font-size: 36px; line-height: 46px; } } @media (max-width: 767px) { .td-post-template-7 .td-post-header header .entry-title { font-size: 26px; line-height: 32px; margin-bottom: 7px; } } .td-post-template-7 .td-post-sub-title { font-size: 19px; line-height: 25px; color: #ddd; margin-bottom: 25px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-7 .td-post-sub-title { margin-bottom: 16px; font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .td-post-template-7 .td-post-sub-title { margin-top: 0; margin-bottom: 10px; font-size: 13px; line-height: 18px; color: #fff; } } .td-post-template-7 .td-read-down { bottom: 0; z-index: 1; text-align: center; } .td-post-template-7 .td-read-down a { display: inline-block; } .td-post-template-7 .td-read-down .td-icon-read-down { font-size: 44px; opacity: 0.8; color: #fff; bottom: -10px; position: relative; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-7 .td-read-down .td-icon-read-down { font-size: 25px; bottom: 0; } } @media (max-width: 767px) { .td-post-template-7 .td-read-down .td-icon-read-down { font-size: 25px; bottom: 0; } } .td-post-template-7 .td-main-content, .td-post-template-7 .td-main-sidebar { margin-top: 48px; } @media (max-width: 767px) { .td-post-template-7 .td-main-content { margin-top: 0; } .td-post-template-7 .td-main-sidebar { margin-top: 28px; } } .td-post-template-7 .td-post-content { margin-top: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-7 .td-post-content { margin-top: 21px; } } .td-post-template-7 #td-full-screen-header-image { position: absolute; } .td-post-template-7 .td-pb-span12.td-main-content .td-post-sharing-top { text-align: center; } .td-post-template-7 .td-post-sharing-top { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-7 .td-post-sharing-top { margin-top: 21px; } } .td-image-gradient-style7:after { top: 0; left: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(18%, rgba(0, 0, 0, 0)), color-stop(28%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.8) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.8) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#cc000000', GradientType=0); } /* ---------------------------------------------------------------------------- Template 8 */ .td-post-template-8-box { margin: 0 auto; width: 1164px; padding: 0 48px; background-color: #fff; } @media (max-width: 1180px) { .td-post-template-8-box { width: 100%; padding: 0; } } .td-post-template-8 { background: transparent; /* responsive portrait phone */ /* align center top sharing on full width */ } .td-post-template-8 .td-post-header { margin: 0 auto; width: 1164px; height: 570px; position: relative; display: table; background-color: rgba(0, 0, 0, 0.5); /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1180px) { .td-post-template-8 .td-post-header { width: 100%; } } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-8 .td-post-header { height: 450px; } } @media (max-width: 767px) { .td-post-template-8 .td-post-header { height: 340px; } } .td-post-template-8 .td-post-sharing-top { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-8 .td-post-sharing-top { margin-top: 21px; } } .td-post-template-8 .td-post-header-holder { display: table-cell; padding: 20px 48px; z-index: 1; vertical-align: bottom; text-align: left; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1180px) { .td-post-template-8 .td-post-header-holder { padding: 20px 0; width: 1068px; } } @media (min-width: 1019px) and (max-width: 1140px) { .td-post-template-8 .td-post-header-holder { padding: 20px 0; width: 980px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-8 .td-post-header-holder { padding: 20px 0; width: 740px; } } @media (max-width: 767px) { .td-post-template-8 .td-post-header-holder { padding: 10px; } } .td-post-template-8 .td-crumb-container { z-index: 1; position: absolute; top: 0; left: 0; right: 0; width: 1068px; margin: auto; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-post-template-8 .td-crumb-container { width: 980px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-8 .td-crumb-container { width: 740px; } } @media (max-width: 767px) { .td-post-template-8 .td-crumb-container { width: 100%; padding: 11px; } } .td-post-template-8 .entry-crumbs, .td-post-template-8 .entry-crumbs a { color: #fff; } .td-post-template-8 .td-post-title .td-category { margin-bottom: 5px; } .td-post-template-8 .td-post-title .td-module-meta-info { margin-bottom: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-8 .td-post-title .td-module-meta-info { margin-bottom: 5px; } } .td-post-template-8 .td-post-title .td-post-author-name, .td-post-template-8 .td-post-title .td-post-author-name a, .td-post-template-8 .td-post-title .td-post-date, .td-post-template-8 .td-post-title .td-post-comments a, .td-post-template-8 .td-post-title .td-post-views { color: #fff; } .td-post-template-8 .td-post-title .td-post-date { margin-right: 22px; } .td-post-template-8 .td-post-title .td-post-comments, .td-post-template-8 .td-post-title .td-post-views { float: none; display: inline-block; vertical-align: top; } .td-post-template-8 .td-post-title { width: 81%; } @media (max-width: 1018px) { .td-post-template-8 .td-post-title { width: 100%; } } .td-post-template-8 .td-post-header .entry-title { font-size: 44px; line-height: 54px; margin-bottom: 14px; color: #fff; } .td-post-template-8 .td-post-header .entry-title a { color: #fff; } .td-post-template-8 .td-post-header header .entry-title { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-8 .td-post-header header .entry-title { font-size: 36px; line-height: 46px; } } @media (max-width: 767px) { .td-post-template-8 .td-post-header header .entry-title { font-size: 26px; line-height: 32px; margin-bottom: 7px; } } .td-post-template-8 .td-post-sub-title { font-size: 19px; line-height: 25px; color: #ddd; margin-bottom: 21px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-8 .td-post-sub-title { margin-bottom: 16px; font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .td-post-template-8 .td-post-sub-title { margin-top: 0; margin-bottom: 10px; font-size: 13px; line-height: 18px; color: #fff; } } .td-post-template-8 .td-main-content, .td-post-template-8 .td-main-sidebar { margin-top: 48px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td-post-template-8 .td-main-content, .td-post-template-8 .td-main-sidebar { margin-top: 26px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-8 .td-main-content, .td-post-template-8 .td-main-sidebar { margin-top: 21px; } } @media (max-width: 767px) { .td-post-template-8 .td-main-content { margin-top: 0; } .td-post-template-8 .td-main-sidebar { margin-top: 28px; } } .td-post-template-8 .td-post-content { margin-top: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-8 .td-post-content { margin-top: 21px; } } .td-post-template-8 .td-pb-span12.td-main-content .td-post-sharing-top { text-align: center; } .td-image-gradient-style8:after { top: 0; left: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; -webkit-box-shadow: inset 0 0 188px 0 #000000; -moz-box-shadow: inset 0 0 188px 0 #000000; box-shadow: inset 0 0 188px 0 #000000; z-index: -1; } /* ---------------------------------------------------------------------------- Template 9 */ @media (max-width: 1018px) { .td-post-template-9 .td-post-header header .entry-title { font-size: 32px; line-height: 36px; } } .td-post-template-9 .td-crumb-container { margin-top: 0; margin-bottom: 0; padding-top: 0; min-height: 0; } .td-post-template-9 .td-crumb-container .entry-crumbs { margin-bottom: -35px; padding-top: 15px; } @media (max-width: 1018px) { .td-post-template-9 .td-crumb-container .entry-crumbs { margin-bottom: -24px; padding-top: 10px; } } .td-post-template-9 .td-post-featured-video { margin-bottom: 48px; padding-top: 48px; /* responsive portrait phone */ } @media (max-width: 1018px) { .td-post-template-9 .td-post-featured-video { margin-bottom: 30px; padding-top: 30px; } } @media (max-width: 767px) { .td-post-template-9 .td-post-featured-video { margin-bottom: 13px; padding-top: 34px; } } .td-post-template-9 .td-post-featured-video .wpb_video_wrapper { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-9 .td-post-featured-video .wpb_video_wrapper { margin-bottom: 13px; } } .td-post-template-9 .td-post-featured-video iframe { display: block; } .td-post-template-9 .td-post-featured-image img { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-9 .td-post-featured-image img { margin-bottom: 0; } } .td-post-template-9 .td-post-title .td-post-comments { margin-left: 22px; } .td-post-template-9 .td-post-title .td-post-views { margin-right: 0; } /* ---------------------------------------------------------------------------- Template 10 */ @media (max-width: 1018px) { .td-post-template-10 .td-post-header header .entry-title { font-size: 32px; line-height: 36px; } } .td-post-template-10 .td-crumb-container { margin-top: 0; margin-bottom: 0; padding-top: 0; min-height: 0; } .td-post-template-10 .td-crumb-container .entry-crumbs { margin-bottom: -35px; padding-top: 15px; } @media (max-width: 1018px) { .td-post-template-10 .td-crumb-container .entry-crumbs { margin-bottom: -23px; padding-top: 9px; } } .td-post-template-10 .entry-crumbs a:hover { color: #fff; } .td-post-template-10 .td-post-featured-video { margin-bottom: 48px; padding-bottom: 48px; padding-top: 48px; } @media (max-width: 1018px) { .td-post-template-10 .td-post-featured-video { margin-bottom: 30px; padding-bottom: 30px; padding-top: 30px; /* responsive portrait phone */ } } @media (max-width: 1018px) and (max-width: 767px) { .td-post-template-10 .td-post-featured-video { margin-bottom: 13px; padding-bottom: 15px; padding-top: 30px; } } .td-post-template-10 .td-post-featured-video img, .td-post-template-10 .td-post-featured-video .wpb_video_wrapper { margin-bottom: 0; } .td-post-template-10 .td-post-featured-video iframe, .td-post-template-10 .td-post-featured-video img { display: block; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); } .td-post-template-10 .td-post-title .wp-caption-text { color: #c3c3c3; margin-bottom: 0; } .td-post-template-10 .td-post-title .td-post-comments { margin-left: 22px; } .td-post-template-10 .td-post-title .td-post-views { margin-right: 0; } .td-video-template-bg { background-color: #222222; } .td-video-template-bg .td-category a { background-color: #111; } /* ---------------------------------------------------------------------------- Template 11 */ .td-post-template-11 { /* responsive portrait phone */ } .td-post-template-11 .td-video-template-bg .td-pb-span4 { float: right; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-11 .td-video-template-bg .td-pb-span4 { clear: both; width: 100%; } } .td-post-template-11 .td-crumb-container { margin-top: 0; margin-bottom: 13px; padding-top: 14px; } .td-post-template-11 .entry-crumbs a:hover { color: #fff; } .td-post-template-11 .td-post-featured-video { padding-bottom: 21px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-11 .td-post-featured-video { clear: both; width: 100%; } } @media (max-width: 767px) { .td-post-template-11 .td-post-featured-video { clear: both; } } .td-post-template-11 .td-post-featured-video img { margin-bottom: 0; } .td-post-template-11 .td-post-featured-video iframe { display: block; } .td-post-template-11 .wpb_video_wrapper { margin-bottom: 0; } .td-post-template-11 .td-post-sharing-top { margin-bottom: 0; margin-top: 21px; text-align: center; } .td-post-template-11 .td-post-header { padding-bottom: 21px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-11 .td-post-header { padding-bottom: 16px; } } @media (max-width: 767px) { .td-post-template-11 .td-post-header { padding-bottom: 0; } } .td-post-template-11 .td-post-header .entry-title { font-size: 24px; line-height: 30px; font-weight: 500; color: #fff; } @media (max-width: 1018px) { .td-post-template-11 .td-post-header header .entry-title { font-size: 26px; line-height: 32px; } } .td-post-template-11 .td-post-sub-title { color: #ddd; font-size: 14px; margin-bottom: 10px; } .td-post-template-11 .td-post-title .td-module-meta-info { margin-bottom: 36px; /* responsive portrait phone */ } @media (max-width: 1018px) { .td-post-template-11 .td-post-title .td-module-meta-info { margin-bottom: 12px; } } .td-post-template-11 .td-post-title .td-post-date { margin-right: 22px; } .td-post-template-11 .td-post-title .td-post-comments, .td-post-template-11 .td-post-title .td-post-views { float: none; display: inline-block; vertical-align: top; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-11 .td-post-title .td-post-comments, .td-post-template-11 .td-post-title .td-post-views { margin-top: 0; } } .td-post-template-11 .td-post-title .td-post-author-name, .td-post-template-11 .td-post-title .td-post-date, .td-post-template-11 .td-post-title .td-post-comments a, .td-post-template-11 .td-post-title .td-post-views { color: #aaa; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-11 .td-post-title .td-post-author-name, .td-post-template-11 .td-post-title .td-post-date, .td-post-template-11 .td-post-title .td-post-comments a, .td-post-template-11 .td-post-title .td-post-views { float: left; } } .td-post-template-11 .td-post-title .td-post-comments { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-11 .td-post-title .td-post-comments { width: 60%; } } .td-post-template-11 .td-post-title .td-post-views { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-11 .td-post-title .td-post-views { clear: left; float: none; } } .td-post-template-11 .td-post-title .td-post-author-name a { color: #e6e6e6; } .td-post-template-11 .td-post-title .wp-caption-text { color: #c3c3c3; margin-bottom: 0; } .td-post-template-11 .td-post-title .td-category a { background-color: #000; } .td-post-template-11 .td_block_related_posts { padding-bottom: 0; } .td-post-template-11 .td_block_related_posts .td-module-thumb { /* responsive portrait phone */ } @media (max-width: 500px) { .td-post-template-11 .td_block_related_posts .td-module-thumb { margin-bottom: 0; } } .td-post-template-11 .td_block_related_posts .td-post-category { margin-right: 0; /* responsive portrait phone */ } @media (max-width: 500px) { .td-post-template-11 .td_block_related_posts .td-post-category { word-wrap: break-word; width: auto; } } .td-post-template-11 .td_block_related_posts .td-related-span4 { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-11 .td_block_related_posts .td-related-span4 { margin-top: 0; margin-bottom: 0; } } .td-post-template-11 .td_block_related_posts .item-details { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-11 .td_block_related_posts .item-details { padding-right: 10px; } } .td-post-template-11 .td_block_related_posts .td-related-row { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-11 .td_block_related_posts .td-related-row { margin-right: 0; } } .td-post-template-11 .td-related-title { border-bottom: none; padding-top: 12px; margin-bottom: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-11 .td-related-title { margin-bottom: 16px; } } .td-post-template-11 .td-related-title .td-related-left, .td-post-template-11 .td-related-title .td-related-right { color: #fff; } .td-post-template-11 .td-related-title .td-related-left { padding-left: 0; } .td-post-template-11 .td-related-title .td-related-left:hover, .td-post-template-11 .td-related-title .td-related-right:hover { color: #4db2ec; } .td-post-template-11 .td-related-title .td-cur-simple-item { background-color: transparent; color: #4db2ec; } .td-post-template-11 .td-related-span4 { margin-top: 12px; margin-bottom: 32px; } .td-post-template-11 .td_block_related_posts .td-next-prev-wrap { position: absolute; right: 0; top: 14px; } .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a { border: none; margin-right: 0; margin-left: 10px; font-size: 10px; padding: 0; line-height: 25px; width: 20px; } .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover { background-color: transparent; border: none; color: #4db2ec; } .td-post-template-11 .td_mod_related_posts .td-module-title { margin-bottom: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-post-template-11 .td_mod_related_posts .td-module-title { font-size: 11px; line-height: 15px; } } .td-post-template-11 .td_mod_related_posts a { color: #fff; } .td-post-template-11 .td-main-content, .td-post-template-11 .td-main-sidebar { margin-top: 48px; } @media (max-width: 767px) { .td-post-template-11 .td-main-content, .td-post-template-11 .td-main-sidebar { margin-top: 28px; } } .td-post-template-11 .td-post-content { margin-top: 0; } @media (max-width: 500px) { .td-post-template-11 .td-related-title > .td-related-right { padding-left: 0; } } .td-video-template-bg-small { background-color: #1d1d1d; } /* ---------------------------------------------------------------------------- Template 12, Template 13 */ .td-post-template-12 .td-post-header, .td-post-template-13 .td-post-header { margin-bottom: 40px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-12 .td-post-header, .td-post-template-13 .td-post-header { margin-bottom: 20px; } } .td-post-template-12 .td-post-header .entry-title, .td-post-template-13 .td-post-header .entry-title { font-size: 42px; line-height: 48px; font-weight: 600; padding: 10px 8%; text-align: center; letter-spacing: 0.02em; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-12 .td-post-header .entry-title, .td-post-template-13 .td-post-header .entry-title { padding: 10px; } } .td-post-template-12 .td-post-header .td-a-rec > div, .td-post-template-13 .td-post-header .td-a-rec > div, .td-post-template-12 .td-post-header .td-g-rec .adsbygoogle, .td-post-template-13 .td-post-header .td-g-rec .adsbygoogle { margin-bottom: 9px; margin-top: 9px; } .td-post-template-12 .td-post-header .td-crumb-container, .td-post-template-13 .td-post-header .td-crumb-container { padding-top: 11px; } .td-post-template-12 .td-post-header .td-category, .td-post-template-13 .td-post-header .td-category { text-align: center; } .td-post-template-12 .td-post-header .td-post-title, .td-post-template-13 .td-post-header .td-post-title { margin-top: 16px; } .td-post-template-12 .td-post-header .td-post-title .td-category, .td-post-template-13 .td-post-header .td-post-title .td-category { margin-bottom: 5px; } .td-post-template-12 .td-post-header .td-post-title .td-post-date, .td-post-template-13 .td-post-header .td-post-title .td-post-date { margin-right: 22px; } .td-post-template-12 .td-post-header .td-post-title .td-post-comments, .td-post-template-13 .td-post-header .td-post-title .td-post-comments, .td-post-template-12 .td-post-header .td-post-title .td-post-views, .td-post-template-13 .td-post-header .td-post-title .td-post-views { float: none; display: inline-block; vertical-align: top; } .td-post-template-12 .td-post-header .td-post-title .td-post-author-name, .td-post-template-13 .td-post-header .td-post-title .td-post-author-name, .td-post-template-12 .td-post-header .td-post-title .td-post-date, .td-post-template-13 .td-post-header .td-post-title .td-post-date { float: none; } .td-post-template-12 .td-post-header .td-module-meta-info, .td-post-template-13 .td-post-header .td-module-meta-info { text-align: center; } @media (max-width: 1018px) { .td-post-template-12 .td-post-header header .entry-title, .td-post-template-13 .td-post-header header .entry-title { font-size: 32px; line-height: 36px; } } .td-post-template-12 .td-post-sharing-top, .td-post-template-13 .td-post-sharing-top { text-align: center; margin-bottom: 30px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-12 .td-post-sharing-top, .td-post-template-13 .td-post-sharing-top { margin-top: 5px; margin-bottom: 20px; } } .td-post-template-12 .td-post-content, .td-post-template-13 .td-post-content, .td-post-template-12 .td_smart_list_1, .td-post-template-13 .td_smart_list_1, .td-post-template-12 .td_smart_list_2, .td-post-template-13 .td_smart_list_2, .td-post-template-12 .td_smart_list_3, .td-post-template-13 .td_smart_list_3, .td-post-template-12 .td_smart_list_4, .td-post-template-13 .td_smart_list_4, .td-post-template-12 .td_smart_list_5, .td-post-template-13 .td_smart_list_5, .td-post-template-12 .td_smart_list_6, .td-post-template-13 .td_smart_list_6, .td-post-template-12 .td_smart_list_7, .td-post-template-13 .td_smart_list_7, .td-post-template-12 .td_smart_list_8, .td-post-template-13 .td_smart_list_8 { margin-top: 0; } .td-post-template-12 .td-post-sub-title, .td-post-template-13 .td-post-sub-title { font-size: 19px; line-height: 25px; margin: 12px 0 20px; } @media (max-width: 767px) { .td-post-template-12 .td-post-sub-title, .td-post-template-13 .td-post-sub-title { margin: 0 0 16px; } } /* ---------------------------------------------------------------------------- Sidebar fix for post template with parallax */ .td-post-template-6 .td-ss-main-sidebar, .td-post-template-7 .td-ss-main-sidebar { -webkit-transform: translate3d(0, 0, 0); } /* ---------------------------------------------------------------------------- Comment section */ .comment { list-style: none; margin-left: 0; padding-bottom: 13px; border-bottom: 1px dashed #ededed; margin-bottom: 21px; } .comment:first-child { border-top: none; } .comment .avatar { float: left; margin-right: 20px; margin-bottom: 20px; width: 50px; } .comment cite { font-family: 'Open Sans', arial, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; line-height: 1; /* responsive 500px phone */ } @media (max-width: 500px) { .comment cite { font-size: 16px; } } .comment cite a { /* responsive 500px phone */ } @media (max-width: 500px) { .comment cite a { display: block; } } .comment .comment-content, .comment .comment-meta, .comment .comment-respond { margin-left: 70px; } .comment .comment-content { margin-top: 7px; } .comment .comment-content p { margin-bottom: 21px; } .comment .comment-content p:last-child { margin-bottom: 0; } .comment p { margin-bottom: 0; word-wrap: break-word; } .comment .logged-in-as { margin-bottom: 10px; } .comment .children { margin-left: 70px; padding-top: 16px; border-top: 1px dashed #ededed; margin-top: 13px; /* responsive portrait phone */ } @media (max-width: 500px) { .comment .children { margin-left: 34px; } } .comment .children .children { margin-left: 56px; /* responsive portrait phone */ } @media (max-width: 500px) { .comment .children .children { margin-left: 0; } } .comment .children .comment:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .comment .children .comment .avatar { width: 36px; height: 36px; position: relative; top: 5px; /* responsive 500px phone */ } @media (max-width: 500px) { .comment .children .comment .avatar { top: 0; } } .comment .children .comment .comment-content, .comment .children .comment .comment-meta, .comment .children .comment .comment-respond { margin-left: 56px; } .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-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-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; } } /* ---------------------------------------------------------------------------- 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; } } /* ---------------------------------------------------------------------------- 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; } /* ---------------------------------------------------------------------------- header */ .td-review { width: 100%; margin-bottom: 34px; font-size: 13px; } .td-review td { padding: 7px 14px; } .td-review .td-review-summary { padding: 21px 14px; } @media (max-width: 767px) { .td-review .td-review-summary { padding: 0; } } .td-review i { margin-top: 5px; } .td-review .td-review-row-stars:hover { background-color: #fcfcfc; } .td-review .td-review-percent-sign { font-size: 15px; line-height: 1; } .td-review-header .block-title { background-color: #222; color: #fff; display: inline-block; line-height: 16px; padding: 8px 12px 6px; margin-bottom: 0; border-bottom: 0; } .td-review-header td { padding: 26px 0 26px 0; border: 0; } @-moz-document url-prefix() { .td-review-header .block-title { padding: 7px 12px; } } .td-icon-star, .td-icon-star-empty, .td-icon-star-half { font-size: 15px; width: 20px; } /* ---------------------------------------------------------------------------- rating stars */ .td-review-stars { text-align: center; } @media (max-width: 767px) { .td-review-stars { width: 134px; } } .td-review-final-score { line-height: 80px; font-size: 48px; margin-bottom: 5px; } /* ---------------------------------------------------------------------------- review bars */ .td-rating-bar-wrap { margin: 0 0 7px 0; background-color: #f5f5f5; } .td-rating-bar-wrap div { height: 20px; background-color: #4db2ec; max-width: 100%; } .td-review-row-bars .td-review-desc { display: inline-block; padding-bottom: 2px; } /* ---------------------------------------------------------------------------- percent */ .td-review-percent { float: right; padding-bottom: 2px; } /* ---------------------------------------------------------------------------- footer */ @media (max-width: 767px) { .td-review-footer { border-left: 1px solid #ededed; position: relative; display: block; } .td-review-footer:after { content: ''; width: 1px; background-color: #ededed; position: absolute; right: -1px; top: 0; height: 100%; } } .td-review-summary { padding: 21px 0 0 0; vertical-align: top; } @media (max-width: 767px) { .td-review-summary { display: block; width: 100%; clear: both; border: 0; } } .td-review-summary .block-title { background-color: #222; color: #fff; display: inline-block; line-height: 16px; padding: 8px 12px 6px; margin-bottom: 13px; position: relative; border-bottom: 0; } @media (max-width: 767px) { .td-review-summary .block-title { margin: 14px 0 0 14px; } } @-moz-document url-prefix() { .td-review-summary .block-title { padding: 7px 12px; } } .td-review-summary-content { font-size: 12px; margin-right: 21px; } @media (max-width: 767px) { .td-review-summary-content { margin: 14px; } } .td-review-score { font-family: 'Open Sans', arial, sans-serif; font-weight: bold; text-align: center; padding: 0; vertical-align: bottom; width: 150px; } @media (max-width: 767px) { .td-review-score { display: block; width: 100%; padding: 0; border-left: 0; border-right: 0; } } .td-review-overall { padding: 0 0 28px 0; line-height: 14px; } .td-review-overall span { font-size: 11px; } .td-review-final-star { margin-bottom: 5px; } @media (max-width: 767px) { .td-review-row-stars { display: block; width: 100%; clear: both; float: left; border: 1px solid #ededed; border-bottom: 0; border-right: 0; } .td-review-row-stars td { float: left; border: 0; } .td-review-row-stars .td-review-desc { width: 70%; padding: 9px 14px; } .td-review-row-stars .td-review-stars { width: 30%; text-align: right; } .td-review-row-stars:nth-last-of-type(2) { border-bottom: 1px solid #ededed; } } @media (max-width: 500px) { .td-review-row-stars .td-review-desc { width: 55%; } .td-review-row-stars .td-review-stars { width: 45%; } } /* ---------------------------------------------------------------------------- wordpress default galleries */ .gallery-item { display: inline-block; text-align: center; vertical-align: top; margin-bottom: 20px; width: 100%; } .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-bottom: 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 14px; width: 80%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-gallery-title { width: 65%; } } /* controls wrapper */ .td-gallery-controls-wrapper { height: 33px; 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; position: relative; top: -8px; } .td-gallery-slide-prev-next-but { display: inline-block; margin-right: 12px; position: relative; } .td-gallery-slide-prev-next-but .td-icon-left, .td-gallery-slide-prev-next-but .td-icon-right { font-size: 30px; padding: 1px 8px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .td-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 { 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: 180px; } } .td-doubleSlider-1 .td-slide-galery-figure { width: 1068px; 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: 180px; } } .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 { margin: auto; overflow: auto; position: absolute; left: -50%; right: -50%; top: -50%; bottom: -50%; } .td-doubleSlider-1 .td-slide-item .td-slide-caption { position: absolute; bottom: 0; left: 0; text-align: left; /* if caption or description text is present */ } .td-doubleSlider-1 .td-slide-item .td-slide-caption span { font-family: '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%; /*span { padding: 7px 6px 7px 17px; display: inline-block; }*/ } .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: 180px; } } .td-slide-on-2-columns .td-doubleSlider-1 .td-slide-galery-figure { width: 696px; 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: 180px; } } .td-slide-on-2-columns .td-button { margin: 0 5px; } .td-doubleSlider-2 { padding: 20px 0 10px 0; height: 80px !important; width: 100%; background-color: #111; /* 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; } .td-doubleSlider-2 .td-button:hover { cursor: pointer; } .td-doubleSlider-2 .td-button { /* responsive landscape tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-doubleSlider-2 .td-button { top: -9px !important; } } .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; } /* ---------------------------------------------------------------------------- Fix gallery on td_module_15 in homepage loop - on 3 columns */ .td-pb-span12 .td-slide-on-2-columns .td-slide-galery-figure { width: 1068px; } /* ---------------------------------------------------------------------------- Fix gallery on post with VC in text widget */ .single .td-pb-span12 .wpb_text_column .td-slide-on-2-columns .td-slide-galery-figure { width: 100%; } /* ---------------------------------------------------------------------------- General Category Templates */ .td-pulldown-filter-list { display: none; } .td-category-pulldown-filter:hover .td-pulldown-filter-list { display: block; } .td-category-header { background-color: #fff; clear: both; } .td-category-header .td-container { position: relative; } .td-category-header .td-page-title { text-transform: uppercase; font-weight: 700; margin-top: -2px; margin-bottom: 0; } .td-category-header .entry-category a { font-size: 11px; padding: 4px 8px 5px 8px; } .td-category-header .td-category-pulldown-filter { position: absolute; top: 49px; right: 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-category-header .td-category-pulldown-filter { top: 46px; } } @media (max-width: 767px) { .td-category-header .td-category-pulldown-filter { top: 50px; right: 10px; } } .td-category-header .td-pulldown-filter-display-option { background-color: #222222; color: #fff; font-family: 'Roboto', sans-serif; text-transform: uppercase; cursor: pointer; padding: 5px 13px 4px 13px; font-size: 11px; white-space: nowrap; } .td-category-header .td-icon-menu-down { font-size: 9px; margin-left: 5px; position: relative; top: -1px; } .td-category-header .td-pulldown-filter-list { position: absolute; z-index: 2; right: 0; background-color: #222222; padding: 6px 0; text-align: left; margin: 4px 0 0; min-width: 113px; } .td-category-header .td-pulldown-filter-list a { background-color: transparent !important; } .td-category-header .td-pulldown-filter-item { list-style: none; margin-left: 0; line-height: 1; } .td-category-header .td-pulldown-category-filter-link { padding: 0 13px; display: inline-block; font-size: 10px; line-height: 24px; width: 100%; color: #fff; text-transform: none; } .td-category-header .td-pulldown-category-filter-link:hover { color: #4db2ec; } .td-category-description { width: 90%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-category-description { width: 100%; } } .td-category-description p { font-style: italic; font-family: 'Open Sans', arial, sans-serif; color: #777; font-size: 16px; line-height: 26px; margin-bottom: 0; margin-top: 15px; } @-moz-document url-prefix() { .td-category-header .td-pulldown-filter-display-option { padding: 4px 13px 5px 13px; } } .td-category-siblings { z-index: 2; opacity: 0; width: 744px; position: relative; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-category-siblings { width: 560px; } } @media (max-width: 767px) { .td-category-siblings { margin-right: 0; width: auto; } } .td-category-siblings .td-category { display: inline-block; vertical-align: top; height: 20px; overflow: hidden; } .td-category-siblings .td-subcat-more { line-height: 1; padding: 4px 5px 3px; } .td-category-siblings .td-subcat-dropdown { background-color: transparent; display: inline-block; padding: 0; position: absolute; border: 1px solid #eaeaea; color: #222; top: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-category-siblings .td-subcat-dropdown { position: absolute; top: 0; } } .td-category-siblings .td-subcat-dropdown i { margin: 0; top: 0; } .td-category-siblings .td-subcat-dropdown ul { z-index: 999; border: 1px solid #e6e6e6; margin: 0; } .td-category-siblings .td-subcat-dropdown:hover { border-color: #222; color: #fff; background-color: #222; } .td-category-siblings .td-subcat-dropdown:hover ul { display: block; border-color: #222; right: -1px; top: 23px; } .td-category-siblings .td-subcat-dropdown:hover ul:before { background-color: #222; content: ''; height: 4px; position: absolute; right: -1px; top: -5px; width: 21px; } .td-category-siblings .td-subcat-dropdown li { list-style: none; margin-left: 0; } .td-category-siblings .td-subcat-dropdown a { display: block; color: #fff !important; padding: 0 13px; white-space: nowrap; text-transform: none; font-size: 10px; } .td-category-siblings .td-subcat-dropdown a:hover { color: #4db2ec; } .td-category-siblings .td-subcat-dropdown a.td-current-sub-category { background-color: transparent; color: #4db2ec; } .td-js-loaded .td-category-siblings { opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .category .td-crumb-container { /* responsive portrait phone */ } @media (max-width: 767px) { .category .td-crumb-container { margin-bottom: 3px; padding-top: 15px; } } .category .td-category-grid .td_block_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .category .td-category-grid .td_block_wrap { padding-bottom: 40px; } } .category .td-main-content .td-load-more-wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .category .td-main-content .td-load-more-wrap { margin-bottom: 26px; } } /* ---------------------------------------------------------------------------- Category Template 1 */ .td_category_template_1 .td-category-header { padding-bottom: 18px; } @media (max-width: 1018px) { .td_category_template_1 .td-category-header { padding-bottom: 14px; } } .td_category_template_1 .td-category-description p { margin-top: 12px; margin-bottom: 5px; } @media (max-width: 1018px) { .td_category_template_1 .td-category-description p { margin-top: 9px; } } .td_category_template_1 .td-category-pulldown-filter { /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_1 .td-category-pulldown-filter { display: none; } } .td_category_template_1.td_category_top_posts_style_disable .td-category-description p { margin-bottom: 6px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_1.td_category_top_posts_style_disable .td-category-description p { margin-bottom: 5px; } } /* ---------------------------------------------------------------------------- Category Template 2 */ .td_category_template_2 .td-category-header { background-color: #fcfcfc; border-bottom: 1px solid #f2f2f2; padding-bottom: 18px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_2 .td-category-header { padding-bottom: 14px; } } .td_category_template_2 .td-category-pulldown-filter { top: 42px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_2 .td-category-pulldown-filter { top: 40px; } } @media (max-width: 767px) { .td_category_template_2 .td-category-pulldown-filter { display: none; } } .td_category_template_2 .td-crumb-container { margin-bottom: 2px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_2 .td-crumb-container { padding-top: 15px; margin-bottom: 3px; } } .td_category_template_2 .td-category-description p { margin-top: 12px; margin-bottom: 1px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_2 .td-category-description p { margin-top: 9px; margin-bottom: 0; } } .td_category_template_2 .td-category-grid { padding-top: 26px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_2 .td-category-grid { padding-top: 21px; } } .td_category_template_2.td_category_top_posts_style_disable .td-main-content-wrap { padding-top: 26px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_2.td_category_top_posts_style_disable .td-main-content-wrap { padding-top: 21px; } } /* ---------------------------------------------------------------------------- Category Template 3 */ .td_category_template_3 .td-category-header { padding-bottom: 23px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_3 .td-category-header { padding-bottom: 19px; } } @media (max-width: 767px) { .td_category_template_3 .td-category-header { padding-bottom: 20px; } } .td_category_template_3 .td-crumb-container { margin-bottom: 2px; } .td_category_template_3 .td-category-siblings { margin-top: 13px; margin-bottom: 6px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_3 .td-category-siblings { margin-top: 14px; margin-bottom: 1px; } } @media (max-width: 767px) { .td_category_template_3 .td-category-siblings { margin-top: 14px; margin-bottom: 0; } } .td_category_template_3 .td-category-siblings .td-subcat-dropdown { border-color: #222; color: #fff; background-color: #222; } .td_category_template_3 .td-category-description p { margin-top: 19px; } @media (max-width: 1018px) { .td_category_template_3 .td-category-description p { margin-top: 15px; } } .td_category_template_3 .td-category, .td_category_template_3 .entry-category { margin-bottom: 0; } .td_category_template_3 .td-current-sub-category { background-color: #4db2ec; } .td_category_template_3 .td-category-pulldown-filter { top: 83px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_3 .td-category-pulldown-filter { top: 80px; } } @media (max-width: 767px) { .td_category_template_3 .td-category-pulldown-filter { display: none; } } @-moz-document url-prefix() { .td_category_template_3 .td-category-siblings .td-subcat-more { padding: 3px 5px 4px; } } /* ---------------------------------------------------------------------------- Category Template 4 */ .td_category_template_4 .td-category-header { padding-bottom: 23px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_4 .td-category-header { padding-bottom: 19px; } } @media (max-width: 767px) { .td_category_template_4 .td-category-header { padding-bottom: 20px; } } .td_category_template_4 .td-crumb-container { margin-bottom: 3px; } .td_category_template_4 .td-category-siblings { margin-top: 13px; margin-bottom: 6px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_4 .td-category-siblings { margin-top: 14px; margin-bottom: 1px; } } @media (max-width: 767px) { .td_category_template_4 .td-category-siblings { margin-top: 14px; margin-bottom: 0; } } .td_category_template_4 .td-category-siblings .td-category { margin-bottom: 0; } .td_category_template_4 .td-category-siblings .td-category a { background-color: transparent; color: #222222; border: 1px solid #eaeaea; padding: 3px 7px 4px 7px; } .td_category_template_4 .td-category-siblings .td-category a:hover { border-color: #4db2ec; background-color: #4db2ec; color: #fff; } .td_category_template_4 .td-category-siblings .td-category .td-current-sub-category { background-color: #222222; border-color: #222222; color: #fff; } .td_category_template_4 .td-category-siblings .entry-category { margin-bottom: 0; } .td_category_template_4 .td-category-description p { margin-top: 19px; } @media (max-width: 1018px) { .td_category_template_4 .td-category-description p { margin-top: 15px; } } .td_category_template_4 .td-category-pulldown-filter { top: 83px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_4 .td-category-pulldown-filter { top: 81px; } } @media (max-width: 767px) { .td_category_template_4 .td-category-pulldown-filter { display: none; } } @-moz-document url-prefix() { .td_category_template_4 .td-category-siblings .td-subcat-more { padding: 3px 5px 4px; } } /* ---------------------------------------------------------------------------- Category Template 5 */ .td_category_template_5 .td-category-header { padding-bottom: 18px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_5 .td-category-header { padding-bottom: 13px; } } @media (max-width: 767px) { .td_category_template_5 .td-category-header { padding-bottom: 14px; } } .td_category_template_5 .td-crumb-container { padding-bottom: 20px; padding-top: 20px; margin-bottom: 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_5 .td-crumb-container { padding-bottom: 15px; padding-top: 15px; } } @media (max-width: 767px) { .td_category_template_5 .td-crumb-container { padding-bottom: 9px; padding-top: 9px; } } .td_category_template_5 .td-scrumb-holder { min-height: 62px; background-color: #fcfcfc; border-bottom: 1px solid #f2f2f2; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_5 .td-scrumb-holder { min-height: 52px; } } @media (max-width: 767px) { .td_category_template_5 .td-scrumb-holder { min-height: 0; } } .td_category_template_5 .td-category-pulldown-filter { top: 16px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_5 .td-category-pulldown-filter { top: 11px; } } @media (max-width: 767px) { .td_category_template_5 .td-category-pulldown-filter { display: none; } } .td_category_template_5 .td-page-title { margin-top: 18px; } @media (max-width: 1018px) { .td_category_template_5 .td-page-title { margin-top: 13px; } } .td_category_template_5 .td-category-description p { margin-top: 12px; margin-bottom: 5px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_5 .td-category-description p { margin-top: 9px; margin-bottom: 6px; } } @media (max-width: 767px) { .td_category_template_5 .td-category-description p { margin-top: 4px; margin-bottom: 0; } } /* ---------------------------------------------------------------------------- Category Template 6 */ .td_category_template_6 .td-category-header { margin: 0 auto; width: 1164px; min-height: 364px; display: table; position: relative; background-color: rgba(0, 0, 0, 0.5); z-index: 0; } @media (max-width: 1180px) { .td_category_template_6 .td-category-header { width: 100%; } } .td_category_template_6 .td-category-header .td-page-title, .td_category_template_6 .td-category-header p { color: #fff; } .td_category_template_6 .td-pulldown-container { width: 1068px; height: 51px; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_category_template_6 .td-pulldown-container { width: 980px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_6 .td-pulldown-container { width: 740px; } } @media (max-width: 767px) { .td_category_template_6 .td-pulldown-container { width: 100%; } } .td_category_template_6 .td-crumb-container { z-index: 1; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 1068px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_category_template_6 .td-crumb-container { width: 980px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_6 .td-crumb-container { width: 740px; } } @media (max-width: 767px) { .td_category_template_6 .td-crumb-container { padding-left: 10px; padding-right: 10px; text-align: left; width: 100%; } } .td_category_template_6 .entry-crumbs, .td_category_template_6 .entry-crumbs a { color: #fff; } .td_category_template_6 .td-category-pulldown-filter { z-index: 2; bottom: 26px; top: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_6 .td-category-pulldown-filter { display: table; right: 0; left: 0; bottom: 0; margin: auto; position: relative; } } .td_category_template_6 .td-pulldown-filter-display-option { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4); padding: 4px 13px 3px 13px; } .td_category_template_6 .td-pulldown-filter-display-option:hover { background-color: #222222; border-color: #222222; } .td_category_template_6 .td-pulldown-filter-list { margin-top: 4px; } .td_category_template_6 .td-category-description { width: 100%; } .td_category_template_6 .td-category-description p { margin-top: 25px; margin-bottom: 25px; } .td_category_template_6 .td-main-content-wrap { padding-top: 48px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_6 .td-main-content-wrap { padding-top: 26px; } } @media (max-width: 767px) { .td_category_template_6 .td-main-content-wrap { padding-top: 40px; } } .td_category_template_6 .td-category-grid { padding-top: 48px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_6 .td-category-grid { padding-top: 26px; } } @media (max-width: 767px) { .td_category_template_6 .td-category-grid { padding-top: 40px; } } .td_category_template_6 .td-category-grid .td_block_wrap { padding-bottom: 0; } @-moz-document url-prefix() { .td_category_template_6 .td-pulldown-filter-display-option { padding: 3px 13px 4px 13px; } } .td-category-title-holder { display: table-cell; padding: 110px 15%; z-index: 2; text-align: center; vertical-align: middle; /* responsive portrait phone */ } @media (max-width: 767px) { .td-category-title-holder { padding: 80px 5%; } } .td-category-title-holder .td-page-title { font-weight: 500; font-size: 36px; line-height: 54px; } .td-category-title-holder .entry-title.td-page-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-category-title-holder .entry-title.td-page-title { font-size: 30px; line-height: 40px; } } /* ---------------------------------------------------------------------------- Category Template 7 */ .td_category_template_7 .td-category-header { margin-bottom: 0; position: relative; } .td_category_template_7 .td-crumb-container { z-index: 1; position: absolute; top: 0; left: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_7 .td-crumb-container { left: 10px; } } .td_category_template_7 .td-pulldown-container { /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_7 .td-pulldown-container { height: 56px; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; } } .td_category_template_7 .td-category-title-holder { padding: 80px 15% 89px; display: table; width: 100%; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_7 .td-category-title-holder { padding: 60px 5% 69px; } } .td_category_template_7 .td-category-pulldown-filter { top: 18px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_7 .td-category-pulldown-filter { display: table; right: 0; left: 0; margin: auto; position: relative; bottom: 0; top: auto; } } .td_category_template_7 .td-category-description { width: 100%; } .td_category_template_7 .td-category-description p { margin-top: 25px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_7 .td-category-description p { margin-bottom: 28px; margin-top: 7px; } } /* ---------------------------------------------------------------------------- Category Template 8 */ .td_category_template_8 .td-category-header { position: relative; background-color: rgba(0, 0, 0, 0.5); margin-bottom: 0; z-index: 0; } .td_category_template_8 .td-category-header .td-container { height: 364px; display: table; } .td_category_template_8 .td-category-header .td-page-title, .td_category_template_8 .td-category-header p { color: #fff; } .td_category_template_8 .td-category-header .td-page-title { margin-top: -14px; } .td_category_template_8 .td-category-header .td-category { margin-bottom: 0; vertical-align: top; } .td_category_template_8 .td-category-header .td-category a { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4); padding: 3px 7px 4px 7px; } .td_category_template_8 .td-category-header .td-category a:hover { border-color: #fff; background-color: #fff; color: #000; opacity: 1; } .td_category_template_8 .td-category-header .td-category a.td-current-sub-category { background-color: #4db2ec; border-color: #4db2ec; color: #fff; } .td_category_template_8 .td-crumb-container { z-index: 3; position: absolute; top: 0; left: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_8 .td-crumb-container { left: 10px; } } .td_category_template_8 .entry-crumbs, .td_category_template_8 .entry-crumbs a { color: #fff; } .td_category_template_8 .td-category-pulldown-filter { z-index: 2; bottom: 26px; top: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_8 .td-category-pulldown-filter { display: none; } } .td_category_template_8 .td-pulldown-filter-display-option { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.4); padding: 4px 13px 3px 13px; } .td_category_template_8 .td-pulldown-filter-display-option:hover { background-color: #222222; border-color: #222222; } .td_category_template_8 .td-pulldown-filter-list { margin-top: 4px; } .td_category_template_8 .td-category-description { margin-top: 16px; width: 100%; } .td_category_template_8 .td-category-grid { padding-top: 48px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_category_template_8 .td-category-grid { padding-top: 26px; } } @media (max-width: 767px) { .td_category_template_8 .td-category-grid { padding-top: 40px; } } .td_category_template_8 .td-category-grid .td_block_wrap { padding-bottom: 0; } .td_category_template_8 .td-main-content-wrap { padding-top: 48px; } .td_category_template_8 .td-category-title-holder { text-align: left; position: relative; padding: 63px 5% 63px 0; } .td_category_template_8 .td-category-siblings { margin-top: 12px; } .td_category_template_8 .td-subcat-dropdown { padding: 0; color: #fff; vertical-align: top; } @-moz-document url-prefix() { .td_category_template_8 .td-category-pulldown-filter .td-pulldown-filter-display-option { padding: 3px 13px 4px 13px; } .td_category_template_8 .td-category-header .td-category a { padding: 4px 7px 3px; } } /** * More stories box */ .td-more-articles-box { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: fixed; width: 341px; bottom: 48px; right: -384px; background-color: #fff; padding: 16px 20px 0 20px; border-style: solid; border-color: #ededed; border-width: 1px 0 1px 1px; z-index: 9999; visibility: hidden; -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); /* custom */ /* responsive portrait phone */ } @media (max-width: 767px) { .td-more-articles-box { display: none !important; } } .td-more-articles-box-title { font-family: 'Open Sans', arial, sans-serif; color: #222; font-size: 17px; font-weight: 600; line-height: 30px; display: inline-block; text-align: center; min-width: 300px; margin-bottom: 18px; } .td-content-more-articles-box .td_module_1, .td-content-more-articles-box .td_module_3 { padding-bottom: 20px; } .td-content-more-articles-box .td_module_4 { margin-bottom: 20px; } .td-content-more-articles-box .td_module_2 { padding-bottom: 10px; } .td-content-more-articles-box .td_module_5:last-child, .td-content-more-articles-box .td_module_9:last-child { border-bottom: 0; margin-bottom: 0; } .td-content-more-articles-box .td-module-thumb { height: auto !important; } .td-close-more-articles-box { display: inline-block; cursor: pointer; position: absolute; left: 14px; top: 21px; line-height: 26px; padding: 2px 11px; font-size: 17px; } .td-front-end-display-block { right: 0; visibility: visible; } #td_css_split_separator { visibility: visible; } @font-face { font-family: 'newspaper'; src: url('images/icons/newspaper.eot?9'); src: url('images/icons/newspaper.eot?9#iefix') format('embedded-opentype'), url('images/icons/newspaper.woff?9') format('woff'), url('images/icons/newspaper.ttf?9') format('truetype'), url('images/icons/newspaper.svg?9#newspaper') format('svg'); font-weight: normal; font-style: normal; } [class^="td-icon-"]:before, [class*=" td-icon-"]:before { font-family: 'newspaper'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*="td-icon-"] { line-height: 1; text-align: center; display: inline-block; } .td-icon-logout:before { content: '\e800'; } .td-icon-down:before { content: '\e801'; } .td-icon-left:before { content: '\e802'; } .td-icon-right:before { content: '\e803'; } .td-icon-up:before { content: '\e804'; } .td-icon-views:before { content: '\e805'; } .td-icon-menu-down:before { content: '\e806'; } .td-icon-left-arrow:before { content: '\e807'; } .td-icon-right-arrow:before { content: '\e808'; } .td-icon-menu-up:before { content: '\e809'; } .td-icon-search:before { content: '\e80a'; } .td-icon-user:before { content: '\e80b'; } .td-icon-menu-left:before { content: '\e80c'; } .td-icon-menu-right:before { content: '\e80d'; } .td-icon-star:before { content: '\e80f'; } .td-icon-mail:before { content: '\e810'; } .td-icon-behance:before { content: '\e811'; } .td-icon-blogger:before { content: '\e812'; } .td-icon-delicious:before { content: '\e813'; } .td-icon-deviantart:before { content: '\e814'; } .td-icon-digg:before { content: '\e815'; } .td-icon-dribbble:before { content: '\e816'; } .td-icon-evernote:before { content: '\e817'; } .td-icon-facebook:before { content: '\e818'; } .td-icon-flickr:before { content: '\e819'; } .td-icon-forrst:before { content: '\e81a'; } .td-icon-googleplus:before { content: '\e81b'; } .td-icon-html5:before { content: '\e81c'; } .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-picasa:before { content: '\e824'; } .td-icon-pinterest:before { content: '\e825'; } .td-icon-posterous:before { content: '\e826'; } .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-social-icon-wrap:hover .td-icon-font { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-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-html5 { color: #f16729; } .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-picasa { color: #000000; } .td-social-icon-wrap:hover i.td-icon-pinterest { color: #cb2027; } .td-social-icon-wrap:hover i.td-icon-posterous { color: #ffe173; } .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; } @font-face { font-family: 'newspaper-icons'; src: url('images/icons/newspaper-icons.eot?1'); src: url('images/icons/newspaper-icons.eot?1#iefix') format('embedded-opentype'), url('images/icons/newspaper-icons.woff?1') format('woff'), url('images/icons/newspaper-icons.ttf?1') format('truetype'), url('images/icons/newspaper-icons.svg?1#newspaper-icons') format('svg'); font-weight: normal; font-style: normal; } [class^="td-icons"]:before, [class*=" td-icons"]:before { font-family: 'newspaper-icons'; 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-icons"] { line-height: 1; text-align: center; display: inline-block; cursor: default; } .rain-d:before { content: '\e800'; display: none; } .rain-n:before { content: '\e801'; display: none; } .mist-d:before { content: '\e802'; display: none; } .mist-n:before { content: '\e802'; display: none; } .scattered-clouds-d:before { content: '\e803'; display: none; } .scattered-clouds-n:before { content: '\e803'; display: none; } .shower-rain-d:before { content: '\e804'; display: none; } .shower-rain-n:before { content: '\e804'; display: none; } .snow-d:before { content: '\e805'; display: none; } .snow-n:before { content: '\e805'; display: none; } .thunderstorm-d:before { content: '\e806'; display: none; } .thunderstorm-n:before { content: '\e806'; display: none; } .broken-clouds-d:before { content: '\e807'; display: none; } .broken-clouds-n:before { content: '\e807'; display: none; } .clear-sky-d:before { content: '\e808'; display: none; } .clear-sky-n:before { content: '\e809'; display: none; } .few-clouds-d:before { content: '\e80a'; display: none; } .few-clouds-n:before { content: '\e80b'; display: none; } .td-icons-drop:before { content: '\e80c'; } .td-icons-wind:before { content: '\e80d'; } .td-icons-arrows-down:before { content: '\e80e'; } .td-icons-arrows-up:before { content: '\e80f'; } .td-icons-cloud:before { content: '\e810'; } .td-icons-location:before { content: '\e811'; } .td-icons-circus:before { content: "\e900"; } .td-icons-farm:before { content: "\e901"; } .td-icons-home:before { content: "\e902"; } .td-icons-pets:before { content: "\e903"; } .td-icons-wild:before { content: "\e904"; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; bottom: 0; right: 0; color: #cccccc; font-size: 12px; padding-right: 15px; font-size: 11px; line-height: 18px; } .mfp-arrow { font-family: 'newspaper', sans-serif; font-size: 30px; position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:before { content: '\e807'; color: #ffffff; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:before { content: '\e808'; color: #ffffff; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:before { bottom: 40px; content: ""; display: block; height: 20%; width: 100%; position: absolute; z-index: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */ opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .mfp-ready .mfp-s-ready .mfp-figure:before { opacity: 1; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { font-size: 11px; line-height: 18px; margin-bottom: 50px; position: absolute; bottom: 0; left: 0; width: 100%; cursor: auto; padding: 0px 65px 0px 15px; z-index: 1; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* Zoom */ .image-source-link { color: #98C3D1; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0.001; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { z-index: 10000; } .mfp-wrap { z-index: 10000; } /* ---------------------------------------------------------------------------- Login window */ .white-popup-block { position: relative; margin: 0 auto; max-width: 500px; min-height: 500px; font-family: 'Open Sans', arial, sans-serif; text-align: center; color: #fff; vertical-align: top; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); padding: 0 0 24px; overflow: hidden; } .white-popup-block:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background: rgba(42, 128, 203, 0.9); background: -moz-linear-gradient(45deg, rgba(42, 128, 203, 0.8) 0%, rgba(66, 189, 205, 0.8) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(42, 128, 203, 0.8)), color-stop(100%, rgba(66, 189, 205, 0.8))); background: -webkit-linear-gradient(45deg, rgba(42, 128, 203, 0.8) 0%, rgba(66, 189, 205, 0.8) 100%); background: -o-linear-gradient(45deg, rgba(42, 128, 203, 0.8) 0%, rgba(66, 189, 205, 0.8) 100%); background: -ms-linear-gradient(45deg, rgba(42, 128, 203, 0.8) 0%, rgba(66, 189, 205, 0.8) 100%); background: linear-gradient(45deg, rgba(42, 128, 203, 0.8) 0%, rgba(66, 189, 205, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a80cb', endColorstr='#42bdcd', GradientType=1); z-index: -2; } .white-popup-block:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background-size: cover; background-position: top; background-repeat: no-repeat; z-index: -3; } .mfp-content { /* wrapper */ /* the panel title */ /* error message */ } .mfp-content .td-login-wrap { position: relative; } .mfp-content .td-back-button { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; position: absolute; top: 13px; left: 8px; color: #fff; width: 50px; height: 50px; z-index: 99; } .mfp-content .td-back-button i { line-height: 50px; font-size: 16px; } .mfp-content .td-login-inputs { width: 100%; display: inline-block; position: relative; margin-bottom: 30px; font-size: 15px; font-weight: 400; color: #fff; } .mfp-content .td-login-inputs label { position: absolute; top: 8px; left: 0; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; pointer-events: none; } .mfp-content .td-login-inputs:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 30 ")"; filter: alpha(opacity=30); } .mfp-content .td-login-input { position: relative; background-color: transparent !important; height: 40px; margin: 0 !important; padding: 0; box-shadow: none !important; font-size: 15px; color: #fff; outline: none; border: 0; } .mfp-content .td-login-input:focus ~ label, .mfp-content .td-login-input:valid ~ label { top: -18px; font-size: 11px; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 60 ")"; filter: alpha(opacity=60); } .mfp-content .td-login-input:invalid { font-style: italic; } .mfp-content .td-login-button { width: 100%; height: 50px; background-color: #fff; padding: 5px 12px 6px; margin-top: 20px; margin-bottom: 0; text-transform: uppercase; text-shadow: none; font-size: 13px; font-weight: 600; color: #000; -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); border: 0; border-radius: 0; -webkit-transition: background-color 0.2s ease !important; -moz-transition: background-color 0.2s ease !important; -o-transition: background-color 0.2s ease !important; transition: background-color 0.2s ease !important; } .mfp-content .td-login-button:active, .mfp-content .td-login-button:hover { -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2); background-color: #deea4b; } .mfp-content .td-login-info-text { display: block; margin-top: 6px; font-size: 11px; color: #fff; } .mfp-content .td-login-info-text a { color: inherit; } .mfp-content .td-login-info-text a:hover { text-decoration: underline; } .mfp-content #register-link { width: 100%; display: block; padding: 13px; margin-top: 24px; font-size: 13px; text-transform: uppercase; color: #fff; cursor: pointer; position: relative; } .mfp-content #register-link:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .mfp-content #register-link:hover:before { opacity: 0.2; } .mfp-content .td-login-form-div { width: 100%; position: absolute; top: 0; padding: 0 20%; /* responsive portrait phone */ } @media (max-width: 480px) { .mfp-content .td-login-form-div { padding: 0 5%; } } .mfp-content #td-login-div { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; } .mfp-content #td-login-div.td-display-none { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); -webkit-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; } .mfp-content .td-login-animation #td-login-div { transform: translate3d(-300px, 0, 0); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0); } .mfp-content .td-login-animation .td-back-button { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); } .mfp-content #td-register-div, .mfp-content #td-forgot-pass-div { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transform: translate3d(300px, 0, 0); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); } .mfp-content #td-register-div.td-display-block, .mfp-content #td-forgot-pass-div.td-display-block { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); -webkit-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .mfp-content #login-form .mfp-close { position: absolute; top: 26px; width: 20px; height: 20px; line-height: 0; font-size: 0; color: #fff; font-family: 'newspaper', sans-serif; } .mfp-content #login-form .mfp-close:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); font-size: 16px; vertical-align: bottom; color: #fff; } .mfp-content #login-form #login-link { position: absolute; left: 26px; top: 28px; cursor: pointer; } .mfp-content #login-form .mfp-close { right: 27px; left: auto; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); } .mfp-content #login-form .mfp-close:before { content: '\e902'; } .mfp-content .td-login-panel-title { padding: 26px 0 22px 0; line-height: 20px; font-size: 17px; text-transform: uppercase; color: #fff; pointer-events: none; } .mfp-content .td-login-panel-descr { margin-bottom: 77px; font-size: 13px; line-height: 1; } .mfp-content .td_display_err { color: #fff; padding: 14px 30px; display: none; position: absolute; top: 93px; left: 0; right: 0; font-size: 12px; text-transform: uppercase; margin: 0 -40%; line-height: 1; } .mfp-content .td_display_err:before { content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; opacity: 0.8; z-index: -1; } .mfp-content .td_display_msg_ok:before { background-color: #fff; opacity: 0.1; } /** tagdiv animations - - mfp-with-anim - has to be on the wrapper */ .mpf-td-login-effect { /* start state */ /* animate in */ /* animate out */ } .mpf-td-login-effect .mfp-with-anim { opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); /* custom */ transform: perspective( 600px ) scale(0.4); -webkit-transform: perspective( 600px ) scale(0.4); -moz-transform: perspective( 600px ) scale(0.4); -ms-transform: perspective( 600px ) scale(0.4); -o-transform: perspective( 600px ) scale(0.4); } .mpf-td-login-effect.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mpf-td-login-effect.mfp-ready .mfp-with-anim { opacity: 1; transform: perspective( 600px ) scale(1); -webkit-transform: perspective( 600px ) scale(1); -moz-transform: perspective( 600px ) scale(1); -ms-transform: perspective( 600px ) scale(1); -o-transform: perspective( 600px ) scale(1); } .mpf-td-login-effect.mfp-ready.mfp-bg { opacity: 0.8; } .mpf-td-login-effect.mfp-removing .mfp-with-anim { transform: perspective( 600px ) scale(0.4); -webkit-transform: perspective( 600px ) scale(0.4); -moz-transform: perspective( 600px ) scale(0.4); -ms-transform: perspective( 600px ) scale(0.4); -o-transform: perspective( 600px ) scale(0.4); opacity: 0; } .mpf-td-login-effect.mfp-removing.mfp-bg { opacity: 0; } /* image ads using div ---------------------------------------------------------------------- .td-visible-desktop - for desktop .td-visible-tablet-landscape - for tablet landscape .td-visible-tablet-portrait - for tablet portrait .td-visible-phone - for mobile */ .td-a-rec img { display: block; } .td-visible-desktop { display: table; } .td-visible-tablet-landscape, .td-visible-tablet-l, .td-visible-tablet-portrait, .td-visible-tablet-tp, .td-visible-phone { display: none; } /* responsive landscape landscape */ @media (min-width: 1019px) and (max-width: 1140px) { .td-visible-tablet-landscape, .td-visible-tablet-l { display: table; } .td-visible-desktop { display: none; } .td-visible-tablet-portrait, .td-visible-tablet-tp { display: none; } .td-visible-phone { display: none; } } /* responsive portrait tablet */ @media (min-width: 768px) and (max-width: 1018px) { .td-visible-tablet-portrait, .td-visible-tablet-tp { display: table; } .td-visible-desktop { display: none; } .td-visible-tablet-landscape, .td-visible-tablet-l { display: none; } .td-visible-phone { display: none; } } /* responsive portrait phone */ @media (max-width: 767px) { .td-visible-phone { display: table; } .td-visible-desktop { display: none; } .td-visible-tablet-landscape, .td-visible-tablet-l { display: none; } .td-visible-tablet-portrait, .td-visible-tablet-tp { display: none; } } /* responsive landscape desktop */ @media (min-width: 1141px) { .td-rec-hide-on-m { display: none !important; } } /* responsive landscape tablet */ @media (min-width: 1019px) and (max-width: 1140px) { .td-rec-hide-on-tl { display: none !important; } } /* responsive portrait tablet */ @media (min-width: 768px) and (max-width: 1018px) { .td-rec-hide-on-tp { display: none !important; } } /* responsive portrait phone */ @media (max-width: 767px) { .td-rec-hide-on-p { display: none !important; } } /* Header Image & Google AD */ .td-header-rec-wrap { position: relative; min-height: 90px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-rec-wrap { min-height: 60px; } } @media (max-width: 767px) { .td-header-rec-wrap { margin-left: auto; margin-right: auto; display: table; min-height: 0 !important; } } .td-header-rec-wrap .td-adspot-title { margin-bottom: -21px; position: relative; top: 3px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-rec-wrap .td-adspot-title { margin-bottom: -14px; top: 0; } } @media (max-width: 767px) { .td-header-rec-wrap .td-adspot-title { top: 0; margin-bottom: -10px; } } .td-header-sp-recs { padding: 0 !important; width: 728px; position: relative; min-height: 0 !important; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-sp-recs { width: 470px; } } @media (max-width: 767px) { .td-header-sp-recs { width: 100%; } } .td-header-sp-recs img, .td-header-sp-recs .adsbygoogle { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-sp-recs img, .td-header-sp-recs .adsbygoogle { position: relative; display: table; margin: 10px auto; width: 100%; } } .td-header-wrap .td-a-rec-id-header > div, .td-header-wrap .td-g-rec-id-header > .adsbygoogle { /* responsive min portrait tablet */ /* responsive min landscape tablet */ } @media (min-width: 768px) { .td-header-wrap .td-a-rec-id-header > div, .td-header-wrap .td-g-rec-id-header > .adsbygoogle { margin: 14px auto; } } @media (min-width: 1019px) { .td-header-wrap .td-a-rec-id-header > div, .td-header-wrap .td-g-rec-id-header > .adsbygoogle { margin: 24px auto; } } .td-a-rec-id-smart_list_6 img, .td-a-rec-id-smart_list_7 img, .td-a-rec-id-smart_list_8 img, .td-a-rec-id-post_style_12 img, .td-a-rec-id-sidebar img, .td-a-rec-id-content_top img, .td-a-rec-id-content_inline img, .td-a-rec-id-content_bottom img, .td-a-rec-id-custom_ad_1 img, .td-a-rec-id-custom_ad_2 img, .td-a-rec-id-custom_ad_3 img, .td-a-rec-id-custom_ad_4 img, .td-a-rec-id-custom_ad_5 img { width: 100%; } /* sidebar ads */ .td-g-rec-id-sidebar { text-align: center; } .td-g-rec-id-sidebar .adsbygoogle { margin-bottom: 44px; } .td-visible-desktop, .td-visible-tablet-landscape, .td-visible-tablet-l, .td-visible-tablet-portrait, .td-visible-tablet-tp, .td-visible-phone { margin-left: auto; margin-right: auto; } .td-a-rec-id-sidebar > div { margin-bottom: 48px; } .td-g-rec-id-post_style_12, .td-g-rec-id-content_top, .td-g-rec-id-content_bottom { clear: both; } .td-g-rec-id-post_style_12 .adsbygoogle, .td-g-rec-id-content_top .adsbygoogle, .td-g-rec-id-content_bottom .adsbygoogle { margin-bottom: 21px; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .td-a-rec-id-post_style_12, .td-a-rec-id-content_top, .td-a-rec-id-content_bottom { clear: both; text-align: center; } .td-a-rec-id-post_style_12 > div, .td-a-rec-id-content_top > div, .td-a-rec-id-content_bottom > div { margin-bottom: 21px; } .td-a-rec-id-post_style_12 img, .td-a-rec-id-content_top img, .td-a-rec-id-content_bottom img { margin-bottom: 0; } .td-a-rec-id-post_style_12 .td-adspot-title, .td-a-rec-id-post_style_13 .td-adspot-title { margin-bottom: -9px; } .td-g-rec-id-smart_list_6, .td-g-rec-id-smart_list_7, .td-g-rec-id-smart_list_8 { clear: both; } .td-g-rec-id-smart_list_6 .adsbygoogle, .td-g-rec-id-smart_list_7 .adsbygoogle, .td-g-rec-id-smart_list_8 .adsbygoogle { margin-top: 0; margin-bottom: 16px; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .td-a-rec-id-smart_list_6, .td-a-rec-id-smart_list_7, .td-a-rec-id-smart_list_8 { clear: both; text-align: center; } .td-a-rec-id-smart_list_6 > div, .td-a-rec-id-smart_list_7 > div, .td-a-rec-id-smart_list_8 > div { margin-top: 0; margin-bottom: 16px; } .td-a-rec-id-smart_list_6 img, .td-a-rec-id-smart_list_7 img, .td-a-rec-id-smart_list_8 img { margin: 0; } .td-g-rec-id-smart_list_7 .adsbygoogle { margin-bottom: 21px; } .td-a-rec-id-smart_list_7 > div { margin-bottom: 26px; } .td-a-rec-id-smart_list_7 img { margin-bottom: 0; } .td-g-rec-id-content_inline .adsbygoogle { margin-bottom: 21px; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .td-g-rec-id-content_inlineleft, .td-a-rec-id-content_inlineleft { float: left; /* responsive portrait phone */ } .td-g-rec-id-content_inlineleft .td-adspot-title, .td-a-rec-id-content_inlineleft .td-adspot-title { margin-right: 21px; } @media (max-width: 767px) { .td-g-rec-id-content_inlineleft .td-adspot-title, .td-a-rec-id-content_inlineleft .td-adspot-title { margin: 0; } } .td-g-rec-id-content_inlineleft > div, .td-a-rec-id-content_inlineleft > div, .td-g-rec-id-content_inlineleft .adsbygoogle, .td-a-rec-id-content_inlineleft .adsbygoogle { margin-bottom: 15px; margin-top: 9px; margin-right: 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-g-rec-id-content_inlineleft > div, .td-a-rec-id-content_inlineleft > div, .td-g-rec-id-content_inlineleft .adsbygoogle, .td-a-rec-id-content_inlineleft .adsbygoogle { margin: 0 auto 26px auto; } } .td-g-rec-id-content_inlineleft img, .td-a-rec-id-content_inlineleft img { margin-bottom: 0; } @media (max-width: 767px) { .td-g-rec-id-content_inlineleft, .td-a-rec-id-content_inlineleft { float: none; text-align: center; } } .td-g-rec-id-content_inlineright, .td-a-rec-id-content_inlineright { float: right; /* responsive portrait phone */ } .td-g-rec-id-content_inlineright .td-adspot-title, .td-a-rec-id-content_inlineright .td-adspot-title { margin-left: 21px; margin-bottom: -6px; } @media (max-width: 767px) { .td-g-rec-id-content_inlineright .td-adspot-title, .td-a-rec-id-content_inlineright .td-adspot-title { margin: 0; } } .td-g-rec-id-content_inlineright > div, .td-a-rec-id-content_inlineright > div, .td-g-rec-id-content_inlineright .adsbygoogle, .td-a-rec-id-content_inlineright .adsbygoogle { margin-bottom: 15px; margin-top: 6px; margin-left: 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-g-rec-id-content_inlineright > div, .td-a-rec-id-content_inlineright > div, .td-g-rec-id-content_inlineright .adsbygoogle, .td-a-rec-id-content_inlineright .adsbygoogle { margin: 0 auto 26px auto; } } .td-g-rec-id-content_inlineright img, .td-a-rec-id-content_inlineright img { margin-bottom: 0; } @media (max-width: 767px) { .td-g-rec-id-content_inlineright, .td-a-rec-id-content_inlineright { float: none; text-align: center; } } .td-a-rec-id-footer_top, .td-g-rec-id-footer_top { display: table; position: relative; text-align: center; margin: -12px auto 40px auto; } .td-a-rec-id-footer_top > div img, .td-g-rec-id-footer_top > div img { /* responsive portrait phone */ } @media (max-width: 767px) { .td-a-rec-id-footer_top > div img, .td-g-rec-id-footer_top > div img { width: 100%; } } .td-a-rec-id-footer_top .td-adspot-title, .td-g-rec-id-footer_top .td-adspot-title { margin-top: -21px; } .td-g-rec-id-custom_ad_1, .td-g-rec-id-custom_ad_2, .td-g-rec-id-custom_ad_3, .td-g-rec-id-custom_ad_4, .td-g-rec-id-custom_ad_5 { text-align: center; display: table; margin-left: auto; margin-right: auto; position: relative; } .td-g-rec-id-custom_ad_1 .adsbygoogle, .td-g-rec-id-custom_ad_2 .adsbygoogle, .td-g-rec-id-custom_ad_3 .adsbygoogle, .td-g-rec-id-custom_ad_4 .adsbygoogle, .td-g-rec-id-custom_ad_5 .adsbygoogle { margin-bottom: 44px; } .td-a-rec-id-custom_ad_1, .td-a-rec-id-custom_ad_2, .td-a-rec-id-custom_ad_3, .td-a-rec-id-custom_ad_4, .td-a-rec-id-custom_ad_5 { text-align: center; display: table; margin-left: auto; margin-right: auto; position: relative; } .td-a-rec-id-custom_ad_1 > div, .td-a-rec-id-custom_ad_2 > div, .td-a-rec-id-custom_ad_3 > div, .td-a-rec-id-custom_ad_4 > div, .td-a-rec-id-custom_ad_5 > div { margin-bottom: 44px; } .td-adspot-title { color: #bbbbbb; font-size: 10px; text-align: center; display: block; } .td-g-rec-id-post_style_1 { /* responsive portrait phone */ } .td-g-rec-id-post_style_1 .adsbygoogle { margin-bottom: 15px; } @media (max-width: 767px) { .td-g-rec-id-post_style_1 { text-align: center; } } .td-a-rec-id-post_style_1 img { width: 100%; } .td-g-rec-id-post_style_11 { /* responsive portrait tablet */ /* responsive portrait phone */ } .td-g-rec-id-post_style_11 .adsbygoogle { margin-bottom: 21px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-g-rec-id-post_style_11 .adsbygoogle { margin-bottom: 0; } } @media (min-width: 768px) and (max-width: 1018px) { .td-g-rec-id-post_style_11 { text-align: center; } } @media (max-width: 767px) { .td-g-rec-id-post_style_11 { text-align: center; } } .td-a-rec-id-post_style_11 { /* responsive portrait tablet */ } .td-a-rec-id-post_style_11 > div { margin-bottom: 21px; margin-left: 0; margin-right: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-a-rec-id-post_style_11 > div { margin-bottom: 0; } } @media (max-width: 1018px) { .td-a-rec-id-post_style_11 > div { margin-right: auto; margin-left: auto; } } @media (min-width: 768px) and (max-width: 1018px) { .td-a-rec-id-post_style_11 { text-align: center; } } .td-a-rec-id-post_style_11 img { width: 100%; } .td-a-rec-id-post_style_11 .td-adspot-title { text-align: left; } .td-all-devices { display: table; margin-left: auto; margin-right: auto; } .td-all-devices img { display: block; } /* ---------------------------------------------------------------------------- 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; } .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 span { float: right; margin-right: 10px; } .widget_recent_comments { margin-bottom: 42px; font-size: 12px; color: #444; } .widget_recent_comments .block-title { margin-bottom: 18px; } .widget_recent_comments span a { margin-right: 5px; margin-left: 0; } .widget_recent_comments a { margin-left: 5px; font-style: italic; font-size: 13px; font-weight: 600; } .widget_recent_comments li { margin: 10px 12px !important; line-height: 21px; padding-bottom: 13px; border-bottom: 1px dashed #f1f1f1; } .widget_recent_comments li:last-child { border-bottom: 0; padding-bottom: 0; } .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 { margin-bottom: 17px; } .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; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { /* ---------------------------------------------------------------------------- main sprite file */ .td-sp { background-image: url('images/sprite/elements@2x.png') !important; background-size: 90px 2100px !important; } } /* ---------------------------------------------------------------------------- sprite */ .td-sp { background-image: url('images/sprite/elements.png'); background-repeat: no-repeat; display: block; } .td-sp-video-play { width: 42px; height: 42px; background-position: -20px -488px; } .td-sp-video-pause { width: 42px; height: 42px; background-position: -20px -612px; } .td-sp-facebook { width: 32px; height: 32px; background-position: -20px -20px; } .td-sp-pinterest { width: 32px; height: 32px; background-position: -20px -72px; } .td-sp-rss { width: 32px; height: 32px; background-position: -20px -124px; } .td-sp-soundcloud { width: 32px; height: 32px; background-position: -20px -176px; } .td-sp-instagram { width: 32px; height: 32px; background-position: -20px -228px; } .td-sp-googleplus { width: 32px; height: 32px; background-position: -20px -280px; } .td-sp-vimeo { width: 32px; height: 32px; background-position: -20px -332px; } .td-sp-youtube { width: 32px; height: 32px; background-position: -20px -384px; } .td-sp-twitter { width: 32px; height: 32px; background-position: -20px -436px; } /* ---------------------------------------------------------------------------- social counter plugin */ .td_block_social_counter { font-family: 'Open Sans', arial, sans-serif; font-weight: bold; font-size: 11px; color: #fff; padding-bottom: 37px; } .td_block_social_counter .td-sp { position: relative; } .td_block_social_counter .td-sp:after { content: ''; width: 1px; height: 16px; background-color: rgba(255, 255, 255, 0.1); position: absolute; right: -1px; top: 8px; } .td-social-list { *zoom: 1; } .td-social-list:before, .td-social-list:after { display: table; content: ""; line-height: 0; } .td-social-list:after { clear: both; } .td-social-list .td_social_type:last-child { margin-bottom: 0; } .td_social_type { width: 100%; margin-bottom: 10px; -webkit-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s; -moz-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s; -o-transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s; transition: background-color 0.2s cubic-bezier(0, 0, 0.58, 1) 0s; } .td_social_type:hover .td-social-box { background-color: #222; } .td_social_type .td_social_info { padding: 0 0 0 9px; position: relative; top: -12px; } .td_social_type .td_social_info_name { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_social_type .td_social_info_name { display: none; } } .td_social_type .td-social-box { height: 32px; position: relative; overflow: hidden; } .td_social_type .td-social-box .td-sp { display: inline-block; } .td_social_type .td_social_number { border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 9px; } .td_social_type .td_social_button { float: right; border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 0 14px; margin-top: 8px; top: 9px; height: 16px; line-height: 15px; text-transform: uppercase; } .td_social_type .td_social_button a { color: #fff; } .td_social_type .td_social_button a:after { content: ""; display: block; height: 32px; position: absolute; right: 0; top: 0; width: 324px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_social_type .td_social_button a:after { width: 300px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_social_type .td_social_button a:after { width: 228px; } } @media (max-width: 767px) { .td_social_type .td_social_button a:after { width: 100%; } } .td_social_type .td_social_button a:hover { color: inherit; text-decoration: none !important; } .td_social_type a { color: #fff; } .td-footer-wrapper .td_social_type:hover .td-social-box { background-color: #444; } .td-footer-wrapper .td-social-style1 .td_social_type .td-social-box, .td-footer-wrapper .td-social-style7 .td_social_type .td-social-box { background-color: #444; } .td-footer-wrapper .td-social-style2, .td-footer-wrapper .td-social-style8 { color: #fff; } .td-footer-wrapper .td-social-style2 .td_social_type, .td-footer-wrapper .td-social-style8 .td_social_type { color: #fff; } .td-footer-wrapper .td-social-style2 .td_social_type:hover, .td-footer-wrapper .td-social-style8 .td_social_type:hover { color: #999; } .td-footer-wrapper .td-social-style2 .td_social_type:hover a, .td-footer-wrapper .td-social-style8 .td_social_type:hover a { color: #999; } .td-footer-wrapper .td-social-style2 .td_social_type:hover .td-social-box, .td-footer-wrapper .td-social-style8 .td_social_type:hover .td-social-box { background-color: transparent; } .td-footer-wrapper .td-social-style2 .td_social_type .td-social-box, .td-footer-wrapper .td-social-style8 .td_social_type .td-social-box { border-color: #444; } .td-footer-wrapper .td-social-style2 .td_social_type a, .td-footer-wrapper .td-social-style8 .td_social_type a { color: #fff; } .td-footer-wrapper .td-social-style2 .td_social_type .td_social_button, .td-footer-wrapper .td-social-style8 .td_social_type .td_social_button { border-color: #444; } .td-footer-wrapper .td-social-style3, .td-footer-wrapper .td-social-style4 { color: #fff; } .td-footer-wrapper .td-social-style3 .td_social_type a, .td-footer-wrapper .td-social-style4 .td_social_type a { color: #fff; } .td-footer-wrapper .td-social-style3 .td_social_type:hover, .td-footer-wrapper .td-social-style4 .td_social_type:hover { color: #999; } .td-footer-wrapper .td-social-style3 .td_social_type:hover a, .td-footer-wrapper .td-social-style4 .td_social_type:hover a { color: #999; } .td-footer-wrapper .td-social-style9, .td-footer-wrapper .td-social-style10 { color: #fff; } .td-footer-wrapper .td-social-style9 .td_social_type:hover, .td-footer-wrapper .td-social-style10 .td_social_type:hover { color: #999; } .td-footer-wrapper .td-social-style9 .td_social_type:hover .td-social-box, .td-footer-wrapper .td-social-style10 .td_social_type:hover .td-social-box { background-color: transparent; } .td_social_facebook .td-social-box { background-color: #516eab; } .td_social_rss .td-social-box { background-color: #ff6600; } .td_social_soundcloud .td-social-box { background-color: #ff5419; } .td_social_twitter .td-social-box { background-color: #29c5f6; } .td_social_vimeo .td-social-box { background-color: #006599; } .td_social_youtube .td-social-box { background-color: #e14e42; } .td_social_googleplus .td-social-box { background-color: #eb4026; } .td_social_instagram .td-social-box { background-color: #417096; } /* Boxed version */ .td-social-boxed .td_social_type { text-align: center; width: 33.3333%; margin: 0; float: left; } .td-social-boxed .td_social_type .td-social-box { height: 100px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-boxed .td_social_type .td-social-box { height: 70px; } } .td-social-boxed .td_social_type span { display: block; width: 100%; padding: 0; } .td-social-boxed .td-sp { margin-top: 10px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-boxed .td-sp { margin-top: 4px; } } .td-social-boxed .td-sp::after { display: none; } .td-social-boxed .td_social_info { font-size: 17px; top: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-boxed .td_social_info { font-size: 13px; top: -12px; } } .td-social-boxed .td_social_info_name { font-size: 13px; font-weight: normal; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-boxed .td_social_info_name { top: -17px; font-size: 10px; } } .td-social-boxed .td_social_button { opacity: 0; position: absolute; height: 100%; margin-top: 0; top: 0; } .td-social-boxed .td_social_button a:after { width: 100%; height: 100%; } /* Colored icon version */ .td-social-colored .td_social_facebook .td-sp { background-color: #516eab; } .td-social-colored .td_social_rss .td-sp { background-color: #ff6600; } .td-social-colored .td_social_soundcloud .td-sp { background-color: #ff5419; } .td-social-colored .td_social_twitter .td-sp { background-color: #29c5f6; } .td-social-colored .td_social_vimeo .td-sp { background-color: #006599; } .td-social-colored .td_social_youtube .td-sp { background-color: #e14e42; } .td-social-colored .td_social_googleplus .td-sp { background-color: #eb4026; } .td-social-colored .td_social_instagram .td-sp { background-color: #417096; } /* With font icons version */ .td-social-font-icons .td-sp { background: none; font-family: 'newspaper', sans-serif; font-size: 14px; text-align: center; font-weight: normal; } .td-social-font-icons .td-sp:before { position: absolute; top: 0; left: 0; right: 0; line-height: 30px; } .td-social-font-icons .td_social_facebook .td-sp:before { content: '\e818'; color: #516eab; } .td-social-font-icons .td_social_rss .td-sp:before { content: '\e828'; color: #ff6600; } .td-social-font-icons .td_social_soundcloud .td-sp:before { content: '\e82b'; color: #ff5419; } .td-social-font-icons .td_social_twitter .td-sp:before { content: '\e831'; color: #29c5f6; } .td-social-font-icons .td_social_vimeo .td-sp:before { content: '\e832'; color: #006599; } .td-social-font-icons .td_social_youtube .td-sp:before { content: '\e836'; color: #e14e42; } .td-social-font-icons .td_social_googleplus .td-sp:before { content: '\e81b'; color: #eb4026; } .td-social-font-icons .td_social_instagram .td-sp:before { content: '\e81d'; color: #417096; } .td-social-style1 .td_social_type .td-social-box { background-color: #222; } .td-social-style1 .td_social_facebook:hover .td-social-box { background-color: #516eab !important; } .td-social-style1 .td_social_rss:hover .td-social-box { background-color: #ff6600 !important; } .td-social-style1 .td_social_soundcloud:hover .td-social-box { background-color: #ff5419 !important; } .td-social-style1 .td_social_twitter:hover .td-social-box { background-color: #29c5f6 !important; } .td-social-style1 .td_social_vimeo:hover .td-social-box { background-color: #006599 !important; } .td-social-style1 .td_social_youtube:hover .td-social-box { background-color: #e14e42 !important; } .td-social-style1 .td_social_googleplus:hover .td-social-box { background-color: #eb4026 !important; } .td-social-style1 .td_social_instagram:hover .td-social-box { background-color: #417096 !important; } .td-social-style2 { color: #000; } .td-social-style2 .td_social_type .td-social-box { background-color: transparent; border: 1px solid #ededed; } .td-social-style2 .td_social_type .td_social_button { margin-top: 7px; } .td-social-style2 .td_social_type a { color: #000; } .td-social-style2 .td_social_type:hover { color: #555; } .td-social-style2 .td_social_type:hover .td_social_type a { color: #555; } .td-social-style2 .td-sp:after { top: 7px; } .td-social-style2 .td-sp:after { background-color: #000; opacity: 0.1; } .td-social-style2 .td_social_button { border-color: #ededed; } .td-social-style3 { color: #000; } .td-social-style3 .td_social_type a { color: #000; } .td-social-style3 .td_social_type .td_social_button { border-color: #ededed; margin-top: 13px; padding: 0; border: none; } .td-social-style3 .td_social_type .td_social_button a:after { height: 40px; } .td-social-style3 .td_social_type .td_social_info { top: -15px; } .td-social-style3 .td_social_type:hover { color: #555; } .td-social-style3 .td_social_type:hover .td_social_type a { color: #555; } .td-social-style3 .td_social_type:hover .td-social-box { background-color: transparent; } .td-social-style3 .td-social-box { background-color: transparent; height: 40px; } .td-social-style3 .td-sp { width: 40px; height: 40px; border-radius: 40px; margin-right: 5px; } .td-social-style3 .td-sp:after { top: 7px; } .td-social-style3 .td-sp:after { display: none; } .td-social-style3 .td_social_facebook .td-sp { background-position: -17px -17px; } .td-social-style3 .td_social_rss .td-sp { background-position: -16px -121px; } .td-social-style3 .td_social_soundcloud .td-sp { background-position: -17px -173px; } .td-social-style3 .td_social_twitter .td-sp { background-position: -16px -431px; } .td-social-style3 .td_social_vimeo .td-sp { background-position: -16px -327px; } .td-social-style3 .td_social_youtube .td-sp { background-position: -15px -380px; } .td-social-style3 .td_social_googleplus .td-sp { background-position: -17px -276px; } .td-social-style3 .td_social_instagram .td-sp { background-position: -16px -224px; } .td-social-style4 { color: #000; } .td-social-style4 .td_social_type a { color: #000; } .td-social-style4 .td_social_type .td_social_button { border-color: #ededed; margin-top: 13px; padding: 0; border: none; } .td-social-style4 .td_social_type .td_social_button a:after { height: 40px; } .td-social-style4 .td_social_type .td_social_info { top: -15px; } .td-social-style4 .td_social_type:hover { color: #555; } .td-social-style4 .td_social_type:hover .td_social_type a { color: #555; } .td-social-style4 .td_social_type:hover .td-social-box { background-color: transparent; } .td-social-style4 .td-social-box { background-color: transparent; height: 40px; } .td-social-style4 .td-sp { width: 40px; height: 40px; margin-right: 5px; } .td-social-style4 .td-sp:after { top: 7px; } .td-social-style4 .td-sp:after { display: none; } .td-social-style4 .td_social_facebook .td-sp { background-position: -17px -17px; } .td-social-style4 .td_social_rss .td-sp { background-position: -16px -121px; } .td-social-style4 .td_social_soundcloud .td-sp { background-position: -17px -173px; } .td-social-style4 .td_social_twitter .td-sp { background-position: -16px -431px; } .td-social-style4 .td_social_vimeo .td-sp { background-position: -16px -327px; } .td-social-style4 .td_social_youtube .td-sp { background-position: -15px -380px; } .td-social-style4 .td_social_googleplus .td-sp { background-position: -17px -276px; } .td-social-style4 .td_social_instagram .td-sp { background-position: -16px -224px; } .td-social-style5 .td-social-list { margin-left: -8px; margin-right: -8px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-social-style5 .td-social-list { margin-left: -2px; margin-right: -2px; } } .td-social-style5 .td_social_type .td-social-box { margin: 0 8px 16px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style5 .td_social_type .td-social-box { margin: 0 2px 4px; } } @media (max-width: 767px) { .td-social-style5 .td_social_type .td-social-box { margin: 0 2px 4px; } } .td-social-style7 .td-social-list { margin-left: -8px; margin-right: -8px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-social-style7 .td-social-list { margin-left: -2px; margin-right: -2px; } } .td-social-style7 .td_social_type .td-social-box { background-color: #222; margin: 0 8px 16px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style7 .td_social_type .td-social-box { margin: 0 2px 4px; } } @media (max-width: 767px) { .td-social-style7 .td_social_type .td-social-box { margin: 0 2px 4px; } } .td-social-style7 .td_social_facebook:hover .td-social-box { background-color: #516eab !important; } .td-social-style7 .td_social_rss:hover .td-social-box { background-color: #ff6600 !important; } .td-social-style7 .td_social_soundcloud:hover .td-social-box { background-color: #ff5419 !important; } .td-social-style7 .td_social_twitter:hover .td-social-box { background-color: #29c5f6 !important; } .td-social-style7 .td_social_vimeo:hover .td-social-box { background-color: #006599 !important; } .td-social-style7 .td_social_youtube:hover .td-social-box { background-color: #e14e42 !important; } .td-social-style7 .td_social_googleplus:hover .td-social-box { background-color: #eb4026 !important; } .td-social-style7 .td_social_instagram:hover .td-social-box { background-color: #417096 !important; } .td-social-style8 { color: #000; } .td-social-style8 .td-social-list { margin-left: -8px; margin-right: -8px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-social-style8 .td-social-list { margin-left: -2px; margin-right: -2px; } } .td-social-style8 .td_social_type .td-social-box { background-color: transparent; border: 1px solid #ededed; margin: 0 8px 16px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style8 .td_social_type .td-social-box { margin: 0 2px 4px; } } @media (max-width: 767px) { .td-social-style8 .td_social_type .td-social-box { margin: 0 2px 4px; } } .td-social-style8 .td_social_type .td_social_button { margin-top: 7px; } .td-social-style8 .td_social_type a { color: #000; } .td-social-style8 .td_social_type:hover { color: #555; } .td-social-style8 .td_social_type:hover .td_social_type a { color: #555; } .td-social-style8 .td-sp { font-size: 28px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style8 .td-sp { font-size: 21px; } } @media (max-width: 767px) { .td-social-style8 .td-sp { font-size: 28px; } } .td-social-style8 .td-sp:after { top: 7px; } .td-social-style8 .td-sp-twitter { font-size: 22px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style8 .td-sp-twitter { font-size: 18px; } } .td-social-style8 .td-sp:after { background-color: #000; opacity: 0.1; } .td-social-style8 .td_social_button { border-color: #ededed; } .td-social-style9 { color: #000; } .td-social-style9 .td_social_type { width: 25%; } .td-social-style9 .td_social_type a { color: #000; } .td-social-style9 .td_social_type .td_social_button { border-color: #ededed; padding: 0; border: none; } .td-social-style9 .td_social_type:hover { color: #555; } .td-social-style9 .td_social_type:hover .td_social_type a { color: #555; } .td-social-style9 .td_social_type:hover .td-sp { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .td-social-style9 .td_social_type .td_social_info { font-size: 15px; top: 5px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_type .td_social_info { font-size: 12px; top: 0; } } .td-social-style9 .td_social_type .td_social_info_name { font-size: 11px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_type .td_social_info_name { font-size: 10px; top: -5px; } } .td-social-style9 .td_social_type .td-social-box { background-color: transparent; height: 130px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_type .td-social-box { height: 90px; } } .td-social-style9 .td-sp { -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; width: 64px; height: 64px; border-radius: 64px; margin: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td-sp { width: 48px; height: 48px; border-radius: 48px; } } .td-social-style9 .td-sp:after { display: none; } .td-social-style9 .td_social_facebook .td-sp { background-position: -5px -5px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_facebook .td-sp { background-position: -13px -13px; } } .td-social-style9 .td_social_rss .td-sp { background-position: -4px -109px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_rss .td-sp { background-position: -12px -117px; } } .td-social-style9 .td_social_soundcloud .td-sp { background-position: -5px -161px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_soundcloud .td-sp { background-position: -13px -169px; } } .td-social-style9 .td_social_twitter .td-sp { background-position: -4px -419px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_twitter .td-sp { background-position: -12px -427px; } } .td-social-style9 .td_social_vimeo .td-sp { background-position: -4px -315px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_vimeo .td-sp { background-position: -12px -323px; } } .td-social-style9 .td_social_youtube .td-sp { background-position: -3px -368px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_youtube .td-sp { background-position: -11px -376px; } } .td-social-style9 .td_social_googleplus .td-sp { background-position: -5px -264px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_googleplus .td-sp { background-position: -13px -272px; } } .td-social-style9 .td_social_instagram .td-sp { background-position: -4px -212px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style9 .td_social_instagram .td-sp { background-position: -12px -220px; } } .td-social-style10 { color: #000; } .td-social-style10 .td_social_type { width: 25%; } .td-social-style10 .td_social_type a { color: #000; } .td-social-style10 .td_social_type .td_social_button { border-color: #ededed; padding: 0; border: none; } .td-social-style10 .td_social_type:hover { color: #555; } .td-social-style10 .td_social_type:hover .td_social_type a { color: #555; } .td-social-style10 .td_social_type:hover .td-sp { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } .td-social-style10 .td_social_type .td_social_info { font-size: 15px; top: 5px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_type .td_social_info { font-size: 12px; top: 0; } } .td-social-style10 .td_social_type .td_social_info_name { font-size: 11px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_type .td_social_info_name { font-size: 10px; top: -5px; } } .td-social-style10 .td_social_type .td-social-box { background-color: transparent; height: 130px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_type .td-social-box { height: 90px; } } .td-social-style10 .td-sp { -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; width: 64px; height: 64px; margin: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td-sp { width: 48px; height: 48px; } } .td-social-style10 .td-sp:after { display: none; } .td-social-style10 .td_social_facebook .td-sp { background-position: -5px -5px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_facebook .td-sp { background-position: -13px -13px; } } .td-social-style10 .td_social_rss .td-sp { background-position: -4px -109px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_rss .td-sp { background-position: -12px -117px; } } .td-social-style10 .td_social_soundcloud .td-sp { background-position: -5px -161px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_soundcloud .td-sp { background-position: -13px -169px; } } .td-social-style10 .td_social_twitter .td-sp { background-position: -4px -419px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_twitter .td-sp { background-position: -12px -427px; } } .td-social-style10 .td_social_vimeo .td-sp { background-position: -4px -315px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_vimeo .td-sp { background-position: -12px -323px; } } .td-social-style10 .td_social_youtube .td-sp { background-position: -3px -368px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_youtube .td-sp { background-position: -11px -376px; } } .td-social-style10 .td_social_googleplus .td-sp { background-position: -5px -264px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_googleplus .td-sp { background-position: -13px -272px; } } .td-social-style10 .td_social_instagram .td-sp { background-position: -4px -212px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style10 .td_social_instagram .td-sp { background-position: -12px -220px; } } .td-boxed-layout #td-outer-wrap { margin-left: auto; margin-right: auto; width: 1164px; } @media (max-width: 1180px) { .td-boxed-layout #td-outer-wrap { width: 100%; } } .backstretch { width: 100%; height: 100%; position: fixed; z-index: -99999; top: 0; } .td-backstretch { max-width: none; opacity: 0; transition: opacity 2s; display: block; } .td-stretch-width { height: auto; width: 100.03%; margin: 0; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .td-stretch-height { position: relative; height: 100%; width: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } body.td-ad-background-link { cursor: pointer; } body.td-ad-background-link #td-outer-wrap { cursor: auto; } .td-scroll-up { cursor: pointer; position: fixed; bottom: 4px; right: 5px; width: 40px; height: 40px; background-color: #4db2ec; z-index: 9999; transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -ms-transform: translate3d(0, 70px, 0); -o-transform: translate3d(0, 70px, 0); -webkit-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; /* responsive phone */ } .td-scroll-up .td-icon-menu-up { position: relative; color: #fff; font-size: 20px; display: block; text-align: center ; width: 40px; top: 7px; } @media (max-width: 767px) { .td-scroll-up { display: none; } } .td-scroll-up-visible { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } /* theme style customizer */ .td-live-theme-demos { color: #000; /* responsive phone */ font-family: 'Roboto', sans-serif; text-align: center; position: fixed; top: 0; right: 0; width: 283px; background-color: white; z-index: 9999; height: 100%; -webkit-overflow-scrolling: touch; visibility: hidden; transform: translateX(283px); -webkit-transform: translateX(283px); -moz-transform: translateX(283px); -ms-transform: translateX(283px); -o-transform: translateX(283px); /* responsive laptop */ /* ----------------------------------------------- Sprite images position for each demo */ /* ----------------------------------------------- */ } @media (max-width: 767px) { .td-live-theme-demos { display: none; } } @media (max-width: 1366px) { .td-live-theme-demos { width: 202px; transform: translateX(202px); -webkit-transform: translateX(202px); -moz-transform: translateX(202px); -ms-transform: translateX(202px); -o-transform: translateX(202px); } } .td-live-theme-demos:before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #e8e8e8; z-index: 1; } .td-live-theme-demos .td-set-hide-show a { background-color: #fff; position: absolute; top: 145px; right: 280px; padding: 11px 10px; border: 1px solid #e8e8e8; z-index: -1; color: #000; text-align: center; text-transform: uppercase; font-size: 11px; line-height: 15px; width: 64px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-set-hide-show a { right: 200px; } } .td-live-theme-demos .td-set-hide-show a a { color: black; } .td-live-theme-demos .td-skin-container { width: 283px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-skin-container { width: 202px; } } .td-live-theme-demos .td-skin-body { height: 100%; overflow: hidden; position: relative; background-color: #fff; } .td-live-theme-demos .td-skin-wrap { height: 100%; overflow-y: scroll; position: absolute; z-index: 1; } .td-live-theme-demos .td-skin-buy a { display: inline-block; color: #fff; background-color: #4db2ec; padding: 12px 36px; border-radius: 2px; margin: 26px 0; font-weight: 500; font-size: 14px; line-height: 21px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-skin-buy a { padding: 11px 16px; margin: 14px 0 17px; font-size: 13px; line-height: 18px; } } .td-live-theme-demos .td-skin-buy a:hover { opacity: 0.9; } .td-live-theme-demos .td-skin-header { font-size: 16px; font-weight: bold; line-height: 21px; padding: 0 12px 16px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-skin-header { font-size: 14px; padding: 0 12px 10px; } } .td-live-theme-demos .td-skin-desc { font-size: 13px; line-height: 18px; padding: 0 10px 22px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-skin-desc { font-size: 12px; padding: 0 19px 13px; } } .td-live-theme-demos .td-skin-desc span { font-size: 14px; font-weight: bold; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-skin-desc span { font-size: 11px; } } .td-live-theme-demos .td-set-theme-style { display: inline-block; float: left; } .td-live-theme-demos .td-set-theme-style-link { position: relative; background-color: #222; } .td-live-theme-demos .td-set-theme-style-link:before { content: ''; width: 100%; height: 100%; position: absolute; background-color: #000; top: 0; left: 0; opacity: 0; } .td-live-theme-demos .td-set-theme-style-link:after { content: ''; width: 143px; height: 103px; background-color: transparent; position: absolute; top: -3px; left: 0; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-set-theme-style-link:after { width: 102px; height: 73px; } } .td-live-theme-demos .td-set-theme-style-link:hover:before { opacity: 0.1; } .td-live-theme-demos .td-demos-list:hover { cursor: pointer; } .td-live-theme-demos .td-demos-list .td-set-theme-style:nth-child(2n) { position: relative; left: 3px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-demos-list .td-set-theme-style:nth-child(2n) { left: 2px; } } .td-live-theme-demos .td-demos-list .td-set-theme-style:nth-child(2n) .td-set-theme-style-link:after { width: 140px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-demos-list .td-set-theme-style:nth-child(2n) .td-set-theme-style-link:after { width: 100px; } } .td-live-theme-demos .td-popup { background-image: url('//demo.tagdiv.com/demos_popup/newspaper/demos-popup.png'); background-repeat: no-repeat; display: block; margin-top: 3px; width: 140px; height: 100px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup { height: 71px; width: 100px; background-size: 100px 1704px; } } .td-live-theme-demos .td-popup-animals { background-position: 0 0; } .td-live-theme-demos .td-popup-black { background-position: 0 -100px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-black { background-position: 0 -71px; } } .td-live-theme-demos .td-popup-blog { background-position: 0 -200px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-blog { background-position: 0 -142px; } } .td-live-theme-demos .td-popup-blog_baby { background-position: 0 -300px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-blog_baby { background-position: 0 -213px; } } .td-live-theme-demos .td-popup-blog_cars { background-position: 0 -400px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-blog_cars { background-position: 0 -284px; } } .td-live-theme-demos .td-popup-blog_health { background-position: 0 -500px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-blog_health { background-position: 0 -355px; } } .td-live-theme-demos .td-popup-blog_travel { background-position: 0 -600px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-blog_travel { background-position: 0 -426px; } } .td-live-theme-demos .td-popup-cafe { background-position: 0 -700px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-cafe { background-position: 0 -497px; } } .td-live-theme-demos .td-popup-cars { background-position: 0 -800px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-cars { background-position: 0 -568px; } } .td-live-theme-demos .td-popup-college { background-position: 0 -900px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-college { background-position: 0 -639px; } } .td-live-theme-demos .td-popup-default { background-position: 0 -1000px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-default { background-position: 0 -710px; } } .td-live-theme-demos .td-popup-fashion { background-position: 0 -1100px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-fashion { background-position: 0 -781px; } } .td-live-theme-demos .td-popup-health { background-position: 0 -1200px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-health { background-position: 0 -852px; } } .td-live-theme-demos .td-popup-local_news { background-position: 0 -1300px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-local_news { background-position: 0 -923; } } .td-live-theme-demos .td-popup-magazine { background-position: 0 -1400px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-magazine { background-position: 0 -994px; } } .td-live-theme-demos .td-popup-medicine { background-position: 0 -1500px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-medicine { background-position: 0 -1065px; } } .td-live-theme-demos .td-popup-politics { background-position: 0 -1600px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-politics { background-position: 0 -1136px; } } .td-live-theme-demos .td-popup-recipes { background-position: 0 -1700px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-recipes { background-position: 0 -1207px; } } .td-live-theme-demos .td-popup-sport { background-position: 0 -1800px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-sport { background-position: 0 -1278px; } } .td-live-theme-demos .td-popup-tech { background-position: 0 -1900px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-tech { background-position: 0 -1349px; } } .td-live-theme-demos .td-popup-travel { background-position: 0 -2000px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-travel { background-position: 0 -1420px; } } .td-live-theme-demos .td-popup-video { background-position: 0 -2100px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-video { background-position: 0 -1491px; } } .td-live-theme-demos .td-popup-wedding { background-position: 0 -2200px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-wedding { background-position: 0 -1562px; } } .td-live-theme-demos .td-popup-what { background-position: 0 -2300px; /* responsive laptop */ } @media (max-width: 1366px) { .td-live-theme-demos .td-popup-what { background-position: 0 -1633px; } } .td-live-theme-demos .td-screen-demo { width: 380px; height: 488px; z-index: 1; position: absolute; visibility: hidden; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .td-live-theme-demos .td-screen-demo img { display: block; background-color: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); } .td-live-theme-demos .td-screen-demo-extend { width: 140px; height: 510px; right: 140px; z-index: 1; position: absolute; display: none; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } @media (max-width: 1366px) { .td-live-theme-demos .td-screen-demo-extend { width: 100px; right: 100px; } } .td-live-theme-demos .td-skin-scroll { position: fixed; height: 36px; width: 45px; background-color: rgba(51, 51, 51, 0.9); opacity: 1; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; text-align: center; font-size: 10px; padding-top: 6px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); -webkit-transition: bottom 0.4s ease 0s; -moz-transition: bottom 0.4s ease 0s; -o-transition: bottom 0.4s ease 0s; transition: bottom 0.4s ease 0s; } .td-live-theme-demos .td-skin-scroll i { color: #fff; font-size: 25px; display: block; cursor: pointer; } .td-live-theme-demos.td-theme-settings-closed .td-screen-demo { visibility: hidden !important; } .td-ts-closed-no-transition { transition: none !important; } @-moz-document url-prefix() { .td-live-theme-demos .td-set-hide-show a { line-height: 16px; } } .td-js-loaded .td-live-theme-demos { visibility: visible; -webkit-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; } body .td-live-theme-demos.td-theme-settings-small { -webkit-box-shadow: -1px 1.732px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 1.732px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: -1px 1.732px 4px 0 rgba(0, 0, 0, 0.1); transform: translateX(0) !important; -webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; } .td-customizer-change-layout { cursor: pointer; } .td-customizer-change-layout span { -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; position: relative; display: inline-block; width: 77px ; font-size: 11px; height: 28px; line-height: 27px; margin-bottom: 12px ; border: 1px solid #ededed; color: #5a5a5a; } /* OLD LIVE THEME DEMOS */ /* theme style customizer */ .td-live-theme-demos-old { font-family: Verdana, Geneva, sans-serif; text-align: center; /* responsive phone */ position: absolute; top: 251px; left: 0; width: 145px; background-color: white; border: 1px solid #e8e8e8; border-left: none; padding: 5px 12px; z-index: 9999; transform: translate3d(-145px, 0, 0); -webkit-transform: translate3d(-145px, 0, 0); -moz-transform: translate3d(-145px, 0, 0); -ms-transform: translate3d(-145px, 0, 0); -o-transform: translate3d(-145px, 0, 0); -webkit-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; } @media (max-width: 767px) { .td-live-theme-demos-old { display: none; } } .td-live-theme-demos-old .td-set-hide-show { text-align: center; text-transform: uppercase; font-size: 11px; line-height: 16px; } .td-live-theme-demos-old .td-set-hide-show a { color: black; } .td-live-theme-demos-old .td-theme-color-active { border: 3px solid #EAEAEA; margin: 1px; opacity: 1; } .td-live-theme-demos-old .blog-stack #td-theme-settings { top: 320px; } .td-live-theme-demos-old .td-skin-header { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 14px; line-height: 24px !important; color: #5a5a5a; border-bottom: 1px solid #ededed; padding: 1px 0 7px; margin-bottom: 15px; } .td-live-theme-demos-old .td-skin-title { font-size: 12px; margin-bottom: 4px; line-height: 21px !important; } .td-live-theme-demos-old .td-skin-content { display: inline-block; width: 100%; } .td-live-theme-demos-old .td-set-theme-style { text-align: center ; } .td-live-theme-demos-old .td-set-theme-style .td-set-active { border: 1px solid #777777; } .td-live-theme-demos-old .td-set-theme-style a { display: block; position: relative; font-size: 10px; height: 30px; line-height: 27px; margin-bottom: 12px ; border: 1px solid #ededed; color: #5a5a5a !important; } .td-live-theme-demos-old .td-set-theme-style a span { color: #f26367; font-size: 9px; position: absolute; left: 3px; bottom: -5px; } .td-live-theme-demos-old .td-set-theme-style a:hover { text-decoration: none !important; border: 1px solid #777777; } .td-live-theme-demos-old .td-skin-header { border-bottom: 1px solid transparent; } .td-live-theme-demos-old .td-set-hide-show a { background-color: #fff; position: absolute; top: 48px; left: 144px; padding: 11px 10px; border: 1px solid #e8e8e8; z-index: -1; color: #000; text-align: center; text-transform: uppercase; font-size: 11px; line-height: 16px; width: 64px; } .td-live-theme-demos-old .td-set-hide-show a a { color: black; } body .td-live-theme-demos-old.td-theme-settings-small { -webkit-box-shadow: -1px 1.732px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 1.732px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: -1px 1.732px 4px 0 rgba(0, 0, 0, 0.1); transform: translate3d(0, 0, 0) !important; -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -o-transform: translate3d(0, 0, 0) !important; } body .td-live-theme-demos-old.td-theme-settings-small .td-skin-header { border-bottom: 1px solid transparent; } #td-theme-settings.td-live-theme-demos-old.td-theme-settings-no-transition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } @media print { html, body { background-color: #FFF; color: #000; margin: 0; padding: 0; } img { max-width: 100%; display: block; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } ul, ol, li { page-break-inside: avoid; } table, tr, td { page-break-before: avoid; } .single-post .td-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 .author-box-wrap .avatar { display: none !important; } .backstretch { display: none; } .td-main-content, header { width: 100% !important; } } /* video list player */ /* player size configuration variable */ .td_block_video_playlist { padding-bottom: 48px; } .MIXIN_chrome_sidebar::-webkit-scrollbar-track { background-color: #383838; } .MIXIN_chrome_sidebar::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .MIXIN_chrome_sidebar::-webkit-scrollbar-thumb { background-color: #919191; border-radius: 10px; } .td_video_playlist_title { position: relative; z-index: 1; background-color: #222; } .td_video_playlist_title .td_video_title_text { font-family: 'Open Sans', arial, sans-serif; font-weight: bold; font-size: 15px; color: #ffffff; margin-left: 17px; margin-right: 17px; vertical-align: middle; line-height: 24px; padding: 10px 0 10px 0; /* responsive phone */ } @media (max-width: 767px) { .td_video_playlist_title .td_video_title_text { text-align: center; } } .td_wrapper_video_playlist { z-index: 1; position: relative; } .td_wrapper_video_playlist .td_video_controls_playlist_wrapper { background-color: #4db2ec; position: relative; } .td_wrapper_video_playlist .td_video_controls_playlist_wrapper:before { content: ''; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGBAMAAADwPukCAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlM9KRgMBADiSB2HAAAAFElEQVR4XmNgYBBgUGAwYHBgCAAAA3wA8fpXm6EAAAAASUVORK5CYII=) repeat-x; width: 100%; height: 6px; position: absolute; bottom: -6px; z-index: 1; } .td_wrapper_video_playlist .td_video_stop_play_control { position: relative; width: 65px; height: 65px; outline: 0 !important; } .td_wrapper_video_playlist .td_video_stop_play_control:after { content: ''; width: 1px; height: 37px; background-color: rgba(255, 255, 255, 0.2); position: absolute; top: 14px; right: 0; } .td_wrapper_video_playlist .td_youtube_control, .td_wrapper_video_playlist .td_vimeo_control { position: relative; top: 12px; left: 11px; cursor: pointer; } .td_wrapper_video_playlist .td_video_title_playing { position: absolute; top: 13px; left: 80px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 19px; font-weight: bold; color: #ffffff; padding-right: 7px; max-height: 37px; overflow: hidden; } @media (min-width: 481px) and (max-width: 1018px) { .td_wrapper_video_playlist .td_video_title_playing { max-height: 20px; top: 23px; } } @media (max-width: 480px) { .td_wrapper_video_playlist .td_video_title_playing { max-height: 37px; top: 13px; } } .td_wrapper_video_playlist .td_video_time_playing { position: absolute; bottom: 0; right: 5px; font-family: 'Open Sans', arial, sans-serif; font-size: 10px; font-style: italic; color: #ffffff; line-height: 17px; padding-right: 1px; } .td_wrapper_video_playlist .td_video_currently_playing { background-color: #404040; } .td_wrapper_video_playlist .td_video_currently_playing:after { content: ''; position: absolute; top: 0; left: 0; border-left: 3px solid #4db2ec !important; width: 3px; height: inherit; } .td_wrapper_video_playlist .td_click_video { height: 60px; display: block; width: 100%; position: relative; } .td_wrapper_video_playlist .td_click_video:hover { background-color: #333333; cursor: pointer; } .td_wrapper_video_playlist .td_video_thumb { position: relative; top: 10px; width: 72px; height: 40px; overflow: hidden; margin-left: 16px; } .td_wrapper_video_playlist .td_video_thumb img { position: relative; top: -6px; } .td_wrapper_video_playlist .td_video_title_and_time { position: absolute; top: 10px; margin: 0 30px 0 103px; } .td_wrapper_video_playlist .td_video_title_and_time .td_video_title { font-family: 'Open Sans', arial, sans-serif; font-size: 12px; color: #ffffff; line-height: 15px; max-height: 30px; overflow: hidden; } .td_wrapper_video_playlist .td_video_time { font-family: 'Open Sans', arial, sans-serif; font-size: 10px; font-style: italic; color: #777777; line-height: 13px; } .td_wrapper_video_playlist .td_wrapper_player { background-color: #000; overflow: hidden; /* responsive portrait phone */ } @media (max-width: 767px) { .td_wrapper_video_playlist .td_wrapper_player { margin-bottom: -5px; } } .td_wrapper_video_playlist .td_wrapper_player iframe { width: 100%; height: 100%; } .td_wrapper_video_playlist .td_container_video_playlist { background-color: #222; vertical-align: top; overflow: hidden; } .td_wrapper_video_playlist .td_playlist_clickable { overflow-y: auto; overflow-x: hidden; height: 347px; } .td_video_playlist_column_3 .td_wrapper_player { display: block; width: 728px; height: 409px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_video_playlist_column_3 .td_wrapper_player { height: 365px; width: 649px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_video_playlist_column_3 .td_wrapper_player { width: 100%; height: 416px; } } @media (max-width: 767px) { .td_video_playlist_column_3 .td_wrapper_player { width: 100%; height: auto; } } .td_video_playlist_column_3 .td_container_video_playlist { display: block; position: absolute; top: 0; right: 0; width: 341px; height: 409px; /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_video_playlist_column_3 .td_container_video_playlist { height: 365px; width: 331px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_video_playlist_column_3 .td_container_video_playlist { position: relative; width: 100%; height: 305px; right: 0; } } @media (max-width: 767px) { .td_video_playlist_column_3 .td_container_video_playlist { position: relative; width: 100%; height: 305px; right: 0; } } @media (max-width: 480px) { .td_video_playlist_column_3 .td_container_video_playlist { position: relative; width: 100%; height: 245px; right: 0; } } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile { height: 348px; } @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 768px) and (max-width: 1018px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile { margin-right: 10px; } } @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile { margin-right: 10px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile { height: 240px; overflow-x: hidden; overflow-y: auto; } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track { background-color: #383838; } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb { background-color: #919191; border-radius: 10px; } } @media (max-width: 767px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile { height: 240px; overflow-x: hidden; overflow-y: auto; } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track { background-color: #383838; } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb { background-color: #919191; border-radius: 10px; } } @media (max-width: 480px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile { height: 180px; } } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist { height: 348px; /* responsive landscape tablet */ } @media screen and (-webkit-min-device-pixel-ratio: 0) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist { margin-right: 10px; } } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track { background-color: #383838; } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb { background-color: #919191; border-radius: 10px; } @media (min-width: 1019px) and (max-width: 1140px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist { height: 300px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist { height: 240px; } } @media (max-width: 767px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist { height: 240px; } } @media (max-width: 480px) { .td_video_playlist_column_3 .td_playlist_clickable.td_add_scrollbar_to_playlist { height: 180px; } } .td_video_playlist_column_2 .td_wrapper_video_playlist { /* responsive portrait phone */ } @media (max-width: 767px) { .td_video_playlist_column_2 .td_wrapper_video_playlist { left: 0; } } .td_video_playlist_column_2 .td_video_title_playing { max-height: 20px; top: 23px; } @media (max-width: 480px) { .td_video_playlist_column_2 .td_video_title_playing { max-height: 37px; top: 13px; } } .td_video_playlist_column_2 .td_wrapper_player { display: block; height: 391px; /* responsive landscape tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_video_playlist_column_2 .td_wrapper_player { height: 360px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_video_playlist_column_2 .td_wrapper_player { height: 272px; } } @media (max-width: 767px) { .td_video_playlist_column_2 .td_wrapper_player { display: block; height: auto; } } .td_video_playlist_column_2 .td_container_video_playlist { display: block; height: 305px; } @media (max-width: 480px) { .td_video_playlist_column_2 .td_container_video_playlist { height: 245px; } } .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable { height: 240px; } @media (max-width: 480px) { .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable { height: 180px; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile, .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist { margin-right: 10px; } } .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track, .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track { background-color: #383838; } .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar, .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb, .td_video_playlist_column_2 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb { background-color: #919191; border-radius: 10px; } .td_video_playlist_column_1 .td_wrapper_player { display: block; height: 182px; /* responsive landscape tablet */ /* responsive portrait tablet */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_video_playlist_column_1 .td_wrapper_player { height: 169px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_video_playlist_column_1 .td_wrapper_player { height: 128px; } } @media (max-width: 767px) { .td_video_playlist_column_1 .td_wrapper_player { display: block; width: 100%; height: auto; } } .td_video_playlist_column_1 .td_container_video_playlist { display: block; } @media (max-width: 480px) { .td_video_playlist_column_1 .td_container_video_playlist { height: 245px; } } .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile, .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist { height: 301px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile, .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist { margin-right: 10px; } } @media (max-width: 480px) { .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile, .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist { height: 180px; } } .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-track, .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-track { background-color: #383838; } .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar, .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist_for_mobile::-webkit-scrollbar-thumb, .td_video_playlist_column_1 .td_container_video_playlist .td_playlist_clickable.td_add_scrollbar_to_playlist::-webkit-scrollbar-thumb { background-color: #919191; border-radius: 10px; } .wp-video-shortcode:focus { outline: 0 !important; } /* GENERAL */ .wpb_heading { background-color: #222; color: #fff; display: inline-block; padding: 8px 12px; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1; margin-bottom: 26px; margin-top: 0; } /* Single Image */ .vc_single_image-img { display: block; } /* Text block */ .wpb_text_column h1:first-child, .wpb_text_column h2:first-child, .wpb_text_column h3:first-child, .wpb_text_column h4:first-child, .wpb_text_column h5:first-child { margin-top: 0; } /* FAQ - toggle */ .vc_toggle_title { padding: 7px 13px 8px 36px !important; margin: 0; } .vc_toggle_content { padding-left: 15px !important; } .vc_toggle_active .vc_toggle_title { background-color: #fcfcfc !important; } .vc_toggle_title { border: 1px solid #ededed; } .vc_toggle_title:hover { background-color: #fcfcfc !important; } .vc_toggle_title h4 { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 21px; font-weight: 400; } .vc_toggle_title .vc_toggle_icon { left: 10px !important; } .vc_toggle { margin-bottom: 10px !important; } .vc_toggle.vc_toggle_size_md .vc_toggle_title { padding: 11px 13px 10px 45px !important; } .vc_toggle.vc_toggle_size_lg .vc_toggle_title { padding: 14px 13px 14px 48px !important; } /* Image gallery */ .wpb_gallery .flexslider { overflow: hidden; border: 0; border-radius: 0; box-shadow: none; position: relative; } .wpb_gallery .nivoSlider { box-shadow: none !important; } .wpb_gallery .post-title { font-size: 26px; line-height: 31px; margin-bottom: 10px; margin-top: 10px; } .wpb_gallery .wpb_flexslider .flex-control-nav { bottom: 0; z-index: 2; } /* Image carousel */ .wpb_content_element .icon-next:before { font-family: 'newspaper', sans-serif !important; content: '\e808' !important; color: #ffffff; font-size: 30px; top: 0 !important; } .wpb_content_element .icon-prev:before { font-family: 'newspaper', sans-serif !important; content: '\e807' !important; color: #ffffff; font-size: 30px; top: 0 !important; } /* Tabs */ .wpb_tabs .wpb_tab { background-color: #fff !important; padding: 0 !important; } .wpb_tabs .wpb_tabs_nav { border-bottom: 2px solid #222; margin-bottom: 26px; } .wpb_tabs li a { background-color: #fff; color: #222; padding: 8px 12px 5px 12px !important; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 15px; font-weight: 400; white-space: nowrap; } .wpb_tabs li.ui-tabs-active a, .wpb_tabs li:hover a { background-color: #222; color: #fff; } @-moz-document url-prefix() { .wpb_tabs li a { padding: 7px 12px 5px 12px !important; line-height: 16px; } } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic { margin-bottom: 22px; } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .td_block_wrap { padding-bottom: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .td_block_wrap { padding-bottom: 12px; } } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-panels-container .vc_tta-panels { background-color: transparent; border: none; } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container { margin-bottom: 26px !important; margin-right: 0; border-bottom: 2px solid #4db2ec; display: block; } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list { padding: 0; } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab { margin: 0; } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a { border-color: transparent; background-color: #4db2ec; color: #fff; } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a { border-color: transparent; background-color: #fff; color: #222; padding: 6px 12px 5px 12px !important; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 15px; font-weight: 400; white-space: nowrap; border-radius: 0; } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-panel-heading { display: none; } .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-panel-body { padding: 0; border-color: transparent; background-color: transparent; } .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container { margin-bottom: 17px !important; border: none; } .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab { margin: 0 11px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab { margin: 0; } } .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a { background-color: transparent !important; font-size: 19px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a { font-size: 15px; } } @media (max-width: 767px) { .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a { font-size: 17px; } } .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list { text-align: center; } .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .td-tab-color.vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a { background-color: transparent; color: #009688; } .td-tab-color.vc_tta.vc_general .vc_tta-icon { font-size: 1em; top: -2px; position: relative; } .td-tab-color .vc_tta-panels-container { margin-bottom: 48px; } .td-tab-color .vc_tta-tabs-list li:nth-child(1).vc_active > a, .td-tab-color .vc_tta-tabs-list li:nth-child(1):hover > a { color: #e53935 !important; } .td-tab-color .vc_tta-panels .vc_tta-panel:nth-child(1) .td-grid-style-1 .td-post-category { background-color: #e53935 !important; } .td-tab-color .vc_tta-tabs-list li:nth-child(2).vc_active > a, .td-tab-color .vc_tta-tabs-list li:nth-child(2):hover > a { color: #66bb6a !important; } .td-tab-color .vc_tta-panels .vc_tta-panel:nth-child(2) .td-grid-style-1 .td-post-category { background-color: #66bb6a !important; } .td-tab-color .vc_tta-tabs-list li:nth-child(3).vc_active > a, .td-tab-color .vc_tta-tabs-list li:nth-child(3):hover > a { color: #29B6F6 !important; } .td-tab-color .vc_tta-panels .vc_tta-panel:nth-child(3) .td-grid-style-1 .td-post-category { background-color: #29B6F6 !important; } .td-tab-color .vc_tta-tabs-list li:nth-child(4).vc_active > a, .td-tab-color .vc_tta-tabs-list li:nth-child(4):hover > a { color: #7F8FA9 !important; } .td-tab-color .vc_tta-panels .vc_tta-panel:nth-child(4) .td-grid-style-1 .td-post-category { background-color: #7F8FA9 !important; } .td-tab-color .vc_tta-tabs-list li:nth-child(5).vc_active > a, .td-tab-color .vc_tta-tabs-list li:nth-child(5):hover > a { color: #FDD835 !important; } .td-tab-color .vc_tta-panels .vc_tta-panel:nth-child(5) .td-grid-style-1 .td-post-category { background-color: #FDD835 !important; } /* Accordion */ .vc_tta-accordion.vc_tta-o-no-fill .td_block_wrap { margin-left: -20px; margin-right: -20px; } /* Progress bar */ .vc_progress_bar .vc_label, .vc_progress_bar div { border-radius: 0 !important; } /* Tour section */ .wpb_tour .wpb_heading { float: left; } .wpb_tour .wpb_tabs_nav { clear: both; border-bottom: 1px solid #ededed; } .wpb_tour .wpb_tabs_nav li { line-height: 16px; margin: 0 !important; overflow: hidden; } .wpb_tour .wpb_tabs_nav li a { color: #222; padding: 7px 12px 7px 12px !important; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; white-space: nowrap; min-height: 30px; border: 1px solid #ededed; } .wpb_tour .wpb_tabs_nav li.ui-tabs-active a, .wpb_tour .wpb_tabs_nav li:hover a { background-color: #222; color: #fff; border-width: 1px 1px 0 1px; border-style: solid; border-color: #222; } /* Accordion */ .wpb_accordion .ui-state-active a { background-color: #222 !important; color: #fff !important; border: 0 !important; } .wpb_accordion .wpb_accordion_header { background-color: #ffffff !important; margin-bottom: 10px !important; } .wpb_accordion .wpb_accordion_header a { color: #222; padding: 10px 12px !important; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 17px; font-weight: 400; white-space: nowrap; min-height: 30px; border: 1px solid #ededed; } .wpb_accordion .wpb_accordion_content { margin-bottom: 10px; } /* Buttons */ .wpb_button, .vc_btn { display: inline-block; font-family: 'Open Sans', arial, sans-serif; font-weight: 600; line-height: 24px; text-shadow: none; border: none; transition: none; border-radius: 0; margin-bottom: 21px; } .wpb_button:hover, .vc_btn:hover { text-shadow: none; text-decoration: none !important; } a.vc_btn-black { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a.vc_btn-black:hover { background-color: #4db2ec; border-color: #4db2ec; color: #4db2ec; } a.vc_btn-black.vc_btn_square_outlined:hover, a.vc_btn-black.vc_btn_outlined:hover { color: #4db2ec !important; } .wpb_default { background-color: #4db2ec; } .wpb_default:hover { text-shadow: none; background-color: #4db2ec; opacity: 0.8; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } /* Call to action */ .wpb_call_to_action { background-color: #fcfcfc; } .vc_call_to_action .wpb_heading { background-color: inherit; color: inherit; margin-top: inherit; padding: inherit; line-height: 34px; margin-bottom: 8px; } .vc_call_to_action h2 { font-size: 27px; } .vc_call_to_action h4 { line-height: 20px !important; } /* Video */ .wpb_video_widget .wpb_video_wrapper { margin-bottom: 0; } /* Custom heading */ .vc_custom_heading > * { margin-top: 0; margin-bottom: 26px; } /* Widgets */ .widget { overflow: hidden; } .vc_wp_rss ul, .vc_wp_archives ul, .vc_wp_categories ul, .vc_wp_posts ul, .vc_wp_text ul, .vc_wp_custommenu ul, .vc_wp_tagcloud ul, .vc_wp_pages ul, .vc_wp_calendar ul, .vc_wp_recentcomments ul, .vc_wp_meta ul, .vc_wp_search ul { margin: 0; } .widgettitle { background-color: #222; color: #fff; display: inline-block; padding: 6px 12px 4px; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 19px; margin-bottom: 14px; margin-top: 0; min-height: 30px; position: relative; } .widgettitle:after { content: ''; height: 2px; width: 300%; position: absolute; bottom: 0; left: 0; background-color: #222; } .widgettitle a { color: #fff; } @-moz-document url-prefix() { .widgettitle { line-height: 18px; } } .vc_wp_rss { margin-bottom: 0; } .vc_wp_rss .widgettitle a:first-child { display: none; } .vc_wp_rss .widget_rss { margin-bottom: 21px; } .vc_wp_rss ul { margin: 4px 0 0 12px; } .vc_wp_rss ul li { margin-left: 0; padding-bottom: 0; } .vc_wp_archives ul { margin: 0; } .vc_wp_text .textwidget { margin: 12px 0 43px 0; } .vc_wp_tagcloud .widgettitle { margin-bottom: 26px; } .vc_wp_search .widgettitle { margin-bottom: 26px; } .wpb_raw_code { margin-bottom: 26px; } .wpb_single_image .vc_single_image-wrapper { display: block; } .wpb_flickr_heading { display: table; } /* ---------------------------------------------------------------------------- General smart list style */ .td-smart-list-pagination { text-align: center; margin-bottom: 26px; } .td-smart-list-button { font-family: 'Roboto', sans-serif; line-height: 40px; background-color: #222; color: #fff; padding: 11px 24px; font-size: 16px; font-style: normal; text-align: center; -webkit-transition: background-color 0.2s ease 0s; -moz-transition: background-color 0.2s ease 0s; -o-transition: background-color 0.2s ease 0s; transition: background-color 0.2s ease 0s; cursor: pointer; margin: 0 10px; } .td-smart-list-button:hover { text-decoration: none !important; background-color: #4db2ec; } .td-smart-list-button .td-icon-left { font-size: 14px; position: relative; top: 1px; padding-right: 11px; } .td-smart-list-button .td-icon-right { font-size: 14px; position: relative; top: 1px; padding-left: 11px; } .td-smart-disable { opacity: 0.5; cursor: default; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ -o-user-select: none; user-select: none; } .td-smart-disable:hover { background-color: #222 !important; } .td-smart-list-dropdown-wrap { text-align: center; border: 1px solid #ededed; margin-bottom: 26px; clear: both; } .td-smart-list-dropdown-wrap .td-smart-list-dropdown { height: 30px; padding: 0 35px 0 10px; margin: 10px 0; overflow: hidden; background-color: #fff; border: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; outline: none; font-family: 'Roboto', sans-serif; max-width: 40%; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; cursor: pointer; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-smart-list-dropdown-wrap .td-smart-list-dropdown { max-width: 50%; } } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-dropdown { text-align: center; max-width: 70%; } } .td-smart-list-dropdown-wrap .td-smart-list-dropdown option { /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-dropdown option { text-align: left; } } .td-smart-list-dropdown-wrap .td-smart-list-dropdown::-ms-expand { display: none; } .td-smart-list-dropdown-wrap .td-smart-list-container { display: inline; position: relative; } .td-smart-list-dropdown-wrap .td-smart-list-container:before { content: ''; width: 0; height: 0; position: absolute; top: 7px; right: 16px; z-index: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; pointer-events: none; } .td-smart-list-dropdown-wrap .td-smart-list-button { padding: 2px 18px; margin: 0; background-color: transparent !important; color: inherit; /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button { padding: 2px 6px; } } .td-smart-list-dropdown-wrap .td-smart-list-button i { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button i { display: inline; font-size: 12px; top: 0; } } .td-smart-list-dropdown-wrap .td-smart-list-button .td-icon-left:before { /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button .td-icon-left:before { content: '\e80c'; } } .td-smart-list-dropdown-wrap .td-smart-list-button .td-icon-right:before { /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button .td-icon-right:before { content: '\e80d'; } } .td-smart-list-dropdown-wrap .td-smart-list-button:hover { background-color: transparent !important; color: #4db2ec; } .td-smart-list-dropdown-wrap .td-smart-list-button span { /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button span { display: none; } } .td-smart-list-dropdown-wrap .td-smart-disable:hover { color: #222; } .td-smart-list-dropdown-wrap .td-smart-next { border-left: 1px solid #ededed; margin-left: 3px; } .td-smart-list-dropdown-wrap .td-smart-back { border-right: 1px solid #ededed; margin-right: 3px; } @-moz-document url-prefix() { .td-smart-list-dropdown-wrap .td-smart-list-container:before { top: 9px; } } /* ---------------------------------------------------------------------------- Smart list 1 */ .td_smart_list_1 { position: relative; overflow: hidden; z-index: 1; margin-top: 38px; } .td_smart_list_1 .td-item { width: 100%; } .td-number-and-title { text-align: center; width: 100%; padding: 8px 100px 4px 100px; margin-bottom: 23px; display: inline-block; } @media (max-width: 500px) { .td-number-and-title { padding: 60px 0 0 0; margin-bottom: 20px; } } .td-sml-current-item-title { display: inline-block; font-weight: 700; font-size: 22px; line-height: 26px; margin-top: 0; margin-bottom: 0; } .td-controls { position: absolute; top: 1px; z-index: 2; width: 100%; } .td-left-smart-list, .td-right-smart-list { position: absolute; width: 88px; height: 40px; line-height: 40px; background-color: #222222; color: #fff; font-size: 14px; font-style: normal; font-weight: 400; text-align: center; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .td-left-smart-list:hover, .td-right-smart-list:hover { text-decoration: none !important; background-color: #4db2ec; } @-moz-document url-prefix() { .td-left-smart-list, .td-right-smart-list { line-height: 38px; } } .td-right-smart-list { right: 0; } .td-right-smart-list .td-icon-right { font-size: 16px; position: relative; top: 2px; padding-left: 11px; } .td-left-smart-list { left: 0; } .td-left-smart-list .td-icon-left { font-size: 16px; position: relative; top: 2px; padding-right: 11px; } .td-slide-smart-list-figure img { display: inline-block; vertical-align: top; } .td-sml-caption { font-family: Verdana, Geneva, sans-serif; font-style: italic; font-size: 11px; line-height: 17px; margin-top: 5px; margin-bottom: 21px; } .td-sml-description { margin-top: 22px; display: block; } /* ---------------------------------------------------------------------------- Smart list 2 */ .td_smart_list_2 { margin-top: 38px; } .td_smart_list_2 .td-number-and-title { text-align: left; padding: 0; margin-bottom: 21px; position: relative; } .td_smart_list_2 .td-sml-description { margin-top: 0; } .td_smart_list_2 h2 { margin: 2px 0 0; line-height: 32px; } .td_smart_list_2 .td-item { margin-bottom: 53px; } .td_smart_list_2 .td-sml-current-item-title { margin-top: 5px; width: 100%; padding-left: 56px; } .td-sml-current-item-nr { position: absolute; top: 0; left: 0; font-weight: bold; font-size: 22px; line-height: 39px; color: #fff; background-color: #222222; width: 37px; height: 37px; text-align: center; display: inline-block; } /* ---------------------------------------------------------------------------- Smart list 3 */ .td_smart_list_3 { position: relative; overflow: hidden; z-index: 1; /* responsive portrait tablet */ /* responsive portrait phone */ } .td_smart_list_3 .td-sml-current-item-title { margin-top: 6px; } .td_smart_list_3 .td-number-and-title { padding: 0 200px 0 52px; text-align: left; display: block; } .td_smart_list_3 .td-number-and-title h2 { margin: 0; } .td_smart_list_3 .td-sml-current-item-nr { position: absolute; left: 0; top: 1px; } .td_smart_list_3 .td-left-smart-list { right: 98px; left: auto; } .td_smart_list_3 .td-item { width: 100%; } .td_smart_list_3 .td-sml-description { margin-top: 0; } .td_smart_list_3 .td-slide-smart-list-figure { float: right; margin-left: 20px; width: 300px; } @media (min-width: 768px) and (max-width: 1018px) { .td_smart_list_3 .td-number-and-title { padding-right: 106px; } .td_smart_list_3 .td-left-smart-list, .td_smart_list_3 .td-right-smart-list { width: 40px; font-size: 0; } .td_smart_list_3 .td-icon-right { top: 1px; left: 1px; line-height: 40px; padding-left: 0; font-size: 20px; } .td_smart_list_3 .td-left-smart-list { right: 50px; } .td_smart_list_3 .td-left-smart-list .td-icon-left { top: 1px; line-height: 40px; padding-right: 0; font-size: 20px; } .td_smart_list_3 .td-slide-smart-list-figure { width: 45%; } } @media (max-width: 767px) { .td_smart_list_3 .td-controls { position: relative; height: 40px; margin-bottom: 25px; } .td_smart_list_3 .td-left-smart-list { left: 0; } .td_smart_list_3 .td-number-and-title { padding: 0; text-align: center; margin-bottom: 25px; } .td_smart_list_3 .td-sml-current-item-nr { position: relative; left: auto; margin-right: 15px; top: auto; } .td_smart_list_3 .td-slide-smart-list-figure { width: 100%; margin: 0 0 10px 0; text-align: center; } } /* ---------------------------------------------------------------------------- Smart list 4 */ .smart-list-style-4 .td-post-content { float: left; } .smart-list-style-4 .td-post-sharing-top { margin-bottom: 0; } .td_smart_list_4 { /* responsive portrait phone */ } .td_smart_list_4 .td-item { width: 100%; min-height: 181px; border-bottom: 1px solid #ededed; position: relative; float: left; padding: 30px 0; } .td_smart_list_4 .td-item:first-child { padding-top: 9px; } .td_smart_list_4 .td-item:first-child .td-sml-current-item-nr { top: 9px; } .td_smart_list_4 .td-item:last-of-type { border-bottom: none; } .td_smart_list_4 .td-sml-current-item-nr { font-size: 18px; width: 32px; height: 32px; line-height: 34px; top: 30px; } .td_smart_list_4 .td-sml-current-item-title { font-size: 18px; line-height: 24px; padding-left: 47px; padding-top: 5px; display: inherit; } .td_smart_list_4 h2 { line-height: 24px; margin-bottom: 9px; margin-top: 0; } .td_smart_list_4 .td-slide-smart-list-figure { float: right; margin-left: 20px; width: 150px; } .td_smart_list_4 .td-number-and-title { text-align: left; padding: 0; margin-bottom: 9px; display: inherit; } .td_smart_list_4 .td-sml-description { margin-top: 11px; } .td_smart_list_4 .td-sml-caption { line-height: 17px; } @media (max-width: 767px) { .td_smart_list_4 .td-item { display: table; width: 100%; } .td_smart_list_4 .td-item:first-child { padding-top: 30px; } .td_smart_list_4 .td-item:first-child .td-sml-current-item-nr { top: 0; } .td_smart_list_4 .td-slide-smart-list-figure { margin: 0; width: 100%; text-align: center; } .td_smart_list_4 .td-number-and-title { display: table-header-group; text-align: center; } .td_smart_list_4 .td-sml-current-item-nr { position: relative; top: 0; } .td_smart_list_4 .td-sml-current-item-title { padding: 10px 0; } } @-moz-document url-prefix() { .td_smart_list_4 .td-sml-current-item-nr { line-height: 32px; } } /* ---------------------------------------------------------------------------- Smart list 5 */ .td_smart_list_5 { margin-top: 38px; } .td_smart_list_5 .td-slide-smart-list-figure { position: relative; } .td_smart_list_5 .td-sml-current-item-nr { font-size: 26px; width: 44px; height: 44px; line-height: 44px; font-family: 'Roboto', sans-serif; background-color: rgba(0, 0, 0, 0.8); z-index: 1; } .td_smart_list_5 .td-sml-caption { position: absolute; bottom: 0; left: 0; right: 0; text-align: right; color: #fff; margin-bottom: 0; padding: 12px 16px; z-index: 1; } .td_smart_list_5 .td-number-and-title { text-align: left; padding: 0; margin-bottom: 6px; margin-top: 17px; } .td_smart_list_5 h2 { margin: 0; } .td_smart_list_5 .td-sml-description { margin-top: 0; } .td_smart_list_5 .td-item { margin-bottom: 53px; } .td_smart_list_5 figcaption div:before { bottom: 0; left: 0; content: ""; display: block; height: 150%; width: 100%; position: absolute; z-index: -1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */ } .td_smart_list_5 figcaption div:empty { display: none; } /* ---------------------------------------------------------------------------- Smart list 6 */ .td_smart_list_6 { margin-top: 38px; position: relative; z-index: 1; clear: both; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_6 { margin-top: 20px; } } .td_smart_list_6 .td-number-and-title { text-align: left; padding: 0; margin-bottom: 21px; position: relative; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_6 .td-number-and-title { margin-bottom: 10px; } } .td_smart_list_6 .td-slide-smart-list-figure img { width: 100%; } .td_smart_list_6 .td-sml-description { margin-top: 0; } .td_smart_list_6 .td-slide-smart-list-figure { text-align: center; display: table; margin-left: auto; margin-right: auto; } .td_smart_list_6 .td-sml-caption { text-align: left; } .td_smart_list_6 h2 { margin: 2px 0 0; line-height: 32px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_6 h2 { text-align: center; margin: 0; } } .td_smart_list_6 .td-sml-current-item-nr { /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_6 .td-sml-current-item-nr { position: relative; } } .td_smart_list_6 .td-sml-current-item-title { margin-top: 5px; width: 100%; padding-left: 56px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_6 .td-sml-current-item-title { margin-top: 10px; padding-left: 0; } } /* ---------------------------------------------------------------------------- Smart list 7 */ .td_smart_list_7 { margin-top: 38px; position: relative; z-index: 1; clear: both; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_7 { margin-top: 20px; } } .td_smart_list_7 .td-slide-smart-list-figure img { width: 100%; } .td_smart_list_7 .td-sml-description { margin-top: 0; } .td_smart_list_7 .td-slide-smart-list-figure { text-align: center; display: table; margin-left: auto; margin-right: auto; } .td_smart_list_7 .td-sml-caption { text-align: left; } .td_smart_list_7 h2 { margin: 0; line-height: 1; padding: 0 120px; min-height: 60px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_7 h2 { padding: 0; min-height: 0; } } .td_smart_list_7 .td-sml-current-item-title { margin-top: 7px; margin-bottom: 8px; text-align: center; width: 100%; line-height: 28px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_smart_list_7 .td-sml-current-item-title { margin-top: 10px; line-height: 24px; font-size: 19px; } } @media (max-width: 767px) { .td_smart_list_7 .td-sml-current-item-title { margin-top: 10px; text-align: left; line-height: 30px; font-weight: 500; font-size: 26px; } } .td_smart_list_7 .td-item .td-smart-list-pagination { position: relative; display: inline-block; margin-bottom: 26px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_7 .td-item .td-smart-list-pagination { margin-bottom: 0; } } .td_smart_list_7 .td-smart-list-pagination { display: inline-block; width: 100%; position: absolute; top: 0; margin-bottom: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_7 .td-smart-list-pagination { position: relative; } } .td_smart_list_7 .td-smart-list-pagination .td-smart-list-button { margin: 0; line-height: 20px; } .td_smart_list_7 .td-smart-list-pagination .td-smart-back { float: left; } .td_smart_list_7 .td-smart-list-pagination .td-smart-next { float: right; } /* ---------------------------------------------------------------------------- Smart list 8 */ .td_smart_list_8 { position: relative; z-index: 1; clear: both; } .td_smart_list_8 .td-number-and-title { text-align: left; padding: 0; margin-bottom: 16px; position: relative; } .td_smart_list_8 .td-number-and-title h2 { margin: 6px 0 0; line-height: 32px; } .td_smart_list_8 .td-sml-description { margin-top: 0; } .td_block_weather { padding-bottom: 48px; } .td_block_weather .block-title { margin-bottom: 22px; } .td_block_weather .td-weather-wrap { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .td-weather-header { padding-left: 10px; font-family: 'Roboto', sans-serif; } .td-weather-city { font-size: 20px; font-weight: bold; line-height: 1; text-transform: uppercase; margin-bottom: 7px; } .td-weather-condition { font-size: 14px; line-height: 1; text-transform: capitalize; opacity: 0.8; } .td-location-icon { position: absolute; top: 0; right: 10px; font-size: 22px; opacity: 0.6; z-index: 1; } .td-location-icon:hover { cursor: pointer; opacity: 0.9; } .td-weather-temperature { font-family: 'Roboto', sans-serif; padding: 3px 0; display: inline-block; width: 100%; float: left; text-align: center; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-weather-temperature { margin-bottom: -6px; padding: 0; } } .td-weather-temp-wrap { display: inline-block; } .td-weather-now { float: left; text-align: center; line-height: 1; padding: 32px 16px; font-weight: 300; width: 145px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* responsive portrait tablet + phone */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1018px) { .td-weather-now { padding: 28px 0; position: relative; left: -10px; width: 90px; margin-left: 12px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-weather-now { margin-left: 0; } } @media (max-width: 767px) { .td-weather-now { width: 100px; } } .td-weather-now .td-big-degrees { font-size: 40px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td-weather-now .td-big-degrees { font-size: 32px; } } .td-weather-now .td-circle { font-size: 30px; position: relative; top: -6px; opacity: 0.6; line-height: 1; vertical-align: top; } .td-weather-now .td-weather-unit { font-size: 16px; position: relative; top: -4px; font-weight: 400; opacity: 0.6; left: -2px; line-height: 1; vertical-align: top; } .td-weather-now:hover { cursor: pointer; } .td-weather-lo-hi { float: left; text-align: left; width: 55px; } .td-weather-degrees-wrap { padding: 15px 0; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-weather-degrees-wrap { padding: 10px 0; } } .td-weather-degrees-wrap i { position: relative; top: 3px; font-size: 16px; color: #b3b3b3; } .td-weather-degrees-wrap .td-small-degrees { font-size: 12px; } .td-weather-degrees-wrap .td-circle { font-size: 18px; position: relative; right: 3px; top: 3px; } .td-weather-information { font-family: 'Roboto', sans-serif; font-size: 12px; position: relative; padding: 5px 0; display: inline-block; width: 100%; float: left; opacity: 0.6; } .td-weather-information:before { content: ''; width: 100%; height: 2px; position: absolute; top: -2px; left: 0; background-color: #4db2ec; opacity: 0.2; } .td-weather-information i { font-size: 16px; position: relative; top: 2px; } .td-weather-section-1, .td-weather-section-2, .td-weather-section-3 { float: left; width: 33%; } .td-weather-section-1 { text-align: right; padding-right: 10px; } .td-weather-section-2 { text-align: center; } .td-weather-section-3 { text-align: left; padding-left: 10px; } .td-weather-week { font-family: 'Roboto', sans-serif; padding: 15px 8px; width: 100%; text-align: center; line-height: 1; position: relative; display: inline-block; } .td-weather-week:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #4db2ec; opacity: 0.07; } .td-weather-days { width: 20%; float: left; text-align: center; text-transform: uppercase; line-height: 1; } .td-weather-days .td-day-0, .td-weather-days .td-day-1, .td-weather-days .td-day-2, .td-weather-days .td-day-3, .td-weather-days .td-day-4 { margin-bottom: 8px; font-size: 11px; opacity: 0.5; } .td-weather-days .td-day-degrees { font-size: 20px; position: relative; left: 4px; line-height: 14px; opacity: 0.7; } .td-weather-days .td-circle { position: relative; right: 5px; } .td-weather-animated-icon { float: left; text-align: right; margin-left: -15px; position: relative; /* responsive portrait tablet + phone */ /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-weather-animated-icon { left: 0; top: -6px; margin-right: 0; margin-left: -22px; } } @media (min-width: 768px) and (max-width: 1018px) { .td-weather-animated-icon { transform: scale(0.72); -webkit-transform: scale(0.72); -moz-transform: scale(0.72); -ms-transform: scale(0.72); -o-transform: scale(0.72); margin-left: -20px; } } .td-weather-animated-icon span { width: 100px; height: 100px; display: inline-block; opacity: 0.4; margin-top: 4px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td-weather-animated-icon span { margin-top: 0; } } .clear-sky-d { background: url('images/sprite/weather/clear-sky-d.png') no-repeat; } .clear-sky-n { background: url('images/sprite/weather/clear-sky-n.png') no-repeat; } .few-clouds-d { background: url('images/sprite/weather/few-clouds-d.png') no-repeat; } .few-clouds-n { background: url('images/sprite/weather/few-clouds-n.png') no-repeat; } .scattered-clouds-d { background: url('images/sprite/weather/scattered-clouds-d.png') no-repeat; } .scattered-clouds-n { background: url('images/sprite/weather/scattered-clouds-n.png') no-repeat; } .broken-clouds-d { background: url('images/sprite/weather/broken-clouds-d.png') no-repeat; } .broken-clouds-n { background: url('images/sprite/weather/broken-clouds-n.png') no-repeat; } .shower-rain-d { background: url('images/sprite/weather/shower-rain-d.png') no-repeat; } .shower-rain-n { background: url('images/sprite/weather/shower-rain-n.png') no-repeat; } .rain-d { background: url('images/sprite/weather/rain-d.png') no-repeat; } .rain-n { background: url('images/sprite/weather/rain-n.png') no-repeat; } .thunderstorm-d { background: url('images/sprite/weather/thunderstorm.png') no-repeat; } .thunderstorm-n { background: url('images/sprite/weather/thunderstorm.png') no-repeat; } .snow-d { background: url('images/sprite/weather/snow-d.png') no-repeat; } .snow-n { background: url('images/sprite/weather/snow-n.png') no-repeat; } .mist-d { background: url('images/sprite/weather/mist.png') no-repeat; } .mist-n { background: url('images/sprite/weather/mist.png') no-repeat; } /* weather location */ .td-weather-set-location { display: none; position: absolute; top: 0; } .td-weather-set-location .td-location-set-input { height: 20px; font-size: 20px; font-weight: bold; text-transform: uppercase; font-family: 'Roboto', sans-serif; border: 0; padding: 0 10px; } .td-weather-set-location .td-location-set-input:focus ~ label { top: -20px; font-size: 11px; opacity: 0.5; } .td-show-location { display: block !important; } .td-show-location label { position: absolute; top: 0; left: 10px; font-size: 13px; opacity: 0.6; pointer-events: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } /* 2,3 columns */ .td_block_weather .td-column-2, .td_block_weather .td-column-3 { text-align: right; height: 90px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2, .td_block_weather .td-column-3 { height: auto; display: inline-block; text-align: left; width: 100%; } } .td_block_weather .td-column-2 .td-weather-city, .td_block_weather .td-column-3 .td-weather-city { position: absolute; top: 0; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-city, .td_block_weather .td-column-3 .td-weather-city { position: relative; } } .td_block_weather .td-column-2 .td-weather-condition, .td_block_weather .td-column-3 .td-weather-condition { position: absolute; bottom: 0; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-condition, .td_block_weather .td-column-3 .td-weather-condition { position: relative; } } .td_block_weather .td-column-2 .td-weather-temperature, .td_block_weather .td-column-3 .td-weather-temperature { text-align: right; width: 55%; padding-right: 20px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-temperature, .td_block_weather .td-column-3 .td-weather-temperature { width: 100%; text-align: center; padding: 0; } } .td_block_weather .td-column-2 .td-weather-temp-wrap, .td_block_weather .td-column-3 .td-weather-temp-wrap { position: relative; top: -3px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-temp-wrap, .td_block_weather .td-column-3 .td-weather-temp-wrap { top: 0; } } .td_block_weather .td-column-2 .td-weather-animated-icon, .td_block_weather .td-column-3 .td-weather-animated-icon { transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); margin-right: -15px; top: -5px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-animated-icon, .td_block_weather .td-column-3 .td-weather-animated-icon { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); left: 0; top: -5px; margin-right: 0; margin-left: -22px; } } .td_block_weather .td-column-2 .td-weather-now, .td_block_weather .td-column-3 .td-weather-now { width: 110px; padding: 32px 0; margin-right: 10px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-now, .td_block_weather .td-column-3 .td-weather-now { padding: 30px 0; position: relative; left: -10px; width: 100px; margin-right: 0; } } .td_block_weather .td-column-2 .td-weather-now .td-big-degrees, .td_block_weather .td-column-3 .td-weather-now .td-big-degrees { font-size: 32px; } .td_block_weather .td-column-2 .td-weather-degrees-wrap, .td_block_weather .td-column-3 .td-weather-degrees-wrap { padding: 12px 0; } .td_block_weather .td-column-2 .td-weather-animated-icon, .td_block_weather .td-column-3 .td-weather-animated-icon { width: auto; } .td_block_weather .td-column-2 .td-weather-lo-hi, .td_block_weather .td-column-3 .td-weather-lo-hi { width: auto; } .td_block_weather .td-column-2 .td-weather-info-wrap, .td_block_weather .td-column-3 .td-weather-info-wrap { width: 45%; float: right; padding-left: 20px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-info-wrap, .td_block_weather .td-column-3 .td-weather-info-wrap { width: 100%; padding-left: 0; } } .td_block_weather .td-column-2 .td-weather-information, .td_block_weather .td-column-3 .td-weather-information { padding: 3px 0 10px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-information, .td_block_weather .td-column-3 .td-weather-information { padding: 5px 0; } } .td_block_weather .td-column-2 .td-weather-information:before, .td_block_weather .td-column-3 .td-weather-information:before { top: auto; bottom: -4px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-information:before, .td_block_weather .td-column-3 .td-weather-information:before { bottom: auto; top: -2px; } } .td_block_weather .td-column-2 .td-weather-week, .td_block_weather .td-column-3 .td-weather-week { padding: 20px 0 15px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-week, .td_block_weather .td-column-3 .td-weather-week { padding: 15px 0; } } .td_block_weather .td-column-2 .td-weather-week:before, .td_block_weather .td-column-3 .td-weather-week:before { display: none; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_weather .td-column-2 .td-weather-week:before, .td_block_weather .td-column-3 .td-weather-week:before { display: block; } } .td_block_weather .td-column-3 .td-weather-temp-wrap { margin-right: 100px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_weather .td-column-3 .td-weather-temp-wrap { margin-right: 0; } } /* top weather widget */ .td-weather-top-widget { display: inline-block; margin-right: 32px; } .td-weather-top-widget .td-icons { background: none; vertical-align: middle; position: relative; top: -1px; margin-right: 2px; } .td-weather-top-widget .td-icons:before { font-size: 18px; display: block; } .td-weather-top-widget .td-weather-now { line-height: inherit; padding: 0; float: none; width: auto; display: inline-block; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-weather-top-widget .td-weather-now { left: 0; } } .td-weather-top-widget .td-weather-now span { font-weight: 600; } .td-weather-top-widget .td-weather-now .td-big-degrees { font-size: 11px; } .td-weather-top-widget .td-weather-now .td-weather-unit { font-size: 8px; opacity: 1; left: 1px; top: -6px; vertical-align: inherit; } .td-weather-top-widget .td-weather-header { display: inline-block; padding-left: 6px; } .td-weather-top-widget .td-weather-header .td-weather-city { font-size: 11px; font-weight: 500; text-transform: none; margin: 0; } /* general */ .td_block_instagram { padding-bottom: 48px; } .td-instagram-image { display: block; } .td-instagram-element { position: relative; float: left; } .td-instagram-element a { position: relative; display: block; } .td-instagram-element a:before { content: ''; width: 94%; height: 94%; border: 1px solid #fff; opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .td-instagram-element a:after { content: ''; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; background-color: #fff; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .td-instagram-element:hover a:before { opacity: 0.4; } .td-instagram-element:hover a:after { opacity: 0.1; } .td-images-on-row-1 .td-instagram-element { width: 100%; } .td-images-on-row-2 .td-instagram-element { width: 50%; } .td-images-on-row-3 .td-instagram-element { width: 33.33333333%; } .td-images-on-row-4 .td-instagram-element { width: 25%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-4 .td-instagram-element { width: 50%; } } .td-images-on-row-5 .td-instagram-element { width: 20%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-5 .td-instagram-element { width: 50%; } } .td-images-on-row-6 .td-instagram-element { width: 16.66666667%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-6 .td-instagram-element { width: 33.33333333%; } } .td-images-on-row-7 .td-instagram-element { width: 14.28571428571429%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-7 .td-instagram-element { width: 50%; } } .td-images-on-row-8 .td-instagram-element { width: 12.5%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-8 .td-instagram-element { width: 50%; } } .td-image-gap-2 { margin: 0 -2px; } .td-image-gap-2 .td-instagram-element { padding: 0 2px 4px; } .td-image-gap-5 { margin: 0 -5px; } .td-image-gap-5 .td-instagram-element { padding: 0 5px 10px; } .td_block_instagram .td-video-play-ico { pointer-events: none; } .td_block_instagram .td-instagram-element { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_instagram .td-instagram-element .td-video-play-ico img { width: 24px; } } .td-instagram-header { position: relative; margin-bottom: 16px; } .td-instagram-profile-image { width: 60px; height: 60px; border-radius: 60px; overflow: hidden; } .td-instagram-profile-image { margin-right: 12px; float: left; } .td-instagram-meta { padding-top: 4px; font-size: 13px; color: #000; } .td-instagram-button { position: absolute; top: 14px; right: 0; padding: 8px 14px 9px; border: 1px solid #ededed; line-height: 1; font-size: 13px; color: #444; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .td-instagram-button:hover { border-color: #ccc; text-decoration: none !important; } .td-instagram-user { font-size: 15px; font-weight: 600; } .td-instagram-user a { line-height: 26px; color: #4db2ec; } .td-instagram-user a:hover { text-decoration: none !important; } .td-instagram-followers span { font-weight: 600; } .td_block_instagram .td-column-1 .td-images-on-row-3 .td-video-play-ico img, .td_block_instagram .td-column-1 .td-images-on-row-4 .td-video-play-ico img, .td_block_instagram .td-column-1 .td-images-on-row-5 .td-video-play-ico img, .td_block_instagram .td-column-1 .td-images-on-row-6 .td-video-play-ico img, .td_block_instagram .td-column-1 .td-images-on-row-7 .td-video-play-ico img, .td_block_instagram .td-column-1 .td-images-on-row-8 .td-video-play-ico img { width: 24px; } .td_block_instagram .td-column-1 .td-instagram-button { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_instagram .td-column-1 .td-instagram-button { display: none; } } .td_block_instagram .td-column-2 .td-images-on-row-5 .td-video-play-ico img, .td_block_instagram .td-column-2 .td-images-on-row-6 .td-video-play-ico img, .td_block_instagram .td-column-2 .td-images-on-row-7 .td-video-play-ico img, .td_block_instagram .td-column-2 .td-images-on-row-8 .td-video-play-ico img { width: 24px; } .td_block_instagram .td-column-3 .td-images-on-row-7 .td-video-play-ico img, .td_block_instagram .td-column-3 .td-images-on-row-8 .td-video-play-ico img { width: 24px; } .td_block_instagram .td-instagram-user a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: block; margin-right: 80px; } /* ---------------------------------------------------------------------------- Footer Instagram ---------------------------------------------------------------------------- */ .td-footer-instagram-container { padding-bottom: 0; } .td-footer-instagram-container .td_block_instagram { padding-bottom: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-instagram-container .td_block_instagram { overflow: hidden; } } .td-footer-instagram-container .td-footer-instagram-title { text-align: center; text-transform: uppercase; letter-spacing: 0.1em; font-size: 15px; margin: 0; padding-bottom: 10px; font-family: 'Open Sans', arial, sans-serif; } .td-footer-instagram-container .td-footer-instagram-title .td-footer-instagram-user-link { font-weight: 600; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-instagram-container .td-footer-instagram-title .td-footer-instagram-user-link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: block; margin: 0 20px; } } .td_block_exchange { font-family: 'Roboto', sans-serif; padding-bottom: 35px; /* Header - Base Currency */ /* 1 Column Title Overflow */ /* Body - All Currencies */ /* Flags */ } .td_block_exchange .td-exchange-header { position: relative; text-align: center; font-weight: bold; padding-top: 14px; padding-bottom: 12px; margin-bottom: 10px; z-index: 0; } .td_block_exchange .td-exchange-header:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #4db2ec; opacity: 0.07; z-index: -1; } .td_block_exchange .td-base-title { margin-left: 9px; } .td_block_exchange .td-column-1 .td-exchange-base { width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: auto; margin-right: auto; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_exchange .td-column-1 .td-exchange-base { width: 212px; } } .td_block_exchange .td-rate { position: relative; border-bottom: 1px dashed #f2f2f2; padding-top: 10px; padding-bottom: 10px; } .td_block_exchange .td-rate:last-child { border-bottom: none; } .td_block_exchange .td-rate .td-rate-currency { font-weight: bold; display: inline-block; margin-left: 34px; } .td_block_exchange .td-rate .td-exchange-value { float: right; } .td_block_exchange .td-flags { background-image: url('images/flags/flags.png'); background-repeat: no-repeat; display: inline-block; } .td_block_exchange .td-flag-header { vertical-align: middle; position: relative; bottom: 1px; } .td_block_exchange .td-flags-all { position: absolute; top: 8px; left: 0; } .td_block_exchange .td-flag-aud { background-position: 0 0; width: 24px; height: 24px; } .td_block_exchange .td-flag-bgn { background-position: -24px 0; width: 24px; height: 24px; } .td_block_exchange .td-flag-brl { background-position: -48px 0; width: 24px; height: 24px; } .td_block_exchange .td-flag-cad { background-position: -72px 0; width: 24px; height: 24px; } .td_block_exchange .td-flag-chf { background-position: -96px 0; width: 24px; height: 24px; } .td_block_exchange .td-flag-cny { background-position: 0 -24px; width: 24px; height: 24px; } .td_block_exchange .td-flag-czk { background-position: -24px -24px; width: 24px; height: 24px; } .td_block_exchange .td-flag-dkk { background-position: -48px -24px; width: 24px; height: 24px; } .td_block_exchange .td-flag-eur { background-position: -72px -24px; width: 24px; height: 24px; } .td_block_exchange .td-flag-gbp { background-position: -96px -24px; width: 24px; height: 24px; } .td_block_exchange .td-flag-hkd { background-position: 0 -48px; width: 24px; height: 24px; } .td_block_exchange .td-flag-hrk { background-position: -24px -48px; width: 24px; height: 24px; } .td_block_exchange .td-flag-huf { background-position: -48px -48px; width: 24px; height: 24px; } .td_block_exchange .td-flag-idr { background-position: -72px -48px; width: 24px; height: 24px; } .td_block_exchange .td-flag-ils { background-position: -96px -48px; width: 24px; height: 24px; } .td_block_exchange .td-flag-inr { background-position: 0 -72px; width: 24px; height: 24px; } .td_block_exchange .td-flag-jpy { background-position: -24px -72px; width: 24px; height: 24px; } .td_block_exchange .td-flag-krw { background-position: -48px -72px; width: 24px; height: 24px; } .td_block_exchange .td-flag-mxn { background-position: -72px -72px; width: 24px; height: 24px; } .td_block_exchange .td-flag-myr { background-position: -96px -72px; width: 24px; height: 24px; } .td_block_exchange .td-flag-nok { background-position: 0 -96px; width: 24px; height: 24px; } .td_block_exchange .td-flag-nzd { background-position: -24px -96px; width: 24px; height: 24px; } .td_block_exchange .td-flag-php { background-position: -48px -96px; width: 24px; height: 24px; } .td_block_exchange .td-flag-pln { background-position: -72px -96px; width: 24px; height: 24px; } .td_block_exchange .td-flag-ron { background-position: -96px -96px; width: 24px; height: 24px; } .td_block_exchange .td-flag-rub { background-position: -120px 0; width: 24px; height: 24px; } .td_block_exchange .td-flag-sek { background-position: -120px -24px; width: 24px; height: 24px; } .td_block_exchange .td-flag-sgd { background-position: -120px -48px; width: 24px; height: 24px; } .td_block_exchange .td-flag-thb { background-position: -120px -72px; width: 24px; height: 24px; } .td_block_exchange .td-flag-try { background-position: -120px -96px; width: 24px; height: 24px; } .td_block_exchange .td-flag-usd { background-position: 0 -120px; width: 24px; height: 24px; } .td_block_exchange .td-flag-zar { background-position: -24px -120px; width: 24px; height: 24px; } @-moz-document url-prefix() { .td_block_exchange .td-flags-all { top: 9px; } } .td_block_exchange .td-column-2 { overflow: hidden; } .td_block_exchange .td-column-2 .td-rate { width: 26%; float: left; margin-right: 11%; border-bottom-width: 0; position: relative; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_exchange .td-column-2 .td-rate { width: auto; float: none; margin-right: 0; border-bottom-width: 1px; } } .td_block_exchange .td-column-2 .td-exchange-rates .td-rate:nth-child(3n) { margin-right: 0; } .td_block_exchange .td-column-2 .td-exchange-rates .td-rate:nth-child(3n + 1):before { content: ''; width: 1400px; height: 1px; border-bottom: 1px dashed #F2F2F2; position: absolute; bottom: 0; left: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_exchange .td-column-2 .td-exchange-rates .td-rate:nth-child(3n + 1):before { display: none; } } .td_block_exchange .td-column-3 { overflow: hidden; } .td_block_exchange .td-column-3 .td-rate { width: 19%; float: left; margin-right: 8%; border-bottom-width: 0; position: relative; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_exchange .td-column-3 .td-rate { width: auto; float: none; margin-right: 0; border-bottom-width: 1px; } } .td_block_exchange .td-column-3 .td-exchange-rates .td-rate:nth-child(4n) { margin-right: 0; } .td_block_exchange .td-column-3 .td-exchange-rates .td-rate:nth-child(4n + 1):before { content: ''; width: 1400px; height: 1px; border-bottom: 1px dashed #F2F2F2; position: absolute; bottom: 0; left: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_exchange .td-column-3 .td-exchange-rates .td-rate:nth-child(4n + 1):before { display: none; } } /* ---------------------------------------------------------------------------- bbPress plugin */ .bbpress .td-page-title { margin-bottom: 1px; } .bbpress .td-page-title a { color: #222; } .bbpress .bbp-admin-links a:hover { color: #222; } .bbpress .td-main-page-wrap { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .bbpress .td-main-page-wrap { padding-top: 30px; } } @media (max-width: 767px) { .bbpress .td-main-page-wrap { padding-top: 16px; } } #bbpress-forums { position: relative; padding-top: 4px; } #bbpress-forums .bbp-breadcrumb p { font-family: 'Open Sans', arial, sans-serif; color: #c3c3c3; line-height: 14px; margin-bottom: 0; margin-top: 0; margin-left: 2px; } #bbpress-forums .bbp-breadcrumb a, #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current { font-size: 12px; color: #c3c3c3; } #bbpress-forums .bbp-breadcrumb a:hover, #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-current:hover { color: #777; } #bbpress-forums .bbp-breadcrumb .bbp-breadcrumb-sep { font-size: 12px; margin: 0 5px 0 5px; } #bbpress-forums .bbp-search-form { width: 100%; padding: 21px 0; } #bbpress-forums div.bbp-search-form input, #bbpress-forums div.bbp-search-form button { font-size: 12px; line-height: 16px; } #bbpress-forums #bbp-search-form { position: relative; float: none; } #bbpress-forums #bbp-search-form #bbp_search { width: 95%; height: 32px; } #bbpress-forums #bbp-search-form .button { position: absolute; top: 0; right: 0; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { border: none; margin-bottom: 0; } #bbpress-forums ul.bbp-replies .bbp-reply-header, #bbpress-forums ul.bbp-search-results .bbp-reply-header, #bbpress-forums ul.bbp-replies .bbp-topic-header, #bbpress-forums ul.bbp-search-results .bbp-topic-header { /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums ul.bbp-replies .bbp-reply-header, #bbpress-forums ul.bbp-search-results .bbp-reply-header, #bbpress-forums ul.bbp-replies .bbp-topic-header, #bbpress-forums ul.bbp-search-results .bbp-topic-header { border-bottom: 1px dashed #e8e8e8; } } #bbpress-forums li.bbp-header { padding-left: 16px; background: none #222222; color: #ffffff; } #bbpress-forums li.bbp-header li.bbp-forum-freshness, #bbpress-forums li.bbp-header li.bbp-topic-freshness { padding-right: 10px; } #bbpress-forums li.bbp-header .bbp-reply-content span a { color: #fff; } #bbpress-forums li.bbp-header .bbp-reply-content span a:hover { color: #4db2ec; } #bbpress-forums li.bbp-footer { background: none transparent; } #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-forum-topic-count, #bbpress-forums .bbp-forum-reply-count, #bbpress-forums .bbp-topic-freshness, #bbpress-forums .bbp-topic-voice-count, #bbpress-forums .bbp-topic-reply-count { text-align: right; } #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-freshness { width: 33%; padding-right: 50px; padding-left: 10px; /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-freshness { padding-right: 0; } } #bbpress-forums .bbp-forum-freshness a, #bbpress-forums .bbp-topic-freshness a { color: #222222; font-family: 'Open Sans', arial, sans-serif; font-size: 12px; font-weight: 600; } #bbpress-forums .bbp-forum-freshness a:hover, #bbpress-forums .bbp-topic-freshness a:hover { color: #4db2ec; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background-color: transparent; margin-top: 10px; } #bbpress-forums li.bbp-body { margin-top: 20px; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding-top: 10px; padding-right: 0; } #bbpress-forums li.bbp-body .bbp-forum-freshness, #bbpress-forums li.bbp-body .bbp-forum-topic-count, #bbpress-forums li.bbp-body .bbp-forum-reply-count, #bbpress-forums li.bbp-body .bbp-topic-freshness, #bbpress-forums li.bbp-body .bbp-topic-voice-count, #bbpress-forums li.bbp-body .bbp-topic-reply-count { font-size: 11px; } #bbpress-forums li.bbp-body .bbp-forum-freshness > a, #bbpress-forums li.bbp-body .bbp-topic-freshness > a { font-size: 10px; color: #c3c3c3; font-weight: normal; line-height: 12px; display: inline-block; } #bbpress-forums li.bbp-body .bbp-forum-freshness { margin-bottom: 7px; } #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title { position: relative; width: 49%; } #bbpress-forums .bbp-forum-content { font-style: italic; color: #c3c3c3; line-height: 17px; } #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-topic-reply-count { width: 9%; } #bbpress-forums .bbp-body .bbp-forum-freshness, #bbpress-forums .bbp-body .bbp-topic-freshness { position: relative; } #bbpress-forums .bbp-body .bbp-forum-freshness img, #bbpress-forums .bbp-body .bbp-topic-freshness img { position: absolute; right: 0; top: 3px; margin: 0; /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums .bbp-body .bbp-forum-freshness img, #bbpress-forums .bbp-body .bbp-topic-freshness img { display: none; } } #bbpress-forums .bbp-body .bbp-forum-freshness p, #bbpress-forums .bbp-body .bbp-topic-freshness p { margin: 0; line-height: 17px; } #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { border: none; width: 40px; } #bbpress-forums .bbp-forums-list li { color: #fff; display: block; } #bbpress-forums .bbp-forums-list li a { color: #444; } #bbpress-forums .bbp-forums-list li a:hover { color: #4db2ec; } #bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink { font-family: 'Open Sans', arial, sans-serif; font-size: 14px; font-weight: 600; color: #111; } #bbpress-forums .bbp-forum-title:hover, #bbpress-forums .bbp-topic-permalink:hover { color: #4db2ec; } #bbpress-forums .bbp-topic-started-by, #bbpress-forums .bbp-topic-started-in { color: #c3c3c3; font-size: 10px; } #bbpress-forums .bbp-topic-started-by a, #bbpress-forums .bbp-topic-started-in a { color: #666666; } #bbpress-forums .bbp-topic-started-by a:hover, #bbpress-forums .bbp-topic-started-in a:hover { color: #4db2ec; } #bbpress-forums .bbp-topic-started-by img, #bbpress-forums .bbp-topic-started-in img { position: absolute; top: 2px; left: 0; margin: 0; } #bbpress-forums .bbp-topics li.bbp-header { margin-top: 0; } #bbpress-forums p.bbp-topic-meta span { white-space: initial; } #bbpress-forums li.bbp-body ul.topic { padding-left: 0; padding-bottom: 19px; padding-top: 14px; } #bbpress-forums li.bbp-body li.bbp-topic-title { line-height: 15px; position: relative; top: 1px; } #bbpress-forums li.bbp-body li.bbp-topic-title .bbp-topic-meta { margin: 0 0 0 50px; display: inline-block; line-height: 15px; } #bbpress-forums li.bbp-body li.bbp-topic-title .bbp-topic-permalink { margin: 0 0 4px 50px; display: block; line-height: 20px; } #bbpress-forums .bbp-body .super-sticky, #bbpress-forums .bbp-body .sticky { background-color: #fcfcfc !important; } #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title, #bbpress-forums .bbp-body .sticky li.bbp-topic-title { top: 1px; } #bbpress-forums .bbp-body .super-sticky .bbp-topic-started-by img, #bbpress-forums .bbp-body .sticky .bbp-topic-started-by img { top: 2px; } #bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink, #bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink { margin-bottom: 3px; color: #4db2ec; } #bbpress-forums li.bbp-topic-freshness { width: 27%; } #bbpress-forums li.bbp-topic-title { width: 55%; } #bbpress-forums div.bbp-template-notice, #bbpress-forums div.indicator-hint { border-radius: 0; } #bbpress-forums div.bbp-template-notice p { margin: 9px 0 9px 9px !important; position: relative; font-size: 11px; line-height: 20px; } #bbpress-forums div.bbp-template-notice img { width: 20px !important; display: inline; vertical-align: middle; margin-bottom: 0 !important; margin-left: 5px; margin-right: 5px; } #bbpress-forums .wp-editor-area { border: 1px solid #e6e6e6; } #bbpress-forums button { border: none; box-shadow: none; color: #fff; background: none #222; font-size: 11px; padding: 10px; text-shadow: none; line-height: 1; margin-bottom: 10px; } #bbpress-forums button:hover { background-color: #4db2ec; } #bbpress-forums .bbp-replies .bbp-header { margin-top: 0; } #bbpress-forums .bbp-body .hentry { padding: 0; } #bbpress-forums ul.bbp-replies .bbp-body .hentry, #bbpress-forums ul.bbp-search-results .bbp-body .hentry { margin-bottom: 40px; /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums ul.bbp-replies .bbp-body .hentry, #bbpress-forums ul.bbp-search-results .bbp-body .hentry { margin: 0; } } #bbpress-forums .bbp-reply-post-date, #bbpress-forums .bbp-topic-post-date { font-size: 11px; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { padding: 4px 8px 5px 8px; background-color: #fcfcfc; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { padding: 4px 0 5px 0; } } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-search-author { width: 80px !important; } #bbpress-forums div.bbp-forum-author a.bbp-author-name, #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name, #bbpress-forums div.bbp-search-author a.bbp-author-name { font-family: 'Open Sans', arial, sans-serif; font-weight: 600; line-height: 16px; margin: 0; width: 80px; word-wrap: break-word; } #bbpress-forums div.bbp-forum-author br, #bbpress-forums div.bbp-topic-author br, #bbpress-forums div.bbp-reply-author br, #bbpress-forums div.bbp-search-author br { display: none; } #bbpress-forums div.bbp-forum-author img, #bbpress-forums div.bbp-topic-author img, #bbpress-forums div.bbp-reply-author img, #bbpress-forums div.bbp-search-author img { display: inline-block; margin-bottom: 2px; } #bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role, #bbpress-forums div.bbp-search-author .bbp-author-role { color: #c3c3c3; font-size: 10px; font-style: normal; line-height: 20px; } #bbpress-forums li.bbp-header .bbp-search-author, #bbpress-forums li.bbp-header .bbp-forum-author, #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author { text-align: left; } #bbpress-forums li.bbp-header div.bbp-forum-content, #bbpress-forums li.bbp-header div.bbp-topic-content, #bbpress-forums li.bbp-header div.bbp-reply-content { margin-left: 85px; } #bbpress-forums li.bbp-footer div { display: none; } #bbpress-forums .bbp-forum-header a.bbp-forum-permalink, #bbpress-forums .bbp-topic-header a.bbp-topic-permalink, #bbpress-forums .bbp-reply-header a.bbp-reply-permalink { font-size: 10px; color: #555; position: relative; top: 1px; margin-left: 20px; } #bbpress-forums .bbp-forum-header a.bbp-forum-permalink:hover, #bbpress-forums .bbp-topic-header a.bbp-topic-permalink:hover, #bbpress-forums .bbp-reply-header a.bbp-reply-permalink:hover { color: #000; } #bbpress-forums .bbp-body div.bbp-forum-content, #bbpress-forums .bbp-body div.bbp-topic-content, #bbpress-forums .bbp-body div.bbp-reply-content { margin-left: 100px !important; } #bbpress-forums .bbp-forums .bbp-body div.bbp-forum-content { margin-left: 0 !important; } #bbpress-forums fieldset.bbp-form { margin-bottom: 0; } #bbpress-forums fieldset.bbp-form label { font-size: 12px; } #bbpress-forums .bbp-reply-form { margin-top: 20px; } #bbpress-forums div.bbp-forum-title, #bbpress-forums div.bbp-topic-title, #bbpress-forums div.bbp-reply-title { clear: both; } #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { font-size: 12px; color: #c3c3c3; margin: 3px 0 3px 0; } #bbpress-forums div.bbp-forum-title h3 a, #bbpress-forums div.bbp-topic-title h3 a, #bbpress-forums div.bbp-reply-title h3 a { font-size: 12px; font-weight: 600; margin-left: 10px; } #bbpress-forums div.bbp-forum-title .bbp-topic-title-meta, #bbpress-forums div.bbp-topic-title .bbp-topic-title-meta, #bbpress-forums div.bbp-reply-title .bbp-topic-title-meta { font-family: 'Open Sans', arial, sans-serif; font-size: 12px; color: #c3c3c3; } #bbpress-forums div.bbp-forum-title .bbp-topic-title-meta a, #bbpress-forums div.bbp-topic-title .bbp-topic-title-meta a, #bbpress-forums div.bbp-reply-title .bbp-topic-title-meta a { font-size: 12px; font-weight: 600; margin-left: 10px; } #bbpress-forums .bbp-topic-header .bbp-meta .bbp-topic-permalink { font-family: Verdana, Geneva, sans-serif; font-weight: normal; } #bbpress-forums #subscription-toggle { color: #575757; font-weight: normal; margin-right: 1px; float: right; vertical-align: bottom; } #bbpress-forums .bbp-pagination .current { background-color: #4db2ec; border-color: #4db2ec; color: #fff; } #bbpress-forums .bbp-pagination a, #bbpress-forums .bbp-pagination span { border: 1px solid #e6e6e6; color: #444; display: inline-block; float: left; line-height: 21px; margin-left: 5px; min-width: 28px; padding: 2px 5px 3px; text-align: center; } #bbpress-forums .bbp-pagination a:hover { background-color: #444; border-color: #444; color: #fff; } #bbpress-forums .bbp-pagination .bbp-pagination-links a:hover, #bbpress-forums .bbp-pagination .bbp-pagination-links span.current { opacity: 1; } #bbpress-forums .bbp-pagination-count { margin-top: 2px; } #bbpress-forums .bbp-topic-tags p { font-size: 10px; color: #c3c3c3; } .single-forum #subscription-toggle { margin-top: -4px; margin-bottom: 12px; } #bbpress-forums li.bbp-header { border-top: 0; } #bbp-user-replies-created .bbp-reply-post-date, #bbp-user-replies-created .bbp-header { color: #999; font-size: 11px; } #bbp-user-replies-created .bbp-topic-permalink { display: block; } .bbp-user-page .bbp-user-section p { margin-bottom: 10px; } .bbp-user-page .bbp-user-section p.bbp-user-description { margin-bottom: 21px; } .bbp-user-page .bbp-user-section { margin-bottom: 21px; } .bbp-user-page .td-page-title { /* responsive portrait phone */ } @media (max-width: 480px) { .bbp-user-page .td-page-title { text-align: center; } } #bbp-user-navigation li a { font-family: 'Roboto', sans-serif; font-size: 13px; } #bbp-user-navigation li a:hover { color: #222; } .bbp-user-page #bbpress-forums { padding-top: 16px; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar { width: 100px; height: 100px; margin: 0 0 15px; } #bbp-user-body ul.bbp-topics, #bbp-user-body ul.bbp-replies { clear: both !important; } .bbp-user-edit #bbp-your-profile .entry-title { margin-bottom: 0 !important; } #bbp-your-profile fieldset { border: 0; margin: 0; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation { display: inline-block; margin: 0 0 20px; } #bbpress-forums #bbp-single-user-details { width: 100%; float: none; } #bbpress-forums #bbp-user-body { margin-left: 0; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li { display: inline-block; } .bbp-row-actions #favorite-toggle a, .bbp-row-actions #subscription-toggle a { position: absolute; top: 2px; left: 0; z-index: 1; font-size: 9px; line-height: 12px; } .bbp-user-page #bbpress-forums #subscription-toggle { margin-right: 0; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { padding: 3px 12px; } #bbpress-forums #bbp-single-user-details { /* responsive portrait phone */ } @media (max-width: 480px) { #bbpress-forums #bbp-single-user-details { text-align: center; width: 100%; } } #bbpress-forums #bbp-single-user-details #bbp-user-avatar { /* responsive portrait phone */ } @media (max-width: 480px) { #bbpress-forums #bbp-single-user-details #bbp-user-avatar { text-align: center; width: 100%; } } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a { color: #fff; background-color: #4db2ec; } #bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea { width: 80%; background: transparent; } #bbpress-forums #bbp-your-profile fieldset fieldset.password { width: 80%; } #bbpress-forums #bbp-user-wrapper h2.entry-title { display: inline-block; padding: 6px 12px 6px; margin-bottom: 10px; background-color: #222; color: #FFF; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 17px; } #bbpress-forums #bbp-your-profile fieldset { margin-bottom: 48px; border-top: 2px solid #222; } #bbpress-forums #bbp-your-profile fieldset.submit { border-top: 0; padding: 0; } #bbpress-forums li.bbp-header li.bbp-forum-info, #bbpress-forums li.bbp-body li.bbp-forum-info, #bbpress-forums li.bbp-header li.bbp-topic-title, #bbpress-forums li.bbp-body li.bbp-topic-title { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums li.bbp-header li.bbp-forum-info, #bbpress-forums li.bbp-body li.bbp-forum-info, #bbpress-forums li.bbp-header li.bbp-topic-title, #bbpress-forums li.bbp-body li.bbp-topic-title { width: 100%; } } #bbpress-forums li.bbp-header li.bbp-forum-topic-count, #bbpress-forums li.bbp-header li.bbp-forum-reply-count, #bbpress-forums li.bbp-body li.bbp-forum-topic-count, #bbpress-forums li.bbp-body li.bbp-forum-reply-count, #bbpress-forums li.bbp-header li.bbp-topic-voice-count, #bbpress-forums li.bbp-header li.bbp-topic-reply-count, #bbpress-forums li.bbp-body li.bbp-topic-voice-count, #bbpress-forums li.bbp-body li.bbp-topic-reply-count { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums li.bbp-header li.bbp-forum-topic-count, #bbpress-forums li.bbp-header li.bbp-forum-reply-count, #bbpress-forums li.bbp-body li.bbp-forum-topic-count, #bbpress-forums li.bbp-body li.bbp-forum-reply-count, #bbpress-forums li.bbp-header li.bbp-topic-voice-count, #bbpress-forums li.bbp-header li.bbp-topic-reply-count, #bbpress-forums li.bbp-body li.bbp-topic-voice-count, #bbpress-forums li.bbp-body li.bbp-topic-reply-count { width: 20%; } } #bbpress-forums li.bbp-header li.bbp-forum-freshness, #bbpress-forums li.bbp-body li.bbp-forum-freshness, #bbpress-forums li.bbp-header li.bbp-topic-freshness, #bbpress-forums li.bbp-body li.bbp-topic-freshness { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums li.bbp-header li.bbp-forum-freshness, #bbpress-forums li.bbp-body li.bbp-forum-freshness, #bbpress-forums li.bbp-header li.bbp-topic-freshness, #bbpress-forums li.bbp-body li.bbp-topic-freshness { width: 58%; } } #bbpress-forums li.bbp-header .bbp-forum-topic-count, #bbpress-forums li.bbp-header .bbp-forum-reply-count, #bbpress-forums li.bbp-header .bbp-forum-freshness, #bbpress-forums li.bbp-footer { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums li.bbp-header .bbp-forum-topic-count, #bbpress-forums li.bbp-header .bbp-forum-reply-count, #bbpress-forums li.bbp-header .bbp-forum-freshness, #bbpress-forums li.bbp-footer { font-size: 10px !important; } } #bbpress-forums li.bbp-header li.bbp-forum-info, #bbpress-forums li.bbp-header li.bbp-topic-title { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums li.bbp-header li.bbp-forum-info, #bbpress-forums li.bbp-header li.bbp-topic-title { text-align: center; text-transform: uppercase; font-size: 15px !important; font-weight: 600; } } div.bbp-search-form input, div.bbp-search-form button { /* responsive portrait phone */ } @media (max-width: 510px) { div.bbp-search-form input, div.bbp-search-form button { padding: 8px 15px; } } #bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink { font-size: 15px; line-height: 21px; } } #bbpress-forums .bbp-body ul { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums .bbp-body ul { padding-bottom: 5px !important; } } #bbpress-forums .bbp-body div.bbp-reply-author { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums .bbp-body div.bbp-reply-author { margin: 0; min-height: inherit; } } #bbpress-forums .bbp-topic-tags p { /* responsive portrait phone */ } @media (max-width: 510px) { #bbpress-forums .bbp-topic-tags p { margin-top: 10px; margin-bottom: 20px !important; } } #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar { /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar { width: 20px; margin: 0 10px 0 0 !important; vertical-align: top; position: relative; top: 0; } } #bbpress-forums .reply .bbp-reply-author, #bbpress-forums .topic .bbp-topic-author, #bbpress-forums .topic .bbp-reply-author { /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums .reply .bbp-reply-author, #bbpress-forums .topic .bbp-topic-author, #bbpress-forums .topic .bbp-reply-author { width: 100% !important; text-align: left; color: #c3c3c3; font-size: 10px; padding: 6px 0 2px 0 !important; margin-bottom: 6px !important; background-color: #fcfcfc; border-bottom: 1px solid #ededed; } } @media (max-width: 767px) { #bbpress-forums .reply .bbp-reply-author .bbp-author-name, #bbpress-forums .topic .bbp-topic-author .bbp-author-name, #bbpress-forums .topic .bbp-reply-author .bbp-author-name { font-size: 12px; } } #bbpress-forums .reply .bbp-reply-author .bbp-author-name, #bbpress-forums .topic .bbp-topic-author .bbp-author-name, #bbpress-forums .topic .bbp-reply-author .bbp-author-name, #bbpress-forums .reply .bbp-reply-author .bbp-author-role, #bbpress-forums .topic .bbp-topic-author .bbp-author-role, #bbpress-forums .topic .bbp-reply-author .bbp-author-role, #bbpress-forums .reply .bbp-reply-author .bbp-reply-ip, #bbpress-forums .topic .bbp-topic-author .bbp-reply-ip, #bbpress-forums .topic .bbp-reply-author .bbp-reply-ip { /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums .reply .bbp-reply-author .bbp-author-name, #bbpress-forums .topic .bbp-topic-author .bbp-author-name, #bbpress-forums .topic .bbp-reply-author .bbp-author-name, #bbpress-forums .reply .bbp-reply-author .bbp-author-role, #bbpress-forums .topic .bbp-topic-author .bbp-author-role, #bbpress-forums .topic .bbp-reply-author .bbp-author-role, #bbpress-forums .reply .bbp-reply-author .bbp-reply-ip, #bbpress-forums .topic .bbp-topic-author .bbp-reply-ip, #bbpress-forums .topic .bbp-reply-author .bbp-reply-ip { display: inline-block; margin-right: 10px; text-align: left; width: auto; } } #bbpress-forums .bbp-body .reply .bbp-reply-content, #bbpress-forums .bbp-body .topic .bbp-reply-content, #bbpress-forums .bbp-body .topic .bbp-topic-content { /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums .bbp-body .reply .bbp-reply-content, #bbpress-forums .bbp-body .topic .bbp-reply-content, #bbpress-forums .bbp-body .topic .bbp-topic-content { margin: 0 !important; padding: 0 8px 12px 30px; } } #bbpress-forums .bbp-body .reply .bbp-reply-content p, #bbpress-forums .bbp-body .topic .bbp-reply-content p, #bbpress-forums .bbp-body .topic .bbp-topic-content p { /* responsive portrait phone */ } @media (max-width: 767px) { #bbpress-forums .bbp-body .reply .bbp-reply-content p, #bbpress-forums .bbp-body .topic .bbp-reply-content p, #bbpress-forums .bbp-body .topic .bbp-topic-content p { margin-bottom: 21px; } } #bbpress-forums li.bbp-header li { font-size: 12px; } /* widgets */ .widget_display_search { margin-bottom: 20px; } .widget_display_search form { position: relative; margin-top: 21px; } .widget_display_search .block-title { margin-bottom: 0; } .widget_display_search label { display: none; } .widget_display_search #bbp_search { height: 32px; width: 95%; } .widget_display_search #bbp_search_submit { position: absolute; top: 0; right: 0; } .bbp_widget_login { margin-bottom: 20px; } .bbp_widget_login .block-title { margin-bottom: 0; display: block; } .bbp_widget_login fieldset { border: none; margin: 0; padding: 0; } .bbp_widget_login fieldset #user_pass { border: 1px solid #e6e6e6; color: #444444; font-size: 12px; height: 34px; line-height: 21px; max-width: 100%; padding: 3px 9px; width: 100%; } .bbp_widget_login fieldset #user_pass:focus { border-color: #cccccc; } .bbp_widget_login .button { border: none; box-shadow: none; color: #fff; background: none #222; font-size: 11px; padding: 8px 14px; text-shadow: none; line-height: 1; margin-bottom: 10px; } .bbp_widget_login .button:hover { background-color: #4db2ec; color: #ffffff; } .bbp_widget_login h4 { margin: 6px 10px 0 0; font-size: 14px; display: inline-block; } .bbp_widget_login .bbp-logged-in { margin-top: 20px; display: inline-block; } .widget_display_replies, .widget_display_topics { margin-bottom: 20px; display: inline-block; } .widget_display_replies .block-title, .widget_display_topics .block-title { margin-bottom: 0; display: block; } .widget_display_replies li, .widget_display_topics li { line-height: 20px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ededed; font-size: 13px; } .widget_display_replies ul, .widget_display_topics ul { margin-top: 20px; } .widget_display_replies .bbp-author-name, .widget_display_topics .bbp-author-name { font-family: 'Open Sans', arial, sans-serif; font-size: 12px; font-weight: 600; color: #4db2ec; left: -2px; position: relative; } .widget_display_replies li div, .widget_display_topics li div { display: block; font-size: 11px; color: #c3c3c3; } .widget_display_replies .bbp-reply-topic-title, .widget_display_topics .bbp-reply-topic-title { left: 3px; position: relative; } .widget_display_replies img, .widget_display_topics img { width: 20px; margin-right: 6px; vertical-align: middle; } .widget_display_forums { margin-bottom: 16px; } .widget_display_stats .block-title { margin-bottom: 0; } .widget_display_stats dl { margin-top: 20px; } .widget_display_stats dd { display: inline-block; margin: 0 0 10px 0; text-align: right; width: 30%; padding-bottom: 10px; border-bottom: 1px dashed #ededed; } .widget_display_stats dt { display: inline-block; float: left; width: 70%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ededed; } .td-footer-container .button { background-color: #000; } .td-footer-container .widget_display_stats dt, .td-footer-container .widget_display_stats dd, .td-footer-container .widget_display_replies li, .td-footer-container .widget_display_topics li { border-bottom: 1px dashed rgba(255, 255, 255, 0.15); } .widget_display_replies, .widget_display_topics { width: 100%; } @media (max-width: 480px) { .bbp-search-results .bbp-topic-author { position: relative; padding-left: 80px; } .bbp-search-results .bbp-topic-author img.avatar { position: absolute; left: 0; max-width: 60px !important; margin: 0 !important; } .bbp-search-results .bbp-topic-author a.bbp-author-name { display: inline-block !important; text-align: left; } } #bbpress-forums div.bbp-reply-content p, #bbpress-forums div.bbp-reply-content li { font-size: 15px; line-height: 26px; } #bbpress-forums div.bbp-reply-content ul { margin-bottom: 21px; margin-left: 40px; } #bbpress-forums ul.bbp-topic-revision-log img.avatar { width: 24px; } #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li { font-size: 11px; } #bbpress-forums div.even { margin-top: 10px; } #bbpress-forums li.bbp-body li.bbp-topic-title .bbp-topic-pagination { margin-left: 50px; } /* ---------------------------------------------------------------------------- BuddyPress plugin */ .buddypress hr { border: 0; background-color: #e6e6e6; height: 1px; } .buddypress fieldset { border-color: #e6e6e6; } .td-page-content #buddypress p, .td-page-content #buddypress li { font-size: 13px; line-height: 21px; } #buddypress .activity-list li.load-more a:hover { text-decoration: none; } /* ---------------------------------------------------------------------------- Buttons */ #buddypress input[type=submit], #buddypress input[type=button], #buddypress input[type=reset], #buddypress div.generic-button a, #buddypress .comment-reply-link { border: none; box-shadow: none; color: #fff; background-color: #222; font-size: 11px; padding: 8px 14px; text-shadow: none; line-height: 12px; margin-bottom: 3px; vertical-align: middle; } #buddypress input[type=submit]:hover, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, #buddypress input[type=submit]:active, #buddypress input[type=button]:active, #buddypress input[type=reset]:active, #buddypress div.generic-button a:active, #buddypress .comment-reply-link:active, #buddypress input[type=submit]:focus, #buddypress input[type=button]:focus, #buddypress input[type=reset]:focus, #buddypress div.generic-button a:focus, #buddypress .comment-reply-link:focus { background-color: #4db2ec; color: #fff; border: none; } #buddypress input[type="checkbox"], #buddypress input[type="radio"] { margin-right: 5px; vertical-align: middle; } #buddypress .mce-toolbar .mce-ico { line-height: 30px; height: 28px; } #buddypress .standard-form .wp-editor-container textarea { border: none; font-size: 13px; background-color: transparent; } #buddypress .field-visibility-settings-toggle { margin: 5px 0 0; line-height: 1; } #buddypress div.generic-button.friendship-button a, #buddypress div.generic-button a.join-group, #buddypress div.generic-button a.leave-group, #buddypress div.generic-button a.mention, #buddypress div.generic-button a.send-message { padding: 4px 10px 5px 10px; background-color: #fff; border: 1px solid #ccc; color: #777; cursor: pointer; font-weight: 600; outline: none; text-align: center; text-decoration: none; } #buddypress div.generic-button.friendship-button a:hover, #buddypress div.generic-button a.join-group:hover, #buddypress div.generic-button a.leave-group:hover, #buddypress div.generic-button a.mention:hover, #buddypress div.generic-button a.send-message:hover, #buddypress div.generic-button.friendship-button a:focus, #buddypress div.generic-button a.join-group:focus, #buddypress div.generic-button a.leave-group:focus, #buddypress div.generic-button a.mention:focus, #buddypress div.generic-button a.send-message:focus, #buddypress div.generic-button.friendship-button a:active, #buddypress div.generic-button a.join-group:active, #buddypress div.generic-button a.leave-group:active, #buddypress div.generic-button a.mention:active, #buddypress div.generic-button a.send-message:active { background-color: #222; color: #fff; border-color: #222; } #buddypress .acomment-options a.acomment-reply, #buddypress .acomment-options a.acomment-delete { font-weight: normal; font-size: 11px; border: 1px solid #ccc; padding: 2px 7px 3px 7px; } #buddypress .acomment-options a.acomment-reply:hover, #buddypress .acomment-options a.acomment-delete:hover { background-color: #222; color: #fff; border-color: #222; } #buddypress #item-header-avatar { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { #buddypress #item-header-avatar { width: 100% !important; text-align: center; } } #buddypress #item-header-avatar a { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { #buddypress #item-header-avatar a { display: inline-block; } #buddypress #item-header-avatar a img { margin: 0 0 20px !important; } } @media (max-width: 767px) { #buddypress #item-header-avatar a { width: 100px; } } #buddypress a.button, a.bp-title-button, #buddypress ul.button-nav li a { font-size: 11px; padding: 6px 8px !important; display: inline-block; margin-bottom: 5px; line-height: 1; } #buddypress a.button:hover, a.bp-title-button:hover, #buddypress ul.button-nav li a:hover, #buddypress a.button:focus, a.bp-title-button:focus, #buddypress ul.button-nav li a:focus, #buddypress a.button:active, a.bp-title-button:active, #buddypress ul.button-nav li a:active { background-color: #222; color: #fff; border-color: #222; } #buddypress a.button:hover span, a.bp-title-button:hover span, #buddypress ul.button-nav li a:hover span, #buddypress a.button:focus span, a.bp-title-button:focus span, #buddypress ul.button-nav li a:focus span, #buddypress a.button:active span, a.bp-title-button:active span, #buddypress ul.button-nav li a:active span { background-color: #4db2ec; } #buddypress ul.button-nav li.current a { background-color: #222; color: #fff; border-color: #222; } a.bp-title-button { padding: 2px 9px 3px 9px; position: relative; top: -2px; margin-left: 12px; } .entry-crumbs a.bp-title-button { display: none; } #buddypress div.generic-button #new-topic-button { padding: 6px 10px 7px 10px; margin-bottom: 20px; display: inline-block; position: relative; top: -2px; } #buddypress div.generic-button { /* responsive portrait phone */ } @media (max-width: 767px) { #buddypress div.generic-button { margin: 0 !important; } } #buddypress #item-header-cover-image #item-actions { /* responsive portrait phone */ } @media (max-width: 767px) { #buddypress #item-header-cover-image #item-actions { padding-top: 0 !important; } } #buddypress .standard-form #submit:focus, #buddypress .standard-form #save:focus, #group-settings-form input[type=submit]:focus { background-color: #4db2ec; color: #fff; } #buddypress a.loading, #buddypress input.loading { -webkit-animation: none; -moz-animation: none; border-color: #222; } #buddypress a.bp-primary-action span, #buddypress #reply-title small a span { font-size: 9px; line-height: 9px; padding: 1px 4px; } #buddypress #whats-new-options, #whats-new-post-in-box { overflow: visible; min-height: 43px; } #buddypress .ac-reply-cancel { font-size: 11px; border: 1px solid #ccc; padding: 6px 10px 6px 10px; color: #999; top: 7px; position: relative; } #buddypress .ac-reply-cancel:hover { background-color: #222; color: #fff; border-color: #222; } #buddypress .ac-reply-content .ac-reply-cancel { top: 2px; } #buddypress .ac-reply-content input { font-size: 11px; line-height: 13px; font-family: 'Open Sans', arial, sans-serif; } #buddypress div.dir-search input[type=text], #buddypress li.groups-members-search input[type=text] { font-size: 13px; } /* ---------------------------------------------------------------------------- Tabs */ #activity-filter-by { font-size: 13px; } #buddypress div.item-list-tabs ul li { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: relative; margin-bottom: 5px; /* responsive portrait tablet */ } #buddypress div.item-list-tabs ul li.feed { border: 0; } #buddypress div.item-list-tabs ul li:first-child:before { display: none; } #buddypress div.item-list-tabs ul li:last-child { border-right: 1px solid #e6e6e6; } #buddypress div.item-list-tabs ul li:before { background-color: #e6e6e6; content: ""; display: block; height: 22px; position: absolute; right: -1px; width: 1px; top: -1px; } @media (max-width: 1018px) { #buddypress div.item-list-tabs ul li { margin-bottom: 10px; } } /* responsive portrait tablet */ @media (max-width: 1018px) { #buddypress div.item-list-tabs ul #activity-filter-select { width: 45%; margin-right: -4px; } } @media (max-width: 768px) { #buddypress div.item-list-tabs ul #activity-filter-select { width: 100%; margin: 15px 0 20px 0 !important; } } #buddypress div.item-list-tabs ul li.selected, #buddypress div.item-list-tabs ul li.current { border-left: 1px solid #222; border-top: 1px solid #222; border-bottom: 1px solid #222; } #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { background-color: #222; color: #FFF; opacity: 1; } #buddypress div.item-list-tabs ul li.selected a:hover, #buddypress div.item-list-tabs ul li.current a:hover { background-color: #222; } #buddypress div.item-list-tabs ul li.selected a span, #buddypress div.item-list-tabs ul li.current a span { background: #4db2ec; } #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { width: 70%; } } #buddypress div.item-list-tabs ul li > a { background-color: #FFF; color: #444; padding: 0 15px; font-family: 'Open Sans', arial, sans-serif; font-size: 11px; line-height: 20px; font-weight: 700; text-transform: uppercase; position: relative; height: 20px; } #buddypress div.item-list-tabs ul li > a span { background: #4db2ec; border-radius: 0; border: transparent; color: #fff; margin-left: 3px; font-size: 9px; line-height: 9px; padding: 2px 5px; position: relative; display: inline-block; top: -1px; } #buddypress div.item-list-tabs ul li > a:hover { background-color: #f7f7f7; } #buddypress div.item-list-tabs ul li > a:hover span { background-color: #4db2ec; opacity: 0.8; } @media (max-width: 767px) { #buddypress div.item-list-tabs ul li > a#change-avatar { padding: 0 4px; } } #buddypress li.friend-tab img.avatar { display: inline-block; margin-right: 5px; } #buddypress div.item-list-tabs ul li > span { background-color: #FFF; color: #444; padding: 0 15px; font-family: 'Open Sans', arial, sans-serif; font-size: 11px; line-height: 20px; font-weight: 700; text-transform: uppercase; position: relative; height: 20px; } #activity-filter-select, #members-order-select, #forums-order-select, #group_members-order-select, #groups-order-select { border: none !important; margin-top: 0 !important; } .item-list-tabs .feed { border-right: 1px solid #222; } .item-list-tabs .feed a { background-color: #222 !important; color: #fff !important; } .item-list-tabs .feed:hover { border-color: #4db2ec !important; } .item-list-tabs .feed:hover a { background-color: #4db2ec !important; } /* ---------------------------------------------------------------------------- Activity Page */ #buddypress .activity-list .activity-content .activity-header a { display: inline-block; vertical-align: top; } #buddypress .activity-list .activity-content .activity-header .avatar { width: 20px; vertical-align: top; } #buddypress form#whats-new-form p.activity-greeting { line-height: 21px; } #buddypress form#whats-new-form textarea { width: 100%; } #buddypress #whats-new:focus { border-color: #aaa !important; outline: 0; } /* Content */ #buddypress #activity-stream p { margin: 0; } /* Create Groups Page */ #group-create-tabs li { height: 22px; } #buddypress form.standard-form .main-column { margin-left: 170px; } #buddypress div#invite-list { background: transparent; height: auto; overflow: auto; padding: 0 0 20px 0; width: 160px; margin-top: 10px; } #buddypress span.activity { font-size: 12px; } @media (max-width: 767px) { #buddypress span.activity { font-size: 10px; } } .bp-widget h4, #group-settings-form h4 { font-size: 16px; font-weight: 700; margin-bottom: 10px; } legend.screen-reader-text { padding: 0 5px; } #admins-list h5, #member-list h5, #mods-list h5, #members-list h5 { margin-top: 2px; font-size: 14px; margin-bottom: 0; font-weight: 600; } #admins-list h5 a:hover, #member-list h5 a:hover, #mods-list h5 a:hover, #members-list h5 a:hover { color: #222; } #admins-list .item-title, #member-list .item-title, #mods-list .item-title, #members-list .item-title { font-size: 14px !important; } #friend-list h4 { line-height: 24px; } #friend-list a { font-weight: 700; font-size: 12px; } #friend-list a:hover { color: #222; } #buddypress div.pagination .pag-count { margin-left: 0; font-size: 11px; } .groups-members-search { border: none !important; } #search-members-form label, #forums-dir-search label, #search-groups-form label, #search-message-form label { display: inline-block; } #search-members-form #members_search, #forums-dir-search #members_search, #search-groups-form #members_search, #search-message-form #members_search, #search-members-form #forums_search, #forums-dir-search #forums_search, #search-groups-form #forums_search, #search-message-form #forums_search, #search-members-form #groups_search, #forums-dir-search #groups_search, #search-groups-form #groups_search, #search-message-form #groups_search { height: 28px; background-color: transparent; padding-left: 5px; } #search-members-form #members_search_submit, #forums-dir-search #members_search_submit, #search-groups-form #members_search_submit, #search-message-form #members_search_submit, #search-members-form #forums_search_submit, #forums-dir-search #forums_search_submit, #search-groups-form #forums_search_submit, #search-message-form #forums_search_submit, #search-members-form #groups_search_submit, #forums-dir-search #groups_search_submit, #search-groups-form #groups_search_submit, #search-message-form #groups_search_submit { position: relative; top: 0; display: inline-block; left: -7px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #search-message-form { position: relative; } #search-message-form #messages_search { height: 31px; } #search-message-form #messages_search_submit { position: absolute; top: 0; right: -20px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #buddypress div#item-header ul { display: inline-block; } /* Forum */ #buddypress th { background-color: #222; color: #fff; border: none; } #buddypress .forum td { border: none; } #buddypress table { font-size: 13px; } #buddypress select { font-size: 13px; padding: 3px 9px; } #buddypress table.forum tr td.td-title a.topic-title { margin: 0 0 4px 35px; display: block; line-height: 20px; font-weight: 700; color: #222; } #buddypress table.forum tr td.td-title a.topic-title:hover { color: #4db2ec; } #buddypress table.forum p.topic-meta { font-size: 10px; margin: 0 0 0 35px; color: #c3c3c3; } #buddypress table.forum p.topic-meta a { color: #222; } #buddypress table.forum p.topic-meta a:hover { color: #4db2ec; } #buddypress table.forum .td-freshness p.topic-meta { margin: 5px 0 0 0; } #buddypress .forum .td-title, #buddypress .forum .td-freshness { position: relative; } #buddypress table.forum td .topic-by img.avatar { position: absolute; margin: 0; width: 40px; top: 12px; left: 0; } #buddypress table.forum td .topic-in a { font-weight: 600; } #buddypress table.forum td .topic-in img.avatar { display: inline-block; margin-left: 3px; } #buddypress table.forum td .freshness-author img.avatar { float: right; margin-right: 0; } #buddypress table.forum tr > td:last-child { padding-right: 0; } #buddypress table.forum th#th-freshness { text-align: right; } #buddypress .forum tbody tr { border-bottom: 1px solid #e6e6e6; height: 64px; } #buddypress .activity-list li.load-more, #buddypress .activity-list li.load-newest { font-size: 12px; line-height: 1; text-align: center; vertical-align: middle; background-color: transparent; border-bottom: none; } #buddypress .activity-list li.load-more a, #buddypress .activity-list li.load-newest a { padding: 7px 10px; display: inline-block; border: 1px solid #dcdcdc; color: #999; } #buddypress .activity-list li.load-more a:hover, #buddypress .activity-list li.load-newest a:hover { background-color: #222; color: #fff; border-color: #222; } #new-topic-post h4, #new-topic-post h5, #profile-edit-form h4, #post-topic-reply h4 { font-size: 18px; font-weight: 700; } #group-admins, #group-mods { margin-top: 0; } #group-admins li, #group-mods li { margin-left: 5px; } #buddypress div.pagination .pagination-links a { font-weight: 700; } #buddypress ul.item-list li div.item-title { font-weight: 700; font-size: 16px; } #buddypress ul.item-list li div.item-title a { color: #222; } #buddypress ul.item-list li div.item-title a:hover { color: #4db2ec; } #buddypress ul.item-list li div.item-meta span { font-size: 11px; } #group-settings-form .bp-widget .single-line h5 { margin-top: 0; } /* Members activity */ #buddypress #activity-stream { margin-top: 0; } #buddypress #activity-stream .activity-avatar img.avatar-150 { width: 20px; } #buddypress table.notifications { margin-bottom: 20px; } #notification-bulk-manage { padding: 6px 10px 7px 10px !important; position: relative; top: -1px; } .register-section h4 { font-weight: 700; } body.activity-permalink #buddypress div.activity-comments > ul { padding: 0 10px 0 26px; } #buddypress div.activity-comments div.acomment-content { margin: 5px 0 0 35px; } #buddypress div.activity-comments ul li { padding: 15px 0 8px 0; } #buddypress #signup_form.standard-form div.submit { margin-bottom: 30px; } #buddypress .standard-form #basic-details-section input[type="password"], #buddypress .standard-form #blog-details-section input#signup_blog_url, #buddypress #signup_form.standard-form input[type="text"] { width: 100%; } #buddypress .standard-form #basic-details-section, #buddypress .standard-form #profile-details-section { /* responsive portrait phone */ } @media (max-width: 767px) { #buddypress .standard-form #basic-details-section, #buddypress .standard-form #profile-details-section { float: none; display: block; width: 100%; } } #buddypress .standard-form label, #buddypress .standard-form span.label { /* responsive portrait phone */ } @media (max-width: 767px) { #buddypress .standard-form label, #buddypress .standard-form span.label { font-size: 12px; } } #buddypress .acomment-options { margin-left: 35px; } body.activity-permalink #buddypress div.activity-comments ul li { padding: 15px 0 8px 0; } #buddypress ul.item-list.activity-list li.has-comments { padding-bottom: 0; } #buddypress div.activity-comments form .ac-textarea { border-style: solid; } #buddypress .field-visibility-settings-notoggle { margin-top: 5px; } /* ---------------------------------------------------------------------------- Notification Page */ /* responsive portrait tablet */ @media (max-width: 1018px) { #buddypress div.item-list-tabs#subnav ul li#members-order-select { width: 100%; margin-top: 10px !important; } } /* ---------------------------------------------------------------------------- Messages Page */ /* responsive portrait tablet */ @media (max-width: 1018px) { #buddypress div.message-search { width: 100%; margin: 18px 0; float: left; } } @media (max-width: 1018px) { #search-message-form #messages_search_submit { right: 0; } } @media (max-width: 1018px) { #buddypress .standard-form input[type=text], #buddypress .standard-form textarea { width: 100%; } } /* ---------------------------------------------------------------------------- Friends Page */ #buddypress #pag-bottom.pagination { float: left; } @media (max-width: 767px) { #buddypress ul.item-list li div.action { position: relative; top: 0; margin-top: 10px; } #buddypress #friend-list span.activity { display: block; } .group-invites #buddypress ul.item-list li div.action { float: none; text-align: left; margin-left: 60px; } #buddypress form.standard-form .main-column { margin-left: 0; width: 100%; float: left; } #buddypress form#send-invite-form { margin-top: -30px; } #buddypress ul.item-list li h5 span.small { width: 100%; } #buddypress ul.item-list li h5 span.small a { margin: 7px 7px 0 0; padding: 0 7px; display: inline-block; } } /* ---------------------------------------------------------------------------- Groups Page */ #create-group-form .main-column #message { padding-top: 12px; } #buddypress ul.item-list li div.item-desc { width: auto; } #buddypress div#item-header div#item-meta { margin: 5px 0 0; } #buddypress div#item-header #item-header-cover-image #item-header-content { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { #buddypress div#item-header #item-header-cover-image #item-header-content { margin-top: -20px; margin-left: 0; text-align: center; width: 100%; } } #buddypress .bbp-header li { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { #buddypress .bbp-header li { font-size: 11px; } } #buddypress div#item-header-cover-image h2 a, #buddypress div#item-header-cover-image h2 { /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { #buddypress div#item-header-cover-image h2 a, #buddypress div#item-header-cover-image h2 { color: inherit; text-shadow: none; margin: 0; } } @media (max-width: 767px) { #buddypress div#item-header-cover-image h2 a, #buddypress div#item-header-cover-image h2 { margin: 0; } } /* responsive portrait tablet */ @media (max-width: 1018px) { #buddypress div.item-list-tabs#subnav ul li#groups-order-select { width: 100%; margin-top: 10px !important; } .mygroups .item, .mygroups div.action { margin-left: 60px; } .mygroups .item-desc { margin-left: 0 !important; } .mygroups .group-button { text-align: right; } .mygroups .meta { margin-top: 10px !important; } #buddypress ul.item-list li div.item-desc p { margin-bottom: 5px; } #create-group-form .avatar-150 { width: 50px; } #create-group-form .main-column { margin-left: 60px !important; } #create-group-form .main-column #message { margin-left: 110px; } #create-group-form #friend-list { border: none; } #create-group-form #upload { margin-top: 10px; } } @media (max-width: 767px) { #create-group-form #upload { margin-top: 20px; } .mygroups .group-button { text-align: left; } } /* ---------------------------------------------------------------------------- Forums Page */ #buddypress div#item-header { position: relative; } #buddypress div#item-header div#item-actions { /* responsive portrait phone */ } @media (max-width: 767px) { #buddypress div#item-header div#item-actions { width: 100%; text-align: center; } } #buddypress div#item-header div#item-actions h3 { font-size: 13px; font-weight: 700; line-height: 1; margin: 0; vertical-align: top; margin-bottom: 3px; } .group-forum #buddypress div#item-header ul { display: inline-block; margin: 0; } /* Pagination */ #buddypress div.pagination, #buddypress div.pagination .pag-count, #buddypress div.pagination .pagination-links { float: none; } #buddypress div#topic-meta { padding: 5px 0; } #buddypress div#topic-meta h3 { font-size: 18px; font-weight: 700; } #buddypress div#topic-meta div.admin-links { position: relative; top: auto; right: auto; } #buddypress div.admin-links { right: 0; } #buddypress div.topic-tags { font-size: 11px; color: #777; } #buddypress ul#topic-post-list li { padding: 15px 0; } /* responsive portrait tablet */ @media (max-width: 1018px) { #buddypress div.item-list-tabs ul li#forums-order-select { width: 100%; margin-top: 10px !important; } } /* ---------------------------------------------------------------------------- Members Page */ #buddypress div.dir-search { margin-top: -45px; } /* responsive portrait phone */ @media (max-width: 767px) { #search-members-form, #search-groups-form { position: relative; margin-bottom: 30px; } #buddypress div.dir-search { width: 100%; margin: 0; } #buddypress div.dir-search input[type="text"], #buddypress div.item-list-tabs ul li.groups-members-search, #buddypress div.item-list-tabs ul li#group_members-order-select { width: 100%; } #search-members-form #members_search_submit, #search-groups-form #groups_search_submit { position: absolute; top: 0; right: 0; left: auto; } #members_search, #groups_search { position: absolute; left: 0; top: 0; width: 100%; } #buddypress #member-list.item-list li div.action { float: none; margin-left: 60px; } } .buddypress .td-page-title { margin-bottom: 20px; } .widget.buddypress span.activity { font-size: 12px; opacity: 0.4; } .widget.buddypress #friends-list li, .widget.buddypress #groups-list li, .widget.buddypress #members-list li { line-height: 12px; } .widget.buddypress #friends-list li .item-title, .widget.buddypress #groups-list li .item-title, .widget.buddypress #members-list li .item-title { padding: 4px 0 8px; } .widget.buddypress div.item-options { padding: 0; } .widget.buddypress li { margin-left: 0; } .widget.buddypress .bp-login-widget-user-links > div { margin-bottom: 0; } #buddypress div#message p, #buddypress #sitewide-notice p { background-color: #FFF; border: 1px solid #F0F0F0; font-size: 70%; } /* ---------------------------------------------------------------------------- Footer General */ .td-footer-wrapper { background-color: #222222; padding-top: 54px; padding-bottom: 20px; color: #eaeaea; position: relative; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-footer-wrapper { padding-top: 44px; } } @media (max-width: 767px) { .td-footer-wrapper { padding-top: 40px; } } .td-footer-wrapper .td_block_wrap { padding-bottom: 0; margin-bottom: 48px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-wrapper .td_block_wrap { margin-bottom: 38px; } } .td-footer-wrapper .td_block_wrap .td-block-span12:last-child .td_module_wrap { padding-bottom: 0; } .td-footer-wrapper:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto; background-position: center bottom; } .td-footer-wrapper .block-title a, .td-footer-wrapper .block-title span, .td-footer-wrapper .block-title label { background-color: transparent; padding: 0; color: #fff; } .td-footer-wrapper .block-title { border-bottom: 0; font-size: 18px; font-weight: 700; margin-bottom: 30px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-wrapper .block-title { margin-bottom: 21px; } } .td-footer-wrapper .widget .block-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-wrapper .widget .block-title { margin-bottom: 13px; } } .td-footer-wrapper a { color: #fff; } .td-footer-wrapper ul { margin-bottom: 0; } .td-footer-wrapper li { margin-left: 0; } .td-footer-wrapper .td-post-category { background-color: #4db2ec; } .td-footer-wrapper .td-post-category:hover { opacity: 0.8; } .td-footer-wrapper .widget_categories li span { margin-right: 0; } .td-footer-wrapper .td-instagram-meta { color: #eee; } .td-footer-wrapper .td-instagram-button { border-color: #444; } .td-footer-wrapper .td-instagram-button:hover { border-color: #666; } .td-footer-wrapper .td_block_exchange .td-rate, .td-footer-wrapper .td_block_exchange .td-exchange-rates .td-rate:before { border-color: #444 !important; } .td-footer-wrapper .td_block_exchange .td-exchange-header:before { opacity: 0.3; } .td-footer-wrapper .td-pb-span4 { /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-wrapper .td-pb-span4 { margin-bottom: 38px; } .td-footer-wrapper .td-pb-span4:last-child { margin-bottom: 0; } } .td-footer-info { margin-bottom: 48px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-info { margin-bottom: 38px; text-align: center; } } .footer-logo-wrap { margin-bottom: 20px; } .footer-logo-wrap img { /* responsive portrait phone */ } @media (max-width: 767px) { .footer-logo-wrap img { max-width: 70%; } } .footer-text-wrap .footer-email-wrap { padding: 21px 0; } .footer-text-wrap .footer-email-wrap a { color: #4db2ec; } .footer-text-wrap { font-family: 'Open Sans', arial, sans-serif; } .td-social-style-2 .td-social-icon-wrap { display: inline-block; margin: 5px 10px 10px 0; } .td-social-style-2 .td-social-icon-wrap:last-child { margin-right: 0; } .td-social-style-2 .td-icon-font { font-size: 14px; width: 40px; height: 40px; line-height: 40px; background-color: rgba(255, 255, 255, 0.03); position: relative; /* responsive portrait tablet */ } .td-social-style-2 .td-icon-font:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #fff; opacity: 0.03; } @media (min-width: 768px) and (max-width: 1018px) { .td-social-style-2 .td-icon-font { font-size: 12px; width: 32px; height: 32px; line-height: 32px; } } .td-footer-bottom-full { margin-top: 12px; padding-top: 50px; padding-bottom: 30px; /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-bottom-full { text-align: center; padding-bottom: 0; } } .td-footer-bottom-full .td-container { position: relative; } .td-footer-bottom-full .td-container:before { content: ''; height: 1px; background-color: rgba(255, 255, 255, 0.1); position: absolute; top: -50px; width: 80%; left: 50%; margin-left: -40%; } .td-footer-bottom-full .block-title { margin-bottom: 26px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-bottom-full .block-title { margin-bottom: 21px; } } .td-footer-bottom-full .footer-email-wrap { padding-bottom: 0; } .td-footer-bottom-full .footer-logo-wrap { margin-top: 35px; margin-bottom: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-bottom-full .footer-logo-wrap { margin-top: 0; } } @media (max-width: 767px) { .td-footer-bottom-full .td-pb-row > div { margin-bottom: 50px; } .td-footer-bottom-full .td-pb-row > div:last-child { margin-bottom: 0; } } /* ---------------------------------------------------------------------------- Footer Template 2, 3 */ .td-footer-template-2, .td-footer-template-3 { /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-template-2, .td-footer-template-3 { padding-top: 38px; padding-bottom: 10px; } } .td-footer-template-2 .footer-logo-wrap, .td-footer-template-3 .footer-logo-wrap { padding-top: 3px; } /* ---------------------------------------------------------------------------- Footer Template 4 */ .td-footer-template-4 { padding-top: 49px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-template-4 { padding-top: 38px; padding-bottom: 10px; } } .td-footer-template-4 .td-footer-info { text-align: center; margin-bottom: 38px; } .td-footer-template-4 .footer-text-wrap { width: 80%; margin-right: auto; margin-left: auto; } /* ---------------------------------------------------------------------------- Footer Template 13 */ .td-footer-template-13 { padding: 26px 0; } @media (max-width: 1018px) { .td-footer-template-13 { padding: 16px 0; } } .td-footer-template-13 .td-social-name { color: #fff; font-size: 13px; margin-left: 10px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-footer-template-13 .td-social-name { font-size: 11px; margin-left: 5px; } } @media (max-width: 767px) { .td-footer-template-13 .td-social-name { display: none; } } .td-footer-template-13 .footer-social-wrap .td-social-icon-wrap { margin-right: 30px; text-transform: uppercase; font-family: 'Open Sans', arial, sans-serif; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-footer-template-13 .footer-social-wrap .td-social-icon-wrap { margin-right: 20px; } } @media (max-width: 767px) { .td-footer-template-13 .footer-social-wrap .td-social-icon-wrap { margin: 5px; } } .td-footer-template-13 .td-social-style-2 i { border-radius: 100%; line-height: 41px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-footer-template-13 .td-social-style-2 i { line-height: 32px; } } .td-footer-template-13 .td-social-style-2 i:after { border-radius: 100%; opacity: 0.05; } .td-footer-template-13 .td-a-rec-id-footer_top, .td-footer-template-13 .td-g-rec-id-footer_top { margin-top: 10px; margin-bottom: 32px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-footer-template-13 .td-a-rec-id-footer_top, .td-footer-template-13 .td-g-rec-id-footer_top { margin-bottom: 16px; } } @media (max-width: 767px) { .td-footer-template-13 .td-a-rec-id-footer_top, .td-footer-template-13 .td-g-rec-id-footer_top { margin: 5px auto 16px; } } .td-footer-template-13 .footer-social-wrap { text-align: center; } /* ---------------------------------------------------------------------------- Footer Template 14 */ .td-footer-template-14 { padding: 0; } .td-footer-template-14 .td-a-rec-id-footer_top, .td-footer-template-14 .td-g-rec-id-footer_top { margin: 0 auto 37px auto; } .td-footer-template-14 .td-footer-bottom-full { margin-top: 0; padding-top: 42px; padding-bottom: 40px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-template-14 .td-footer-bottom-full { padding-top: 30px; padding-bottom: 20px; } } /* ---------------------------------------------------------------------------- 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: 18px; margin-top: 8px; margin-bottom: 8px; } /* 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; } .td-scroll-e-text-1-wrap { padding: 20px 20px 20px 20px; margin: -20px -20px 4px -20px; } .td-scroll-e-text-1-wrap p { margin-bottom: 0px; } .td-scroll-e-text-1-wrap blockquote { margin-top: 18px; margin-bottom: 18px; } .td-scroll-e-text-1-wrap h3 { margin-top: 12px; } .td-scroll-e-text-2-wrap { border: 2px solid red; padding: 10px; margin: -10px -10px 14px -10px; } .td-scroll-e-text-2-wrap p { margin-bottom: 0px; } .td-scroll-e-text-2-wrap blockquote { margin-top: 18px; margin-bottom: 18px; } .td-scroll-e-text-2-wrap h3 { margin-top: 12px; } /* image: zoom in */ .td-scroll-e-image-zoom-in-wrap { position: relative; overflow: hidden; } .td-scroll-e-image-zoom-in-wrap:after { content: ''; height: 100%; width: 100%; position: absolute; left: 0px; top: 0; display: block; z-index: 999; box-shadow: inset 0 0 10px #000000; background-color: transparent; } /* image: zoom out */ .td-scroll-e-image-zoom-out-wrap { position: relative; overflow: hidden; } .td-scroll-e-image-zoom-out-wrap:after { content: ''; height: 100%; width: 100%; position: absolute; left: 0px; top: 0; display: block; z-index: 999; box-shadow: inset 0 0 10px #000000; background-color: transparent; } /* image: fixed */ .td-scroll-e-image-fixed-wrap { position: relative; overflow: hidden; } .td_animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .td_animated_long { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .td_animated_xlong { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .td_animated_xxlong { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* ---------------------------------------------------------------------------- td_fadeInRight */ @-webkit-keyframes td_fadeInRight { 0% { opacity: 0.05; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes td_fadeInRight { 0% { opacity: 0.05; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .td_fadeInRight { -webkit-animation-name: td_fadeInRight; animation-name: td_fadeInRight; } /* ---------------------------------------------------------------------------- td_fadeInLeft */ @-webkit-keyframes td_fadeInLeft { 0% { opacity: 0.05; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes td_fadeInLeft { 0% { opacity: 0.05; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .td_fadeInLeft { -webkit-animation-name: td_fadeInLeft; animation-name: td_fadeInLeft; } /* ---------------------------------------------------------------------------- td_fadeInDown */ @-webkit-keyframes td_fadeInDown { 0% { opacity: 0.05; -webkit-transform: translateY(-15px); transform: translateY(-15px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes td_fadeInDown { 0% { opacity: 0.05; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .td_fadeInDown { -webkit-animation-name: td_fadeInDown; animation-name: td_fadeInDown; } /* ---------------------------------------------------------------------------- td_fadeInUp */ @-webkit-keyframes td_fadeInUp { 0% { opacity: 0.05; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes td_fadeInUp { 0% { opacity: 0.05; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .td_fadeInUp { -webkit-animation-name: td_fadeInUp; animation-name: td_fadeInUp; } /* ---------------------------------------------------------------------------- td_fadein */ @-webkit-keyframes td_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes td_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .td_fadeIn { -webkit-animation-name: td_fadeIn; animation-name: td_fadeIn; } /* ---------------------------------------------------------------------------- fade out */ @-webkit-keyframes td_fadeOut_to_1 { 0% { opacity: 1; } 100% { opacity: 0.1; } } @keyframes td_fadeOut_to_1 { 0% { opacity: 1; } 100% { opacity: 0.1; } } .td_fadeOut_to_1 { -webkit-animation-name: td_fadeOut_to_1; animation-name: td_fadeOut_to_1; } /* ---------------------------------------------------------------------------- td_fadeOutRight */ @-webkit-keyframes td_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes td_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .td_fadeOutRight { -webkit-animation-name: td_fadeOutRight; animation-name: td_fadeOutRight; } /* ---------------------------------------------------------------------------- td_fadeOutLeft */ @-webkit-keyframes td_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes td_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .td_fadeOutLeft { -webkit-animation-name: td_fadeOutLeft; animation-name: td_fadeOutLeft; } .td-lb-box { position: absolute; width: 19px; height: 19px; } .td-lb-box-1 { top: 0; left: 0; } .td-lb-box-2 { top: 0; left: 20px; } .td-lb-box-3 { top: 0; left: 40px; } .td-lb-box-4 { top: 20px; right: 0; } .td-lb-box-5 { bottom: 0; right: 0; } .td-lb-box-6 { bottom: 0; left: 20px; } .td-lb-box-7 { bottom: 0; left: 0; } .td-lb-box-8 { top: 20px; left: 0; } /* ---------------------------------------------------------------------------- loader */ .td-loader-gif { position: absolute; top: 50%; left: 50%; width: 59px; height: 59px; margin-top: -29.5px; /* Half the height */ margin-left: -29.5px; /* Half the width */ /* responsive phone */ -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); /* custom */ } @media (max-width: 767px) { .td-loader-gif { top: 200px; } } /* ---------------------------------------------------------------------------- infinite loader - the small loader used on infinite scroll */ .td-loader-infinite { top: auto; bottom: 0px; } .td-loader-infinite .td-lb-box { position: absolute; width: 10px; height: 10px; } .td-loader-infinite .td-lb-box-1 { top: 0; left: 0; } .td-loader-infinite .td-lb-box-2 { top: 0; left: 11px; } .td-loader-infinite .td-lb-box-3 { top: 0; left: 22px; } .td-loader-infinite .td-lb-box-4 { top: 11px; right: 0; } .td-loader-infinite .td-lb-box-5 { bottom: 0; right: 0; } .td-loader-infinite .td-lb-box-6 { bottom: 0; left: 11px; } .td-loader-infinite .td-lb-box-7 { bottom: 0; left: 0; } .td-loader-infinite .td-lb-box-8 { top: 11px; left: 0; } .td-loader-infinite.td-loader-gif { width: 32px; height: 32px; margin-top: -16px; /* Half the height */ margin-left: -16px; /* Half the width */ } .td-loader-blocks-load-more { top: auto; bottom: 48px; } .td-loader-animation-start { opacity: 0; transform: perspective( 600px ) scale(0.4); -webkit-transform: perspective( 600px ) scale(0.4); -moz-transform: perspective( 600px ) scale(0.4); -ms-transform: perspective( 600px ) scale(0.4); -o-transform: perspective( 600px ) scale(0.4); } .td-loader-animation-mid { opacity: 1; transform: perspective( 600px ) scale(1); -webkit-transform: perspective( 600px ) scale(1); -moz-transform: perspective( 600px ) scale(1); -ms-transform: perspective( 600px ) scale(1); -o-transform: perspective( 600px ) scale(1); } .td-loader-animation-end { opacity: 0; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img { opacity: 0; } .td-animation-stack-type0-2 { opacity: 1 !important; transition: opacity 0.3s; transition-timing-function: cubic-bezier(0.39, 0.76, 0.51, 0.56); /* linear */ } body.td-animation-stack-type1 .td-animation-stack .entry-thumb, body.td-animation-stack-type1 .post .entry-thumb, body.td-animation-stack-type1 .post img[class*="wp-image-"], body.td-animation-stack-type1 .post a.td-sml-link-to-image > img { opacity: 0; transform: scale(0.95); } .td-animation-stack-type1-2 { opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; -webkit-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; -moz-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; -o-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; } body.td-animation-stack-type2 .td-animation-stack .entry-thumb, body.td-animation-stack-type2 .post .entry-thumb, body.td-animation-stack-type2 .post img[class*="wp-image-"], body.td-animation-stack-type2 .post a.td-sml-link-to-image > img { opacity: 0; transform: translate(0px, 10px); -webkit-transform: translate(0px, 10px); -moz-transform: translate(0px, 10px); -ms-transform: translate(0px, 10px); -o-transform: translate(0px, 10px); } .td-animation-stack-type2-2 { opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; -webkit-transition: transform 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88), opacity 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88); -moz-transition: transform 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88), opacity 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88); -o-transition: transform 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88), opacity 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88); transition: transform 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88), opacity 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88); } /* ie8, ie9, ie10, ie11 td-md-is-ios td-md-is-android td-md-is-os-x td-md-is-chrome td-md-is-firefox td-md-is-safari */ /* ---------------------------------------------------------------------------- IE - misc */ @media (min-width: 1140px) { .ie8, .ie9, .ie10, .ie11 { margin-left: -1px; } .ie8 .td-affix, .ie9 .td-affix, .ie10 .td-affix, .ie11 .td-affix { margin-left: 1px; } } .ie8 .td-post-content p, .ie9 .td-post-content p, .ie10 .td-post-content p, .ie11 .td-post-content p, .ie8 .mce-content-body p, .ie9 .mce-content-body p, .ie10 .mce-content-body p, .ie11 .mce-content-body p { letter-spacing: -0.2px; } .ie8 .td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb, .ie9 .td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb, .ie10 .td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb, .ie11 .td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb { transform: none; } .ie8 .td_category_template_8 .td-category-header .td-category a, .ie9 .td_category_template_8 .td-category-header .td-category a, .ie10 .td_category_template_8 .td-category-header .td-category a, .ie11 .td_category_template_8 .td-category-header .td-category a { padding: 3px 7px; line-height: 12px; } .ie8 .td-post-sharing-bottom .td-social-sharing-buttons, .ie9 .td-post-sharing-bottom .td-social-sharing-buttons, .ie10 .td-post-sharing-bottom .td-social-sharing-buttons, .ie11 .td-post-sharing-bottom .td-social-sharing-buttons { padding: 7px 9px 4px; } .ie8 .td-related-title > .td-related-left, .ie9 .td-related-title > .td-related-left, .ie10 .td-related-title > .td-related-left, .ie11 .td-related-title > .td-related-left, .ie8 .td-related-title > .td-related-right, .ie9 .td-related-title > .td-related-right, .ie10 .td-related-title > .td-related-right, .ie11 .td-related-title > .td-related-right { padding: 8px 12px 6px 12px; } .ie8 .td-left-smart-list, .ie9 .td-left-smart-list, .ie10 .td-left-smart-list, .ie11 .td-left-smart-list, .ie8 .td-right-smart-list, .ie9 .td-right-smart-list, .ie10 .td-right-smart-list, .ie11 .td-right-smart-list { line-height: 38px; } .ie8 .td-review-header .block-title, .ie9 .td-review-header .block-title, .ie10 .td-review-header .block-title, .ie11 .td-review-header .block-title, .ie8 .td-review-summary .block-title, .ie9 .td-review-summary .block-title, .ie10 .td-review-summary .block-title, .ie11 .td-review-summary .block-title { padding: 8px 12px 7px; } .ie8 .td-affix .td-main-menu-logo img, .ie9 .td-affix .td-main-menu-logo img, .ie10 .td-affix .td-main-menu-logo img, .ie11 .td-affix .td-main-menu-logo img { top: -2px; } @media (min-width: 768px) { .ie8 .td-header-style-5 .td-main-menu-logo img, .ie9 .td-header-style-5 .td-main-menu-logo img, .ie10 .td-header-style-5 .td-main-menu-logo img, .ie11 .td-header-style-5 .td-main-menu-logo img, .ie8 .td-header-style-6 .td-main-menu-logo img, .ie9 .td-header-style-6 .td-main-menu-logo img, .ie10 .td-header-style-6 .td-main-menu-logo img, .ie11 .td-header-style-6 .td-main-menu-logo img, .ie8 .td-header-style-12 .td-main-menu-logo img, .ie9 .td-header-style-12 .td-main-menu-logo img, .ie10 .td-header-style-12 .td-main-menu-logo img, .ie11 .td-header-style-12 .td-main-menu-logo img { top: -1px; } } .ie8 .td-live-theme-demos .td-skin-scroll, .ie9 .td-live-theme-demos .td-skin-scroll, .ie10 .td-live-theme-demos .td-skin-scroll, .ie11 .td-live-theme-demos .td-skin-scroll { -webkit-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; left: auto; right: -118px; } @media (max-width: 1366px) { .ie8 .td-live-theme-demos .td-skin-scroll, .ie9 .td-live-theme-demos .td-skin-scroll, .ie10 .td-live-theme-demos .td-skin-scroll, .ie11 .td-live-theme-demos .td-skin-scroll { right: -78px; } } .ie8 .td-theme-settings-small .td-skin-scroll, .ie9 .td-theme-settings-small .td-skin-scroll, .ie10 .td-theme-settings-small .td-skin-scroll, .ie11 .td-theme-settings-small .td-skin-scroll { right: 118px; } @media (max-width: 1366px) { .ie8 .td-theme-settings-small .td-skin-scroll, .ie9 .td-theme-settings-small .td-skin-scroll, .ie10 .td-theme-settings-small .td-skin-scroll, .ie11 .td-theme-settings-small .td-skin-scroll { right: 78px; } } /* ie8 */ .ie8 { /* backstr fix */ /* style 1 */ /* colored bg */ /* style 4 */ /* style 5 */ } .ie8 .td-live-theme-demos { display: none; } .ie8 .td-header-style-5 .td-header-menu-wrap.td-affix, .ie8 .td-header-style-6 .td-header-menu-wrap.td-affix { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; } .ie8 .td-header-style-8 .td-affix .td-header-sp-logo { height: 48px; margin-top: 0; } .ie8 .td-trending-now-post { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .ie8 .td-trending-now-post:first-child { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .ie8 .td-classic-sharing { display: none; } .ie8 .td-post-source-tags { display: none; } .ie8 .td-stretch-width, .ie8 .td-stretch-height { left: 0 !important; } .ie8 .td_social_type .td-sp { width: 0; } .ie8 .td_category_template_6 .td-category-header, .ie8 .td_category_template_8 .td-category-header { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#96000000', endColorstr='#96000000'); /* IE */ background-color: transparent; } .ie8 .td-category-title-holder { padding-right: 100px; padding-left: 100px; } .ie8 .td-header-wrap .td-a-rec-id-header > div, .ie8 .td-header-wrap .td-g-rec-id-header > .adsbygoogle { margin: 24px auto 0 auto; } .ie8 .td-header-style-1 .td-a-rec-id-header > div, .ie8 .td-header-style-2 .td-a-rec-id-header > div, .ie8 .td-header-style-3 .td-a-rec-id-header > div, .ie8 .td-header-style-1 .td-g-rec-id-header > .adsbygoogle, .ie8 .td-header-style-2 .td-g-rec-id-header > .adsbygoogle, .ie8 .td-header-style-3 .td-g-rec-id-header > .adsbygoogle { margin: auto !important; } .ie8 .td-header-style-4 .td-a-rec-id-header > div, .ie8 .td-header-style-4 .td-g-rec-id-header > .adsbygoogle { margin: 24px auto; } .ie8 .single_template_6 .td-a-rec-id-header > div, .ie8 .single_template_7 .td-a-rec-id-header > div, .ie8 .homepage-post.single_template_7 .td-a-rec-id-header > div, .ie8 .single_template_8 .td-a-rec-id-header > div, .ie8 .single_template_10 .td-a-rec-id-header > div, .ie8 .single_template_11 .td-a-rec-id-header > div, .ie8 .td_category_template_2 .td-a-rec-id-header > div, .ie8 .td_category_template_5 .td-a-rec-id-header > div, .ie8 .td_category_template_6 .td-a-rec-id-header > div, .ie8 .td_category_template_8 .td-a-rec-id-header > div, .ie8 .single_template_6 .td-g-rec-id-header > div, .ie8 .single_template_7 .td-g-rec-id-header > div, .ie8 .homepage-post.single_template_7 .td-g-rec-id-header > div, .ie8 .single_template_8 .td-g-rec-id-header > div, .ie8 .single_template_10 .td-g-rec-id-header > div, .ie8 .single_template_11 .td-g-rec-id-header > div, .ie8 .td_category_template_2 .td-g-rec-id-header > div, .ie8 .td_category_template_5 .td-g-rec-id-header > div, .ie8 .td_category_template_6 .td-g-rec-id-header > div, .ie8 .td_category_template_8 .td-g-rec-id-header > div, .ie8 .single_template_6 .td-a-rec-id-header > .adsbygoogle, .ie8 .single_template_7 .td-a-rec-id-header > .adsbygoogle, .ie8 .homepage-post.single_template_7 .td-a-rec-id-header > .adsbygoogle, .ie8 .single_template_8 .td-a-rec-id-header > .adsbygoogle, .ie8 .single_template_10 .td-a-rec-id-header > .adsbygoogle, .ie8 .single_template_11 .td-a-rec-id-header > .adsbygoogle, .ie8 .td_category_template_2 .td-a-rec-id-header > .adsbygoogle, .ie8 .td_category_template_5 .td-a-rec-id-header > .adsbygoogle, .ie8 .td_category_template_6 .td-a-rec-id-header > .adsbygoogle, .ie8 .td_category_template_8 .td-a-rec-id-header > .adsbygoogle, .ie8 .single_template_6 .td-g-rec-id-header > .adsbygoogle, .ie8 .single_template_7 .td-g-rec-id-header > .adsbygoogle, .ie8 .homepage-post.single_template_7 .td-g-rec-id-header > .adsbygoogle, .ie8 .single_template_8 .td-g-rec-id-header > .adsbygoogle, .ie8 .single_template_10 .td-g-rec-id-header > .adsbygoogle, .ie8 .single_template_11 .td-g-rec-id-header > .adsbygoogle, .ie8 .td_category_template_2 .td-g-rec-id-header > .adsbygoogle, .ie8 .td_category_template_5 .td-g-rec-id-header > .adsbygoogle, .ie8 .td_category_template_6 .td-g-rec-id-header > .adsbygoogle, .ie8 .td_category_template_8 .td-g-rec-id-header > .adsbygoogle { margin-bottom: 24px; } .ie8 .td_ajax_load_more i { top: -1px; } .ie8 .td-subcat-filter .td-subcat-dropdown { float: right; } .ie8 .td-grid-style-1 .td-module-thumb a { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f000000', endColorstr='#000000', GradientType=0); } .ie8 .td-grid-style-1 .td-module-thumb a img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; } .ie8 .td-grid-style-2 .td-module-thumb a, .ie8 .td-grid-style-3 .td-module-thumb a { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; } .ie8 .td-grid-style-2 .td-module-thumb a img, .ie8 .td-grid-style-3 .td-module-thumb a img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; } .ie8 .td-grid-style-2 .td-big-grid-post-0 .td-module-thumb a, .ie8 .td-grid-style-3 .td-big-grid-post-0 .td-module-thumb a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1); } .ie8 .td-grid-style-2 .td-big-grid-post-1 .td-module-thumb a, .ie8 .td-grid-style-3 .td-big-grid-post-1 .td-module-thumb a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d17646', endColorstr='#c63939', GradientType=1); } .ie8 .td-grid-style-2 .td-big-grid-post-2 .td-module-thumb a, .ie8 .td-grid-style-3 .td-big-grid-post-2 .td-module-thumb a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1); } .ie8 .td-grid-style-2 .td-big-grid-post-3 .td-module-thumb a, .ie8 .td-grid-style-3 .td-big-grid-post-3 .td-module-thumb a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54a3db', endColorstr='#4bcf77', GradientType=1); } .ie8 .td-grid-style-2 .td-big-grid-post-4 .td-module-thumb a, .ie8 .td-grid-style-3 .td-big-grid-post-4 .td-module-thumb a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4d03f', endColorstr='#f27a35', GradientType=1); } .ie8 .td-grid-style-2 .td-big-grid-post-5 .td-module-thumb a, .ie8 .td-grid-style-3 .td-big-grid-post-5 .td-module-thumb a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d760b7', endColorstr='#3b78b4', GradientType=1); } .ie8 .td-grid-style-2 .td-big-grid-post-6 .td-module-thumb a, .ie8 .td-grid-style-3 .td-big-grid-post-6 .td-module-thumb a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db2ec', endColorstr='#4a8f5e', GradientType=1); } .ie8 .td-grid-style-4 .entry-title { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#50000000', endColorstr='#50000000'); /* IE */ } .ie8 .td-grid-style-5 .td-module-thumb a { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background-color: black; } .ie8 .td-grid-style-5 .td-module-thumb a img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .ie8 .td-next-prev-wrap .td-ajax-prev-page { padding-left: 1px; } .ie8 .td-post-sharing-bottom .td-social-sharing-buttons { padding: 6px 9px 4px; } .ie8 .td-social-facebook .td-social-but-text { border-left: 1px solid #7F9EDF; } .ie8 .td-social-twitter .td-social-but-text { border-left: 1px solid #8FE2FC; } .ie8 .td-post-template-8 .td-post-header-holder { background-color: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .ie8 .td-module-comments a { padding: 3px 3px 4px 3px; } .ie8 .td-social-style-2 .td-icon-font { border: 1px solid #333; } .ie8 .td_block_14 .td-next-prev-wrap, .ie8 .td_block_14 .td-load-more-wrap { margin-top: 23px; } .ie8 .td-g-rec-id-smart_list_6, .ie8 .td-g-rec-id-smart_list_7, .ie8 .td-g-rec-id-smart_list_8, .ie8 .td-g-rec-id-footer_top, .ie8 .td-g-rec-id-content_top, .ie8 .td-g-rec-id-content_bottom, .ie8 .td-g-rec-id-content_inline { display: block; margin-left: -16px; margin-right: -16px; } .ie8 .td-g-rec-id-smart_list_6 .adsbygoogle, .ie8 .td-g-rec-id-smart_list_7 .adsbygoogle, .ie8 .td-g-rec-id-smart_list_8 .adsbygoogle, .ie8 .td-g-rec-id-footer_top .adsbygoogle, .ie8 .td-g-rec-id-content_top .adsbygoogle, .ie8 .td-g-rec-id-content_bottom .adsbygoogle, .ie8 .td-g-rec-id-content_inline .adsbygoogle { margin-right: auto; margin-left: auto; display: table !important; left: 0; } .ie8 .td-menu-background { left: -100%; } .ie8 .td-live-theme-demos .td-set-theme-style-link:before { background-color: transparent; } /* ---------------------------------------------------------------------------- ie9 */ .ie9 { /* ie9 - colored gradients fix */ /* backstr fix */ } .ie9 .td-grid-style-2 .td-big-grid-post-0 .td-module-thumb a:last-child:before, .ie9 .td-grid-style-3 .td-big-grid-post-0 .td-module-thumb a:last-child:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGRiMmVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRhOGY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .ie9 .td-grid-style-2 .td-big-grid-post-1 .td-module-thumb a:last-child:before, .ie9 .td-grid-style-3 .td-big-grid-post-1 .td-module-thumb a:last-child:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDE3NjQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2MzkzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .ie9 .td-grid-style-2 .td-big-grid-post-2 .td-module-thumb a:last-child:before, .ie9 .td-grid-style-3 .td-big-grid-post-2 .td-module-thumb a:last-child:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDc2MGI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNiNzhiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .ie9 .td-grid-style-2 .td-big-grid-post-3 .td-module-thumb a:last-child:before, .ie9 .td-grid-style-3 .td-big-grid-post-3 .td-module-thumb a:last-child:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTRhM2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiY2Y3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .ie9 .td-grid-style-2 .td-big-grid-post-4 .td-module-thumb a:last-child:before, .ie9 .td-grid-style-3 .td-big-grid-post-4 .td-module-thumb a:last-child:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjRkMDNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyN2EzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .ie9 .td-grid-style-2 .td-big-grid-post-5 .td-module-thumb a:last-child:before, .ie9 .td-grid-style-3 .td-big-grid-post-5 .td-module-thumb a:last-child:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDc2MGI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNiNzhiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .ie9 .td-grid-style-2 .td-big-grid-post-6 .td-module-thumb a:last-child:before, .ie9 .td-grid-style-3 .td-big-grid-post-6 .td-module-thumb a:last-child:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGRiMmVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRhOGY1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .ie9 .td-grid-style-1 .td-module-thumb a:last-child:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); } .ie9 .td-stretch-width, .ie9 .td-stretch-height { left: 0 !important; -webkit-transform: none; ms-transform: none; transform: none; } .ie9 .td-next-prev-wrap .td-ajax-next-page { padding-left: 3px; } .ie9 .td-module-comments a { padding: 3px 4px 4px 4px; } .ie9 .td-post-sharing-bottom .td-social-sharing-buttons { padding: 6px 9px 4px; } .ie9 .td-menu-background, .ie9 #td-mobile-nav { left: -100%; } .ie9 .td-menu-mob-open-menu .td-menu-background, .ie9 .td-menu-mob-open-menu #td-mobile-nav { left: 0; } .ie9 .td-search-background { right: 100%; } .ie9 .td-search-opened .td-search-background { right: 0; } .ie9 .td-demo-multicolumn-2 .sub-menu { padding: 0; } .ie9 .td-demo-menuitem-hide { display: none; } .ie9 .td-scroll-up { bottom: -70px; } .ie9 .td-scroll-up-visible { bottom: 5px; } /* ---------------------------------------------------------------------------- ie 10 */ .ie10 .page-nav a { padding: 5px 11px 5px 12px; } .ie10 .td-module-comments a { padding: 3px 4px 4px 4px; } .ie10 .td-post-sharing-bottom .td-social-sharing-buttons { padding: 6px 9px 4px; } /* ---------------------------------------------------------------------------- ie 11 */ @media (min-width: 1140px) { .ie11 { margin-left: -1px; } .ie11 .td-affix { margin-left: 1px; } } .ie11 .td-post-sharing-bottom .td-social-sharing-buttons { padding: 6px 9px 4px; } /* ---------------------------------------------------------------------------- Android */ .td-md-is-android .td-hover-1 .td-big-grid-post:hover .entry-thumb { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } .td-md-is-android .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:before { box-shadow: none; } .td-md-is-android .sf-menu ul .td-menu-item > a { padding: 8px 14px 6px; } .td-md-is-android .sf-menu .sub-menu .td-icon-menu-down { margin-top: -8px; } .td-md-is-android .td-trending-now-wrapper .td-trending-now-nav-left { padding-right: 1px; } .td-md-is-android .td-big-grid-post .td-post-category { padding: 4px 7px 2px; line-height: 14px; } .td-md-is-android .block-title span, .td-md-is-android .block-title a, .td-md-is-android .block-title label { padding: 8px 12px 3px; } .td-md-is-android .td-subcat-filter .td-subcat-list, .td-md-is-android .td-subcat-filter .td-subcat-dropdown .td-subcat-more { padding-top: 6px; } .td-md-is-android .td-category-siblings .td-category { height: 21px; } .td-md-is-android .td-category-header .td-category .entry-category a { padding: 4px 8px; } .td-md-is-android .td-post-sharing-top .td-social-sharing-buttons { padding: 11px 13px 7px; } .td-md-is-android .td-post-sharing-bottom .td-social-sharing-buttons { padding: 7px 9px 3px 9px; } .td-md-is-android input[type=submit] { padding: 9px 15px 8px; } .td-md-is-android .td-left-smart-list, .td-md-is-android .td-right-smart-list { padding-top: 1px; } .td-md-is-android .td_smart_list_3 .td-left-smart-list { padding-right: 1px; } .td-md-is-android .td-author-counters span { padding: 5px 9px 2px; } .td-md-is-android .td-404-sub-sub-title a { padding: 8px 15px 7px; } .td-md-is-android .td-menu-blocks-custom ul li a { padding: 2px 12px 0; } .td-md-is-android .td-tab-blocks-custom ul.wpb_tabs_nav li a { padding: 6px 13px 4px !important; } .td-md-is-android .td-scroll-up .td-icon-menu-up { padding-top: 1px; } .td-md-is-android .td_ajax_load_more i { top: -1px; } .td-md-is-android .td-next-prev-wrap a { line-height: 25px; } .td-md-is-android .page-nav .td-icon-menu-right { padding-left: 2px; } .td-md-is-android .page-nav .td-icon-menu-left { padding-right: 2px; } .td-md-is-android .td-page-content .dropcap, .td-md-is-android .td-post-content .dropcap, .td-md-is-android .wpb_text_column .dropcap, .td-md-is-android .td_block_text_with_title .dropcap, .td-md-is-android .bbpress .dropcap, .td-md-is-android .woocommerce #tab-description .dropcap, .td-md-is-android .mce-content-body .dropcap, .td-md-is-android .comment-content .dropcap { padding: 5px 13px 2px 13px; } .td-md-is-android .woocommerce-checkout .woocommerce input.button, .td-md-is-android .woocommerce-page .woocommerce a.button, .td-md-is-android .woocommerce-account div.woocommerce .button, .td-md-is-android .woocommerce .product a.button, .td-md-is-android .woocommerce .product #respond input#submit, .td-md-is-android .woocommerce .checkout input#place_order, .td-md-is-android .woocommerce .woocommerce.widget .button { padding: 10px 10px 7px; } .td-md-is-android .woocommerce span.onsale { line-height: 25px; min-height: 25px; } .td-md-is-android .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 7px 12px 6px; } .td-md-is-android .single-product .product .related h2 { padding: 8px 12px 5px; } .td-md-is-android .woocommerce-checkout .woocommerce input.button { padding: 8px 10px; } .td-md-is-android #buddypress div.item-list-tabs ul li > a { padding: 1px 15px 0; } .td-md-is-android #buddypress div.generic-button.friendship-button a, .td-md-is-android #buddypress div.generic-button a.join-group, .td-md-is-android #buddypress div.generic-button a.leave-group, .td-md-is-android #buddypress div.generic-button a.mention, .td-md-is-android #buddypress div.generic-button a.send-message { padding: 5px 10px 4px; } .td-md-is-android #buddypress a.bp-primary-action span, .td-md-is-android #buddypress #reply-title small a span { padding: 2px 3px 0 4px; } .td-md-is-android #buddypress div.activity-meta a.acomment-reply { padding-top: 3px; } .td-md-is-android #buddypress div.activity-meta a { padding: 4px 8px 2px; } @media (max-width: 767px) { .td-md-is-android .td-trending-now-display-area { height: 27px; } .td-md-is-android .td-big-grid-post .td-post-category { padding: 4px 7px 1px; } .td-md-is-android .td-category-siblings .td-subcat-more { padding: 4px 5px 3px; } .td-md-is-android .td_category_template_3 .td-category-siblings .td-category a { padding: 5px 9px ; } .td-md-is-android .category-template-style-8 .td-category-siblings .td-subcat-more { padding: 4px 4px 3px 5px; } .td-md-is-android .td-author-counters span { padding: 5px 9px 4px; } .td-md-is-android .td-theme-slider .slide-meta-cat a { padding: 4px 5px 2px; } .td-md-is-android .woocommerce-checkout .woocommerce input.button, .td-md-is-android .woocommerce-page .woocommerce a.button, .td-md-is-android .woocommerce-account div.woocommerce .button, .td-md-is-android .woocommerce .product a.button, .td-md-is-android .woocommerce .product #respond input#submit, .td-md-is-android .woocommerce .checkout input#place_order, .td-md-is-android .woocommerce .woocommerce.widget .button { padding: 8px 10px 7px; } } .td-md-is-android .td-skin-scroll { display: none; } /* ---------------------------------------------------------------------------- iOS */ .td-md-is-ios body { -webkit-font-smoothing: antialiased; } .td-md-is-ios .td-hover-1 .td-big-grid-post:hover .entry-thumb { /*CSS transitions*/ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; /*CSS transforms*/ -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } .td-md-is-ios .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-module-thumb a:last-child:before { box-shadow: none; } .td-md-is-ios .sf-menu .sub-menu .td-icon-menu-down { margin-top: -9px; line-height: 20px; } .td-md-is-ios .td-trending-now-wrapper .td-trending-now-nav-left { padding-right: 1px; } .td-md-is-ios .td-big-grid-post .td-post-category { padding: 3px 7px; } .td-md-is-ios .block-title span, .td-md-is-ios .block-title a, .td-md-is-ios .block-title label { line-height: 18px; padding: 6px 12px 4px; } .td-md-is-ios .td-category-header .td-pulldown-filter-display-option { line-height: 22px; } .td-md-is-ios .td_category_template_3 .td-category-siblings .td-category a { padding: 5px 7px 4px 7px; } .td-md-is-ios .td_category_template_3 .td-category-siblings .td-subcat-dropdown { margin-right: 6px; } .td-md-is-ios .td_category_template_4 .td-category-siblings .td-category a { padding: 4px 7px 3px 7px; } .td-md-is-ios .td-related-title > .td-related-left, .td-md-is-ios .td-related-title > .td-related-right { padding: 8px 12px 6px; } .td-md-is-ios .td-module-comments a { padding: 3px 4px 4px 4px; } .td-md-is-ios .td-left-smart-list, .td-md-is-ios .td-right-smart-list { line-height: 39px; } .td-md-is-ios .td-author-counters span { padding: 4px 9px 3px; } .td-md-is-ios input[type=submit] { padding: 7px 15px 8px; } .td-md-is-ios .td-404-sub-sub-title a { padding: 7px 15px 8px; } .td-md-is-ios .td-tab-blocks-custom ul.wpb_tabs_nav li a { padding: 4px 7px !important; } .td-md-is-ios .td-menu-blocks-custom ul li a { padding: 0 12px 1px; line-height: 27px; } .td-md-is-ios .td_ajax_load_more i { top: -1px; } .td-md-is-ios .woocommerce span.onsale { line-height: 25px; min-height: 25px; } .td-md-is-ios .woocommerce-checkout .woocommerce input.button, .td-md-is-ios .woocommerce-page .woocommerce a.button, .td-md-is-ios .woocommerce-account div.woocommerce .button, .td-md-is-ios .woocommerce .product a.button, .td-md-is-ios .woocommerce .product #respond input#submit, .td-md-is-ios .woocommerce .checkout input#place_order, .td-md-is-ios .woocommerce .woocommerce.widget .button { padding: 9px 10px 10px; } .td-md-is-ios .single-product .product .summary .cart .button, .td-md-is-ios .woocommerce .woocommerce-message .button, .td-md-is-ios .woocommerce-cart .woocommerce table.cart .button { padding: 9px 10px 11px; } .td-md-is-ios #buddypress a.bp-primary-action span, .td-md-is-ios #buddypress #reply-title small a span { padding: 0 3px 1px; } @media (max-width: 767px) { .td-md-is-ios .td-trending-now-display-area { height: 27px; } } .td-md-is-ios .td-footer-wrapper .block-title a, .td-md-is-ios .td-footer-wrapper .block-title span, .td-md-is-ios .td-footer-wrapper .block-title label { /* responsive portrait phone */ } @media (max-width: 767px) { .td-md-is-ios .td-footer-wrapper .block-title a, .td-md-is-ios .td-footer-wrapper .block-title span, .td-md-is-ios .td-footer-wrapper .block-title label { padding-right: 0; padding-left: 0; } } .td-md-is-ios .td-skin-scroll { display: none; } @media (min-width: 1140px) { .td-md-is-safari { margin-left: -1px; } .td-md-is-safari .td-affix { margin-left: 1px; } } @media (min-width: 767px) { .td-md-is-safari .td-big-grid-post .td-module-thumb { -webkit-transform: translate3d(0, 0, 0); } } .td-md-is-safari .td_block_big_grid_8 .td-module-thumb { -webkit-transform: none; } .td-md-is-safari .td_module_slide:before { bottom: -1px; } .td-md-is-safari .td_module_slide .td-module-title { -webkit-transform: translate3D(0, 0, 0); } .td-md-is-safari .td-big-grid-post .td-module-thumb a:last-child::before { width: 101%; left: -2px; } .td-md-is-safari .td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb { transform: none; -webkit-transform: none; } .td-md-is-safari .td_block_big_grid_6 .td-tiny-thumb .td-post-category { padding: 4px 5px 3px; } .td-md-is-safari .td-review-header .block-title, .td-md-is-safari .td-review-summary .block-title { padding: 7px 12px 6px; } .td-md-is-safari .woocommerce-checkout .woocommerce input.button, .td-md-is-safari .woocommerce-page .woocommerce a.button, .td-md-is-safari .woocommerce-account div.woocommerce .button { padding: 9px 10px 10px; } .td-md-is-safari .td-related-title > .td-related-left, .td-md-is-safari .td-related-title > .td-related-right { padding: 7px 12px 5px 12px; } .td-md-is-safari .td-boxed-layout .td-post-template-7 .td-image-gradient-style7:after { width: 110%; left: -2px; } .td-md-is-safari .td-boxed-layout .td-post-template-3 .td-image-gradient:before { width: 110%; left: -2px; } .td-md-is-os-x .td_block_big_grid_6 .td-tiny-thumb .td-post-category { padding: 4px 5px 3px; } /* visual composer hack - overwrite the theme display block @since 18/6/2015 */ .wpb_single_image .vc_single_image-wrapper { display: inline-block !important; } .aaaaa_td_block_wrap { padding: 30px 30px 0; margin-bottom: 48px; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); } .aaaaa_td_block_wrap:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: top; background-size: cover; background-image: url('http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/01/couple.jpg'); z-index: -1; opacity: 1; } .aaaaa_td_block_wrap:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #4db2ec; z-index: -1; opacity: 0.8; } .td-block-title-wrap { position: relative; }
Foro: WooCommerce
En respuesta a: Espacios en blanco en el subject del share.php de la WishlistSi no me equivoco, este el código original:
<?php if( $share_email_enabled ): ?> <li style="list-style-type: none; display: inline-block;"> <a class="email" href="mailto:?subject=<?php echo urlencode( apply_filters( 'yith_wcwl_email_share_subject', __( 'I wanted you to see this site', 'yith-woocommerce-wishlist' ) ) )?>&body=<?php echo apply_filters( 'yith_wcwl_email_share_body', $share_link_url ) ?>&title=<?php echo $share_link_title ?>" title="<?php _e( 'Email', 'yith-woocommerce-wishlist' ) ?>"></a> </li> <?php endif; ?>
Además del texto en español que has puesto, varias diferencias. No se si algunas de ellas podrían ocasionar tal comportamiento.
Por ejemplomailto:info@nusco.com?subject
ymailto:info@nusco.com?subject
-
Esta respuesta fue modificada hace 6 años, 4 meses por
almendron.
Foro: WooCommerce
Como el debate: Espacios en blanco en el subject del share.php de la Wishlist-
Estoy intentando personalizar los mensajes de mi wishlist y quiero cambiar el «Asunto» cuando envío mi Wishlist. Lo he cambiado en el share.php del plugin, pero convierte los espacios en símbolos «+» y quiero que aparezcan los espacios en blanco.
El código es el siguiente :
<?php if( $share_email_enabled ): ?> <li style="list-style-type: none; display: inline-block;"> <a class="email" href="mailto:info@nusco.com?subject=<?php echo urlencode( apply_filters( 'yith_wcwl_email_share_subject', __( '¡Hola! Quiero enviaros mi lista de deseos', 'yith-woocommerce-wishlist' ) ) )?>&body=<?php echo apply_filters( 'yith_wcwl_email_share_body', $share_link_url ) ?>&title=<?php echo $share_link_title ?>" title="<?php _e( 'Email', 'yith-woocommerce-wishlist' ) ?>"></a> </li> <?php endif; ?>
Lo que quiero que aparezca con espacios en blanco es «¡Hola! Quiero enviaros mi lista de deseos». Ya he probado a meterlo como %20% y como pero tampoco funciona.
Gracias de antemano.
Estoy usando el plugin YITH WooCommerce Wishlist
-
Este debate fue modificado hace 6 años, 4 meses por
roflg.
-
Este debate fue modificado hace 6 años, 4 meses por
Foro: WooCommerce
En respuesta a: No llegan mails de woocommerceWooCommerce siempre envía emails de confirmación de descargas si lo tienes bien configurado en los ajustes, e incluyen el enlace de descarga si así lo tienes configurado igualmente en la página de Ajustes -> Productos -> Productos descargables
Foro: WooCommerce
Como el debate: woocommerce no funciona envio de email-
después de alguna actualización. ha dejado de funcionar el envio de emails con las comunicaciones de los pedidos, el tema que utilizo es storefront
-
Este debate fue modificado hace 6 años, 10 meses por
Fernando Tellado. Razón: error de foro
-
Este debate fue modificado hace 6 años, 10 meses por
Foro: Guías – Resolución de problemas
En respuesta a: checkout solo con e-mailBuenas, ramiror.
Hay un plugin para WooCommerce que te permite enviar un correo en vez de añadir al carrito. Puede que te sirva.
https://wordpress.org/plugins/woocommerce-email-inquiry-cart-options/
Un saludo.
Foro: WooCommerce
Como el debate: El vendedor no recibe emails en woocommerce-
Hola,
Estamos constryendo una tienda online usando woocommerce. El plugin es genial, pero tenemos problemas a la hora de recibir los pedidos en nuestra dirección de correo electrónico. Es extraño porque el cliente sí que puede recibir sus facturas, etc. automáticamente.Estamos empezando a pensar que quizás el problema esté en nuestro servidor de correo (hotmail) o en nuestro hosting (hostiger).
Estaríamos muy agradecidos si nos echaseis una mano,
gracias,
Marina.-
Este debate fue modificado hace 6 años, 9 meses por
Fernando Tellado.
-
Este debate fue modificado hace 6 años, 9 meses por
Foro: WooCommerce
Como el debate: Modificaciones Woocommerce-
Buenas a todos,
Preciso ayuda o servicio freelance para dos modificaciones en mi web en base a Woocommerce.La web ya tiene varias modificaciones realizadas por mi cuenta.
Tiene ediciones para pedidos virtuales, sin datos de facturación y entregas.Toda referencia a datos de facturación se debe quitar de la página.
Plugins Usados: Direct Checkout y Checkout form
Modificaciones realizadas actualmente:
a) checkout form
deshabilitadas las referencias a facturación y envíos (domicilio de facturación, nombre de la empresa)
sigue habilitado
billing_first_name
billing_last_name
billing_email
billing_phone
Pero los textos no indican la palabra facturación.b) textos en function.php mediante «function translate_text($translated) {
$translated = str_ireplace(‘Detalles de facturación’, ‘Tus Datos’, $translated);
// y otros.c) ORDER-DETAILS-CUSTOMER.PHP
CÓDIGO ELIMINADO
<h3><?php _e( ‘Billing Address’, ‘woocommerce’ ); ?></h3>
y similares que hicieran referencia a Shipping.Le faltan los siguientes ajustes
1) Checkoutpage – Finalizar compra.
No trae el nombre y apellido del detalle de orden.2) E-mail templates
E-mail de pedido recibido:
a) En datos de orden no figura el nombre y apellido (como tampoco en checkoutpage)
b) Lo más importante que preciso: al pie del mail indica «Dirección de facturación», con el nombre y apellido.
Esto se debe eliminar.Si faltara detalles espero me lo hagan saber.
Gracias
Saludos,Nicolás
Foro: WooCommerce
En respuesta a: No llegan mails de woocommerceBuenos dias, acabo de instalar woocommerce y al hacer una compra via Paypal, perfecto, manda email a mi y al comprador, luego sale la pagina de checout de order details donde te dice como descargar el archivo digital pero…. hay forma de hacer que se le envie un mail al comprador con el enlace para descargar el archivo digital? ya que si el comprador no se da cuenta…puede cerrar el checkout y no ver donde pone:
Product Total
Free × 1
Download: ManualUn saludo!
-
Esta respuesta fue modificada hace 6 años, 9 meses por
Fernando Tellado.
-
Esta respuesta fue modificada hace 5 años, 10 meses por
Fernando Tellado.
Foro: WooCommerce
Como el debate: Cotizacion en woocommerce-
Hola
Existe alguna forma que en vez de comprar por woocommerce , se pueda hacer una cotización y enviarla por email ??
Algún plugin o alguna forma de hacerlo ?
Gracias por la ayuda
Foro: WooCommerce
Como el debate: Cotizar en woocommerce-
Hola
Existe alguna forma que en vez de comprar por woocommerce , se pueda hacer una cotización y enviarla por email ??
Algún plugin o alguna forma de hacerlo ?
Gracias por la ayuda
-
Este debate fue modificado hace 6 años, 9 meses por
Fernando Tellado.
-
Este debate fue modificado hace 6 años, 9 meses por
Foro: Diseño – Temas y plantillas
Como el debate: Cambiar tamaño menú-
Buenas tardes,
Llevo ya unos días volviéndome loco, intentando cambiar el tamaño de la fuente del menú. He leído mil artículos pero no consigo dar con la tecla.
Estoy usando el theme Artificer, y el style.css me aparece esto, pero no consigo encontrar qué cambiar para el tamaño.
Gracias de antemano aquien pueda echarme un cable.
/*
Theme Name: Artificer
Theme URI: http://www.woothemes.com/
Version: 1.3.14
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemesCopyright: (c) 2009-2011 WooThemes.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html*/
/*WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! 🙂*/
/*——————————————————————————————-INDEX:
0. RESET
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Typography
-1.3.1 Typefaces
-1.4 Tables2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
-2.4.1 Slider
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs3. POSTS
-3.1 Images
-3.2 Pagination / WP-Pagenavi / Woo-Pagination
-3.3 Single Post Author
-3.4 Post Entry Nav
-3.5 Subscribe & Connect4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form
-6.3 Image Gallery7. WOOCOMMERCE
-7.1 Messages
-7.2 Products
-7.2.1 Single Product
-7.3 Cart
-7.4 Checkout
-7.5 Widgets
-7.6 Account
-7.7 Shortcodes8. MISC
-8.1 Forms
-8.2 Gravity forms
-8.3 IE specific styling
-8.4 Uniform——————————————————————————————-*/
/*——————————————————————————————-*/
/* RESET – http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*——————————————————————————————-*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: »;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label,
input[type=»button»],
input[type=»submit»],
input[type=»image»],
button {
cursor: pointer;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
-ms-interpolation-mode: bicubic;
}
/* http://www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
overflow: auto;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
margin: 0;
}
/* http://www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
background: #e6e1dd;
border: 1px solid #d0c7c0;
padding: 10px;
margin-bottom: 20px;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Floating & Alignment */
.fl {
float: left;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
}
.clear {
clear: both;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
content: «020»;
display: block;
height: 0;
overflow: hidden;
}
.fix:after,
.col-full:after {
clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
zoom: 1;
}
/*——————————————————————————————-*/
/* IMPORTS */
/*——————————————————————————————-*/
/*——————————————————————————————-*/
/* 1. SETUP */
/*——————————————————————————————-*/
/* 1.1 Defaults */
html {
font-size: 62.5%;
background: url(«images/body.gif») #e6e1dd;
}
body {
font-size: 1.4em;
line-height: 1.618;
color: #6c6158;
font-family: «Karla», sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
background: url(«images/body.png»);
}
#wrapper {
padding: 0 1.618em;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
hr {
background-color: #d0c7c0;
border: 0;
height: 1px;
margin-bottom: 1.618em;
}
/* 1.2 Hyperlinks */
a {
color: #968873;
text-decoration: none;
}
a:hover {
color: #52442f;
}
/* 1.3 Typography */
/*
All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618)
http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0
Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don’t need one and vertical rhythm will be kept consistent
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: «Cutive», sans-serif;
color: #342e2a;
margin: 0 0 .618em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
h1 {
font-size: 1.618em;
line-height: 1.387em;
text-shadow: 0 2px 0 #ffffff, 0 3px 0 #918c88;
}
h2 {
font-size: 1.387em;
line-height: 1.387em;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.857em;
}
p {
-webkit-hyphens: auto;
-webkit-hyphenate-character: «\2010»;
-webkit-hyphenate-limit-after: 1;
-webkit-hyphenate-limit-before: 3;
-moz-hyphens: auto;
orphans: 3;
widows: 3;
}
strong {
font-weight: 700;
}
blockquote {
font-family: «Cutive», sans-serif;
padding: 1em;
background: #e6e1dd;
position: relative;
-webkit-border-radius: 0.327em;
border-radius: 0.327em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
blockquote:after {
content: «»;
display: block;
position: absolute;
border: 1em solid #e6e1dd;
border-color: #e6e1dd transparent transparent transparent;
bottom: -2em;
left: 1.618em;
}
blockquote p:last-child {
margin-bottom: 0;
}
ul,
ol,
dl,
p,
blockquote,
table,
form,
pre,
hr {
margin: 0 0 1.618em 0;
}
li > ul,
li > ol {
margin: 0 0 0 1.618em;
}
dl dt {
font-weight: 700;
}
dl dd {
margin-bottom: 1.618em;
}
mark {
background: rgba(255, 255, 255, 0.5);
}
.ampersand {
font-family: ‘Baskerville’, ‘Goudy Old Style’, ‘Palatino’, ‘Book Antiqua’, serif;
font-style: italic;
}
/* 1.3.1 Typefaces */
@font-face {
font-family: ‘WebSymbolsRegular’;
src: url(«typefaces/websymbols-regular-webfont.eot»);
src: url(«typefaces/websymbols-regular-webfont.eot?#iefix») format(‘embedded-opentype’), url(«typefaces/websymbols-regular-webfont.woff») format(‘woff’), url(«typefaces/websymbols-regular-webfont.ttf») format(‘truetype’), url(«typefaces/websymbols-regular-webfont.svg#WebSymbolsRegular») format(‘svg’);
font-weight: normal;
font-style: normal;
}
/* 1.4 Tables */
table {
width: 100%;
background: #e6e1dd;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
table th,
table td {
vertical-align: top;
padding: .382em .857em;
text-align: left;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
table thead {
border: 1px solid #c4bfbb;
text-shadow: 0 1px 0 #e6e1dd;
}
table thead tr th {
background-color: #e6e1dd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e1dd), to(#d5d0cc));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #e6e1dd, #d5d0cc);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #e6e1dd, #d5d0cc);
/* FF3.6+ */
background-image: -ms-linear-gradient(top, #e6e1dd, #d5d0cc);
/* IE10 */
background-image: -o-linear-gradient(top, #e6e1dd, #d5d0cc);
/* Opera 11.10+ */
background-image: linear-gradient(to bottom, #e6e1dd, #d5d0cc);
color: #4a3f36;
-webkit-box-shadow: inset 0 2px 0 #f7f2ee;
-moz-box-shadow: inset 0 2px 0 #f7f2ee;
box-shadow: inset 0 2px 0 #f7f2ee;
}
table tbody tr {
border: 1px solid #d5ccc5;
}
table tbody tr th,
table tbody tr td {
background-color: #ece9e6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ece9e6), to(#e6e1dd));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ece9e6, #e6e1dd);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ece9e6, #e6e1dd);
/* FF3.6+ */
background-image: -ms-linear-gradient(top, #ece9e6, #e6e1dd);
/* IE10 */
background-image: -o-linear-gradient(top, #ece9e6, #e6e1dd);
/* Opera 11.10+ */
background-image: linear-gradient(to bottom, #ece9e6, #e6e1dd);
-webkit-box-shadow: inset 0 2px 0 #f7f6f5;
}
table tbody tr:first-child {
border-top-color: #bbada2;
}
table tfoot {
border: 1px solid #d5d0cc;
border-top-color: #c4bfbb;
}
/*——————————————————————————————-*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*——————————————————————————————-*/
/* 2.1 Containers & Columns */
/* 2.2 Navigation */
ul.nav li a {
padding: .53em 1em;
display: block;
}
#navigation {
clear: both;
margin-bottom: 2.618em;
display: none;
font-family: «Cutive», sans-serif, serif;
background: url(«images/nav.gif») #e6e1dd;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc7c3;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
}
#navigation ul.nav {
margin-bottom: 0;
list-style: none;
padding: 3em;
}
#navigation ul.nav li a:hover {
text-decoration: none;
}
#navigation ul.nav ul {
list-style: none;
}
#navigation ul.rss {
background: url(«images/ico-rss.png») no-repeat right 44%;
margin: 0 1em 0 0;
padding: 0 1em 0 0;
}
#navigation ul.rss li {
display: inline;
padding: 0;
}
#navigation ul.rss li a {
color: #6c6158;
text-decoration: none;
padding: .5em 1em;
display: inline-block;
position: relative;
}
#navigation ul.rss li.sub-email {
color: #6c6158;
}
/* 2.2.2 Top Navigation (optional) */
#top select {
margin: 1.618em 0 0;
width: 100%;
}
#top #top-nav {
display: none;
}
/* 2.3 Header */
#header {
padding: 3.631em 0 1.618em;
clear: both;
position: relative;
text-align: center;
}
#header #logo {
float: left;
}
#header .site-title {
margin-bottom: 0;
display: none;
}
#header .site-title a {
color: #856270;
}
#header .site-title.visible {
display: block;
}
#header .site-description {
display: none;
}
#header .site-description.visible {
display: block;
}
#header #topad {
float: right;
}
#header a.cart-button,
#header a.checkout {
background-color: #fcfbfa;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfbfa), to(#e6e1dd));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fcfbfa, #e6e1dd);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #fcfbfa, #e6e1dd);
/* FF3.6+ */
background-image: -ms-linear-gradient(top, #fcfbfa, #e6e1dd);
/* IE10 */
background-image: -o-linear-gradient(top, #fcfbfa, #e6e1dd);
/* Opera 11.10+ */
background-image: linear-gradient(to bottom, #fcfbfa, #e6e1dd);
padding: .236em .236em .236em .857em;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: .618em;
display: inline-block;
text-shadow: 0 1px 0 #ffffff;
-webkit-box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
}
#header a.cart-button .lozenge,
#header a.checkout .lozenge,
#header a.cart-button .items,
#header a.checkout .items {
background: #967381;
padding: .236em .857em;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: .53em;
color: #fff;
box-shadow: inset 0 0 0 0.236em #7a5c68;
-webkit-box-shadow: inset 0 0 0 0.236em #7a5c68;
text-shadow: 0 1px 0 #63404e;
}
#header a.cart-button .label:before,
#header a.checkout .label:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «Z»;
}
#header a.cart-button:hover,
#header a.checkout:hover {
-webkit-box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), inset 0 0 1.618em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), inset 0 0 1.618em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), inset 0 0 1.618em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
}
#header a.cart-button:hover .lozenge,
#header a.checkout:hover .lozenge,
#header a.cart-button:hover .items,
#header a.checkout:hover .items {
background: #7a5c68;
}
#header a.checkout {
padding: .236em;
display: none;
}
#header a.checkout .lozenge {
margin-left: 0;
}
#header a.checkout .lozenge:after {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-left: .618em;
content: «]»;
}
#header #main-nav {
text-align: left;
}
#header .nav-toggle {
margin-top: 1em;
}
#header .nav-toggle a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «²»;
}
/* 2.4 Content */
/* 2.4.1 Slider */
/* 2.5 Sidebar */
#sidebar .secondary {
float: left;
margin-right: 20px;
}
#sidebar .secondary.last {
margin: 0;
}
.home #sidebar .tweet,
.home #sidebar .phone,
.home #sidebar .email {
-webkit-transform: rotate(1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(1deg);
/* FF3.5+ */
-ms-transform: rotate(1deg);
/* IE9 */
-o-transform: rotate(1deg);
/* Opera 10.5 */
transform: rotate(1deg);
zoom: 1;
background: url(«images/leather.png»), url(«images/noise.png»);
background-color: #968873;
box-shadow: inset 0.618em 0 0 0 #746651;
-webkit-box-shadow: inset 0.618em 0 0 0 #746651;
color: #d8d2ca;
margin-bottom: 1.618em;
padding: 1em;
list-style: none;
position: relative;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.home #sidebar .tweet .inner,
.home #sidebar .phone .inner,
.home #sidebar .email .inner {
padding: 1em 1.618em;
border: 2px dashed #aca190;
-webkit-transform: rotate(-1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);
/* FF3.5+ */
-ms-transform: rotate(-1deg);
/* IE9 */
-o-transform: rotate(-1deg);
/* Opera 10.5 */
transform: rotate(-1deg);
zoom: 1;
}
.home #sidebar .tweet .inner a,
.home #sidebar .phone .inner a,
.home #sidebar .email .inner a {
display: block;
font-family: «Cutive», sans-serif;
font-size: 1.618em;
color: #ffffff;
text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}
.home #sidebar .tweet:before,
.home #sidebar .phone:before,
.home #sidebar .email:before {
content: «»;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(-1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);
/* FF3.5+ */
-ms-transform: rotate(-1deg);
/* IE9 */
-o-transform: rotate(-1deg);
/* Opera 10.5 */
transform: rotate(-1deg);
zoom: 1;
}
.home #sidebar .phone {
-webkit-transform: rotate(-1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);
/* FF3.5+ */
-ms-transform: rotate(-1deg);
/* IE9 */
-o-transform: rotate(-1deg);
/* Opera 10.5 */
transform: rotate(-1deg);
zoom: 1;
}
.home #sidebar .phone .inner {
-webkit-transform: rotate(1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(1deg);
/* FF3.5+ */
-ms-transform: rotate(1deg);
/* IE9 */
-o-transform: rotate(1deg);
/* Opera 10.5 */
transform: rotate(1deg);
zoom: 1;
}
.home #sidebar .phone:before {
-webkit-transform: rotate(1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(1deg);
/* FF3.5+ */
-ms-transform: rotate(1deg);
/* IE9 */
-o-transform: rotate(1deg);
/* Opera 10.5 */
transform: rotate(1deg);
zoom: 1;
}
.home #sidebar .tweet {
background: url(«images/leather.png»), url(«images/noise.png»);
background-color: #967381;
color: #d8cad0;
box-shadow: inset 0.618em 0 0 0 #74515f;
-webkit-box-shadow: inset 0.618em 0 0 0 #74515f;
font-family: «Cutive», sans-serif;
padding: 0;
border: 0;
}
.home #sidebar .tweet ul {
-webkit-transform: rotate(-1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);
/* FF3.5+ */
-ms-transform: rotate(-1deg);
/* IE9 */
-o-transform: rotate(-1deg);
/* Opera 10.5 */
transform: rotate(-1deg);
zoom: 1;
list-style: none;
padding: 1em;
}
.home #sidebar .tweet ul li {
border: 2px dashed #ac909b;
}
.home #sidebar .tweet ul li a {
color: #ffffff;
background: #6c515c;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: .236em .618em;
}
.home #sidebar .tweet ul li a:hover {
background: #5d464f;
}
.home #sidebar .tweet ul li a.time {
display: block;
background: none;
padding: 0;
font-family: «Karla», sans-serif;
margin-top: 1.618em;
}
.home #sidebar .tweet ul li a.time:hover {
text-decoration: underline;
}
.home #sidebar .tweet ul li a.time:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «t»;
}
.home #sidebar .phone:after,
.home #sidebar .email:after {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
content: «e»;
position: absolute;
font-size: 40px;
top: 1em;
right: 1em;
color: rgba(0, 0, 0, 0.25);
-webkit-transform: rotate(-3deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-3deg);
/* FF3.5+ */
-ms-transform: rotate(-3deg);
/* IE9 */
-o-transform: rotate(-3deg);
/* Opera 10.5 */
transform: rotate(-3deg);
zoom: 1;
text-shadow: none;
}
.home #sidebar .email:after {
content: «@»;
-webkit-transform: rotate(2deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(2deg);
/* FF3.5+ */
-ms-transform: rotate(2deg);
/* IE9 */
-o-transform: rotate(2deg);
/* Opera 10.5 */
transform: rotate(2deg);
zoom: 1;
top: .5em;
}
/* 2.6 Footer */
#footer {
padding: 2.618em 0;
color: #887a6f;
}
#footer #credit img {
vertical-align: middle;
}
#footer #credit span {
display: none;
}
#footer-widgets {
padding: 2.618em;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
border: 1px solid #c4bfbb;
border-bottom: 0;
position: relative;
background: url(«images/nav.gif») #f7f2ee;
-webkit-box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eeeeee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eeeeee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eeeeee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eeeeee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
}
#footer-widgets .widget h3 {
border: 0;
}
/* 2.7 Breadcrumbs */
#breadcrumbs {
margin-bottom: 1.618em;
}
#breadcrumbs .breadcrumb-trail {
background-color: #d3cac3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d3cac3), to(#d9d1cb));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #d3cac3, #d9d1cb);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #d3cac3, #d9d1cb);
/* FF3.6+ */
background-image: -ms-linear-gradient(top, #d3cac3, #d9d1cb);
/* IE10 */
background-image: -o-linear-gradient(top, #d3cac3, #d9d1cb);
/* Opera 11.10+ */
background-image: linear-gradient(to bottom, #d3cac3, #d9d1cb);
display: inline-block;
padding: .146em .382em;
-webkit-border-radius: 0.327em;
border-radius: 0.327em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #c4bfbb;
border-top-color: #b3aeaa;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.75);
}
#breadcrumbs .sep {
color: #b0a59c;
font-family: ‘WebSymbolsRegular’;
font-size: .857em;
}
#breadcrumbs a {
padding: .146em .382em;
}
#breadcrumbs .trail-end {
padding: .146em .618em;
}
/*——————————————————————————————-*/
/* 3. POSTS */
/*——————————————————————————————-*/
#breadcrumb,
.post .video {
margin-bottom: 1.618em;
}
.archive-header {
display: block;
float: left;
width: 100%;
margin: 0 0 1.618em;
padding: 0 0 1em;
font-weight: 700;
border-bottom: #d0c7c0 1px solid;
}
.archive-description {
clear: both;
margin-bottom: 1.618em;
}
.post,
.type-page {
margin: 0 0 2.618em;
padding: 1.618em;
position: relative;
background: url(«images/crinkles.png») top no-repeat, url(«images/post.png»), url(«images/nav.gif»);
background-color: #f7f2ee;
border: 1px solid #c4bfbb;
border-bottom: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eeeeee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eeeeee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eeeeee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eeeeee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
/* 3.1 Images */
}
.post header h1,
.type-page header h1 {
font-weight: 700;
position: relative;
}
.post header h1 a:link,
.type-page header h1 a:link,
.post header h1 a:visited,
.type-page header h1 a:visited {
color: #342e2a;
}
.post .woo-image:first-child,
.type-page .woo-image:first-child {
float: left;
margin-left: 0;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.post header h1,
.type-page header h1 {
padding-right: 4em;
}
.post .post-meta,
.type-page .post-meta {
margin: 0 0 1.618em 0;
border-bottom: 2px dashed #dbd4ce;
}
.post .post-meta ul,
.type-page .post-meta ul {
margin-bottom: .53em;
}
.post .post-meta li,
.type-page .post-meta li {
display: inline;
margin: 0 1.387em 0 0;
font-size: .857em;
}
.post .post-meta li:before,
.type-page .post-meta li:before,
.post .post-meta li a:before,
.type-page .post-meta li a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
}
.post .post-meta li.post-author a:before,
.type-page .post-meta li.post-author a:before {
content: «U»;
}
.post .post-meta li.post-date:before,
.type-page .post-meta li.post-date:before {
content: «P»;
}
.post .post-meta li.post-category a:before,
.type-page .post-meta li.post-category a:before {
content: «F»;
}
.post .post-meta li.tags:before,
.type-page .post-meta li.tags:before {
content: «,»;
}
.post .post-meta li.edit a:before,
.type-page .post-meta li.edit a:before {
content: «S»;
}
.post .post-more,
.type-page .post-more {
clear: both;
font-size: .857em;
border-top: 2px dashed #dbd4ce;
padding-top: 1em;
}
.post .post-more a,
.type-page .post-more a {
padding: .327em .618em;
background: rgba(230, 225, 221, 0.7);
-webkit-border-radius: 0.202em;
border-radius: 0.202em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-right: .53em;
}
.post .post-more a:hover,
.type-page .post-more a:hover {
background: rgba(230, 225, 221, 0.9);
}
.post .post-more a:before,
.type-page .post-more a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
}
.post .post-more .comments a:before,
.type-page .post-more .comments a:before {
content: «c»;
}
.post .post-more .read-more a:before,
.type-page .post-more .read-more a:before {
content: «b»;
}
.post p.tags,
.type-page p.tags {
background: url(«images/ico-tag.png») no-repeat top left;
padding-left: 1.618em;
width: 100%;
clear: both;
}
.post img,
.type-page img,
.post img.thumbnail,
.type-page img.thumbnail {
padding: .327em;
border: 1px solid #d0c7c0;
background: #fff;
}
.post img:hover,
.type-page img:hover,
.post img.thumbnail:hover,
.type-page img.thumbnail:hover {
border-color: #bbada2;
}
.post img.wp-smiley,
.type-page img.wp-smiley {
padding: 0;
border: 0;
}
.post .alignleft,
.type-page .alignleft {
float: left;
margin: 0 1.618em 1em 0;
}
.post .alignright,
.type-page .alignright {
float: right;
margin: 0 0 1em 1.618em;
}
.post .aligncenter,
.type-page .aligncenter {
display: block;
text-align: center;
margin: 0 auto 1.618em;
}
.post .wp-caption,
.type-page .wp-caption {
padding: .077em;
text-align: center;
background: #e6e1dd;
border: 1px solid #d0c7c0;
}
.post .wp-caption img,
.type-page .wp-caption img {
margin: 0;
padding: .327em 0;
background: none;
border: 0;
}
.post .wp-caption-text,
.type-page .wp-caption-text {
margin: 0;
padding: 0;
text-align: center;
}
.type-page:after {
display: none;
}
/* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries,
.wp-pagenavi,
.woo-pagination {
padding: 1em 1.618em;
}
.nav-entries a {
display: block;
color: #6c6158;
text-decoration: none;
}
.nav-entries a:hover {
text-decoration: underline;
}
.woo-pagination {
margin: 0;
text-align: center;
margin: 0 0 1.618em;
}
.woo-pagination .current {
box-shadow: 0 0 0 0.327em #746651;
-webkit-box-shadow: 0 0 0 0.327em #746651;
text-shadow: 0 1px 0 #746651;
display: inline-block;
padding: .382em 1em;
color: white;
text-align: center;
text-decoration: none;
font-size: .857em;
font-family: «Cutive», sans-serif;
background: url(«images/leather.png»), url(«images/noise.png»);
background-color: #968873;
border: 1px dashed #bbb8b4;
}
.woocommerce .woocommerce_ordering,
.woocommerce .woocommerce_result_count,
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
width: 48%;
float: left;
}
.woocommerce .woocommerce_ordering + ul.products,
.woocommerce .woocommerce_result_count + ul.products,
.woocommerce .woocommerce-ordering + ul.products,
.woocommerce .woocommerce-result-count + ul.products {
clear: both;
}
.woocommerce .woocommerce_ordering,
.woocommerce .woocommerce-ordering {
text-align: right;
}
/* 3.3 Single Post Author */
#post-author {
clear: both;
margin-bottom: 1.618em;
padding: 1.618em;
}
#post-author:after {
content: «020»;
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#post-author .profile-image {
float: right;
width: 13.45%;
position: relative;
}
#post-author .profile-image:before,
#post-author .profile-image:after {
content: «»;
position: absolute;
z-index: -1;
-ms-transform: skew(-3deg, -2deg);
-webkit-transform: skew(-3deg, -2deg);
/* Safari and Chrome */
-o-transform: skew(-3deg, -2deg);
/* Opera */
-moz-transform: skew(-3deg, -2deg);
/* Firefox */
bottom: 13px;
box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
height: 50px;
left: 3px;
max-width: 50%;
width: 51%;
}
#post-author .profile-image:after {
-ms-transform: skew(3deg, 2deg);
/* IE 9 */
-webkit-transform: skew(3deg, 2deg);
/* Safari and Chrome */
-o-transform: skew(3deg, 2deg);
/* Opera */
-moz-transform: skew(3deg, 2deg);
/* Firefox */
left: auto;
right: 3px;
}
#post-author .profile-image:before,
#post-author .profile-image:after {
box-shadow: 0 15px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 15px 5px 0 rgba(0, 0, 0, 0.3);
}
#post-author .profile-image img {
width: 100%;
height: auto;
padding: .618em .618em 1.618em;
background: #fff;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
border: 1px solid #fff;
-webkit-box-shadow: inset 0 -0.146em 1em rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -0.146em 1em rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
#post-author .profile-content {
width: 82.7%;
float: left;
}
/* 3.4 Post Entry Nav */
#post-entries {
border-top: 1px solid #d0c7c0;
border-bottom: 1px solid #d0c7c0;
padding: 1.618em;
margin-bottom: 1.618em;
}
/* 3.5 Connect */
#connect {
clear: both;
margin-bottom: 1.618em;
}
#connect .newsletter-form .email {
width: 140px;
}
#connect .social a {
opacity: 0.8;
filter: alpha(opacity=@opacity * 100);
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#connect .social a:hover {
opacity: 1;
filter: alpha(opacity=@opacity * 100);
}
#connect .related-posts {
border-left: 1px solid #d0c7c0;
padding-left: 1em;
}
#connect .related-posts ul {
list-style: none;
}
#connect .social a {
display: inline-block;
height: 28px;
width: 31px;
background-image: url(«images/ico-subscribe-social.png»);
background-repeat: no-repeat;
}
#connect .social a.subscribe {
background-position: 0px 0;
}
#connect .social a.twitter {
background-position: -2.244em 0;
}
#connect .social a.facebook {
background-position: -60px 0;
}
#connect .social a.youtube {
background-position: -90px 0;
}
#connect .social a.flickr {
background-position: -120px 0;
}
#connect .social a.linkedin {
background-position: -150px 0;
}
#connect .social a.delicious {
background-position: -180px 0;
}
#connect .social a.googleplus {
background-position: -210px 0;
}
.widget #connect .fl,
.widget #connect .fr {
float: none;
}
#main #connect .col-left,
#main #connect .col-right {
width: 48%;
}
/*——————————————————————————————-*/
/* 4. WIDGETS */
/*——————————————————————————————-*/
/* 4.1 Generic Widgets */
.widget {
margin-bottom: 1.618em;
}
.widget h3 {
color: #6c6158;
border-bottom: 1px solid #d0c7c0;
}
.widget ul {
clear: both;
list-style: none;
}
.widget ul li a {
text-decoration: none;
}
.widget ul li a:hover {
text-decoration: underline;
}
.widget ul:last-child {
margin-bottom: 0;
}
#sidebar .widget {
-webkit-transform: rotate(0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(0.5deg);
/* FF3.5+ */
-ms-transform: rotate(0.5deg);
/* IE9 */
-o-transform: rotate(0.5deg);
/* Opera 10.5 */
transform: rotate(0.5deg);
zoom: 1;
background: url(«images/nav.gif») #e6e1dd;
margin-bottom: 1.618em;
padding: 1em;
list-style: none;
position: relative;
border: 1px solid #ccc7c3;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
}
#sidebar .widget .inner {
-webkit-transform: rotate(-0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-0.5deg);
/* FF3.5+ */
-ms-transform: rotate(-0.5deg);
/* IE9 */
-o-transform: rotate(-0.5deg);
/* Opera 10.5 */
transform: rotate(-0.5deg);
zoom: 1;
}
#sidebar .widget .inner {
padding: 1.618em;
border: 2px dashed #d0c7c0;
}
#sidebar .widget h3 {
border: 0;
}
#sidebar .widget:before,
#sidebar .widget:after {
display: block;
content: «»;
position: absolute;
margin-left: -1em;
}
#sidebar .widget:before {
height: 1.618em;
top: 0;
width: 100%;
background: url(«images/string-top.png») top center no-repeat;
margin-top: 12px;
z-index: 9999;
-webkit-transform: rotate(0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(0.5deg);
/* FF3.5+ */
-ms-transform: rotate(0.5deg);
/* IE9 */
-o-transform: rotate(0.5deg);
/* Opera 10.5 */
transform: rotate(0.5deg);
zoom: 1;
}
#sidebar .widget:after {
height: 3.631em;
top: 100%;
background: url(«images/string.png») top center no-repeat;
width: 100%;
margin-top: -1.618em;
-webkit-transform: rotate(-0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-0.5deg);
/* FF3.5+ */
-ms-transform: rotate(-0.5deg);
/* IE9 */
-o-transform: rotate(-0.5deg);
/* Opera 10.5 */
transform: rotate(-0.5deg);
zoom: 1;
}
#sidebar .widget:last-child:after {
display: none;
}
#sidebar .widget:first-child:before {
display: none;
}
#sidebar .widget.alt {
-webkit-transform: rotate(-0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-0.5deg);
/* FF3.5+ */
-ms-transform: rotate(-0.5deg);
/* IE9 */
-o-transform: rotate(-0.5deg);
/* Opera 10.5 */
transform: rotate(-0.5deg);
zoom: 1;
}
#sidebar .widget.alt .inner {
-webkit-transform: rotate(0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(0.5deg);
/* FF3.5+ */
-ms-transform: rotate(0.5deg);
/* IE9 */
-o-transform: rotate(0.5deg);
/* Opera 10.5 */
transform: rotate(0.5deg);
zoom: 1;
}
#sidebar .widget.alt:after,
#sidebar .widget.alt:before {
-webkit-transform: rotate(0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(0.5deg);
/* FF3.5+ */
-ms-transform: rotate(0.5deg);
/* IE9 */
-o-transform: rotate(0.5deg);
/* Opera 10.5 */
transform: rotate(0.5deg);
zoom: 1;
}
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform,
#searchform {
border: 1px solid #c2baad;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: .857em;
font-family: «Cutive», sans-serif;
/* Make inputs use the correct typeface instead of the browser default */
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
color: #6c6158;
box-shadow: 0 0 0.236em 0 #d8d2ca;
-webkit-box-shadow: 0 0 0.236em 0 #d8d2ca;
padding: .53em .53em .53em 0;
background: #fff;
position: relative;
}
.searchform label,
#searchform label {
display: none;
}
.searchform input.s,
#searchform input.s,
.searchform input#s,
#searchform input#s {
padding: .53em .857em;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
margin: 0;
border: 0;
background: none;
color: #6c6158;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.searchform input.s:focus,
#searchform input.s:focus,
.searchform input#s:focus,
#searchform input#s:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.searchform input.search-submit,
#searchform input.search-submit,
.searchform input#searchsubmit,
#searchform input#searchsubmit {
position: absolute;
left: -999em;
}
.searchform:after,
#searchform:after {
font-family: ‘WebSymbolsRegular’;
display: block;
content: «L»;
color: red;
position: absolute;
top: .857em;
right: 1em;
color: #e5e1de;
}
/* FLICKR */
.widget_woo_flickr h3 span {
color: #0051d8;
}
.widget_woo_flickr h3 span span {
color: #ff1183;
}
.widget_woo_flickr .flickr_badge_image {
float: left;
margin: 0.236em;
}
.widget_woo_flickr .wrap {
position: relative;
margin-bottom: 1.618em;
padding: 0;
}
.widget_woo_flickr a img {
float: left;
margin: 0 0 0.618em 0.618em;
display: block;
border: 1px solid #d0c7c0;
padding: .236em;
}
.widget_woo_flickr a:hover img {
border-color: #bbada2;
}
/* CALENDAR */
#wp-calendar {
width: 95%;
margin-bottom: 1.618em;
clear: both;
padding: 0;
}
#wp-calendar caption {
padding: 1em;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
background: #d0c7c0;
padding: .236em 0;
}
#wp-calendar td {
background: transparent;
color: #887a6f;
}
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar {
padding: .382em;
border: 1px solid #d0c7c0;
}
.widget_woo_blogauthorinfo .left {
float: left;
margin: 0 1em .618em 0;
}
.widget_woo_blogauthorinfo .right {
float: right;
margin: 0 .618em 1em;
}
/* TWITTER */
.widget_woo_twitter h3 {
border-bottom: 0;
margin: 0 0 2px;
}
.widget_woo_twitter h3 img {
vertical-align: middle;
}
.widget_woo_twitter ul {
background: url(«images/noise.png»), url(«images/leather.png»);
background-color: #967381;
padding-left: 0;
padding: 1em;
box-shadow: inset 0 0 0 0.382em rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 0 0.382em rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.202em;
border-radius: 0.202em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.widget_woo_twitter ul li {
padding: 1em;
list-style: none;
border: 2px dashed #b79fa8;
background: rgba(255, 255, 255, 0.1);
margin-bottom: 1em;
color: #d8cad0;
text-shadow: 0 1px 1px #7a5c68;
box-shadow: 0 1px 2px 0 #7a5c68;
-webkit-box-shadow: 0 1px 2px 0 #7a5c68;
}
.widget_woo_twitter ul li:last-child {
margin-bottom: 0;
}
.widget_woo_twitter ul li a {
padding: 0;
color: #ffffff;
}
.widget_woo_twitter ul li .time {
color: #ffffff;
display: block;
}
.widget_woo_twitter ul li .time:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «t»;
}
.widget_woo_twitter p {
font-weight: 700;
color: #887a6f;
}
.widget_woo_twitter p a {
color: #342e2a;
}
/* DOJO TABS */
.theme-artificer .tabbable .nav li {
margin-bottom: 0;
margin-right: .857em;
}
.theme-artificer .tabbable .nav li a {
padding: 0;
border: 0;
background: 0;
line-height: inherit;
font-size: .857em;
margin-right: 0;
}
.theme-artificer .tabbable .nav li a:hover {
background: none;
border: 0;
}
.theme-artificer .tabbable .nav li.active a {
background: none;
border: 0;
}
.theme-artificer .tabbable .nav li.active a:hover {
background: none;
border: 0;
}
.theme-artificer .tabbable .nav li.tab-heading-latest a:before,
.theme-artificer .tabbable .nav li.tab-heading-popular a:before,
.theme-artificer .tabbable .nav li.tab-heading-comments a:before,
.theme-artificer .tabbable .nav li.tab-heading-tags a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «b»;
margin-right: .382em;
}
.theme-artificer .tabbable .nav li.tab-heading-latest a:before {
content: «P»;
}
.theme-artificer .tabbable .nav li.tab-heading-popular a:before {
content: «R»;
}
.theme-artificer .tabbable .nav li.tab-heading-comments a:before {
content: «c»;
}
.theme-artificer .tabbable .nav li.tab-heading-tags a:before {
content: «,»;
}
.theme-artificer .tabbable .tab-content {
overflow: visible;
}
.theme-artificer .tabbable .tab-pane ul {
padding: 0;
}
.theme-artificer .tabbable .tab-pane ul img {
margin: 0 1em 1em 0;
padding: .382em .382em 1em;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.theme-artificer .tabbable .tab-pane ul li {
overflow: visible;
}
.theme-artificer .tabbable .tab-pane ul li:after {
content: «020»;
display: block;
height: 0;
overflow: hidden;
clear: both;
}
/*——————————————————————————————-*/
/* 5. COMMENTS */
/*——————————————————————————————-*/
/* 5.1 Comments */
#comments {
position: relative;
}
#comments ul,
#comments li {
list-style: none;
}
#comments li.comment {
position: relative;
}
#comments li.comment #respond {
margin-top: 1em;
}
#comments li.comment #respond .comment-form-author {
clear: both;
}
#comments .comment-container,
#comments .comment_container {
padding: 2.244em 1.618em 2.244em 4.236em;
list-style: none;
background: url(«images/comment.png») top left repeat-y #f5f1db;
position: relative;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 0.202em 0.382em 0 rgba(0, 0, 0, 0.075), inset 0 0 0 1px #faf9ef, inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0.202em 0.382em 0 rgba(0, 0, 0, 0.075), inset 0 0 0 1px #faf9ef, inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05);
box-shadow: 0 0.202em 0.382em 0 rgba(0, 0, 0, 0.075), inset 0 0 0 1px #faf9ef, inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05);
border: 1px solid #c7c2be;
margin-bottom: 1.618em;
font-family: ‘Schoolbell’, sans-serif;
color: #7b7b7b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
#comments .comment-container:before,
#comments .comment_container:before,
#comments .comment-container:after,
#comments .comment_container:after {
content: «»;
position: absolute;
z-index: -1;
-ms-transform: skew(-3deg, -2deg);
-webkit-transform: skew(-3deg, -2deg);
/* Safari and Chrome */
-o-transform: skew(-3deg, -2deg);
/* Opera */
-moz-transform: skew(-3deg, -2deg);
/* Firefox */
bottom: 13px;
box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
height: 50px;
left: 3px;
max-width: 50%;
width: 51%;
}
#comments .comment-container:after,
#comments .comment_container:after {
-ms-transform: skew(3deg, 2deg);
/* IE 9 */
-webkit-transform: skew(3deg, 2deg);
/* Safari and Chrome */
-o-transform: skew(3deg, 2deg);
/* Opera */
-moz-transform: skew(3deg, 2deg);
/* Firefox */
left: auto;
right: 3px;
}
#comments .comment-container .star-rating,
#comments .comment_container .star-rating,
#comments .comment-container .star-rating span,
#comments .comment_container .star-rating span {
background-image: url(«images/ico-star-scribbled.png»);
}
#comments .comment-container .meta:before,
#comments .comment_container .meta:before,
#comments .comment-container .comment-head:before,
#comments .comment_container .comment-head:before {
content: «»;
height: 1em;
width: 1em;
border: 1px solid #b3aeaa;
position: absolute;
bottom: 40%;
left: 1em;
display: block;
z-index: 99999;
background: url(«images/body.gif»);
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 1px 2px #c4bfbb;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 1px 2px #c4bfbb;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 1px 2px #c4bfbb;
}
#comments .comment-container .comment-container,
#comments .comment_container .comment-container {
position: relative;
}
#comments .comment-container .comment-head,
#comments .comment_container .comment-head {
margin: 0 0 1em 0;
}
#comments .comment-container .comment-head .name,
#comments .comment_container .comment-head .name,
#comments .comment-container .comment-head .date,
#comments .comment_container .comment-head .date,
#comments .comment-container .comment-head .edit,
#comments .comment_container .comment-head .edit,
#comments .comment-container .comment-head .perma,
#comments .comment_container .comment-head .perma {
margin-right: 1em;
}
#comments .comment-container .comment-head .name:before,
#comments .comment_container .comment-head .name:before,
#comments .comment-container .comment-head .date:before,
#comments .comment_container .comment-head .date:before,
#comments .comment-container .comment-head .edit:before,
#comments .comment_container .comment-head .edit:before,
#comments .comment-container .comment-head .perma:before,
#comments .comment_container .comment-head .perma:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
}
#comments .comment-container .comment-head .name:before,
#comments .comment_container .comment-head .name:before {
content: «U»;
}
#comments .comment-container .comment-head .date:before,
#comments .comment_container .comment-head .date:before {
content: «P»;
}
#comments .comment-container .comment-head .edit:before,
#comments .comment_container .comment-head .edit:before {
content: «S»;
}
#comments .comment-container .comment-head .perma:before,
#comments .comment_container .comment-head .perma:before {
content: «K»;
}
#comments .comment-container img.avatar,
#comments .comment_container img.avatar {
float: right;
margin: 0 0 1em 1em;
padding: .382em .382em 1em;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
position: relative;
}
#comments .comment-container .reply a,
#comments .comment_container .reply a {
font-family: «Karla», sans-serif;
}
#comments .comment-container .reply a:before,
#comments .comment_container .reply a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «h»;
}
#comments .comment-container .meta,
#comments .comment_container .meta,
#comments .comment-container .comment-head,
#comments .comment_container .comment-head {
font-family: «Karla», sans-serif;
color: #6c6158;
}
#comments .comment_container:before,
#comments .comment_container:after {
box-shadow: 0 13px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 13px 5px 0 rgba(0, 0, 0, 0.3);
}
#comments ul.children {
margin: 0 0 0 13.25%;
padding: 0;
}
#comments .navigation a {
display: block;
text-decoration: none;
}
#comments .pingbacks li.pingback {
margin: 0 0 1.618em;
}
#comments .pingbacks li.pingback .reply {
display: none;
}
#comments .nocomments {
font-weight: 700;
}
/* 5.2 Comments Form */
#respond label {
color: #887a6f;
}
#respond #reply-title small {
display: block;
margin: 0 0 1.618em;
}
#respond #reply-title small a {
font-family: «Karla», sans-serif;
font-size: 1em;
}
#respond #reply-title small a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «×»;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
width: 30.75%;
float: left;
margin-right: 3.8%;
}
#respond #commentform .comment-form-url {
margin-right: 0;
}
#respond #commentform label {
display: block;
}
#respond #commentform input.txt,
#respond #commentform textarea {
width: 100%;
}
#respond #commentform .comment-form-comment {
clear: both;
}
/* 5.3 Pingbacks / Trackbacks */
.pinglist li {
margin: 0 0 0 1.618em;
list-style-type: decimal;
}
.pinglist li .author {
font-weight: 700;
}
.pinglist li .pingcontent {
display: block;
margin: 0 0 1.618em;
}
/*——————————————————————————————-*/
/* 6. PAGE TEMPLATES */
/*——————————————————————————————-*/
/* 6.1 Timeline Page Template */
#archives .archives_list {
border-left: 1px solid #d0c7c0;
list-style: none;
margin: 0 0 1em 1em;
}
#archives .archives_list li {
clear: left;
padding-left: 2.327em;
font-style: normal;
list-style: none;
}
#archives .archives_list .date {
color: #887a6f;
width: 22.5%;
display: inline-block;
}
#archives .archives_list .linked {
width: 48%;
display: inline-block;
}
#archives .archives_list .comments {
width: 22.5%;
display: inline-block;
}
#archives .archives_list .comments a {
color: #94877c;
text-decoration: underline;
padding-left: 1.236em;
}
#archives .archives_list .comments a:hover {
text-decoration: none;
}
h3.archive_year {
font-weight: 700;
color: #6c6158;
margin-top: 0;
}
/* 6.2 Contact Form */
#contact-page .screenReader {
left: -9999px;
position: absolute;
top: -9999px;
}
#contact-page ol.forms {
float: left;
list-style: none;
width: 100%;
}
#contact-page ol.forms li {
clear: both;
float: left;
margin-bottom: 1.618em;
position: relative;
width: 48%;
}
#contact-page ol.forms li:first-child {
margin-right: 3.8%;
}
#contact-page ol.forms li:nth-child(2n) {
clear: none;
}
#contact-page ol.forms li.textarea,
#contact-page ol.forms li.screenReader,
#contact-page ol.forms li.inline,
#contact-page ol.forms li.buttons {
width: 100%;
}
#contact-page ol.forms li input.txt,
#contact-page ol.forms li textarea {
width: 100%;
}
#contact-page ol.forms li .error {
display: block;
color: red;
}
#contact-page ol.forms li.textarea .error {
display: block;
}
#contact-page ol.forms li.screenReader {
margin-bottom: 0;
}
#contact-page ol.forms li.inline label {
display: inline;
float: none;
width: auto;
}
#contact-page ol.forms label {
cursor: pointer;
display: block;
font-weight: 700;
margin: 0 0 1em;
}
-
Esta respuesta fue modificada hace 6 años por
-
-
Hola,
me gustaría saber si existe algún plugin para compartir un producto de Woocommerce via email, que al darle al icono se abra una ventana a modo de pequeño formulario en el que incluir el email de a quien le quiero mandar el producto. Vamos, tal como lo hace Amazon.
Gracias!
-
Estoy intentando personalizar los mensajes de mi wishlist y quiero cambiar el «Asunto» cuando envío mi Wishlist. Lo he cambiado en el share.php del plugin, pero convierte los espacios en símbolos «+» y quiero que aparezcan los espacios en blanco.
El código es el siguiente :
<?php if( $share_email_enabled ): ?> <li style="list-style-type: none; display: inline-block;"> <a class="email" href="mailto:info@nusco.com?subject=<?php echo urlencode( apply_filters( 'yith_wcwl_email_share_subject', __( '¡Hola! Quiero enviaros mi lista de deseos', 'yith-woocommerce-wishlist' ) ) )?>&body=<?php echo apply_filters( 'yith_wcwl_email_share_body', $share_link_url ) ?>&title=<?php echo $share_link_title ?>" title="<?php _e( 'Email', 'yith-woocommerce-wishlist' ) ?>"></a> </li> <?php endif; ?>
Lo que quiero que aparezca con espacios en blanco es «¡Hola! Quiero enviaros mi lista de deseos». Ya he probado a meterlo como %20% y como pero tampoco funciona.
Gracias de antemano.
Estoy usando el plugin YITH WooCommerce Wishlist
-
Hola,
Estamos constryendo una tienda online usando woocommerce. El plugin es genial, pero tenemos problemas a la hora de recibir los pedidos en nuestra dirección de correo electrónico. Es extraño porque el cliente sí que puede recibir sus facturas, etc. automáticamente.Estamos empezando a pensar que quizás el problema esté en nuestro servidor de correo (hotmail) o en nuestro hosting (hostiger).
Estaríamos muy agradecidos si nos echaseis una mano,
gracias,
Marina.
-
Buenas a todos,
Preciso ayuda o servicio freelance para dos modificaciones en mi web en base a Woocommerce.La web ya tiene varias modificaciones realizadas por mi cuenta.
Tiene ediciones para pedidos virtuales, sin datos de facturación y entregas.Toda referencia a datos de facturación se debe quitar de la página.
Plugins Usados: Direct Checkout y Checkout form
Modificaciones realizadas actualmente:
a) checkout form
deshabilitadas las referencias a facturación y envíos (domicilio de facturación, nombre de la empresa)
sigue habilitado
billing_first_name
billing_last_name
billing_email
billing_phone
Pero los textos no indican la palabra facturación.b) textos en function.php mediante «function translate_text($translated) {
$translated = str_ireplace(‘Detalles de facturación’, ‘Tus Datos’, $translated);
// y otros.c) ORDER-DETAILS-CUSTOMER.PHP
CÓDIGO ELIMINADO
<h3><?php _e( ‘Billing Address’, ‘woocommerce’ ); ?></h3>
y similares que hicieran referencia a Shipping.Le faltan los siguientes ajustes
1) Checkoutpage – Finalizar compra.
No trae el nombre y apellido del detalle de orden.2) E-mail templates
E-mail de pedido recibido:
a) En datos de orden no figura el nombre y apellido (como tampoco en checkoutpage)
b) Lo más importante que preciso: al pie del mail indica «Dirección de facturación», con el nombre y apellido.
Esto se debe eliminar.Si faltara detalles espero me lo hagan saber.
Gracias
Saludos,Nicolás
-
Hola
Existe alguna forma que en vez de comprar por woocommerce , se pueda hacer una cotización y enviarla por email ??
Algún plugin o alguna forma de hacerlo ?
Gracias por la ayuda
-
Buenas tardes,
Llevo ya unos días volviéndome loco, intentando cambiar el tamaño de la fuente del menú. He leído mil artículos pero no consigo dar con la tecla.
Estoy usando el theme Artificer, y el style.css me aparece esto, pero no consigo encontrar qué cambiar para el tamaño.
Gracias de antemano aquien pueda echarme un cable.
/*
Theme Name: Artificer
Theme URI: http://www.woothemes.com/
Version: 1.3.14
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemesCopyright: (c) 2009-2011 WooThemes.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html*/
/*WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! 🙂*/
/*——————————————————————————————-INDEX:
0. RESET
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Typography
-1.3.1 Typefaces
-1.4 Tables2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.2.2 Top Navigation (optional)
-2.3 Header
-2.4 Content
-2.4.1 Slider
-2.5 Sidebar
-2.6 Footer
-2.7 Breadcrumbs3. POSTS
-3.1 Images
-3.2 Pagination / WP-Pagenavi / Woo-Pagination
-3.3 Single Post Author
-3.4 Post Entry Nav
-3.5 Subscribe & Connect4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form
-6.3 Image Gallery7. WOOCOMMERCE
-7.1 Messages
-7.2 Products
-7.2.1 Single Product
-7.3 Cart
-7.4 Checkout
-7.5 Widgets
-7.6 Account
-7.7 Shortcodes8. MISC
-8.1 Forms
-8.2 Gravity forms
-8.3 IE specific styling
-8.4 Uniform——————————————————————————————-*/
/*——————————————————————————————-*/
/* RESET – http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*——————————————————————————————-*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: »;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label,
input[type=»button»],
input[type=»submit»],
input[type=»image»],
button {
cursor: pointer;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
-ms-interpolation-mode: bicubic;
}
/* http://www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
overflow: auto;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
margin: 0;
}
/* http://www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
background: #e6e1dd;
border: 1px solid #d0c7c0;
padding: 10px;
margin-bottom: 20px;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
outline: none;
}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Floating & Alignment */
.fl {
float: left;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
}
.clear {
clear: both;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.fix:before,
.fix:after,
.col-full:before,
.col-full:after {
content: «020»;
display: block;
height: 0;
overflow: hidden;
}
.fix:after,
.col-full:after {
clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix,
.col-full {
zoom: 1;
}
/*——————————————————————————————-*/
/* IMPORTS */
/*——————————————————————————————-*/
/*——————————————————————————————-*/
/* 1. SETUP */
/*——————————————————————————————-*/
/* 1.1 Defaults */
html {
font-size: 62.5%;
background: url(«images/body.gif») #e6e1dd;
}
body {
font-size: 1.4em;
line-height: 1.618;
color: #6c6158;
font-family: «Karla», sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
background: url(«images/body.png»);
}
#wrapper {
padding: 0 1.618em;
}
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
hr {
background-color: #d0c7c0;
border: 0;
height: 1px;
margin-bottom: 1.618em;
}
/* 1.2 Hyperlinks */
a {
color: #968873;
text-decoration: none;
}
a:hover {
color: #52442f;
}
/* 1.3 Typography */
/*
All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618)
http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0
Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don’t need one and vertical rhythm will be kept consistent
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: «Cutive», sans-serif;
color: #342e2a;
margin: 0 0 .618em;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
h1 {
font-size: 1.618em;
line-height: 1.387em;
text-shadow: 0 2px 0 #ffffff, 0 3px 0 #918c88;
}
h2 {
font-size: 1.387em;
line-height: 1.387em;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.857em;
}
p {
-webkit-hyphens: auto;
-webkit-hyphenate-character: «\2010»;
-webkit-hyphenate-limit-after: 1;
-webkit-hyphenate-limit-before: 3;
-moz-hyphens: auto;
orphans: 3;
widows: 3;
}
strong {
font-weight: 700;
}
blockquote {
font-family: «Cutive», sans-serif;
padding: 1em;
background: #e6e1dd;
position: relative;
-webkit-border-radius: 0.327em;
border-radius: 0.327em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
blockquote:after {
content: «»;
display: block;
position: absolute;
border: 1em solid #e6e1dd;
border-color: #e6e1dd transparent transparent transparent;
bottom: -2em;
left: 1.618em;
}
blockquote p:last-child {
margin-bottom: 0;
}
ul,
ol,
dl,
p,
blockquote,
table,
form,
pre,
hr {
margin: 0 0 1.618em 0;
}
li > ul,
li > ol {
margin: 0 0 0 1.618em;
}
dl dt {
font-weight: 700;
}
dl dd {
margin-bottom: 1.618em;
}
mark {
background: rgba(255, 255, 255, 0.5);
}
.ampersand {
font-family: ‘Baskerville’, ‘Goudy Old Style’, ‘Palatino’, ‘Book Antiqua’, serif;
font-style: italic;
}
/* 1.3.1 Typefaces */
@font-face {
font-family: ‘WebSymbolsRegular’;
src: url(«typefaces/websymbols-regular-webfont.eot»);
src: url(«typefaces/websymbols-regular-webfont.eot?#iefix») format(‘embedded-opentype’), url(«typefaces/websymbols-regular-webfont.woff») format(‘woff’), url(«typefaces/websymbols-regular-webfont.ttf») format(‘truetype’), url(«typefaces/websymbols-regular-webfont.svg#WebSymbolsRegular») format(‘svg’);
font-weight: normal;
font-style: normal;
}
/* 1.4 Tables */
table {
width: 100%;
background: #e6e1dd;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
table th,
table td {
vertical-align: top;
padding: .382em .857em;
text-align: left;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
table thead {
border: 1px solid #c4bfbb;
text-shadow: 0 1px 0 #e6e1dd;
}
table thead tr th {
background-color: #e6e1dd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e1dd), to(#d5d0cc));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #e6e1dd, #d5d0cc);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #e6e1dd, #d5d0cc);
/* FF3.6+ */
background-image: -ms-linear-gradient(top, #e6e1dd, #d5d0cc);
/* IE10 */
background-image: -o-linear-gradient(top, #e6e1dd, #d5d0cc);
/* Opera 11.10+ */
background-image: linear-gradient(to bottom, #e6e1dd, #d5d0cc);
color: #4a3f36;
-webkit-box-shadow: inset 0 2px 0 #f7f2ee;
-moz-box-shadow: inset 0 2px 0 #f7f2ee;
box-shadow: inset 0 2px 0 #f7f2ee;
}
table tbody tr {
border: 1px solid #d5ccc5;
}
table tbody tr th,
table tbody tr td {
background-color: #ece9e6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ece9e6), to(#e6e1dd));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ece9e6, #e6e1dd);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ece9e6, #e6e1dd);
/* FF3.6+ */
background-image: -ms-linear-gradient(top, #ece9e6, #e6e1dd);
/* IE10 */
background-image: -o-linear-gradient(top, #ece9e6, #e6e1dd);
/* Opera 11.10+ */
background-image: linear-gradient(to bottom, #ece9e6, #e6e1dd);
-webkit-box-shadow: inset 0 2px 0 #f7f6f5;
}
table tbody tr:first-child {
border-top-color: #bbada2;
}
table tfoot {
border: 1px solid #d5d0cc;
border-top-color: #c4bfbb;
}
/*——————————————————————————————-*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*——————————————————————————————-*/
/* 2.1 Containers & Columns */
/* 2.2 Navigation */
ul.nav li a {
padding: .53em 1em;
display: block;
}
#navigation {
clear: both;
margin-bottom: 2.618em;
display: none;
font-family: «Cutive», sans-serif, serif;
background: url(«images/nav.gif») #e6e1dd;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc7c3;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
}
#navigation ul.nav {
margin-bottom: 0;
list-style: none;
padding: 3em;
}
#navigation ul.nav li a:hover {
text-decoration: none;
}
#navigation ul.nav ul {
list-style: none;
}
#navigation ul.rss {
background: url(«images/ico-rss.png») no-repeat right 44%;
margin: 0 1em 0 0;
padding: 0 1em 0 0;
}
#navigation ul.rss li {
display: inline;
padding: 0;
}
#navigation ul.rss li a {
color: #6c6158;
text-decoration: none;
padding: .5em 1em;
display: inline-block;
position: relative;
}
#navigation ul.rss li.sub-email {
color: #6c6158;
}
/* 2.2.2 Top Navigation (optional) */
#top select {
margin: 1.618em 0 0;
width: 100%;
}
#top #top-nav {
display: none;
}
/* 2.3 Header */
#header {
padding: 3.631em 0 1.618em;
clear: both;
position: relative;
text-align: center;
}
#header #logo {
float: left;
}
#header .site-title {
margin-bottom: 0;
display: none;
}
#header .site-title a {
color: #856270;
}
#header .site-title.visible {
display: block;
}
#header .site-description {
display: none;
}
#header .site-description.visible {
display: block;
}
#header #topad {
float: right;
}
#header a.cart-button,
#header a.checkout {
background-color: #fcfbfa;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfbfa), to(#e6e1dd));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #fcfbfa, #e6e1dd);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #fcfbfa, #e6e1dd);
/* FF3.6+ */
background-image: -ms-linear-gradient(top, #fcfbfa, #e6e1dd);
/* IE10 */
background-image: -o-linear-gradient(top, #fcfbfa, #e6e1dd);
/* Opera 11.10+ */
background-image: linear-gradient(to bottom, #fcfbfa, #e6e1dd);
padding: .236em .236em .236em .857em;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: .618em;
display: inline-block;
text-shadow: 0 1px 0 #ffffff;
-webkit-box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
}
#header a.cart-button .lozenge,
#header a.checkout .lozenge,
#header a.cart-button .items,
#header a.checkout .items {
background: #967381;
padding: .236em .857em;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: .53em;
color: #fff;
box-shadow: inset 0 0 0 0.236em #7a5c68;
-webkit-box-shadow: inset 0 0 0 0.236em #7a5c68;
text-shadow: 0 1px 0 #63404e;
}
#header a.cart-button .label:before,
#header a.checkout .label:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «Z»;
}
#header a.cart-button:hover,
#header a.checkout:hover {
-webkit-box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), inset 0 0 1.618em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), inset 0 0 1.618em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 0.146em rgba(255, 255, 255, 0.5), inset 0 0 1.618em rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.2);
}
#header a.cart-button:hover .lozenge,
#header a.checkout:hover .lozenge,
#header a.cart-button:hover .items,
#header a.checkout:hover .items {
background: #7a5c68;
}
#header a.checkout {
padding: .236em;
display: none;
}
#header a.checkout .lozenge {
margin-left: 0;
}
#header a.checkout .lozenge:after {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-left: .618em;
content: «]»;
}
#header #main-nav {
text-align: left;
}
#header .nav-toggle {
margin-top: 1em;
}
#header .nav-toggle a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «²»;
}
/* 2.4 Content */
/* 2.4.1 Slider */
/* 2.5 Sidebar */
#sidebar .secondary {
float: left;
margin-right: 20px;
}
#sidebar .secondary.last {
margin: 0;
}
.home #sidebar .tweet,
.home #sidebar .phone,
.home #sidebar .email {
-webkit-transform: rotate(1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(1deg);
/* FF3.5+ */
-ms-transform: rotate(1deg);
/* IE9 */
-o-transform: rotate(1deg);
/* Opera 10.5 */
transform: rotate(1deg);
zoom: 1;
background: url(«images/leather.png»), url(«images/noise.png»);
background-color: #968873;
box-shadow: inset 0.618em 0 0 0 #746651;
-webkit-box-shadow: inset 0.618em 0 0 0 #746651;
color: #d8d2ca;
margin-bottom: 1.618em;
padding: 1em;
list-style: none;
position: relative;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.home #sidebar .tweet .inner,
.home #sidebar .phone .inner,
.home #sidebar .email .inner {
padding: 1em 1.618em;
border: 2px dashed #aca190;
-webkit-transform: rotate(-1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);
/* FF3.5+ */
-ms-transform: rotate(-1deg);
/* IE9 */
-o-transform: rotate(-1deg);
/* Opera 10.5 */
transform: rotate(-1deg);
zoom: 1;
}
.home #sidebar .tweet .inner a,
.home #sidebar .phone .inner a,
.home #sidebar .email .inner a {
display: block;
font-family: «Cutive», sans-serif;
font-size: 1.618em;
color: #ffffff;
text-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}
.home #sidebar .tweet:before,
.home #sidebar .phone:before,
.home #sidebar .email:before {
content: «»;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
-webkit-transform: rotate(-1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);
/* FF3.5+ */
-ms-transform: rotate(-1deg);
/* IE9 */
-o-transform: rotate(-1deg);
/* Opera 10.5 */
transform: rotate(-1deg);
zoom: 1;
}
.home #sidebar .phone {
-webkit-transform: rotate(-1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);
/* FF3.5+ */
-ms-transform: rotate(-1deg);
/* IE9 */
-o-transform: rotate(-1deg);
/* Opera 10.5 */
transform: rotate(-1deg);
zoom: 1;
}
.home #sidebar .phone .inner {
-webkit-transform: rotate(1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(1deg);
/* FF3.5+ */
-ms-transform: rotate(1deg);
/* IE9 */
-o-transform: rotate(1deg);
/* Opera 10.5 */
transform: rotate(1deg);
zoom: 1;
}
.home #sidebar .phone:before {
-webkit-transform: rotate(1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(1deg);
/* FF3.5+ */
-ms-transform: rotate(1deg);
/* IE9 */
-o-transform: rotate(1deg);
/* Opera 10.5 */
transform: rotate(1deg);
zoom: 1;
}
.home #sidebar .tweet {
background: url(«images/leather.png»), url(«images/noise.png»);
background-color: #967381;
color: #d8cad0;
box-shadow: inset 0.618em 0 0 0 #74515f;
-webkit-box-shadow: inset 0.618em 0 0 0 #74515f;
font-family: «Cutive», sans-serif;
padding: 0;
border: 0;
}
.home #sidebar .tweet ul {
-webkit-transform: rotate(-1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-1deg);
/* FF3.5+ */
-ms-transform: rotate(-1deg);
/* IE9 */
-o-transform: rotate(-1deg);
/* Opera 10.5 */
transform: rotate(-1deg);
zoom: 1;
list-style: none;
padding: 1em;
}
.home #sidebar .tweet ul li {
border: 2px dashed #ac909b;
}
.home #sidebar .tweet ul li a {
color: #ffffff;
background: #6c515c;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: .236em .618em;
}
.home #sidebar .tweet ul li a:hover {
background: #5d464f;
}
.home #sidebar .tweet ul li a.time {
display: block;
background: none;
padding: 0;
font-family: «Karla», sans-serif;
margin-top: 1.618em;
}
.home #sidebar .tweet ul li a.time:hover {
text-decoration: underline;
}
.home #sidebar .tweet ul li a.time:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «t»;
}
.home #sidebar .phone:after,
.home #sidebar .email:after {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
content: «e»;
position: absolute;
font-size: 40px;
top: 1em;
right: 1em;
color: rgba(0, 0, 0, 0.25);
-webkit-transform: rotate(-3deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-3deg);
/* FF3.5+ */
-ms-transform: rotate(-3deg);
/* IE9 */
-o-transform: rotate(-3deg);
/* Opera 10.5 */
transform: rotate(-3deg);
zoom: 1;
text-shadow: none;
}
.home #sidebar .email:after {
content: «@»;
-webkit-transform: rotate(2deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(2deg);
/* FF3.5+ */
-ms-transform: rotate(2deg);
/* IE9 */
-o-transform: rotate(2deg);
/* Opera 10.5 */
transform: rotate(2deg);
zoom: 1;
top: .5em;
}
/* 2.6 Footer */
#footer {
padding: 2.618em 0;
color: #887a6f;
}
#footer #credit img {
vertical-align: middle;
}
#footer #credit span {
display: none;
}
#footer-widgets {
padding: 2.618em;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
border: 1px solid #c4bfbb;
border-bottom: 0;
position: relative;
background: url(«images/nav.gif») #f7f2ee;
-webkit-box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eeeeee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eeeeee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eeeeee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eeeeee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
}
#footer-widgets .widget h3 {
border: 0;
}
/* 2.7 Breadcrumbs */
#breadcrumbs {
margin-bottom: 1.618em;
}
#breadcrumbs .breadcrumb-trail {
background-color: #d3cac3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d3cac3), to(#d9d1cb));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #d3cac3, #d9d1cb);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #d3cac3, #d9d1cb);
/* FF3.6+ */
background-image: -ms-linear-gradient(top, #d3cac3, #d9d1cb);
/* IE10 */
background-image: -o-linear-gradient(top, #d3cac3, #d9d1cb);
/* Opera 11.10+ */
background-image: linear-gradient(to bottom, #d3cac3, #d9d1cb);
display: inline-block;
padding: .146em .382em;
-webkit-border-radius: 0.327em;
border-radius: 0.327em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #c4bfbb;
border-top-color: #b3aeaa;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.75);
}
#breadcrumbs .sep {
color: #b0a59c;
font-family: ‘WebSymbolsRegular’;
font-size: .857em;
}
#breadcrumbs a {
padding: .146em .382em;
}
#breadcrumbs .trail-end {
padding: .146em .618em;
}
/*——————————————————————————————-*/
/* 3. POSTS */
/*——————————————————————————————-*/
#breadcrumb,
.post .video {
margin-bottom: 1.618em;
}
.archive-header {
display: block;
float: left;
width: 100%;
margin: 0 0 1.618em;
padding: 0 0 1em;
font-weight: 700;
border-bottom: #d0c7c0 1px solid;
}
.archive-description {
clear: both;
margin-bottom: 1.618em;
}
.post,
.type-page {
margin: 0 0 2.618em;
padding: 1.618em;
position: relative;
background: url(«images/crinkles.png») top no-repeat, url(«images/post.png»), url(«images/nav.gif»);
background-color: #f7f2ee;
border: 1px solid #c4bfbb;
border-bottom: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eeeeee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eeeeee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05), inset 0 0 0 0.618em rgba(255, 255, 255, 0.55), 0 1px 1px rgba(0, 0, 0, 0.15), /* The top layer shadow */ 0 10px 0 -5px #eeeeee, /* The second layer */ 0 10px 1px -4px rgba(0, 0, 0, 0.125), /* The second layer shadow */ 0 20px 0 -10px #eeeeee, /* The third layer */ 0 20px 1px -9px rgba(0, 0, 0, 0.125), /* The third layer shadow */ 0 1em 2em rgba(0, 0, 0, 0.1);
/* 3.1 Images */
}
.post header h1,
.type-page header h1 {
font-weight: 700;
position: relative;
}
.post header h1 a:link,
.type-page header h1 a:link,
.post header h1 a:visited,
.type-page header h1 a:visited {
color: #342e2a;
}
.post .woo-image:first-child,
.type-page .woo-image:first-child {
float: left;
margin-left: 0;
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.post header h1,
.type-page header h1 {
padding-right: 4em;
}
.post .post-meta,
.type-page .post-meta {
margin: 0 0 1.618em 0;
border-bottom: 2px dashed #dbd4ce;
}
.post .post-meta ul,
.type-page .post-meta ul {
margin-bottom: .53em;
}
.post .post-meta li,
.type-page .post-meta li {
display: inline;
margin: 0 1.387em 0 0;
font-size: .857em;
}
.post .post-meta li:before,
.type-page .post-meta li:before,
.post .post-meta li a:before,
.type-page .post-meta li a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
}
.post .post-meta li.post-author a:before,
.type-page .post-meta li.post-author a:before {
content: «U»;
}
.post .post-meta li.post-date:before,
.type-page .post-meta li.post-date:before {
content: «P»;
}
.post .post-meta li.post-category a:before,
.type-page .post-meta li.post-category a:before {
content: «F»;
}
.post .post-meta li.tags:before,
.type-page .post-meta li.tags:before {
content: «,»;
}
.post .post-meta li.edit a:before,
.type-page .post-meta li.edit a:before {
content: «S»;
}
.post .post-more,
.type-page .post-more {
clear: both;
font-size: .857em;
border-top: 2px dashed #dbd4ce;
padding-top: 1em;
}
.post .post-more a,
.type-page .post-more a {
padding: .327em .618em;
background: rgba(230, 225, 221, 0.7);
-webkit-border-radius: 0.202em;
border-radius: 0.202em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-right: .53em;
}
.post .post-more a:hover,
.type-page .post-more a:hover {
background: rgba(230, 225, 221, 0.9);
}
.post .post-more a:before,
.type-page .post-more a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
}
.post .post-more .comments a:before,
.type-page .post-more .comments a:before {
content: «c»;
}
.post .post-more .read-more a:before,
.type-page .post-more .read-more a:before {
content: «b»;
}
.post p.tags,
.type-page p.tags {
background: url(«images/ico-tag.png») no-repeat top left;
padding-left: 1.618em;
width: 100%;
clear: both;
}
.post img,
.type-page img,
.post img.thumbnail,
.type-page img.thumbnail {
padding: .327em;
border: 1px solid #d0c7c0;
background: #fff;
}
.post img:hover,
.type-page img:hover,
.post img.thumbnail:hover,
.type-page img.thumbnail:hover {
border-color: #bbada2;
}
.post img.wp-smiley,
.type-page img.wp-smiley {
padding: 0;
border: 0;
}
.post .alignleft,
.type-page .alignleft {
float: left;
margin: 0 1.618em 1em 0;
}
.post .alignright,
.type-page .alignright {
float: right;
margin: 0 0 1em 1.618em;
}
.post .aligncenter,
.type-page .aligncenter {
display: block;
text-align: center;
margin: 0 auto 1.618em;
}
.post .wp-caption,
.type-page .wp-caption {
padding: .077em;
text-align: center;
background: #e6e1dd;
border: 1px solid #d0c7c0;
}
.post .wp-caption img,
.type-page .wp-caption img {
margin: 0;
padding: .327em 0;
background: none;
border: 0;
}
.post .wp-caption-text,
.type-page .wp-caption-text {
margin: 0;
padding: 0;
text-align: center;
}
.type-page:after {
display: none;
}
/* 3.2 Pagination / WP-Pagenavi / Woo-Pagination */
.nav-entries,
.wp-pagenavi,
.woo-pagination {
padding: 1em 1.618em;
}
.nav-entries a {
display: block;
color: #6c6158;
text-decoration: none;
}
.nav-entries a:hover {
text-decoration: underline;
}
.woo-pagination {
margin: 0;
text-align: center;
margin: 0 0 1.618em;
}
.woo-pagination .current {
box-shadow: 0 0 0 0.327em #746651;
-webkit-box-shadow: 0 0 0 0.327em #746651;
text-shadow: 0 1px 0 #746651;
display: inline-block;
padding: .382em 1em;
color: white;
text-align: center;
text-decoration: none;
font-size: .857em;
font-family: «Cutive», sans-serif;
background: url(«images/leather.png»), url(«images/noise.png»);
background-color: #968873;
border: 1px dashed #bbb8b4;
}
.woocommerce .woocommerce_ordering,
.woocommerce .woocommerce_result_count,
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
width: 48%;
float: left;
}
.woocommerce .woocommerce_ordering + ul.products,
.woocommerce .woocommerce_result_count + ul.products,
.woocommerce .woocommerce-ordering + ul.products,
.woocommerce .woocommerce-result-count + ul.products {
clear: both;
}
.woocommerce .woocommerce_ordering,
.woocommerce .woocommerce-ordering {
text-align: right;
}
/* 3.3 Single Post Author */
#post-author {
clear: both;
margin-bottom: 1.618em;
padding: 1.618em;
}
#post-author:after {
content: «020»;
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#post-author .profile-image {
float: right;
width: 13.45%;
position: relative;
}
#post-author .profile-image:before,
#post-author .profile-image:after {
content: «»;
position: absolute;
z-index: -1;
-ms-transform: skew(-3deg, -2deg);
-webkit-transform: skew(-3deg, -2deg);
/* Safari and Chrome */
-o-transform: skew(-3deg, -2deg);
/* Opera */
-moz-transform: skew(-3deg, -2deg);
/* Firefox */
bottom: 13px;
box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
height: 50px;
left: 3px;
max-width: 50%;
width: 51%;
}
#post-author .profile-image:after {
-ms-transform: skew(3deg, 2deg);
/* IE 9 */
-webkit-transform: skew(3deg, 2deg);
/* Safari and Chrome */
-o-transform: skew(3deg, 2deg);
/* Opera */
-moz-transform: skew(3deg, 2deg);
/* Firefox */
left: auto;
right: 3px;
}
#post-author .profile-image:before,
#post-author .profile-image:after {
box-shadow: 0 15px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 15px 5px 0 rgba(0, 0, 0, 0.3);
}
#post-author .profile-image img {
width: 100%;
height: auto;
padding: .618em .618em 1.618em;
background: #fff;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
border: 1px solid #fff;
-webkit-box-shadow: inset 0 -0.146em 1em rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -0.146em 1em rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.2);
}
#post-author .profile-content {
width: 82.7%;
float: left;
}
/* 3.4 Post Entry Nav */
#post-entries {
border-top: 1px solid #d0c7c0;
border-bottom: 1px solid #d0c7c0;
padding: 1.618em;
margin-bottom: 1.618em;
}
/* 3.5 Connect */
#connect {
clear: both;
margin-bottom: 1.618em;
}
#connect .newsletter-form .email {
width: 140px;
}
#connect .social a {
opacity: 0.8;
filter: alpha(opacity=@opacity * 100);
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#connect .social a:hover {
opacity: 1;
filter: alpha(opacity=@opacity * 100);
}
#connect .related-posts {
border-left: 1px solid #d0c7c0;
padding-left: 1em;
}
#connect .related-posts ul {
list-style: none;
}
#connect .social a {
display: inline-block;
height: 28px;
width: 31px;
background-image: url(«images/ico-subscribe-social.png»);
background-repeat: no-repeat;
}
#connect .social a.subscribe {
background-position: 0px 0;
}
#connect .social a.twitter {
background-position: -2.244em 0;
}
#connect .social a.facebook {
background-position: -60px 0;
}
#connect .social a.youtube {
background-position: -90px 0;
}
#connect .social a.flickr {
background-position: -120px 0;
}
#connect .social a.linkedin {
background-position: -150px 0;
}
#connect .social a.delicious {
background-position: -180px 0;
}
#connect .social a.googleplus {
background-position: -210px 0;
}
.widget #connect .fl,
.widget #connect .fr {
float: none;
}
#main #connect .col-left,
#main #connect .col-right {
width: 48%;
}
/*——————————————————————————————-*/
/* 4. WIDGETS */
/*——————————————————————————————-*/
/* 4.1 Generic Widgets */
.widget {
margin-bottom: 1.618em;
}
.widget h3 {
color: #6c6158;
border-bottom: 1px solid #d0c7c0;
}
.widget ul {
clear: both;
list-style: none;
}
.widget ul li a {
text-decoration: none;
}
.widget ul li a:hover {
text-decoration: underline;
}
.widget ul:last-child {
margin-bottom: 0;
}
#sidebar .widget {
-webkit-transform: rotate(0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(0.5deg);
/* FF3.5+ */
-ms-transform: rotate(0.5deg);
/* IE9 */
-o-transform: rotate(0.5deg);
/* Opera 10.5 */
transform: rotate(0.5deg);
zoom: 1;
background: url(«images/nav.gif») #e6e1dd;
margin-bottom: 1.618em;
padding: 1em;
list-style: none;
position: relative;
border: 1px solid #ccc7c3;
-webkit-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.382em rgba(255, 255, 255, 0.6), 0 1em 2em rgba(0, 0, 0, 0.1);
}
#sidebar .widget .inner {
-webkit-transform: rotate(-0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-0.5deg);
/* FF3.5+ */
-ms-transform: rotate(-0.5deg);
/* IE9 */
-o-transform: rotate(-0.5deg);
/* Opera 10.5 */
transform: rotate(-0.5deg);
zoom: 1;
}
#sidebar .widget .inner {
padding: 1.618em;
border: 2px dashed #d0c7c0;
}
#sidebar .widget h3 {
border: 0;
}
#sidebar .widget:before,
#sidebar .widget:after {
display: block;
content: «»;
position: absolute;
margin-left: -1em;
}
#sidebar .widget:before {
height: 1.618em;
top: 0;
width: 100%;
background: url(«images/string-top.png») top center no-repeat;
margin-top: 12px;
z-index: 9999;
-webkit-transform: rotate(0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(0.5deg);
/* FF3.5+ */
-ms-transform: rotate(0.5deg);
/* IE9 */
-o-transform: rotate(0.5deg);
/* Opera 10.5 */
transform: rotate(0.5deg);
zoom: 1;
}
#sidebar .widget:after {
height: 3.631em;
top: 100%;
background: url(«images/string.png») top center no-repeat;
width: 100%;
margin-top: -1.618em;
-webkit-transform: rotate(-0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-0.5deg);
/* FF3.5+ */
-ms-transform: rotate(-0.5deg);
/* IE9 */
-o-transform: rotate(-0.5deg);
/* Opera 10.5 */
transform: rotate(-0.5deg);
zoom: 1;
}
#sidebar .widget:last-child:after {
display: none;
}
#sidebar .widget:first-child:before {
display: none;
}
#sidebar .widget.alt {
-webkit-transform: rotate(-0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-0.5deg);
/* FF3.5+ */
-ms-transform: rotate(-0.5deg);
/* IE9 */
-o-transform: rotate(-0.5deg);
/* Opera 10.5 */
transform: rotate(-0.5deg);
zoom: 1;
}
#sidebar .widget.alt .inner {
-webkit-transform: rotate(0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(0.5deg);
/* FF3.5+ */
-ms-transform: rotate(0.5deg);
/* IE9 */
-o-transform: rotate(0.5deg);
/* Opera 10.5 */
transform: rotate(0.5deg);
zoom: 1;
}
#sidebar .widget.alt:after,
#sidebar .widget.alt:before {
-webkit-transform: rotate(0.5deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(0.5deg);
/* FF3.5+ */
-ms-transform: rotate(0.5deg);
/* IE9 */
-o-transform: rotate(0.5deg);
/* Opera 10.5 */
transform: rotate(0.5deg);
zoom: 1;
}
/* 4.2 Specific Widgets */
/* SEARCH FORM */
.searchform,
#searchform {
border: 1px solid #c2baad;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: .857em;
font-family: «Cutive», sans-serif;
/* Make inputs use the correct typeface instead of the browser default */
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
color: #6c6158;
box-shadow: 0 0 0.236em 0 #d8d2ca;
-webkit-box-shadow: 0 0 0.236em 0 #d8d2ca;
padding: .53em .53em .53em 0;
background: #fff;
position: relative;
}
.searchform label,
#searchform label {
display: none;
}
.searchform input.s,
#searchform input.s,
.searchform input#s,
#searchform input#s {
padding: .53em .857em;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
margin: 0;
border: 0;
background: none;
color: #6c6158;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.searchform input.s:focus,
#searchform input.s:focus,
.searchform input#s:focus,
#searchform input#s:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.searchform input.search-submit,
#searchform input.search-submit,
.searchform input#searchsubmit,
#searchform input#searchsubmit {
position: absolute;
left: -999em;
}
.searchform:after,
#searchform:after {
font-family: ‘WebSymbolsRegular’;
display: block;
content: «L»;
color: red;
position: absolute;
top: .857em;
right: 1em;
color: #e5e1de;
}
/* FLICKR */
.widget_woo_flickr h3 span {
color: #0051d8;
}
.widget_woo_flickr h3 span span {
color: #ff1183;
}
.widget_woo_flickr .flickr_badge_image {
float: left;
margin: 0.236em;
}
.widget_woo_flickr .wrap {
position: relative;
margin-bottom: 1.618em;
padding: 0;
}
.widget_woo_flickr a img {
float: left;
margin: 0 0 0.618em 0.618em;
display: block;
border: 1px solid #d0c7c0;
padding: .236em;
}
.widget_woo_flickr a:hover img {
border-color: #bbada2;
}
/* CALENDAR */
#wp-calendar {
width: 95%;
margin-bottom: 1.618em;
clear: both;
padding: 0;
}
#wp-calendar caption {
padding: 1em;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
background: #d0c7c0;
padding: .236em 0;
}
#wp-calendar td {
background: transparent;
color: #887a6f;
}
/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar {
padding: .382em;
border: 1px solid #d0c7c0;
}
.widget_woo_blogauthorinfo .left {
float: left;
margin: 0 1em .618em 0;
}
.widget_woo_blogauthorinfo .right {
float: right;
margin: 0 .618em 1em;
}
/* TWITTER */
.widget_woo_twitter h3 {
border-bottom: 0;
margin: 0 0 2px;
}
.widget_woo_twitter h3 img {
vertical-align: middle;
}
.widget_woo_twitter ul {
background: url(«images/noise.png»), url(«images/leather.png»);
background-color: #967381;
padding-left: 0;
padding: 1em;
box-shadow: inset 0 0 0 0.382em rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 0 0.382em rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0.202em;
border-radius: 0.202em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.widget_woo_twitter ul li {
padding: 1em;
list-style: none;
border: 2px dashed #b79fa8;
background: rgba(255, 255, 255, 0.1);
margin-bottom: 1em;
color: #d8cad0;
text-shadow: 0 1px 1px #7a5c68;
box-shadow: 0 1px 2px 0 #7a5c68;
-webkit-box-shadow: 0 1px 2px 0 #7a5c68;
}
.widget_woo_twitter ul li:last-child {
margin-bottom: 0;
}
.widget_woo_twitter ul li a {
padding: 0;
color: #ffffff;
}
.widget_woo_twitter ul li .time {
color: #ffffff;
display: block;
}
.widget_woo_twitter ul li .time:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «t»;
}
.widget_woo_twitter p {
font-weight: 700;
color: #887a6f;
}
.widget_woo_twitter p a {
color: #342e2a;
}
/* DOJO TABS */
.theme-artificer .tabbable .nav li {
margin-bottom: 0;
margin-right: .857em;
}
.theme-artificer .tabbable .nav li a {
padding: 0;
border: 0;
background: 0;
line-height: inherit;
font-size: .857em;
margin-right: 0;
}
.theme-artificer .tabbable .nav li a:hover {
background: none;
border: 0;
}
.theme-artificer .tabbable .nav li.active a {
background: none;
border: 0;
}
.theme-artificer .tabbable .nav li.active a:hover {
background: none;
border: 0;
}
.theme-artificer .tabbable .nav li.tab-heading-latest a:before,
.theme-artificer .tabbable .nav li.tab-heading-popular a:before,
.theme-artificer .tabbable .nav li.tab-heading-comments a:before,
.theme-artificer .tabbable .nav li.tab-heading-tags a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «b»;
margin-right: .382em;
}
.theme-artificer .tabbable .nav li.tab-heading-latest a:before {
content: «P»;
}
.theme-artificer .tabbable .nav li.tab-heading-popular a:before {
content: «R»;
}
.theme-artificer .tabbable .nav li.tab-heading-comments a:before {
content: «c»;
}
.theme-artificer .tabbable .nav li.tab-heading-tags a:before {
content: «,»;
}
.theme-artificer .tabbable .tab-content {
overflow: visible;
}
.theme-artificer .tabbable .tab-pane ul {
padding: 0;
}
.theme-artificer .tabbable .tab-pane ul img {
margin: 0 1em 1em 0;
padding: .382em .382em 1em;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.theme-artificer .tabbable .tab-pane ul li {
overflow: visible;
}
.theme-artificer .tabbable .tab-pane ul li:after {
content: «020»;
display: block;
height: 0;
overflow: hidden;
clear: both;
}
/*——————————————————————————————-*/
/* 5. COMMENTS */
/*——————————————————————————————-*/
/* 5.1 Comments */
#comments {
position: relative;
}
#comments ul,
#comments li {
list-style: none;
}
#comments li.comment {
position: relative;
}
#comments li.comment #respond {
margin-top: 1em;
}
#comments li.comment #respond .comment-form-author {
clear: both;
}
#comments .comment-container,
#comments .comment_container {
padding: 2.244em 1.618em 2.244em 4.236em;
list-style: none;
background: url(«images/comment.png») top left repeat-y #f5f1db;
position: relative;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 0.202em 0.382em 0 rgba(0, 0, 0, 0.075), inset 0 0 0 1px #faf9ef, inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0.202em 0.382em 0 rgba(0, 0, 0, 0.075), inset 0 0 0 1px #faf9ef, inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05);
box-shadow: 0 0.202em 0.382em 0 rgba(0, 0, 0, 0.075), inset 0 0 0 1px #faf9ef, inset 0 0.53em 2.618em rgba(0, 0, 0, 0.05);
border: 1px solid #c7c2be;
margin-bottom: 1.618em;
font-family: ‘Schoolbell’, sans-serif;
color: #7b7b7b;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
#comments .comment-container:before,
#comments .comment_container:before,
#comments .comment-container:after,
#comments .comment_container:after {
content: «»;
position: absolute;
z-index: -1;
-ms-transform: skew(-3deg, -2deg);
-webkit-transform: skew(-3deg, -2deg);
/* Safari and Chrome */
-o-transform: skew(-3deg, -2deg);
/* Opera */
-moz-transform: skew(-3deg, -2deg);
/* Firefox */
bottom: 13px;
box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.3);
height: 50px;
left: 3px;
max-width: 50%;
width: 51%;
}
#comments .comment-container:after,
#comments .comment_container:after {
-ms-transform: skew(3deg, 2deg);
/* IE 9 */
-webkit-transform: skew(3deg, 2deg);
/* Safari and Chrome */
-o-transform: skew(3deg, 2deg);
/* Opera */
-moz-transform: skew(3deg, 2deg);
/* Firefox */
left: auto;
right: 3px;
}
#comments .comment-container .star-rating,
#comments .comment_container .star-rating,
#comments .comment-container .star-rating span,
#comments .comment_container .star-rating span {
background-image: url(«images/ico-star-scribbled.png»);
}
#comments .comment-container .meta:before,
#comments .comment_container .meta:before,
#comments .comment-container .comment-head:before,
#comments .comment_container .comment-head:before {
content: «»;
height: 1em;
width: 1em;
border: 1px solid #b3aeaa;
position: absolute;
bottom: 40%;
left: 1em;
display: block;
z-index: 99999;
background: url(«images/body.gif»);
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 1px 2px #c4bfbb;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 1px 2px #c4bfbb;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76), inset 0 1px 2px #c4bfbb;
}
#comments .comment-container .comment-container,
#comments .comment_container .comment-container {
position: relative;
}
#comments .comment-container .comment-head,
#comments .comment_container .comment-head {
margin: 0 0 1em 0;
}
#comments .comment-container .comment-head .name,
#comments .comment_container .comment-head .name,
#comments .comment-container .comment-head .date,
#comments .comment_container .comment-head .date,
#comments .comment-container .comment-head .edit,
#comments .comment_container .comment-head .edit,
#comments .comment-container .comment-head .perma,
#comments .comment_container .comment-head .perma {
margin-right: 1em;
}
#comments .comment-container .comment-head .name:before,
#comments .comment_container .comment-head .name:before,
#comments .comment-container .comment-head .date:before,
#comments .comment_container .comment-head .date:before,
#comments .comment-container .comment-head .edit:before,
#comments .comment_container .comment-head .edit:before,
#comments .comment-container .comment-head .perma:before,
#comments .comment_container .comment-head .perma:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
}
#comments .comment-container .comment-head .name:before,
#comments .comment_container .comment-head .name:before {
content: «U»;
}
#comments .comment-container .comment-head .date:before,
#comments .comment_container .comment-head .date:before {
content: «P»;
}
#comments .comment-container .comment-head .edit:before,
#comments .comment_container .comment-head .edit:before {
content: «S»;
}
#comments .comment-container .comment-head .perma:before,
#comments .comment_container .comment-head .perma:before {
content: «K»;
}
#comments .comment-container img.avatar,
#comments .comment_container img.avatar {
float: right;
margin: 0 0 1em 1em;
padding: .382em .382em 1em;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
position: relative;
}
#comments .comment-container .reply a,
#comments .comment_container .reply a {
font-family: «Karla», sans-serif;
}
#comments .comment-container .reply a:before,
#comments .comment_container .reply a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «h»;
}
#comments .comment-container .meta,
#comments .comment_container .meta,
#comments .comment-container .comment-head,
#comments .comment_container .comment-head {
font-family: «Karla», sans-serif;
color: #6c6158;
}
#comments .comment_container:before,
#comments .comment_container:after {
box-shadow: 0 13px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 13px 5px 0 rgba(0, 0, 0, 0.3);
}
#comments ul.children {
margin: 0 0 0 13.25%;
padding: 0;
}
#comments .navigation a {
display: block;
text-decoration: none;
}
#comments .pingbacks li.pingback {
margin: 0 0 1.618em;
}
#comments .pingbacks li.pingback .reply {
display: none;
}
#comments .nocomments {
font-weight: 700;
}
/* 5.2 Comments Form */
#respond label {
color: #887a6f;
}
#respond #reply-title small {
display: block;
margin: 0 0 1.618em;
}
#respond #reply-title small a {
font-family: «Karla», sans-serif;
font-size: 1em;
}
#respond #reply-title small a:before {
font-family: ‘WebSymbolsRegular’;
display: inline-block;
font-size: .857em;
margin-right: .618em;
content: «×»;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
width: 30.75%;
float: left;
margin-right: 3.8%;
}
#respond #commentform .comment-form-url {
margin-right: 0;
}
#respond #commentform label {
display: block;
}
#respond #commentform input.txt,
#respond #commentform textarea {
width: 100%;
}
#respond #commentform .comment-form-comment {
clear: both;
}
/* 5.3 Pingbacks / Trackbacks */
.pinglist li {
margin: 0 0 0 1.618em;
list-style-type: decimal;
}
.pinglist li .author {
font-weight: 700;
}
.pinglist li .pingcontent {
display: block;
margin: 0 0 1.618em;
}
/*——————————————————————————————-*/
/* 6. PAGE TEMPLATES */
/*——————————————————————————————-*/
/* 6.1 Timeline Page Template */
#archives .archives_list {
border-left: 1px solid #d0c7c0;
list-style: none;
margin: 0 0 1em 1em;
}
#archives .archives_list li {
clear: left;
padding-left: 2.327em;
font-style: normal;
list-style: none;
}
#archives .archives_list .date {
color: #887a6f;
width: 22.5%;
display: inline-block;
}
#archives .archives_list .linked {
width: 48%;
display: inline-block;
}
#archives .archives_list .comments {
width: 22.5%;
display: inline-block;
}
#archives .archives_list .comments a {
color: #94877c;
text-decoration: underline;
padding-left: 1.236em;
}
#archives .archives_list .comments a:hover {
text-decoration: none;
}
h3.archive_year {
font-weight: 700;
color: #6c6158;
margin-top: 0;
}
/* 6.2 Contact Form */
#contact-page .screenReader {
left: -9999px;
position: absolute;
top: -9999px;
}
#contact-page ol.forms {
float: left;
list-style: none;
width: 100%;
}
#contact-page ol.forms li {
clear: both;
float: left;
margin-bottom: 1.618em;
position: relative;
width: 48%;
}
#contact-page ol.forms li:first-child {
margin-right: 3.8%;
}
#contact-page ol.forms li:nth-child(2n) {
clear: none;
}
#contact-page ol.forms li.textarea,
#contact-page ol.forms li.screenReader,
#contact-page ol.forms li.inline,
#contact-page ol.forms li.buttons {
width: 100%;
}
#contact-page ol.forms li input.txt,
#contact-page ol.forms li textarea {
width: 100%;
}
#contact-page ol.forms li .error {
display: block;
color: red;
}
#contact-page ol.forms li.textarea .error {
display: block;
}
#contact-page ol.forms li.screenReader {
margin-bottom: 0;
}
#contact-page ol.forms li.inline label {
display: inline;
float: none;
width: auto;
}
#contact-page ol.forms label {
cursor: pointer;
display: block;
font-weight: 700;
margin: 0 0 1em;
}
-