/*------------------------------------------------------------------ [Table of contents] 1. General 2. Re-usable Styles 3. Body 4. Typography 5. Sub-Header & Header 6. Footer 7. Post Syling 8. Sidebar & Widgets 9. Pagination 10. Carousel 15. Form Styling 17. Contact Page 18. 404 Page 19. WP-Specific 20. Mobile Menu 22. Comments 24. Shortcodes 25. Animations -------------------------------------------------------------------*/ /*------------------------------------------------------------------ Foundation */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: not-allowed; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .foundation-mq { font-family: "small=0em&medium=40.0625em&large=64.0625em&xlarge=90.0625em"; } html { font-size: 100%; box-sizing: border-box; } *, :after, :before { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: 400; line-height: 1.5; color: #0a0a0a; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { width: 100%; border-radius: 0; } #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object { max-width: none !important; } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1; } [data-whatinput=mouse] button { outline: 0; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 76.875rem; margin-left: auto; margin-right: auto; } .row:after, .row:before { content: ' '; display: table; } .row:after { clear: both; } .row .row.collapse { margin-left: 0; margin-right: 0; } .row.expanded .row { margin-left: auto; margin-right: auto; } .column, .columns { width: 100%; float: left; padding-left: .625rem; padding-right: .625rem; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .small-1 { width: 8.333333%; } .small-push-1 { position: relative; left: 8.333333%; } .small-pull-1 { position: relative; left: -8.333333%; } .small-2 { width: 16.666667%; } .small-push-2 { position: relative; left: 16.666667%; } .small-pull-2 { position: relative; left: -16.666667%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-4 { width: 33.333333%; } .small-push-4 { position: relative; left: 33.333333%; } .small-pull-4 { position: relative; left: -33.333333%; } .small-5 { width: 41.666667%; } .small-push-5 { position: relative; left: 41.666667%; } .small-pull-5 { position: relative; left: -41.666667%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-7 { width: 58.333333%; } .small-push-7 { position: relative; left: 58.333333%; } .small-pull-7 { position: relative; left: -58.333333%; } .small-8 { width: 66.666667%; } .small-push-8 { position: relative; left: 66.666667%; } .small-pull-8 { position: relative; left: -66.666667%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-10 { width: 83.333333%; } .small-push-10 { position: relative; left: 83.333333%; } .small-pull-10 { position: relative; left: -83.333333%; } .small-11 { width: 91.666667%; } .small-push-11 { position: relative; left: 91.666667%; } .small-pull-11 { position: relative; left: -91.666667%; } .small-12 { width: 100%; } .small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { width: 33.333333%; float: left; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { width: 16.666667%; float: left; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { width: 14.285714%; float: left; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .expanded.row .small-collapse.row, .small-collapse .row { margin-left: 0; margin-right: 0; } .small-centered { float: none; margin-left: auto; margin-right: auto; } .small-pull-0, .small-push-0, .small-uncentered { position: static; margin-left: 0; margin-right: 0; float: left; } @media screen and (min-width: 40.0625em) { .medium-1 { width: 8.333333%; } .medium-push-1 { position: relative; left: 8.333333%; } .medium-pull-1 { position: relative; left: -8.333333%; } .medium-offset-0 { margin-left: 0; } .medium-2 { width: 16.666667%; } .medium-push-2 { position: relative; left: 16.666667%; } .medium-pull-2 { position: relative; left: -16.666667%; } .medium-offset-1 { margin-left: 8.333333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.666667%; } .medium-4 { width: 33.333333%; } .medium-push-4 { position: relative; left: 33.333333%; } .medium-pull-4 { position: relative; left: -33.333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.666667%; } .medium-push-5 { position: relative; left: 41.666667%; } .medium-pull-5 { position: relative; left: -41.666667%; } .medium-offset-4 { margin-left: 33.333333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.666667%; } .medium-7 { width: 58.333333%; } .medium-push-7 { position: relative; left: 58.333333%; } .medium-pull-7 { position: relative; left: -58.333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.666667%; } .medium-push-8 { position: relative; left: 66.666667%; } .medium-pull-8 { position: relative; left: -66.666667%; } .medium-offset-7 { margin-left: 58.333333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.666667%; } .medium-10 { width: 83.333333%; } .medium-push-10 { position: relative; left: 83.333333%; } .medium-pull-10 { position: relative; left: -83.333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.666667%; } .medium-push-11 { position: relative; left: 91.666667%; } .medium-pull-11 { position: relative; left: -91.666667%; } .medium-offset-10 { margin-left: 83.333333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.666667%; } .medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { width: 33.333333%; float: left; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { width: 16.666667%; float: left; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { width: 14.285714%; float: left; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .expanded.row .medium-collapse.row, .medium-collapse .row { margin-left: 0; margin-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } .medium-centered { float: none; margin-left: auto; margin-right: auto; } .medium-pull-0, .medium-push-0, .medium-uncentered { position: static; margin-left: 0; margin-right: 0; float: left; } } @media screen and (min-width: 64.0625em) { .large-1 { width: 8.333333%; } .large-push-1 { position: relative; left: 8.333333%; } .large-pull-1 { position: relative; left: -8.333333%; } .large-offset-0 { margin-left: 0; } .large-2 { width: 16.666667%; } .large-push-2 { position: relative; left: 16.666667%; } .large-pull-2 { position: relative; left: -16.666667%; } .large-offset-1 { margin-left: 8.333333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.666667%; } .large-4 { width: 33.333333%; } .large-push-4 { position: relative; left: 33.333333%; } .large-pull-4 { position: relative; left: -33.333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.666667%; } .large-push-5 { position: relative; left: 41.666667%; } .large-pull-5 { position: relative; left: -41.666667%; } .large-offset-4 { margin-left: 33.333333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.666667%; } .large-7 { width: 58.333333%; } .large-push-7 { position: relative; left: 58.333333%; } .large-pull-7 { position: relative; left: -58.333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.666667%; } .large-push-8 { position: relative; left: 66.666667%; } .large-pull-8 { position: relative; left: -66.666667%; } .large-offset-7 { margin-left: 58.333333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.666667%; } .large-10 { width: 83.333333%; } .large-push-10 { position: relative; left: 83.333333%; } .large-pull-10 { position: relative; left: -83.333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.666667%; } .large-push-11 { position: relative; left: 91.666667%; } .large-pull-11 { position: relative; left: -91.666667%; } .large-offset-10 { margin-left: 83.333333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.666667%; } .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { width: 33.333333%; float: left; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { width: 16.666667%; float: left; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { width: 14.285714%; float: left; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .expanded.row .large-collapse.row, .large-collapse .row { margin-left: 0; margin-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } .large-centered { float: none; margin-left: auto; margin-right: auto; } .large-pull-0, .large-push-0, .large-uncentered { position: static; margin-left: 0; margin-right: 0; float: left; } } @media screen and (min-width: 90.0625em) { .xlarge-1 { width: 8.333333%; } .xlarge-push-1 { position: relative; left: 8.333333%; } .xlarge-pull-1 { position: relative; left: -8.333333%; } .xlarge-offset-0 { margin-left: 0; } .xlarge-2 { width: 16.666667%; } .xlarge-push-2 { position: relative; left: 16.666667%; } .xlarge-pull-2 { position: relative; left: -16.666667%; } .xlarge-offset-1 { margin-left: 8.333333%; } .xlarge-3 { width: 25%; } .xlarge-push-3 { position: relative; left: 25%; } .xlarge-pull-3 { position: relative; left: -25%; } .xlarge-offset-2 { margin-left: 16.666667%; } .xlarge-4 { width: 33.333333%; } .xlarge-push-4 { position: relative; left: 33.333333%; } .xlarge-pull-4 { position: relative; left: -33.333333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { width: 41.666667%; } .xlarge-push-5 { position: relative; left: 41.666667%; } .xlarge-pull-5 { position: relative; left: -41.666667%; } .xlarge-offset-4 { margin-left: 33.333333%; } .xlarge-6 { width: 50%; } .xlarge-push-6 { position: relative; left: 50%; } .xlarge-pull-6 { position: relative; left: -50%; } .xlarge-offset-5 { margin-left: 41.666667%; } .xlarge-7 { width: 58.333333%; } .xlarge-push-7 { position: relative; left: 58.333333%; } .xlarge-pull-7 { position: relative; left: -58.333333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { width: 66.666667%; } .xlarge-push-8 { position: relative; left: 66.666667%; } .xlarge-pull-8 { position: relative; left: -66.666667%; } .xlarge-offset-7 { margin-left: 58.333333%; } .xlarge-9 { width: 75%; } .xlarge-push-9 { position: relative; left: 75%; } .xlarge-pull-9 { position: relative; left: -75%; } .xlarge-offset-8 { margin-left: 66.666667%; } .xlarge-10 { width: 83.333333%; } .xlarge-push-10 { position: relative; left: 83.333333%; } .xlarge-pull-10 { position: relative; left: -83.333333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { width: 91.666667%; } .xlarge-push-11 { position: relative; left: 91.666667%; } .xlarge-pull-11 { position: relative; left: -91.666667%; } .xlarge-offset-10 { margin-left: 83.333333%; } .xlarge-12 { width: 100%; } .xlarge-offset-11 { margin-left: 91.666667%; } .xlarge-up-1 > .column, .xlarge-up-1 > .columns { width: 100%; float: left; } .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child { float: left; } .xlarge-up-2 > .column, .xlarge-up-2 > .columns { width: 50%; float: left; } .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child { float: left; } .xlarge-up-3 > .column, .xlarge-up-3 > .columns { width: 33.333333%; float: left; } .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child { float: left; } .xlarge-up-4 > .column, .xlarge-up-4 > .columns { width: 25%; float: left; } .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child { float: left; } .xlarge-up-5 > .column, .xlarge-up-5 > .columns { width: 20%; float: left; } .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child { float: left; } .xlarge-up-6 > .column, .xlarge-up-6 > .columns { width: 16.666667%; float: left; } .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child { float: left; } .xlarge-up-7 > .column, .xlarge-up-7 > .columns { width: 14.285714%; float: left; } .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child { float: left; } .xlarge-up-8 > .column, .xlarge-up-8 > .columns { width: 12.5%; float: left; } .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child { float: left; } .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-left: 0; padding-right: 0; } .expanded.row .xlarge-collapse.row, .xlarge-collapse .row { margin-left: 0; margin-right: 0; } .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } .xlarge-centered { float: none; margin-left: auto; margin-right: auto; } .xlarge-pull-0, .xlarge-push-0, .xlarge-uncentered { position: static; margin-left: 0; margin-right: 0; float: left; } } .row { max-width: 76.875rem; margin-left: auto; margin-right: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .row .row { max-width: none; margin-left: -.625rem; margin-right: -.625rem; } @media screen and (min-width: 40.0625em) { .row .row { margin-left: -.9375rem; margin-right: -.9375rem; } } .row.expanded { max-width: none; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .column, .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; padding-left: .625rem; padding-right: .625rem; min-width: initial; } @media screen and (min-width: 40.0625em) { .column, .columns { padding-left: .9375rem; padding-right: .9375rem; } } .column.row.row, .row.row.columns { float: none; display: block; } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .small-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .small-offset-0 { margin-left: 0; } .small-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .small-offset-1 { margin-left: 8.333333%; } .small-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-offset-2 { margin-left: 16.666667%; } .small-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .small-offset-3 { margin-left: 25%; } .small-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .small-offset-4 { margin-left: 33.333333%; } .small-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-offset-5 { margin-left: 41.666667%; } .small-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .small-offset-6 { margin-left: 50%; } .small-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .small-offset-7 { margin-left: 58.333333%; } .small-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .small-offset-8 { margin-left: 66.666667%; } .small-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .small-offset-9 { margin-left: 75%; } .small-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .small-offset-10 { margin-left: 83.333333%; } .small-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-offset-11 { margin-left: 91.666667%; } .small-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-1 > .column, .small-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .small-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-2 > .column, .small-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .small-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-3 > .column, .small-up-3 > .columns { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .small-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-4 > .column, .small-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .small-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-5 > .column, .small-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .small-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-6 > .column, .small-up-6 > .columns { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .small-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-7 > .column, .small-up-7 > .columns { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .small-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .small-up-8 > .column, .small-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: .625rem; padding-right: .625rem; } @media screen and (min-width: 40.0625em) { .medium-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .medium-offset-0 { margin-left: 0; } .medium-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .medium-offset-1 { margin-left: 8.333333%; } .medium-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-offset-2 { margin-left: 16.666667%; } .medium-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .medium-offset-4 { margin-left: 33.333333%; } .medium-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-5 { margin-left: 41.666667%; } .medium-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .medium-offset-7 { margin-left: 58.333333%; } .medium-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .medium-offset-8 { margin-left: 66.666667%; } .medium-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .medium-offset-10 { margin-left: 83.333333%; } .medium-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-offset-11 { margin-left: 91.666667%; } .medium-order-1 { -ms-flex-order: 1; order: 1; } .medium-order-2 { -ms-flex-order: 2; order: 2; } .medium-order-3 { -ms-flex-order: 3; order: 3; } .medium-order-4 { -ms-flex-order: 4; order: 4; } .medium-order-5 { -ms-flex-order: 5; order: 5; } .medium-order-6 { -ms-flex-order: 6; order: 6; } .medium-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-1 > .column, .medium-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .medium-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-2 > .column, .medium-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-3 > .column, .medium-up-3 > .columns { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .medium-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-4 > .column, .medium-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .medium-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-5 > .column, .medium-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .medium-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .medium-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-7 > .column, .medium-up-7 > .columns { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .medium-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-8 > .column, .medium-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 40.0625em) and (min-width: 40.0625em) { .medium-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.medium-unstack > .column, .row.medium-unstack > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (min-width: 40.0625em) { .row.medium-unstack > .column, .row.medium-unstack > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 40.0625em) { .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } } @media screen and (min-width: 64.0625em) { .large-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .large-offset-0 { margin-left: 0; } .large-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .large-offset-1 { margin-left: 8.333333%; } .large-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-offset-2 { margin-left: 16.666667%; } .large-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .large-offset-3 { margin-left: 25%; } .large-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .large-offset-4 { margin-left: 33.333333%; } .large-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-offset-5 { margin-left: 41.666667%; } .large-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .large-offset-6 { margin-left: 50%; } .large-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .large-offset-7 { margin-left: 58.333333%; } .large-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .large-offset-8 { margin-left: 66.666667%; } .large-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .large-offset-9 { margin-left: 75%; } .large-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .large-offset-10 { margin-left: 83.333333%; } .large-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-offset-11 { margin-left: 91.666667%; } .large-order-1 { -ms-flex-order: 1; order: 1; } .large-order-2 { -ms-flex-order: 2; order: 2; } .large-order-3 { -ms-flex-order: 3; order: 3; } .large-order-4 { -ms-flex-order: 4; order: 4; } .large-order-5 { -ms-flex-order: 5; order: 5; } .large-order-6 { -ms-flex-order: 6; order: 6; } .large-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-1 > .column, .large-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .large-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-2 > .column, .large-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .large-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-3 > .column, .large-up-3 > .columns { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .large-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-4 > .column, .large-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .large-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-5 > .column, .large-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .large-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-6 > .column, .large-up-6 > .columns { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .large-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-7 > .column, .large-up-7 > .columns { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .large-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .large-up-8 > .column, .large-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 64.0625em) and (min-width: 64.0625em) { .large-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.large-unstack > .column, .row.large-unstack > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (min-width: 64.0625em) { .row.large-unstack > .column, .row.large-unstack > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 64.0625em) { .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } } @media screen and (min-width: 90.0625em) { .xlarge-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .xlarge-offset-0 { margin-left: 0; } .xlarge-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .xlarge-offset-1 { margin-left: 8.333333%; } .xlarge-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .xlarge-offset-2 { margin-left: 16.666667%; } .xlarge-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .xlarge-offset-4 { margin-left: 33.333333%; } .xlarge-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .xlarge-offset-5 { margin-left: 41.666667%; } .xlarge-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .xlarge-offset-7 { margin-left: 58.333333%; } .xlarge-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .xlarge-offset-8 { margin-left: 66.666667%; } .xlarge-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .xlarge-offset-10 { margin-left: 83.333333%; } .xlarge-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .xlarge-offset-11 { margin-left: 91.666667%; } .xlarge-order-1 { -ms-flex-order: 1; order: 1; } .xlarge-order-2 { -ms-flex-order: 2; order: 2; } .xlarge-order-3 { -ms-flex-order: 3; order: 3; } .xlarge-order-4 { -ms-flex-order: 4; order: 4; } .xlarge-order-5 { -ms-flex-order: 5; order: 5; } .xlarge-order-6 { -ms-flex-order: 6; order: 6; } .xlarge-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-1 > .column, .xlarge-up-1 > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .xlarge-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-2 > .column, .xlarge-up-2 > .columns { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .xlarge-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-3 > .column, .xlarge-up-3 > .columns { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .xlarge-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-4 > .column, .xlarge-up-4 > .columns { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .xlarge-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-5 > .column, .xlarge-up-5 > .columns { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .xlarge-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-6 > .column, .xlarge-up-6 > .columns { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .xlarge-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-7 > .column, .xlarge-up-7 > .columns { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%; } .xlarge-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-8 > .column, .xlarge-up-8 > .columns { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media screen and (min-width: 90.0625em) and (min-width: 90.0625em) { .xlarge-expand { -ms-flex: 1 1 0px; flex: 1 1 0px; } } .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (min-width: 90.0625em) { .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { -ms-flex: 1 1 0px; flex: 1 1 0px; } } @media screen and (min-width: 90.0625em) { .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-left: 0; padding-right: 0; } .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem; } } .shrink { -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .align-top.columns, .column.align-top { -ms-flex-item-align: start; align-self: flex-start; } .align-bottom.columns, .column.align-bottom { -ms-flex-item-align: end; align-self: flex-end; } .align-middle.columns, .column.align-middle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-stretch.columns, .column.align-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin: 0; padding: 0; } p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; } em, i { font-style: italic; } b, em, i, strong { line-height: inherit; } b, strong { font-weight: 700; } small { font-size: 80%; line-height: inherit; } h1, h2, h3, h4, h5, h6 { font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif; font-weight: 400; font-style: normal; color: inherit; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: .5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #cacaca; line-height: 0; } h1 { font-size: 1.5rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.1875rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.0625rem; } h6 { font-size: 1rem; } @media screen and (min-width: 40.0625em) { h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.9375rem; } h4 { font-size: 1.5625rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } } a { color: #2199e8; text-decoration: none; line-height: inherit; cursor: pointer; } a:focus, a:hover { color: #1585cf; } a img { border: 0; } hr { max-width: 76.875rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 1.25rem auto; clear: both; } dl, ol, ul { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; } li { font-size: inherit; } ul { list-style-type: disc; } ol, ul { margin-left: 1.25rem; } ol ol, ol ul, ul ol, ul ul { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: .3rem; font-weight: 700; } blockquote { margin: 0 0 1rem; padding: .5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: .8125rem; color: #8a8a8a; } cite:before { content: '\2014 \0020'; } abbr { color: #0a0a0a; cursor: help; border-bottom: 1px dotted #0a0a0a; } code { font-weight: 400; border: 1px solid #cacaca; padding: .125rem .3125rem .0625rem; } code, kbd { font-family: Consolas,Liberation Mono,Courier,monospace; color: #0a0a0a; background-color: #e6e6e6; } kbd { padding: .125rem .25rem 0; margin: 0; } .subheader { margin-top: .2rem; margin-bottom: .5rem; font-weight: 400; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media screen and (min-width: 40.0625em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media screen and (min-width: 64.0625em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } @media screen and (min-width: 90.0625em) { .xlarge-text-left { text-align: left; } .xlarge-text-right { text-align: right; } .xlarge-text-center { text-align: center; } .xlarge-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print, th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='#']:after, a[href^='javascript:']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } blockquote, pre { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: .5cm; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1rem; overflow: hidden; } .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flex-video.widescreen { padding-bottom: 56.25%; } .flex-video.vimeo { padding-top: 0; } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 40em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40.0625em) { .show-for-small-only { display: none !important; } } @media screen and (min-width: 40.0625em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 40em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40.0625em) and (max-width: 64em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 40em), screen and (min-width: 64.0625em) { .show-for-medium-only { display: none !important; } } @media screen and (min-width: 64.0625em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 64em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64.0625em) and (max-width: 90em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 64em), screen and (min-width: 90.0625em) { .show-for-large-only { display: none !important; } } @media screen and (min-width: 90.0625em) { .hide-for-xlarge { display: none !important; } } @media screen and (max-width: 90em) { .show-for-xlarge { display: none !important; } } @media screen and (min-width: 90.0625em) { .hide-for-xlarge-only { display: none !important; } } @media screen and (max-width: 90em) { .show-for-xlarge-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hide-for-portrait, .show-for-landscape { display: block !important; } @media screen and (orientation: landscape) { .hide-for-portrait, .show-for-landscape { display: block !important; } } @media screen and (orientation: portrait) { .hide-for-portrait, .show-for-landscape { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-left: auto; margin-right: auto; } .clearfix:after, .clearfix:before { content: ' '; display: table; } .clearfix:after { clear: both; } .align-right { -ms-flex-pack: end; justify-content: flex-end; } .align-center { -ms-flex-pack: center; justify-content: center; } .align-justify { -ms-flex-pack: justify; justify-content: space-between; } .align-spaced { -ms-flex-pack: distribute; justify-content: space-around; } .align-top { -ms-flex-align: start; align-items: flex-start; } .align-self-top { -ms-flex-item-align: start; align-self: flex-start; } .align-bottom { -ms-flex-align: end; align-items: flex-end; } .align-self-bottom { -ms-flex-item-align: end; align-self: flex-end; } .align-middle { -ms-flex-align: center; align-items: center; } .align-self-middle { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .align-stretch { -ms-flex-align: stretch; align-items: stretch; } .align-self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .small-order-1 { -ms-flex-order: 1; order: 1; } .small-order-2 { -ms-flex-order: 2; order: 2; } .small-order-3 { -ms-flex-order: 3; order: 3; } .small-order-4 { -ms-flex-order: 4; order: 4; } .small-order-5 { -ms-flex-order: 5; order: 5; } .small-order-6 { -ms-flex-order: 6; order: 6; } @media screen and (min-width: 40.0625em) { .medium-order-1 { -ms-flex-order: 1; order: 1; } .medium-order-2 { -ms-flex-order: 2; order: 2; } .medium-order-3 { -ms-flex-order: 3; order: 3; } .medium-order-4 { -ms-flex-order: 4; order: 4; } .medium-order-5 { -ms-flex-order: 5; order: 5; } .medium-order-6 { -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 64.0625em) { .large-order-1 { -ms-flex-order: 1; order: 1; } .large-order-2 { -ms-flex-order: 2; order: 2; } .large-order-3 { -ms-flex-order: 3; order: 3; } .large-order-4 { -ms-flex-order: 4; order: 4; } .large-order-5 { -ms-flex-order: 5; order: 5; } .large-order-6 { -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 90.0625em) { .xlarge-order-1 { -ms-flex-order: 1; order: 1; } .xlarge-order-2 { -ms-flex-order: 2; order: 2; } .xlarge-order-3 { -ms-flex-order: 3; order: 3; } .xlarge-order-4 { -ms-flex-order: 4; order: 4; } .xlarge-order-5 { -ms-flex-order: 5; order: 5; } .xlarge-order-6 { -ms-flex-order: 6; order: 6; } } /*------------------------------------------------------------------ General */ html { height: 100%; } body { color: #525252; background: #fff; position: static; scroll-behavior: smooth; } body div, body dl, body dt, body dd, body ul, body ol, body li, body pre, body form, body p, body th, body td { font-size: inherit; font-family: inherit; } body p { font-style: normal; font-size: 16px; font-weight: 400; line-height: 1.6em; } body strong { font-weight: 600; } figure { margin: 0; } a { color: #080808; outline: 0; } a:focus { color: #080808; } a:hover { color: #649fd6; } h1, h2, h3, h4, h5, h6 { color: #080808; margin-top: 0; letter-spacing: -0.04em; font-weight: 600; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; } /*------------------------------------------------------------------ Re-usable Styles */ .reset, .subheader ul, .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu, .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li, .slick-dots, .widget.widget_calendar table, .searchform fieldset { margin: 0; padding: 0; } .cf:before, .post:before, .post-author:before, .authorpage:before, .addresses:before, .cf:after, .post:after, .post-author:after, .authorpage:after, .addresses:after { content: " "; display: table; } .cf:after, .post:after, .post-author:after, .authorpage:after, .addresses:after { clear: both; } .disable-hover, .disable-hover * { pointer-events: none !important; } .endcolumn [class*="column"] + [class*="column"]:last-child, .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div [class*="column"] + [class*="column"]:last-child, .other_videos .row [class*="column"] + [class*="column"]:last-child, .related-posts .row [class*="column"] + [class*="column"]:last-child { float: left; } @media only screen and (min-width: 64.063em) { .thb-five { flex: 0 0 20%; max-width: 20%; } } .transition, .post-gallery img, .mobile-menu li span, .mobile-menu li a, .post.post-overlay.show-excerpts .post-content, .circle_rating, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, .products .product .product_thumbnail.thb_hover .product_thumbnail_hover { -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .quick-transition, .quick_search, .quick_search.active .searchform, .post .post-title h6, .post.carousel-listing:after, .post.post-overlay.center-title .post-gallery > a:after, .post.post-overlay.bottom-gradient .post-gallery > a:after, .post.post-overlay.top-gradient .post-gallery > a:after, .post.post-overlay.color1-gradient .post-gallery > a:after, .post.post-overlay.color2-gradient .post-gallery > a:after, .post.post-overlay.color3-gradient .post-gallery > a:after, .post.post-overlay.color4-gradient .post-gallery > a:after, .post.post-overlay.color5-gradient .post-gallery > a:after, .post.carousel-style2, .post.carousel-style2 .post-bottom-meta, .share-article-vertical .social span, .btn, .button, input[type=submit], .thb-category-slide .thb-category-container, .thb-category-slide .thb-slide-link, .thb-login-form .thb-form-container, .thb-login-form .thb-form-container .thb-login, .thb-login-form .thb-form-container .thb-register, .thb-login-form .thb-form-container .thb-lost, .thb-login-form ul li a:after, .thb-login-form ul li span:after, .products .product .product_after_title .product_after_shop_loop_buttons, .products .product .product_after_title .product_after_shop_loop_price, #theme-switcher, #theme-switcher .style-toggle svg { -moz-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .linear-transition { -moz-transition: all 1s linear; -o-transition: all 1s linear; -webkit-transition: all 1s linear; transition: all 1s linear; } .linear-quick-transition, a, .slick, .slick:after, .slick-list, .slick-nav, .slick-dots li button, .post .post-gallery img, .post.format-gallery .post-gallery > a:after, .post.format-gallery .post-gallery > a:before, .post.format-video .post-gallery > a:after, .post.format-video .post-gallery > a:before, .widget.widget_socialcounter ul li a .fa { -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .admin-bar .admin-style, .admin-bar .subheader.fixed { top: 46px; } @media screen and (min-width: 783px) { .admin-bar .admin-style, .admin-bar .subheader.fixed { top: 32px; } } .boxed { max-width: 1230px; width: 100%; margin: 0 auto; } @media only screen and (min-width: 80em) { .thb-5 { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media only screen and (min-width: 80em) { .thb-5-2 { -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } .row:before { content: none; } .row.vc_row:before { content: none; } .row.vc_row:not(.vc_inner) { margin: 0 auto; width: 100%; } @media only screen and (min-width: 48.063em) { .row { padding: 0 15px; } } @media only screen and (min-width: 48.063em) { .row.style5-container { padding: 0 25px; max-width: 79.375em; } } .row .row { padding: 0; } .row .row.vc_row.max_width { margin: 0 auto; } .row.top-padding { padding-top: 30px; } .row.grid { margin: 0 -1px; } .row.grid .columns { padding: 0 1px; } .row.grid .columns .post { margin-bottom: 2px; } .row.grid .row { margin: 0 -1px; } .row.post-carousel-style2 { margin: 0; } .row.post-carousel-style2 .columns { flex: 1; display: flex; } .row.post-carousel-style2 .columns .post { margin-bottom: 0; width: 100%; } .row.post-carousel-style2 .slick-track { display: flex; } .row.post-carousel-style2.grid { margin: 0; } .row.post-carousel-style2.grid .columns { padding: 0; } .row.full-width-row { width: 100%; margin-left: auto; margin-right: auto; max-width: 100%; } .row.no-row-padding { padding: 0; } .row.no-padding { margin: auto; } .row.no-padding > .columns, .row.no-padding .owl-item > .columns { padding: 0; } .row.full-height-content > .table { width: 100%; } .row.max_width { max-width: 76.875em; padding: 0; margin: 0 auto; } @media only screen and (min-width: 48.063em) { .row.max_width { padding: 0 15px; } } .row.full_width { margin: 0 auto; max-width: 100%; padding: 0; } .row.full_width > .table { width: 100%; } .row.video_bg { overflow: hidden; } .custom_scroll { overflow: hidden; height: 100%; position: relative; } img:not([src]):not([srcset]) { visibility: hidden; } .post-gallery img.image-loading { opacity: 0; } .post-gallery img.image-loading.image-loaded { opacity: 1; } .lazy-load-off .post-gallery img.image-loading { opacity: 1; } .post-gallery img.attachment-post-thumbnail { max-height: 75px; } .fixed-me { will-change: top; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .table { display: flex; align-items: center; } .table > div { width: 100%; } .thb-loading { position: relative; } .thb-loading .post { opacity: 0.2; pointer-events: none; } .thb-loading:after { content: '' !important; width: 38px; height: 38px; position: absolute; display: block; bottom: 40px; left: 50%; margin-left: -19px; padding: 3px; border-radius: 19px; background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjMjIyMjIyIj4KICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4KICA8cGF0aCBkPSJNMTYgMCBBMTYgMTYgMCAwIDEgMzIgMTYgTDI4IDE2IEExMiAxMiAwIDAgMCAxNiA0eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxNiAxNiIgdG89IjM2MCAxNiAxNiIgZHVyPSIwLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L3BhdGg+Cjwvc3ZnPgo=") center center no-repeat; } .thb-loading-center { position: relative; } .thb-loading-center.category-element-content .post { opacity: 0.2; pointer-events: none; } .thb-loading-center:after { content: '' !important; width: 38px; height: 38px; position: absolute; display: block; top: 50%; left: 50%; margin-top: -19px; margin-left: -19px; padding: 3px; border-radius: 19px; background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjMjIyMjIyIj4KICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4KICA8cGF0aCBkPSJNMTYgMCBBMTYgMTYgMCAwIDEgMzIgMTYgTDI4IDE2IEExMiAxMiAwIDAgMCAxNiA0eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxNiAxNiIgdG89IjM2MCAxNiAxNiIgZHVyPSIwLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L3BhdGg+Cjwvc3ZnPgo=") center center no-repeat; } .thb-loading-bottom { position: relative; } .thb-loading-bottom.posts { padding-bottom: 100px; } .thb-loading-bottom:after { content: '' !important; width: 38px; height: 38px; position: absolute; display: block; bottom: 40px; left: 50%; margin-left: -19px; padding: 3px; border-radius: 19px; background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjMjIyMjIyIj4KICA8cGF0aCBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4KICA8cGF0aCBkPSJNMTYgMCBBMTYgMTYgMCAwIDEgMzIgMTYgTDI4IDE2IEExMiAxMiAwIDAgMCAxNiA0eiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAxNiAxNiIgdG89IjM2MCAxNiAxNiIgZHVyPSIwLjhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L3BhdGg+Cjwvc3ZnPgo=") center center no-repeat; } /*------------------------------------------------------------------ Body */ #wrapper { position: relative; min-height: 100vh; width: 100%; margin: 0 auto; display: flex; flex-direction: row; scroll-behavior: smooth; min-height: 100%; } .boxed #wrapper { max-width: 1240px; } .boxed #wrapper [role="main"], .boxed #wrapper #navholder { background: #fff; } #wrapper [role="main"] { position: relative; z-index: 10; } .error404 #wrapper [role="main"] { display: flex; flex: 1; position: relative; width: 100%; } #wrapper [role="main"] > .row { background: #fff; } #wrapper #content-container { display: flex; flex-direction: column; min-height: 100vh; width: 100%; -moz-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #wrapper #content-container .click-capture { position: absolute; z-index: 998; top: 0; . right: 0; width: 0; height: 0; background: rgba(151, 151, 151, 0.5); content: ''; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: opacity; } #wrapper.open-menu { overflow: hidden; } #wrapper.open-menu .header.fixed { margin-left: 0; opacity: 0; -moz-transform: translate3d(280px, -100%, 0); -webkit-transform: translate3d(280px, -100%, 0); transform: translate3d(280px, -100%, 0); } @media only screen and (min-width: 48.063em) { #wrapper.open-menu .header.fixed { margin-left: 0; -moz-transform: translate3d(380px, -100%, 0); -webkit-transform: translate3d(380px, -100%, 0); transform: translate3d(380px, -100%, 0); } } #wrapper.open-menu #content-container { margin-left: 0; -moz-transform: translate3d(280px, 0, 0); -webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0); } @media only screen and (min-width: 48.063em) { #wrapper.open-menu #content-container { margin-left: 0; -moz-transform: translate3d(380px, 0, 0); -webkit-transform: translate3d(380px, 0, 0); transform: translate3d(380px, 0, 0); } } #wrapper.open-menu #content-container .click-capture { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; left: 0; } #wrapper.open-menu #content-container #footer { z-index: 101; } /*------------------------------------------------------------------ Typography */ h1 { font-size: 24px; line-height: 1.15; margin-bottom: 20px; font-weight: 600; } @media only screen and (min-width: 64.063em) { h1 { font-size: 38px; } } h2 { font-size: 22px; line-height: 1.15; margin-bottom: 20px; font-weight: 600; } @media only screen and (min-width: 64.063em) { h2 { font-size: 34px; } } h3 { font-size: 20px; line-height: 1.15; margin-bottom: 20px; font-weight: 600; } @media only screen and (min-width: 64.063em) { h3 { font-size: 26px; } } h4 { font-size: 18px; line-height: 1.3; margin-bottom: 20px; font-weight: 600; } @media only screen and (min-width: 64.063em) { h4 { font-size: 20px; } } h5 { font-size: 16px; line-height: 1.3; margin-bottom: 20px; font-weight: 600; } h6 { font-size: 14px; line-height: 1.3; margin-bottom: 10px; font-weight: 600; } hr { border-color: #eee; } ul, ol { margin-left: 0; list-style-position: inside; font-size: inherit; } ul ul, ul ol, ol ul, ol ol { margin-left: 15px; } ul li, ol li { margin-bottom: 10px; } ul li:last-child, ol li:last-child { margin: 0; } ul.no-list, ol.no-list { list-style: none; } ul.double-side li, ol.double-side li { vertical-align: middle; display: inline-block; } @media only screen and (min-width: 48.063em) { ul.double-side li, ol.double-side li { width: 49%; } } @media only screen and (min-width: 48.063em) { ul.double-side li:nth-child(even), ol.double-side li:nth-child(even) { padding-left: 30px; } } ul.point-list, ol.point-list { list-style: none; } ul.point-list li, ol.point-list li { padding-left: 14px; padding-bottom: 10px; border-bottom: 1px dotted rgba(0, 0, 0, 0.25); margin-bottom: 15px; } ul.point-list li .post-bottom-meta, ol.point-list li .post-bottom-meta { margin: 0; } ul.point-list li:before, ol.point-list li:before { content: ''; display: block; width: 5px; height: 5px; position: absolute; top: 5px; left: 0; background: #649fd6; } ul.point-list li:last-child, ol.point-list li:last-child { border: 0; padding-bottom: 0; margin-bottom: 0; } .post + ul.point-list, .post + ol.point-list { border-top: 1px dotted rgba(0, 0, 0, 0.25); padding-top: 15px; } ol { counter-reset: item; list-style: none; } ol li:before { content: counter(item); counter-increment: item; color: #7a7a7a; display: inline-block; height: 28px; line-height: 24px; margin-right: 10px; width: 28px; border: 2px solid #7a7a7a; background: #fff; text-align: center; font-size: 12px; font-weight: 800; border-radius: 14px; } .rtl ol li:before { margin-right: 0; margin-left: 10px; } ol li ul { margin-top: 10px; margin-left: 40px; list-style-type: initial; } ol li ul li:before { display: none; } ol li ol { margin-top: 10px; margin-left: 40px; } ol li ol li:before { content: counter(item); counter-increment: item; color: #7a7a7a; display: inline-block; height: 28px; line-height: 24px; margin-right: 10px; width: 28px; border: 2px solid #7a7a7a; background: #fff; text-align: center; font-size: 12px; font-weight: 800; border-radius: 14px; } .rtl ol li ol li:before { margin-right: 0; margin-left: 10px; } blockquote { position: relative; clear: both; padding: 37px 15px; margin: 10px 0; text-align: center; border: 0; } @media only screen and (min-width: 48.063em) { blockquote { padding: 37px; margin: 20px 0; } } blockquote p { font-size: 18px; font-weight: 500; color: #080808; line-height: 1.16; text-transform: uppercase; margin: 0; } @media only screen and (min-width: 48.063em) { blockquote p { font-size: 24px; } } blockquote cite { color: #080808; font-size: 12px; } cite { font-weight: 500; font-size: 14px; color: #080808; font-style: normal; line-height: 1; margin-top: 20px; } cite:before { display: none; } /*------------------------------------------------------------------ Subheader */ .subheader { line-height: 40px; direction: ltr; margin-top: 0; margin-bottom: 0; position: relative; z-index: 12; width: 100%; display: flex; align-items: center; } .subheader .subheader-menu > ul > li:first-child > a { padding-left: 0; } .rtl .subheader > .row { direction: rtl; } .rtl .subheader > .row .text-right { text-align: left; } .subheader ul { font-size: 11px; } .subheader ul > li { margin: 0; padding: 0; display: inline-block; } .subheader ul > li > span { display: inline-flex; padding: 0 0 0 5px; line-height: 40px; font-weight: 600; } @media only screen and (min-width: 80em) { .subheader ul > li > span { padding: 0 0 0 10px; } } .subheader ul > li > a { display: inline-flex; padding: 0 5px; line-height: 40px; } .subheader ul > li > a .fa { margin-left: 5px; } @media only screen and (min-width: 80em) { .subheader ul > li > a { padding: 0 10px; } } .subheader ul > li > a.logout_link { text-decoration: underline; } .rtl .subheader ul > li > a { direction: rtl; } .subheader ul > li.social_links_style2 { border: 0; } .subheader ul > li.social_links_style2 > a { display: inline-block; } .subheader ul > li.social_links_style2 > a .fa { margin: 0; } @media only screen and (min-width: 80em) { .subheader ul > li.social_links_style2 > a { padding: 0 10px; } } .subheader ul > li.social_links_style2 > a.facebook:hover { color: #3b5998; } .subheader ul > li.social_links_style2 > a.google-plus:hover { color: #dd4b39; } .subheader ul > li.social_links_style2 > a.linkedin:hover { color: #007bb6; } .subheader ul > li.social_links_style2 > a.pinterest:hover { color: #cb2027; } .subheader ul > li.social_links_style2 > a.twitter:hover { color: #00aced; } .subheader ul > li.social_links_style2 > a.instagram:hover { color: #3f729b; } .subheader ul > li.social_links_style2 > a.vk:hover { color: #45668e; } .subheader ul > li.social_links_style2 > a.tumblr:hover { color: #35465c; } .subheader ul > li.social_links_style2 > a.xing:hover { color: #cfdc00; } .subheader ul > li.social_links_style2 > a.soundcloud:hover { color: #f80; } .subheader ul > li.social_links_style2 > a.dribbble:hover { color: #ea4c89; } .subheader ul > li.social_links_style2 > a.youtube:hover { color: #e52d27; } .subheader ul > li.social_links_style2 > a.spotify:hover { color: #7ab800; } .subheader ul > li.social_links_style2 > a.behance:hover { color: #1769ff; } .subheader ul > li.social_links_style2 > a.deviantart:hover { color: #4e6252; } .subheader ul > li.social_links_style2 > a.vimeo:hover { color: #1ab7ea; } .subheader ul > li.social_links_style2 > a.rss:hover { color: #f26522; } .subheader ul > li.social_links_style2 > a.twitch:hover { color: #6441a5; } .subheader ul > li.social_links_style2 > a.whatsapp:hover { color: #25d366; } @media only screen and (min-width: 80em) { .subheader ul > li.social_links_style2 { padding: 0 10px; } } .subheader ul > li .sub-menu { top: 100%; left: 0; z-index: 10; text-align: left; } .subheader ul > li .sub-menu li a { display: block; font-size: 10px; line-height: 39px; padding: 0 15px; min-width: 160px; border-bottom: 1px solid transparent; } .subheader ul > li .sub-menu li a .fa { min-width: 10px; margin-left: 0; margin-right: 12px; } .rtl .subheader ul > li .sub-menu li a .fa { margin-left: 12px; margin-right: 0; } .subheader ul > li .sub-menu li:last-child a { border-bottom: 0 !important; } .subheader ul.right-menu .sub-menu { left: auto; right: 0; } .rtl .subheader ul.right-menu .sub-menu { text-align: right; } .subheader ul.right-menu .sub-menu li a { min-width: 90px; } .subheader ul.right-menu .sub-menu > li a.facebook:hover { background: #3b5998; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.google-plus:hover { background: #dd4b39; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.linkedin:hover { background: #007bb6; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.pinterest:hover { background: #cb2027; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.twitter:hover { background: #00aced; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.instagram:hover { background: #3f729b; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.vk:hover { background: #45668e; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.tumblr:hover { background: #35465c; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.xing:hover { background: #cfdc00; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.soundcloud:hover { background: #f80; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.dribbble:hover { background: #ea4c89; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.youtube:hover { background: #e52d27; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.spotify:hover { background: #7ab800; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.behance:hover { background: #1769ff; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.deviantart:hover { background: #4e6252; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.vimeo:hover { background: #1ab7ea; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.rss:hover { background: #f26522; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.twitch:hover { background: #6441a5; color: #fff !important; } .subheader ul.right-menu .sub-menu > li a.whatsapp:hover { background: #25d366; color: #fff !important; } .subheader.dark { background: #080808; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .subheader.dark .page-title { color: #fff; } .subheader.dark .page-title:before { background: rgba(255, 255, 255, 0.25); } .subheader.dark .share-article-vertical .social { background: rgba(255, 255, 255, 0.2); color: #fff; } .subheader.dark ul > li { color: rgba(255, 255, 255, 0.8); } .subheader.dark ul > li > a { color: rgba(255, 255, 255, 0.8); } .subheader.dark ul > li > a:hover { color: white; } .subheader.dark ul > li .sub-menu { background: #1b1b1b; } .subheader.dark ul > li .sub-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .subheader.dark ul.right-menu { border-right: 1px solid rgba(255, 255, 255, 0.1); } .subheader.dark ul.right-menu > li:not(.social_links_style2) { border-left: 1px solid rgba(255, 255, 255, 0.1); } .subheader.dark ul .quick_search .quick_search_icon { fill: rgba(255, 255, 255, 0.8); } .subheader.dark ul .quick_search .searchform .s { background: #1b1b1b; border-color: #1b1b1b; color: rgba(255, 255, 255, 0.4); } .subheader.dark ul .quick_search.active { background: rgba(255, 255, 255, 0.1); } .subheader.light { background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .subheader.light .page-title { color: #080808; } .subheader.light .page-title:before { background: rgba(0, 0, 0, 0.25); } .subheader.light .share-article-vertical .share-title { color: #080808; } .subheader.light .share-article-vertical .share-title span { color: rgba(0, 0, 0, 0.6); } .subheader.light .share-article-vertical .social { background: rgba(0, 0, 0, 0.08); color: #080808; } .subheader.light ul > li a { color: rgba(0, 0, 0, 0.8); } .subheader.light ul > li a:hover { color: black; } .subheader.light ul > li .sub-menu { background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); } .subheader.light ul > li .sub-menu li a { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .subheader.light ul > li .sub-menu li a:hover { background: #f5f5f5; } .subheader.light ul.right-menu { border-right: 1px solid rgba(0, 0, 0, 0.08); } .subheader.light ul.right-menu > li { border-left: 1px solid rgba(0, 0, 0, 0.08); } .subheader .thb-language-switcher-menu { text-transform: uppercase; } .subheader.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 30; margin: 0; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transition: all 0.35s linear; -o-transition: all 0.35s linear; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; will-change: transform; } .subheader.fixed.header--slide { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .subheader.fixed.header--unslide { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .subheader.fixed .logo { display: flex; align-items: center; text-align: left; } .subheader.fixed .logo .logolink { display: inline-block; } .subheader.fixed .logo .logolink .logoimg { max-height: 21px; } .subheader.fixed .logo .page-title { display: inline-block; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 600; padding-left: 34px; position: relative; vertical-align: middle; white-space: nowrap; max-width: 400px; text-transform: none; } @media only screen and (min-width: 80em) { .subheader.fixed .logo .page-title { max-width: 600px; } } .subheader.fixed .logo .page-title:before { content: ''; display: block; width: 1px; position: absolute; top: 5px; left: 16px; bottom: 5px; } .rtl .subheader.fixed .logo .page-title { padding-left: 0; padding-right: 34px; } .rtl .subheader.fixed .logo .page-title:before { left: auto; right: 16px; } .subheader.fixed .text-center { position: static; } .subheader.fixed .menu-holder .sf-menu li { padding: 0; margin: 0; } .subheader.fixed .menu-holder .sf-menu li > a { font-size: 11px; font-weight: 400; padding: 0 5px; } .subheader.fixed .menu-holder .sf-menu li .sub-menu { left: -30px; } .subheader.fixed .menu-holder .sf-menu li.menu-item-mega-parent .thb_mega_menu_holder { top: 100%; } .subheader.fixed .menu-holder ul.sf-menu:not(.secondary) { height: 50px; } .subheader.fixed .quick_search { height: 50px; line-height: 50px; } .subheader.fixed ul > li > a { line-height: 50px; } .subheader.fixed ul > li > a .fa { line-height: 50px; } .subheader.fixed .share-article-vertical { float: right; } .rtl .subheader.fixed .share-article-vertical { float: left; } .subheader.fixed > .row { position: relative; } .subheader.fixed > .row .progress { display: block; position: absolute; bottom: -2px; left: -15px; height: 2px; width: 0; background: #649fd6; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .rtl .subheader.fixed > .row .progress { left: 0; right: -15px; } .subheader .row:not(.full-width-row) { flex: 1; } .quick_search { display: inline-block; position: relative; line-height: 40px; vertical-align: middle; padding: 0; overflow: hidden; cursor: pointer; text-align: right; width: auto; } @media only screen and (min-width: 64.063em) { .quick_search { padding: 0 10px; text-align: center; } } .quick_search .quick_toggle { position: absolute; display: block; top: 0; left: 0; right: 0; height: 100%; z-index: 2; } .quick_search .quick_search_icon { vertical-align: middle; height: 14px; padding: 0; } .quick_search .searchform { position: absolute; top: 100%; right: -1px; width: 290px; opacity: 0; z-index: 2; } .quick_search .searchform input[type="submit"] { display: none; } .quick_search .searchform .s { padding: 17px 21px 14px; } .rtl .quick_search .searchform { right: auto; left: -1px; } .quick_search.active { overflow: visible; background: #d3d3d3; color: #fff; } .quick_search.active .quick_search_icon { fill: #fff; } .quick_search.active .searchform { opacity: 1; } .inline-social-icons, .subheader.fixed .share-article-vertical, .product-page .product-information .share-article-vertical { width: auto; padding: 5px 0; position: static; } .inline-social-icons .share-title, .subheader.fixed .share-article-vertical .share-title, .product-page .product-information .share-article-vertical .share-title { float: left; padding: 4px 8px; height: 36px; background: transparent; } .inline-social-icons .social, .subheader.fixed .share-article-vertical .social, .product-page .product-information .share-article-vertical .social { float: left; border: 0; width: 40px; height: 36px; line-height: 38px; border-radius: 3px; font-size: 12px; margin-left: 7px; } .inline-social-icons .social span, .subheader.fixed .share-article-vertical .social span, .product-page .product-information .share-article-vertical .social span { top: 0; left: 0; width: 40px; height: 36px; font-size: 12px; line-height: 38px; border-radius: 3px; } /*------------------------------------------------------------------ Header */ .header { width: 100%; height: auto; z-index: 11; position: relative; } .header .logo { text-align: center; } @media only screen and (min-width: 64.063em) { .header .logo { text-align: left; } .rtl .header .logo { text-align: right; } } .header .logo .logolink { display: inline-flex; flex-shrink: 0; } .header .logo .logoimg { max-height: 30px; } .header.dark .quick_search.active .quick_search_icon { fill: #fff; } @media only screen and (min-width: 64.063em) { .mobile-icon-holder, .mobile-share-holder { display: none; } } .mobile-icon-holder .quick_search.active, .mobile-share-holder .quick_search.active { background: transparent; } .menu-holder { position: relative; justify-content: space-between; } .subheader .menu-holder { position: static; } .menu-holder.style1 { width: 100%; } .menu-holder.style2 { width: 100%; } .header.style1 .logo .logolink { padding: 20px 0; } @media only screen and (min-width: 64.063em) { .header.style2 { padding-top: 10px; } } .header.style2 .logo .logolink { padding: 25px 0; } @media only screen and (min-width: 64.063em) { .header.style2 .logo .logolink { padding: 40px 0; } } @media only screen and (min-width: 64.063em) { .header.style2 .logo { text-align: center; } } .header.style2 .menu-holder { border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-top: 10px; position: relative; justify-content: center; } .header.style2 .menu-holder > ul > li { padding: 10px 0; } .header.style2 .menu-right-content { margin-left: 30px; } .header.style3 #menu_width { display: flex; justify-content: center; position: relative; } @media only screen and (min-width: 64.063em) { .header.style3 #menu_width { justify-content: flex-start; } } .header.style3 .logo .logolink { padding: 25px 0; } .header.style3 .menu-holder { position: static; flex: 1; margin-left: 30px; } @media only screen and (min-width: 64.063em) { .header.style3 .menu-holder { display: inline-flex; } } @media only screen and (min-width: 80em) { .header.style3 .menu-holder { margin-left: 70px; } } .header.style3 .menu-holder .sf-menu { height: auto; } .header.style4 { border-bottom: 1px solid #efefef; } @media only screen and (min-width: 64.063em) { .header.style4 > .row { padding: 0; margin: 0; max-width: 100%; } .header.style4 > .row > .columns { padding: 0; } } .header.style4 #menu_width { display: flex; justify-content: center; position: relative; } @media only screen and (min-width: 64.063em) { .header.style4 #menu_width { justify-content: space-between; } } .header.style4 .menu-holder { position: static; flex: 1; margin: 0 15px; } @media only screen and (min-width: 64.063em) { .header.style4 .menu-holder { display: inline-flex; margin: 0 30px; } } .header.style4 .menu-holder .sf-menu { height: auto; } .header.style4 .menu-right-holder { margin: 0 15px; } @media only screen and (min-width: 64.063em) { .header.style4 .menu-right-holder { display: inline-flex; margin: 0 30px; } } .header.style5 { border-bottom: 1px solid #efefef; } @media only screen and (min-width: 64.063em) { .header.style5 > .row { padding: 0; margin: 0; max-width: 100%; } .header.style5 > .row > .columns { padding: 0; } } .header.style5 #menu_width { display: flex; justify-content: center; position: relative; } @media only screen and (min-width: 64.063em) { .header.style5 #menu_width { justify-content: flex-start; } } .header.style5 .menu-holder { position: static; flex: 1; justify-content: center; margin: 0 15px; } @media only screen and (min-width: 64.063em) { .header.style5 .menu-holder { display: inline-flex; margin: 0 30px; } } .header.style5 .menu-holder .sf-menu { height: auto; } .header.style5 .menu-right-content { display: none; padding: 0 30px; } @media only screen and (min-width: 64.063em) { .header.style5 .menu-right-content { display: block; } } .header.dark .mobile-toggle, .header.dark .menu-holder ul.sf-menu:not(.secondary) > li > a, .header.dark .secondary-holder .secondary-toggle, .header.dark .quick_cart { color: #fff; } .header.dark .quick_search .quick_search_icon, .header.dark .quick_cart svg { fill: #fff; } .header > .row { display: flex; align-items: center; flex-wrap: wrap; } .header > .row:before { display: none; } .menu-holder { display: none; } @media only screen and (min-width: 64.063em) { .menu-holder { display: inline-flex; } } .menu-holder.style1 { border-bottom: 2px solid rgba(0, 0, 0, 0.08); justify-content: space-between; } .menu-holder.style1 .secondary-holder { float: right; } .menu-holder.dark { background: #151515; } .menu-holder.dark ul.sf-menu > li > a { color: #fff; } .menu-holder.dark ul.sf-menu > li > a:hover { color: #649fd6; } .menu-holder.dark .quick_search .quick_search_icon { fill: #fff; } .menu-holder.dark .secondary-holder .secondary-toggle { color: #fff; padding: 15px 0; } .menu-holder.dark .secondary-holder .sf-menu { background: #151515; right: -25px; } .menu-holder.dark .secondary-holder .sf-menu a { color: #fff; } .menu-holder.dark.style1 { border-bottom: 0; padding: 0 25px; } .menu-holder.dark ul li { padding: 15px 0; } .menu-holder.dark ul li .sub-menu { background: #151515; } .menu-holder.dark ul li .sub-menu a { color: #fff; } .menu-holder.dark ul li .sub-menu a:hover { color: #649fd6; } .menu-holder.dark ul li.menu-item-mega-parent .thb_mega_menu_holder { top: 100%; background: #151515; } .menu-holder.dark ul li.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li > a { color: #ffffff; } .menu-holder.dark ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children { border-left: 1px solid rgba(255, 255, 255, 0.15); } .menu-holder.dark ul li.menu-item-mega-parent .thb_mega_menu_holder .post .post-title a { color: #fff; } .menu-holder.dark ul li.menu-item-mega-parent .thb_mega_menu_holder .post .post-bottom-meta, .menu-holder.dark ul li.menu-item-mega-parent .thb_mega_menu_holder .post .post-bottom-meta a { color: #666; } .menu-holder ul { display: inline-flex; list-style: none; margin: 0; padding: 0; } .menu-holder ul li { display: inline-block; padding: 0; } .menu-holder ul li a { background: none; } .menu-holder ul li a .fa { margin-right: 7px; } .rtl .menu-holder ul li a .fa { margin-right: 0; margin-left: 7px; } .menu-holder ul li a:hover { background: none !important; } .menu-holder ul li.menu-item-mega-parent { position: static; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder { display: none; position: absolute; top: calc(100% - 2px); left: 0; right: 0; background: #fff; padding: 0; z-index: 20; opacity: 0; border-top: 4px solid #649fd6; will-change: opacity; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder > .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 75rem; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder > .row > .columns { padding: 0; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu { background: none; display: block; position: static; float: left; width: 240px; text-align: left; padding: 30px; border: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .rtl .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu { float: right; text-align: right; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li { display: block; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li > a { color: #080808; display: block; margin-bottom: 15px; font-size: 11px; font-weight: 500; line-height: 1; text-transform: uppercase; padding: 0; border: 0; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .thb_mega_menu li.active a { color: #649fd6; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children { margin-left: 240px; padding: 30px 0 26px 30px; border-left: 1px solid #f2f2f2; } .rtl .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children { margin-left: 0; margin-right: 240px; border-left: 0; padding: 30px 30px 26px 0; border-right: 1px solid #f2f2f2; } .rtl .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div { float: right; text-align: right; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div { display: none; float: left; text-align: left; width: 100%; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div:first-child { display: block; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div a { white-space: normal; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post.style1 { margin: 0; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post.style1 .post-bottom-meta { margin: 0; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post.style1 .post-title h6 { font-size: 13px; line-height: 16px; text-transform: none; } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post.style1 .post-gallery { margin-bottom: 15px; min-height: 100px; max-height: 150px; } @media only screen and (min-width: 80em) { .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post.style1 .post-gallery { min-height: 140px; max-height: 100%; } } .menu-holder ul li.menu-item-mega-parent .thb_mega_menu_holder .category-children > div .post.style1 .post .post-title a { text-transform: none; } .menu-holder ul li.sfHover > a { color: #649fd6; } .menu-holder ul li .sub-menu { background: #fff; padding: 18px 30px; -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25); text-align: left; min-width: 200px; will-change: opacity; } .rtl .menu-holder ul li .sub-menu { text-align: right; } .menu-holder ul li .sub-menu .sub-menu { top: -10px; left: 100%; } .menu-holder ul li .sub-menu li { display: block; padding: 0; margin: 0; } .menu-holder ul li .sub-menu li a { vertical-align: middle; font-size: 11px; font-weight: 500; display: block; line-height: 30px; white-space: nowrap; } .menu-holder ul.sf-menu { display: inline-flex; } .menu-holder ul.sf-menu:not(.secondary) { height: 55px; } .menu-holder ul.sf-menu > li { display: inline-flex; min-height: 100%; align-items: center; margin: 0 15px 0 0; } @media only screen and (min-width: 80em) { .menu-holder ul.sf-menu > li { margin: 0 30px 0 0; } } .menu-holder ul.sf-menu > li > a { font-size: 13px; text-transform: uppercase; font-weight: 600; } .rtl .menu-holder ul.sf-menu > li > a { direction: rtl; } .menu-holder ul.sf-menu > li:last-child { margin-right: 0; } .rtl .menu-holder ul.sf-menu > li { margin: 0 0 0 15px; } @media only screen and (min-width: 80em) { .rtl .menu-holder ul.sf-menu > li { margin: 0 0 0 30px; } } .rtl .menu-holder ul.sf-menu > li:last-child { margin-left: 0; } #navholder { z-index: 11; } #navholder > .row { background: #fff; } .thb-a { display: none; padding: 20px 15px; text-align: right; } .thb-a p { margin: 0; } @media only screen and (min-width: 64.063em) { .thb-a { display: block; text-align: right; } .rtl .thb-a { text-align: left; } } .thb_ads_header_mobile_on .thb-a { display: block; text-align: center; } .sf-menu .menu-item-has-children { position: relative; } .sf-menu .menu-item-has-children > a:after { display: inline-block; content: "\f107"; font-family: FontAwesome; margin-left: 10px; vertical-align: middle; font-size: 11px; position: relative; top: -1px; } .subheader .sf-menu .menu-item-has-children > a:after { margin-left: 5px; font-size: 9px; } .rtl .subheader .sf-menu .menu-item-has-children > a:after { margin-left: 0; margin-right: 5px; } .rtl .sf-menu .menu-item-has-children > a:after { margin-left: 0; margin-right: 10px; } .sf-menu .sub-menu { display: none; position: absolute; top: 100%; left: -30px; z-index: 20; } .sf-menu .sub-menu li { display: block; white-space: nowrap; } .sf-menu .sub-menu .sub-menu { top: -10px; left: 100%; } .rtl .sf-menu .sub-menu { left: auto; right: -30px; } .rtl .sf-menu .sub-menu .sub-menu { left: auto; right: 100%; } .menu-right-content { display: inline-flex; } .menu-right-content .quick_search { display: inline-flex; min-height: 100%; align-items: center; padding-right: 0; padding-left: 15px; } .rtl .menu-right-content .quick_search { padding-right: 15px; padding-left: 0; } .menu-right-content .quick_search .quick_search_icon { position: relative; bottom: 1px; height: 18px; } .menu-right-content .quick_search.active { background: transparent; } .menu-right-content .quick_search.active .quick_search_icon { fill: #649fd6; } .secondary-holder { position: relative; display: inline-flex; min-height: 100%; align-items: center; } .secondary-holder .secondary-toggle { display: block; line-height: 1.6; width: 30px; text-align: right; } .rtl .secondary-holder .secondary-toggle { text-align: left; } .secondary-holder .sf-menu.secondary { position: absolute; list-style: none; top: 100%; right: 0; display: flex; visibility: hidden; flex-wrap: wrap; z-index: 20; min-width: 200px; background: #fff; padding: 18px 30px; -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.25); text-align: left; } .rtl .secondary-holder .sf-menu.secondary { text-align: right; right: auto; left: 0; } .secondary-holder .sf-menu.secondary li { flex: 0 0 50%; padding: 0; margin: 0; } .secondary-holder .sf-menu.secondary li.menu-item-has-children > a:after { display: none; } .secondary-holder .sf-menu.secondary li a { font-size: 11px; font-weight: 500; display: block; line-height: 30px; white-space: nowrap; text-transform: capitalize; } .secondary-holder .sf-menu.secondary li:nth-child(even) { padding-left: 20px; } .quick_cart { display: inline-flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 600; min-height: 100%; vertical-align: middle; } .quick_cart svg { position: relative; top: -1px; } .quick_cart svg, .quick_cart span { display: inline-block; vertical-align: middle; line-height: 1; } .quick_cart span { margin-left: 6px; } .rtl .quick_cart { flex-direction: row-reverse; } /*------------------------------------------------------------------ Mobile Menu */ /* Sidr */ #mobile-menu { position: fixed; top: 0; height: 100%; z-index: 99; padding: 15px 5px 15px 15px; width: 280px; background: #fff; overflow: hidden; left: 0; will-change: transform; -moz-transform: translateX(-280px); -ms-transform: translateX(-280px); -webkit-transform: translateX(-280px); transform: translateX(-280px); -moz-transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .touch #mobile-menu { overflow-x: hidden !important; overflow-y: scroll !important; -ms-overflow-style: -ms-autohiding-scrollbar !important; -webkit-overflow-scrolling: touch !important; } @media only screen and (min-width: 48.063em) { #mobile-menu { width: 380px; padding: 20px 10px 20px 20px; left: 0; -moz-transform: translateX(-380px); -ms-transform: translateX(-380px); -webkit-transform: translateX(-380px); transform: translateX(-380px); } } .open-menu #mobile-menu { visibility: visible; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .admin-bar #mobile-menu { padding-top: 46px; } @media screen and (min-width: 783px) { .admin-bar #mobile-menu { padding-top: 32px; } } #mobile-menu .social-links { padding: 20px 15px 15px; text-align: center; } @media only screen and (min-width: 48.063em) { #mobile-menu .social-links { padding: 30px 15px 25px; } } #mobile-menu .social-links a { color: #080808; margin: 0 7px; } #mobile-menu .menu-footer { text-align: center; padding: 0 15px; font-size: 11px; line-height: 16px; color: #080808; } #mobile-menu .menu-footer p { font-size: inherit; } #mobile-menu .menu-footer p:last-child { margin: 0; } #mobile-menu .select-wrapper { margin: 0; border: 0; width: 100%; border-bottom: 1px solid #f0f0f0; } #mobile-menu .select-wrapper select { height: 42px; font-size: 10px; padding: 9px 34px 9px 0; } #mobile-menu .select-wrapper:after { top: 15px; } #mobile-menu .login-links { padding: 20px 0; font-size: 10px; font-weight: 600; text-transform: uppercase; text-align: center; border-bottom: 1px solid #f0f0f0; } #mobile-menu .login-links span { margin-right: 10px; } #mobile-menu .login-links .logout_link { text-decoration: underline; } #mobile-menu .ps__scrollbar-y-rail { opacity: 0; -moz-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #mobile-menu .ps__scrollbar-y-rail .ps__scrollbar-y { background: rgba(8, 8, 8, 0.4); } #mobile-menu .ps__scrollbar-y-rail .ps__scrollbar-y:hover { background: rgba(8, 8, 8, 0.6); } #mobile-menu:hover .ps__scrollbar-y-rail { opacity: 1; } /* Mobile Menu */ .mobile-menu { list-style: none; margin: 0; padding: 0 10px 0 0; width: 100%; clear: left; background: #fff; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mobile-menu.secondary { padding-top: 20px; padding-right: 0; display: flex; flex-flow: row wrap; } .mobile-menu.secondary li { flex: 0 0 50%; overflow: hidden; text-overflow: ellipsis; } .mobile-menu.secondary li:nth-child(even) { padding-left: 10px; } .mobile-menu.secondary a { border: none; font-size: 10px; font-weight: 500; padding: 8px 0 7px; text-transform: uppercase; } .mobile-menu li { margin: 0; } .mobile-menu li span { display: block; position: absolute; height: 48px; padding: 16px 0 16px 17px; top: 0; right: 0; } .mobile-menu li span .fa { vertical-align: middle; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; background: #e6e6e6; font-weight: 400; color: #fff; } .mobile-menu li span:hover .fa { background: #080808; } .rtl .mobile-menu li span { right: auto; left: 0; } .mobile-menu li a { display: block; line-height: 12px; font-size: 12px; font-weight: 600; color: #080808; position: relative; text-transform: uppercase; padding: 19px 0 16px; border-bottom: 1px solid #f0f0f0; } .mobile-menu li a.active span .fa { background: #080808; } .mobile-menu li a.active span .fa-plus:before { content: "\f068"; } .mobile-menu .sub-menu { display: none; list-style: none; margin: 0; padding: 0 0 0 10px; border-bottom: 1px solid #f0f0f0; } .mobile-menu .sub-menu .sub-menu { padding: 0 0 0 10px; } .mobile-menu .sub-menu li a { text-transform: none; padding-left: 0; font-weight: 400; font-size: 11px; } .mobile-menu .sub-menu li a.active { background: #fff; } .mobile-menu .sub-menu li:last-child a { border: 0; } /*------------------------------------------------------------------ Carousel */ /* Slider */ .slick { max-width: 100%; height: 300px; position: relative; overflow: hidden; } .slick > * { opacity: 0; -moz-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .slick:after { margin: 0; width: 100%; height: 100%; left: 0; top: 0; bottom: auto; } .slick.slick-initialized { height: auto; overflow: visible; } .slick.slick-initialized .slick-list, .slick.slick-initialized > * { opacity: 1; } .slick.slick-initialized:after { display: none; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; opacity: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; will-change: transform; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; position: relative; min-height: 1px; outline: 0; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; width: 100%; outline: 0; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-nav { display: inline-block; position: absolute; top: 50%; margin-top: -19px; background: #fff; border: 0; width: 30px; height: 38px; outline: 0; padding: 0; cursor: pointer; z-index: 20; color: rgba(0, 0, 0, 0.4); font-size: 16px; } .slick-nav.slick-prev { left: -15px; } .products .slick-nav.slick-prev { left: 0; } [data-center="true"] .slick-nav.slick-prev { left: 0; } @media only screen and (min-width: 48.063em) { [data-center="true"] .slick-nav.slick-prev { left: 25px; } } @media only screen and (min-width: 64.063em) { [data-center="true"] .slick-nav.slick-prev { left: 35px; } } .slick-nav.slick-next { right: -15px; } .products .slick-nav.slick-next { right: 0; } [data-center="true"] .slick-nav.slick-next { right: 0; } @media only screen and (min-width: 48.063em) { [data-center="true"] .slick-nav.slick-next { right: 25px; } } @media only screen and (min-width: 64.063em) { [data-center="true"] .slick-nav.slick-next { right: 35px; } } .slick-nav:hover { color: black; } .slick-dots { position: absolute; bottom: 0; text-align: center; width: 100%; line-height: 8px; } .slick-dots li { display: inline-block !important; margin: 0 !important; padding: 0 !important; } .slick-dots li button { display: block; width: 8px; height: 8px; background: rgba(0, 0, 0, 0.3); border-radius: 4px; margin: 0 2px; text-indent: -9999px; padding: 0; outline: 0; cursor: pointer; border: 0; } .slick-dots li.slick-active button { background: black; } /* Styles */ .slick.vertical-video { padding-bottom: 42px; } .slick.vertical-video .slick-nav { background: none; width: 50%; height: 42px; margin: 0; top: auto; bottom: 0; border: 1px solid rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5); } .slick.vertical-video .slick-nav:hover { color: black; } .slick.vertical-video .slick-nav.slick-prev { border-right: 0; left: 0; } .slick.vertical-video .slick-nav.slick-prev .fa-angle-left:before { content: "\f107"; } @media only screen and (min-width: 64.063em) { .transparent-color .slick.vertical-video .slick-nav.slick-prev { left: 30px; } } .slick.vertical-video .slick-nav.slick-next { right: 0; } .slick.vertical-video .slick-nav.slick-next .fa-angle-right:before { content: "\f106"; } .dark-color .slick.vertical-video .slick-nav { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); } .dark-color .slick.vertical-video .slick-nav:hover { color: white; } @media only screen and (min-width: 64.063em) { .transparent-color .slick.vertical-video .slick-nav { width: calc(50% - 15px); } } .slick.trending { padding-right: 60px; } @media only screen and (min-width: 64.063em) { .slick.trending { padding-right: 0; } } .slick.trending .slick-nav { display: none; height: 18px; top: 50%; margin-top: -9px; } .slick.trending .slick-nav.slick-prev { right: 30px; left: auto; } .slick.trending .slick-nav.slick-next { right: 0px; } .slick.dark .slick-nav { background: #080808; color: rgba(255, 255, 255, 0.4); } .slick.dark .slick-nav:hover { color: white; } .slick.dark .slick-dots li button { background: rgba(255, 255, 255, 0.4); } .slick.dark .slick-dots li.slick-active button { background: white; } .slick[data-center="true"] { margin: 0; } .slick.grid .row { margin: 0 -1px; } .slick.grid .row .columns { padding: 0 1px; } .slick.grid .row .columns .post { margin-bottom: 2px; } .slick.grid.technology-style .row { margin: 0; } .slick.grid.technology-style .row .columns { padding: 0; } .slick.grid.technology-style .row .columns .post { margin-bottom: 0; } .slick.grid .slick-dots { bottom: -24px; } .slick.bot-nav { margin-bottom: 42px; } .slick.bot-nav .slick-nav { opacity: 0; } .slick.bot-nav:hover .slick-nav { opacity: 1; } .slick.bot-nav .slick-dots { bottom: -24px; } .slick.post-slider .post { float: left; margin-bottom: 0; } .slick.carousel-slider { border-bottom: 1px solid #ededed; padding: 0 50px; } .slick.carousel-slider .slick-nav { height: 100%; top: 0; margin: 0; font-size: 30px; } .slick.carousel-slider .slick-nav.slick-prev { width: 50px; left: 0; } .slick.carousel-slider .slick-nav.slick-next { width: 50px; right: 0; border-left: 1px solid #ededed; } .slick.carousel-slider .post { cursor: pointer; } /*------------------------------------------------------------------ Post Syling */ .post { margin-bottom: 30px; position: relative; } .post .post-content { float: none; } .post .post-content iframe { width: 100%; } .post .post-content.no-vc { margin-bottom: 30px; } .post .post-content.no-vc + #comments { margin-bottom: 30px; } .post .post-content > .row { background: #fff; } .post .post-content p:last-child { margin-bottom: 0; } .post .post-content p a { border-bottom: 2px solid #ddeaf6; -moz-box-shadow: inset 0 -5px 0 #ddeaf6; -webkit-box-shadow: inset 0 -5px 0 #ddeaf6; box-shadow: inset 0 -5px 0 #ddeaf6; } .post .post-content p a:hover { background: #ddeaf6; color: #080808; } .post .post-content.small { margin-bottom: 10px; } .post .post-content.small p { margin: 0; font-size: 13px; line-height: 20px; } .post .post-content.small + .post-bottom-meta { margin-bottom: 0; } .post .post-content.medium p { font-size: 14px; line-height: 24px; } .post .post-gallery { position: relative; background: #080808; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .post .post-gallery.max-height { max-height: none; overflow: hidden; } @media only screen and (min-width: 48.063em) { .post .post-gallery.max-height { max-height: 200px; } } @media only screen and (min-width: 64.063em) { .post .post-gallery.max-height { max-height: none; } } .post .post-gallery .counts { display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); color: #fff; width: 25px; height: 25px; z-index: 1; line-height: 25px; text-align: center; font-size: 12px; font-weight: 600; } .rtl .post .post-gallery .counts { left: auto; right: 0; } .post .post-gallery > a { display: block; } .post .post-gallery > a:hover > img { opacity: 0.6; } .post .post-gallery img { width: 100%; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } .post .post-gallery .post-content img { width: auto; } .post .post-gallery .slick-nav { text-align: center; line-height: 38px; } .post .gallery-pagination { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 19px 0; text-align: center; font-size: 11px; text-transform: uppercase; font-weight: 500; position: relative; margin-top: 15px; } .post .gallery-pagination span { color: #080808; font-weight: 600; } @media only screen and (min-width: 48.063em) { .post .gallery-pagination { margin-top: 40px; } } .post .gallery-pagination + .post-author, .post .gallery-pagination + .authorpage { border-top: 0; } .post .gallery-pagination .slick-nav { height: 50px; margin-top: -25px; background: transparent; } .post .gallery-pagination .slick-nav .fa { vertical-align: middle; position: relative; top: -1px; line-height: 50px; } .post .gallery-pagination .slick-nav.slick-next { text-align: right; right: 0; } .post .gallery-pagination .slick-nav.slick-prev { left: 0; text-align: left; } .thb-capitalize-on .post .post-title { text-transform: uppercase; } .post .post-title.page-title { margin-top: 30px; } .post .post-title .entry-title { word-break: break-word; margin-bottom: 10px; -webkit-text-size-adjust: 100%; } .post .post-title .entry-title a:hover { text-decoration: underline; } .post .post-title h1 { display: block; font-size: 24px; } @media only screen and (min-width: 48.063em) { .post .post-title h1 { font-size: 30px; } } @media only screen and (min-width: 64.063em) { .post .post-title h1 { font-size: 38px; } } .post .post-title a { color: #080808; } .post .post-title .post-bottom-meta { text-align: right; margin-bottom: 0; } .post .post-title .post-bottom-meta span, .post .post-title .post-bottom-meta time { margin-right: 0; } .post .post-title .post-bottom-meta span { margin-left: 5px; } @media only screen and (min-width: 48.063em) { .post .post-title .post-bottom-meta span { margin-left: 7px; } } .rtl .post .post-title .post-bottom-meta span { margin-left: 0; margin-right: 5px; } @media only screen and (min-width: 48.063em) { .rtl .post .post-title .post-bottom-meta span { margin-left: 0; margin-right: 7px; } } .post .post-title .post-bottom-meta .time { float: left; } .rtl .post .post-title .post-bottom-meta .time { float: right; } .post .post-category { text-transform: uppercase; font-weight: 600; color: rgba(8, 8, 8, 0.8); font-size: 10px; line-height: 1; letter-spacing: 0.05em; } .post .post-category a { color: rgba(8, 8, 8, 0.8); } .post .article-tags { margin-bottom: 15px; font-size: 11px; font-weight: 600; } @media only screen and (min-width: 48.063em) { .post .article-tags { margin-bottom: 35px; } } .post .article-tags .tag-link, .post .article-tags .tag-link:hover { color: #080808; border-color: transparent; background: transparent; margin: 0; padding-left: 0; } .post .article-tags .tags-title { display: inline-block; background: #649fd6; position: relative; height: 24px; line-height: 26px; font-weight: 500; padding: 0 5px 0 7px; color: #fff; margin-right: 28px; text-transform: uppercase; } .post .article-tags .tags-title:after { content: ''; width: 0; height: 24px; position: absolute; top: 0; left: 100%; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 10px solid #649fd6; } .rtl .post .article-tags .tags-title { padding: 0 7px 0 5px; margin-right: 0; margin-left: 28px; } .rtl .post .article-tags .tags-title:after { left: auto; right: 100%; border-left: 0; border-right: 10px solid #649fd6; } .post .single_category_title { display: inline-block; font-size: 10px; font-weight: 600; text-transform: uppercase; line-height: 1; margin-bottom: 10px; } .post .single_category_title.boxed-link { padding: 4px 4px 3px; color: #fff; background: #666; } @media only screen and (min-width: 80em) { .post .single_category_title.boxed-link { margin-bottom: 15px; } } .post .post-navi { margin-top: 10px; margin-bottom: 30px; } .post .post-navi .columns { background: #f5f5f5; padding: 15px; text-align: center; } @media only screen and (min-width: 48.063em) { .post .post-navi .columns { padding: 27px 40px 27px 27px; text-align: left; min-height: 86px; } } .post .post-navi .columns + .columns { border-top: 1px solid #fff; text-align: center; } @media only screen and (min-width: 48.063em) { .post .post-navi .columns + .columns { border-top: 0; border-left: 1px solid #fff; text-align: right; padding: 27px 27px 27px 40px; } } .post .post-navi .columns span { display: block; color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 11px; text-transform: uppercase; margin-bottom: 5px; } .post .post-navi .columns a { font-weight: 600; color: #080808; font-size: 13px; } .thb-capitalize-on .post .post-navi .columns a { text-transform: uppercase; } .post .post-bottom-meta { color: rgba(0, 0, 0, 0.4); font-size: 12px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; display: inline-flex; align-items: center; } .post .post-bottom-meta .avatar { width: 24px; display: inline-block; border-radius: 12px; margin-right: 7px; } .post .post-bottom-meta a { color: rgba(0, 0, 0, 0.4); } .post .post-bottom-meta svg { vertical-align: middle; fill: rgba(0, 0, 0, 0.4); } .post .post-bottom-meta .share_icon { margin-right: 5px; position: relative; top: -1px; } .rtl .post .post-bottom-meta .share_icon { margin-right: 0; margin-left: 5px; } .post .post-bottom-meta .comment_icon { margin-right: 3px; } .rtl .post .post-bottom-meta .comment_icon { margin-right: 0; margin-left: 3px; } .post .post-bottom-meta span, .post .post-bottom-meta time { margin-right: 5px; } @media only screen and (min-width: 48.063em) { .post .post-bottom-meta span, .post .post-bottom-meta time { margin-right: 7px; } } .post .post-bottom-meta span em, .post .post-bottom-meta time em { display: none; font-style: normal; } @media only screen and (min-width: 48.063em) { .post .post-bottom-meta span em, .post .post-bottom-meta time em { display: inline; } } .post .post-bottom-meta .time { font-weight: 500; } .post .post-bottom-meta .fa-eye { font-size: 12px; margin-right: 3px; vertical-align: middle; } .post .post-bottom-meta [rel=author] { float: left; font-weight: 500; } .rtl .post .post-bottom-meta [rel=author] { float: right; } .post .post-bottom-meta [rel=author]:not(.hide) + .time { margin-left: 4px; } .post .post-bottom-meta [rel=author]:not(.hide) + .time:before { content: '-'; display: inline-block; margin-right: 4px; } .rtl .post .post-bottom-meta [rel=author]:not(.hide) + .time { margin-left: 0; margin-right: 4px; } .rtl .post .post-bottom-meta [rel=author]:not(.hide) + .time:before { margin-left: 4px; margin-right: 0; } .widget_latestimages .post .post-bottom-meta .comment, .widget_latestimages .post .post-bottom-meta .shares { display: none; } .widget_discussedimages .post .post-bottom-meta .shares, .widget_discussedimages .post .post-bottom-meta .time, .widget_discussedimages .post .post-bottom-meta [rel=author] { display: none; } .widget_sharedimages .post .post-bottom-meta .comment, .widget_sharedimages .post .post-bottom-meta .time, .widget_sharedimages .post .post-bottom-meta [rel=author] { display: none; } .boxed .post.page { background: #fff; } .post.page, .post.no-margin { margin-bottom: 0; } .post.pageskin { margin-bottom: 0; padding: 15px 0; } @media only screen and (min-width: 48.063em) { .post.pageskin { padding: 30px 0; } } .post.format-gallery:hover .post-gallery > a:after { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .post.format-gallery:hover .post-gallery > a:before { -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .post.format-gallery .post-gallery > a:after { content: ""; color: #fff; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: rgba(255, 255, 255, 0.2) url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE4IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj4NCjxwYXRoIGQ9Ik0yNy44ODgsMTQuMTc3YzAuMDk3LDAuMjAxLDAuMTg4LDAuNDA5LDAuMjcsMC42MThjMC40NzMsMS4xODksMC43MzIsMi40OSwwLjczMiwzLjg0OQ0KCWMtMC4wMDIsNS43NjMtNC42NywxMC40MjktMTAuNDMxLDEwLjQzMWMtNS43NjUtMC4wMDItMTAuNDMzLTQuNjctMTAuNDM1LTEwLjQzMWMwLTEuMzU2LDAuMjYtMi42NTUsMC43MzMtMy44NDQNCgljMC4wODMtMC4yMDYsMC4xNjktMC40MTEsMC4yNjQtMC42MDhjMC4wMDItMC4wMDYsMC4wMDYtMC4wMDgsMC4wMDgtMC4wMTRIMC4wMTh2MjAuNzQ3YzAsMC44NTQsMC42OSwxLjU0MywxLjU0MywxLjU0M2gzMy41ODMNCgljMC44NTQsMCwxLjU0NC0wLjY5LDEuNTQ0LTEuNTQzVjE0LjE3N0gyNy44ODh6IE0xOC40NiwyMy4wNjljMi40NDQtMC4wMDQsNC40MjItMS45ODIsNC40MjYtNC40MjYNCgljLTAuMDAyLTEuNjQ2LTAuODk3LTMuMDgtMi4yMy0zLjg0MmMtMC42NDYtMC4zNy0xLjM5Ny0wLjU4My0yLjE5Ni0wLjU4NmMtMC43OTUsMC4wMDItMS41NDIsMC4yMTEtMi4xODYsMC41NzgNCgljLTEuMzQsMC43NTktMi4yNDIsMi4xOTgtMi4yNDQsMy44NDlDMTQuMDM2LDIxLjA4NywxNi4wMTQsMjMuMDY1LDE4LjQ2LDIzLjA2OXoiLz4NCjxwYXRoIGQ9Ik0zMy4zODMsNi4zMzljMCwwLjg3MS0wLjcwNSwxLjU3My0xLjU3NCwxLjU3M2gtMS44NjJjLTAuODY5LDAtMS41NzYtMC43MDQtMS41NzYtMS41NzN2LTEuODYNCgljMC0wLjg3MiwwLjcwNy0xLjU3NiwxLjU3Ni0xLjU3NmgxLjg2MmMwLjg2OSwwLDEuNTc0LDAuNzA0LDEuNTc0LDEuNTc2VjYuMzM5eiBNMzUuMTI3LDBIMS41NDNDMC42OSwwLDAsMC42OSwwLDEuNTQydjkuNzU2DQoJaDExLjA0OWMxLjg4OC0xLjg5Niw0LjUwMi0zLjA3MSw3LjM5NS0zLjA3NGMyLjg4OSwwLjAwMiw1LjUwMywxLjE3OCw3LjM5MSwzLjA3NGgxMC44MzhWMS41NDJDMzYuNjcxLDAuNjksMzUuOTgsMCwzNS4xMjcsMHoiLz4NCjwvc3ZnPg0K") center center no-repeat; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; border-radius: 15px; z-index: 1; } .post.format-gallery .post-gallery > a:before { content: ''; border: 3px solid #fff; display: block; width: 44px; height: 44px; position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; border-radius: 22px; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; z-index: 1; } .post.format-gallery .post-gallery.no-video-icon > a:after, .post.format-gallery .post-gallery.no-video-icon > a:before { display: none; } .post.format-gallery.listing .post-gallery > a:after, .post.format-gallery.listing .post-gallery > a:before { -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } .post.format-gallery.listing:hover .post-gallery > a:after { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .post.format-gallery.listing:hover .post-gallery > a:before { -moz-transform: scale(0.85, 0.85); -ms-transform: scale(0.85, 0.85); -webkit-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } .post.format-gallery.listing .avatar { display: none; } .post.format-video:hover .post-gallery > a:after { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .post.format-video:hover .post-gallery > a:before { -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .post.format-video .post-gallery > a:after { content: "\f04b"; color: #fff; font-family: FontAwesome; text-indent: 2px; font-size: 12px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; border-radius: 15px; z-index: 1; } .post.format-video .post-gallery > a:before { content: ''; border: 3px solid #fff; display: block; width: 44px; height: 44px; position: absolute; top: 50%; left: 50%; margin: -22px 0 0 -22px; border-radius: 22px; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; z-index: 1; } .post.format-video .post-gallery.no-video-icon > a:after, .post.format-video .post-gallery.no-video-icon > a:before { display: none; } .post.format-video.listing .post-gallery > a:after, .post.format-video.listing .post-gallery > a:before { -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } .post.format-video.listing:hover .post-gallery > a:after { -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .post.format-video.listing:hover .post-gallery > a:before { -moz-transform: scale(0.85, 0.85); -ms-transform: scale(0.85, 0.85); -webkit-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } .post.blog-post { margin-bottom: 0; } .post.blog-post .post-gallery { margin-bottom: 20px; } @media only screen and (min-width: 48.063em) { .post.blog-post .post-gallery { margin-bottom: 40px; } } .post.blog-post .post-gallery > a:after, .post.blog-post .post-gallery > a:before { display: none; } .post.blog-post .post-content { margin-bottom: 15px; } @media only screen and (min-width: 48.063em) { .post.blog-post .post-content { margin-bottom: 35px; } } .post.blog-post .post-author, .post.blog-post .authorpage { margin-top: 0; } .post.blog-post .single_category_title { margin-bottom: 18px; } .post.blog-post .post-title { margin-bottom: 25px; } .rtl .post.blog-post .post-title { text-align: right; } .post.blog-post .entry-title { padding-bottom: 15px; border-bottom: 1px dotted #a8a8a8; margin-bottom: 18px; } .post.blog-post.format-gallery .post-bottom-meta { margin-bottom: 20px; } .post.blog-post.format-gallery .post-gallery { margin-bottom: 30px; } .post.blog-post.format-gallery .post-gallery.vertical { margin: 0; } .post.blog-post.format-gallery .post-title { margin-bottom: 10px; } .post.blog-post.format-gallery .post-title h4 { margin-bottom: 0; } .post.blog-post.format-video { padding: 15px 0; background: #f3f3f3; } @media only screen and (min-width: 48.063em) { .post.blog-post.format-video { padding: 40px 0 0; } } .post.blog-post.format-video .entry-title { border-bottom: 0; margin-bottom: 0; } .post.blog-post.format-video .post-content { margin-bottom: 20px; } .post.blog-post.format-video .post-bottom-meta { text-align: left; } .post.blog-post.format-video .post-bottom-meta .time, .post.blog-post.format-video .post-bottom-meta [rel=author] { float: none; } .post.blog-post.format-video .post-gallery { background: #f3f3f3; } @media only screen and (min-width: 48.063em) { .post.blog-post.style4 { margin-top: 10px; } } .post.blog-post.style4 .post-title .post-bottom-meta { text-align: left; } .rtl .post.blog-post.style4 .post-title .post-bottom-meta { text-align: right; } .post.blog-post.style4 .post-title .post-bottom-meta [rel=author], .post.blog-post.style4 .post-title .post-bottom-meta .time { float: none; } .post.blog-post.style4 .entry-title { border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; } .post.blog-post.style4 .share-article.simple { margin-bottom: 15px; } @media only screen and (min-width: 48.063em) { .post.blog-post.style4 .share-article.simple { margin-bottom: 40px; } } .post.blog-post.style4 .post-content img.aligncenter, .post.blog-post.style4 .post-content .wp-caption.aligncenter img { margin-left: -15px; width: calc(100% + 30px); max-width: none; } @media only screen and (min-width: 48.063em) { .post.blog-post.style4 .post-content img.aligncenter, .post.blog-post.style4 .post-content .wp-caption.aligncenter img { margin-left: -50px; width: calc(100% + 100px); } } @media only screen and (min-width: 64.063em) { .post.blog-post.style4 .post-content img.aligncenter, .post.blog-post.style4 .post-content .wp-caption.aligncenter img { margin-left: -100px; width: calc(100% + 200px); } } .rtl .post.blog-post.style4 .post-content img.aligncenter, .rtl .post.blog-post.style4 .post-content .wp-caption.aligncenter img { margin-right: -15px; margin-left: auto; } @media only screen and (min-width: 48.063em) { .rtl .post.blog-post.style4 .post-content img.aligncenter, .rtl .post.blog-post.style4 .post-content .wp-caption.aligncenter img { margin-right: -50px; margin-left: auto; } } @media only screen and (min-width: 64.063em) { .rtl .post.blog-post.style4 .post-content img.aligncenter, .rtl .post.blog-post.style4 .post-content .wp-caption.aligncenter img { margin-right: -100px; margin-left: auto; } } .post.dark-color.format-video { background: #111; } .post.dark-color.format-video .post-gallery { background: none; } .post.dark-color .post-title h1, .post.dark-color .post-title h2, .post.dark-color .post-title h3, .post.dark-color .post-title h4, .post.dark-color .post-title h5, .post.dark-color .post-title h6, .post.dark-color .post-title a { color: #fff; } .post.dark-color .post-content { color: #929292; } .post.dark-color .post-bottom-meta { color: rgba(255, 255, 255, 0.4); } .post.dark-color .post-bottom-meta svg { fill: rgba(255, 255, 255, 0.4); } .post.video-others { background: none !important; } .post.video-others .post-gallery { margin-bottom: 10px; } .post.video-others .post-title { margin-bottom: 0; } .post.video-others .post-title h6 { font-size: 12px; line-height: 16px; margin: 0; } .post.trending { margin: 0; } .post.trending:before, .post.trending:after { display: none; } .post.trending .entry-title { display: inline-block; margin: 0; vertical-align: middle; } .post.trending .post-category { display: inline-block; margin: 0 0 5px; vertical-align: middle; } @media only screen and (min-width: 64.063em) { .post.trending .post-category { margin: 0 7px 0 0; } } .post.trending .post-category .single_category_title { margin: 0; } .post.trending .post-bottom-meta { display: none; } .post.listing { margin-bottom: 20px; } .post.listing .post-gallery { float: left; margin-right: 18px; max-width: 60px; width: 100%; min-height: 55px; } @media only screen and (min-width: 64.063em) { .post.listing .post-gallery { max-width: 80px; min-height: 75px; } } .rtl .post.listing .post-gallery { margin-right: 0; margin-left: 18px; float: right; } .post.listing .post-category .single_category_title { margin-bottom: 8px; } .post.listing .listing-content { padding-left: 78px; } @media only screen and (min-width: 64.063em) { .post.listing .listing-content { padding-left: 98px; } } .rtl .post.listing .listing-content { padding-left: 0; padding-right: 78px; text-align: right; } @media only screen and (min-width: 64.063em) { .rtl .post.listing .listing-content { padding-left: 0; padding-right: 98px; } } .post.listing .listing-content .avatar { display: none; } .post.listing .post-bottom-meta { margin: 0; } .post.listing h6 { font-size: 13px; line-height: 16px; margin-bottom: 5px; } .post.listing.center-listing { display: flex; margin: 0; } .post.listing.center-listing .post-gallery { max-width: 70px; min-height: auto; } .post.listing.center-listing .post-gallery img { width: 70px; max-width: none; } .post.listing.center-listing .listing-content { flex: 1; display: flex; align-items: center; padding: 0 18px 0 0; white-space: nowrap; overflow: hidden; } .post.listing.center-listing .listing-content .post-title { max-width: 100%; } .post.listing.center-listing .listing-content .entry-title { display: block; overflow: hidden; margin: 0; text-overflow: ellipsis; } .post.listing.center-listing .listing-content .post-bottom-meta { display: none; } .post.carousel-listing { cursor: pointer; } .post.carousel-listing:after { content: ''; position: absolute; bottom: -1px; left: 0; height: 3px; width: 100%; z-index: 10; } .post.carousel-listing.slick-current:after { -moz-box-shadow: inset 0 4px 0 0 #7a7a7a; -webkit-box-shadow: inset 0 4px 0 0 #7a7a7a; box-shadow: inset 0 4px 0 0 #7a7a7a; } .post.post-fashion .post-gallery { position: relative; background: none; } .post.post-fashion .post-gallery > a { background: #080808; } .post.post-fashion .post-bottom-meta [rel=author] { float: none; } .post.post-fashion .post-title-container { background: #fff; padding: 10px; text-align: center; margin: 10px 0 0; position: static; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (min-width: 48.063em) { .post.post-fashion .post-title-container { padding: 40px 40px 10px; margin: 0; } } @media only screen and (min-width: 48.063em) { .post.post-fashion.smaller-padding .post-title-container { padding: 15px; } } .post.post-fashion.offset-title.capital-title { margin-bottom: 10px; } .post.post-fashion.offset-title.capital-title .post-title { text-transform: uppercase; } @media only screen and (min-width: 48.063em) { .post.post-fashion.offset-title .post-gallery { margin-bottom: 90px; } } .post.post-fashion.offset-title .post-title-container { margin: 0 10%; transform: translateZ(0); } @media only screen and (min-width: 48.063em) { .post.post-fashion.offset-title .post-title-container { position: absolute; bottom: -80px; right: 0; left: 0; } } .post.post-fashion.offset-title.bottom-title { margin: 0; } @media only screen and (min-width: 48.063em) { .post.post-fashion.offset-title.bottom-title .post-gallery { margin-bottom: 0; } } .post.post-fashion.offset-title.bottom-title .post-title-container { margin: 10px 8%; } @media only screen and (min-width: 48.063em) { .post.post-fashion.offset-title.bottom-title .post-title-container { position: relative; top: -70px; bottom: auto; } .post.post-fashion.offset-title.bottom-title .post-title-container .entry-title { margin: 0 5% 20px; } } .post.post-overlay { position: relative; background-size: cover; background-position: center top; width: 100%; height: 0; padding-bottom: 70%; } .post.post-overlay .post-title h1 a:hover, .post.post-overlay .post-title h2 a:hover, .post.post-overlay .post-title h3 a:hover, .post.post-overlay .post-title h4 a:hover, .post.post-overlay .post-title h5 a:hover, .post.post-overlay .post-title h6 a:hover { text-decoration: none; } .post.post-overlay .post-gallery { display: flex; position: absolute; top: 0; bottom: 0; width: 100%; background: none; } .post.post-overlay .post-gallery .counts { background: #649fd6; } @media only screen and (min-width: 48.063em) { .post.post-overlay .post-gallery .counts { width: 45px; height: 45px; line-height: 45px; z-index: 10; } } .post.post-overlay .post-gallery .post-title { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .post.post-overlay .post-gallery > a { display: block; flex: 1; } .post.post-overlay .post-gallery > a:after { backface-visibility: hidden; } .post.post-overlay.block-12 { padding-bottom: 40%; } .post.post-overlay.block-8.block-style1 { padding-bottom: calc(70% - 1px); } .grid .post.post-overlay.block-8.block-style1 { padding-bottom: calc(70% - 2px); } .post.post-overlay.block-6 { padding-bottom: 60%; } .post.post-overlay.block-6.block-style4 { padding-bottom: calc(80% + 6px); } .grid .post.post-overlay.block-6.block-style4 { padding-bottom: calc(80% + 1px); } .post.post-overlay.block-4 { padding-bottom: calc(35% - 3px); } .post.post-overlay.block-4.block-style1 { padding-bottom: calc(70% - 5px); } .grid .post.post-overlay.block-4.block-style1 { padding-bottom: calc(70% - 1px); } .post.post-overlay.block-4.block-style3 { padding-bottom: 70%; } @media only screen and (min-width: 48.063em) { .post.post-overlay.block-4.block-style3 { padding-bottom: calc(35% - 10px); } } .grid .post.post-overlay.block-4.block-style3 { padding-bottom: 70%; } @media only screen and (min-width: 48.063em) { .grid .post.post-overlay.block-4.block-style3 { padding-bottom: calc(35% - 1px); } } .post.post-overlay.block-3 { padding-bottom: 80%; } .post.post-overlay.format-gallery .post-gallery > a:before, .post.post-overlay.format-video .post-gallery > a:before { display: none; } .post.post-overlay.widget-overlay { padding-bottom: 110%; } @media only screen and (min-width: 80em) { .post-carousel-style3 .post.post-overlay.widget-overlay { padding-bottom: 90%; } } @media only screen and (min-width: 48.063em) { .post.post-overlay.large-padding .post-gallery .post-title { margin: 30px; } } @media only screen and (min-width: 80em) { .post.post-overlay.large-padding .post-gallery .post-title { margin: 40px; } } .post.post-overlay.max-height .post-gallery { max-height: none; overflow: hidden; } @media only screen and (min-width: 48.063em) { .post.post-overlay.max-height .post-gallery { max-height: 200px; } } @media only screen and (min-width: 64.063em) { .post.post-overlay.max-height .post-gallery { max-height: none; } } .post.post-overlay.top-title .post-gallery .post-title { bottom: auto; top: 0; left: 0; right: 0; } .post.post-overlay.show-excerpts .post-content { clear: both; overflow: hidden; max-height: 0; color: #fff; text-transform: none; } .post.post-overlay.show-excerpts .post-content p { display: block; padding: 15px 0; } .post.post-overlay.show-excerpts .post-content .post-bottom-meta { text-align: left; } .post.post-overlay.show-excerpts .post-content .post-bottom-meta svg { fill: #fff; } .post.post-overlay.show-excerpts:hover .post-content { max-height: 140px; } .post.post-overlay.center-title .post-bottom-meta { text-align: center; } .post.post-overlay.center-title .post-bottom-meta .time, .post.post-overlay.center-title .post-bottom-meta [rel=author] { float: none; } .post.post-overlay.center-title .post-gallery .post-title { position: absolute; top: 50%; margin: 0 10%; bottom: auto; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .post.post-overlay.center-title .post-gallery > a { position: relative; } .post.post-overlay.center-title .post-gallery > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; background: rgba(0, 0, 0, 0.6); opacity: 0.3; } .post.post-overlay.center-title:hover .post-gallery > a:after { opacity: 1; } .post.post-overlay.bottom-gradient .post-gallery > a { background: none; position: relative; } .post.post-overlay.bottom-gradient .post-gallery > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; opacity: 0.8; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.7))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)); background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7)); background-size: auto; } .post.post-overlay.bottom-gradient .post-gallery > a img { opacity: 1; } .post.post-overlay.bottom-gradient:hover .post-gallery > a:after { opacity: 1; } .post.post-overlay.top-gradient .post-gallery > a { background: none; position: relative; } .post.post-overlay.top-gradient .post-gallery > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; background-color: transparent; opacity: 0.8; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1)); background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1)); background-size: auto; } .post.post-overlay.top-gradient .post-gallery > a img { opacity: 1; } .post.post-overlay.top-gradient .post-gallery .counts { top: auto; bottom: 0; } .post.post-overlay.top-gradient:hover .post-gallery > a:after { opacity: 1; } .post.post-overlay.color1-gradient .post-gallery > a { background: none; position: relative; } .post.post-overlay.color1-gradient .post-gallery > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; background-color: transparent; opacity: 0.6; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA5MTUwNiIgeTE9IjAuMTU4NDk0IiB4Mj0iMS4wOTE1MDYiIHkyPSIwLjg0MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjMzAzMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmZGEyNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(330deg, #dc3030, #cfda26); background-image: -webkit-linear-gradient(330deg, #dc3030, #cfda26); background-image: linear-gradient(120deg, #dc3030, #cfda26); } .post.post-overlay.color1-gradient .post-gallery > a img { opacity: 1; } .post.post-overlay.color1-gradient .post-gallery .counts { top: auto; bottom: 0; } .post.post-overlay.color1-gradient:hover .post-gallery > a:after { opacity: 0.9; } .post.post-overlay.color2-gradient .post-gallery > a { background: none; position: relative; } .post.post-overlay.color2-gradient .post-gallery > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; background-color: transparent; opacity: 0.8; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA5MTUwNiIgeTE9IjAuMTU4NDk0IiB4Mj0iMS4wOTE1MDYiIHkyPSIwLjg0MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MjA4OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E4MzI3OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(330deg, #292088, #a83279); background-image: -webkit-linear-gradient(330deg, #292088, #a83279); background-image: linear-gradient(120deg, #292088, #a83279); background-size: auto; } .post.post-overlay.color2-gradient .post-gallery > a img { opacity: 1; } .post.post-overlay.color2-gradient .post-gallery .counts { top: auto; bottom: 0; } .post.post-overlay.color2-gradient:hover .post-gallery > a:after { opacity: 0.9; } .post.post-overlay.color3-gradient .post-gallery > a { background: none; position: relative; } .post.post-overlay.color3-gradient .post-gallery > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; background-color: transparent; opacity: 0.8; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA5MTUwNiIgeTE9IjAuMTU4NDk0IiB4Mj0iMS4wOTE1MDYiIHkyPSIwLjg0MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmFiNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkNjJiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(330deg, #006ab4, #fd62b2); background-image: -webkit-linear-gradient(330deg, #006ab4, #fd62b2); background-image: linear-gradient(120deg, #006ab4, #fd62b2); background-size: auto; } .post.post-overlay.color3-gradient .post-gallery > a img { opacity: 1; } .post.post-overlay.color3-gradient .post-gallery .counts { top: auto; bottom: 0; } .post.post-overlay.color3-gradient:hover .post-gallery > a:after { opacity: 0.9; } .post.post-overlay.color4-gradient .post-gallery > a { background: none; position: relative; } .post.post-overlay.color4-gradient .post-gallery > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; background-color: transparent; opacity: 0.8; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA5MTUwNiIgeTE9IjAuMTU4NDk0IiB4Mj0iMS4wOTE1MDYiIHkyPSIwLjg0MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5Yzk5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAxNmZiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(330deg, #09c995, #016fbb); background-image: -webkit-linear-gradient(330deg, #09c995, #016fbb); background-image: linear-gradient(120deg, #09c995, #016fbb); background-size: auto; } .post.post-overlay.color4-gradient .post-gallery .counts { top: auto; bottom: 0; } .post.post-overlay.color4-gradient:hover .post-gallery > a:after { opacity: 0.9; } .post.post-overlay.color5-gradient .post-gallery > a { background: none; position: relative; } .post.post-overlay.color5-gradient .post-gallery > a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; border: 0; margin: 0; width: 100%; height: 100%; border-radius: 0; background-color: transparent; opacity: 0.8; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA5MTUwNiIgeTE9IjAuMTU4NDk0IiB4Mj0iMS4wOTE1MDYiIHkyPSIwLjg0MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YTY1NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUzMzlhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(330deg, #f7a656, #5339a8); background-image: -webkit-linear-gradient(330deg, #f7a656, #5339a8); background-image: linear-gradient(120deg, #f7a656, #5339a8); background-size: auto; } .post.post-overlay.color5-gradient .post-gallery .counts { top: auto; bottom: 0; } .post.post-overlay.color5-gradient:hover .post-gallery > a:after { opacity: 0.9; } .post.post-overlay .post-gallery .post-title { position: absolute; bottom: 0; left: 0; right: 0; margin: 15px; z-index: 2; } .post.post-overlay .post-gallery .post-title a { color: #fff; } .post.post-overlay .post-gallery .post-title .post-bottom-meta, .post.post-overlay .post-gallery .post-title .post-bottom-meta a { color: rgba(255, 255, 255, 0.8); } @media only screen and (max-width: 48.063em) { .post.post-overlay .post-gallery .post-title h1 { font-size: 18px; line-height: 24px; } } .post.post-overlay.photo-listing { margin-bottom: 10px; } .post.post-overlay.photo-listing .post-title h5 { margin-bottom: 5px; } .post.carousel-style2 { text-align: center; border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; } .post.carousel-style2 .post-bottom-meta [rel=author] { float: none; } .post.carousel-style2 .post-title-container { padding: 15px; } @media only screen and (min-width: 48.063em) { .post.carousel-style2 .post-title-container { padding: 30px; } } .post.carousel-style2 .post-gallery > a:hover > img { opacity: 1; } .post.carousel-style2 .entry-title { font-weight: 400; } .post.carousel-style2:hover { background: #080808; color: #fff; } .post.carousel-style2:hover .post-title a, .post.carousel-style2:hover .post-category a, .post.carousel-style2:hover .post-bottom-meta a, .post.carousel-style2:hover .post-bottom-meta { color: #fff; } .grid .post.carousel-style2 { border-right: 0; } .post.style1 { margin-bottom: 20px; } .post.style1.solo .post-bottom-meta { display: none; } .rtl .post.style1 { text-align: right; } .post.style1-featured .post-gallery { margin-bottom: 20px; } .post.style1-meta .post-gallery { margin-bottom: 20px; } .post.style2 .post-gallery { margin-bottom: 18px; min-height: 90px; } @media only screen and (min-width: 48.063em) { .post.style2 .post-gallery { margin-bottom: 0; } } .post.style3 .post-gallery { margin-bottom: 18px; min-height: 60px; } @media only screen and (min-width: 64.063em) { .post.style3 .post-gallery { min-height: 70px; } } @media only screen and (min-width: 80em) { .post.style3 .post-gallery { min-height: 85px; } } .post.style3.style3-alt { text-align: center; } .post.style3.style3-alt .post-bottom-meta [rel=author] { float: none; } .post.style3.style3-alt .post-bottom-meta .time { margin-right: 0; } .post.style4 .post-gallery { margin-bottom: 20px; min-height: 150px; } @media only screen and (min-width: 48.063em) { .post.style4 .post-gallery { margin-bottom: 0; } } @media only screen and (min-width: 64.063em) { .post.style4 .post-gallery { min-height: 190px; } } @media only screen and (min-width: 80em) { .post.style4 .post-gallery { min-height: 250px; } } .post.style5 .post-gallery { margin-bottom: 25px; } .post.style5 .entry-title { font-weight: 400; } .post-author, .authorpage { padding: 15px 0 0; margin-bottom: 15px; border-top: 1px dotted #a8a8a8; margin-top: 30px; } @media only screen and (min-width: 48.063em) { .post-author, .authorpage { padding: 30px 0 0; margin-bottom: 30px; } } .post-author .avatar, .authorpage .avatar { float: left; margin-right: 30px; width: 86px; display: none; } @media only screen and (min-width: 48.063em) { .post-author .avatar, .authorpage .avatar { display: block; } } .post-author .author-content, .authorpage .author-content { padding-left: 0; } @media only screen and (min-width: 48.063em) { .post-author .author-content, .authorpage .author-content { padding-left: 116px; } } .post-author h5, .authorpage h5 { font-size: 14px; margin-bottom: 5px; } @media only screen and (min-width: 48.063em) { .post-author h5, .authorpage h5 { margin-bottom: 15px; } } .post-author p, .authorpage p { font-size: 13px; margin-bottom: 7px; } .post-author .fa, .authorpage .fa { font-size: 11px; margin-right: 7px; } .post-header { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; margin-bottom: 15px; background: #080808; display: flex; } @media only screen and (min-width: 48.063em) { .post-header { margin-bottom: 30px; } } @media only screen and (max-width: 48.063em) { .post-header .post-title h1 { font-size: 20px; line-height: 26px; } } .post-header.parallax_bg { position: relative; overflow: hidden; } .post-header.parallax_bg .inline_bg { width: 100%; height: 150%; background-size: cover; background-position: center center; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); position: absolute; top: -15%; left: 0; opacity: 0.4; will-change: transform; } .post-header.no-shadow { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; margin-bottom: 0; } .post-header.no-shadow > div { background: none; } .post-header.no-shadow + .row { padding-top: 15px; } @media only screen and (min-width: 48.063em) { .post-header.no-shadow + .row { padding-top: 30px; } } .post-header .inner_header { background: rgba(8, 8, 8, 0.4); padding: 15px 0; min-height: 150px; position: relative; display: flex; align-items: center; width: 100%; } @media only screen and (min-width: 48.063em) { .post-header .inner_header { min-height: 290px; } } @media only screen and (min-width: 64.063em) { .post-header .inner_header { min-height: 390px; } } @media only screen and (min-width: 80em) { .post-header .inner_header { min-height: 490px; } } @media only screen and (min-width: 100em) { .post-header .inner_header { min-height: 600px; } } .post-header .inner_header .children { display: block; vertical-align: middle; margin: 0 auto; } .post-header .inner_header .post-title { color: #fff; padding: 0; width: 100%; } @media only screen and (min-width: 48.063em) { .post-header .inner_header .post-title { padding: 0 10%; } } @media only screen and (min-width: 64.063em) { .post-header .inner_header .post-title { padding: 0 20%; } } .post-header .inner_header .post-title .post-bottom-meta { text-align: center; } .post-header .inner_header .post-title .post-bottom-meta [rel=author], .post-header .inner_header .post-title .post-bottom-meta .time { float: none; } .post-header .inner_header .post-title .post-bottom-meta svg { fill: #fff; } .post-header .inner_header .post-title h1, .post-header .inner_header .post-title a, .post-header .inner_header .post-title .post-bottom-meta, .post-header .inner_header .post-title .post-bottom-meta a { color: #fff; } .rtl .post-header .inner_header .post-title { text-align: right; } .post-header .inner_header > .row { flex: 1; flex-basis: auto; } .post-header.small .inner_header { padding: 15px 0; } @media only screen and (min-width: 48.063em) { .post-header.small .inner_header { padding: 60px 0 90px; min-height: 0; } } @media only screen and (min-width: 64.063em) { .post-header.small .inner_header { min-height: 0; } } @media only screen and (min-width: 80em) { .post-header.small .inner_header { min-height: 0; } } @media only screen and (min-width: 100em) { .post-header.small .inner_header { padding: 90px 0 120px; } } .post-header.small .inner_header .post-title .post-bottom-meta { text-align: right; } .post-header.small .inner_header .post-title .post-bottom-meta [rel=author], .post-header.small .inner_header .post-title .post-bottom-meta .time { float: left; } .rtl .post-header.small .inner_header .post-title .post-bottom-meta [rel=author], .rtl .post-header.small .inner_header .post-title .post-bottom-meta .time { float: right; } @media only screen and (min-width: 48.063em) { .post-header.small .inner_header .post-title { padding: 0; } } @media only screen and (min-width: 48.063em) { .post-header.small .post-title { margin-bottom: 15px; } } .post-header.small .post-title .entry-title { padding-bottom: 15px; border-bottom: 1px dotted rgba(255, 255, 255, 0.6); margin-bottom: 18px; } .post-header.small + .style5-container { background: #fff; position: relative; padding-top: 0; } @media only screen and (min-width: 48.063em) { .post-header.small + .style5-container { padding-top: 50px; margin-top: -90px; } } .post-header.small + .style5-container .featured_image_credit { bottom: auto; top: -24px; } .post-header.style3 { margin-bottom: 0; } .post-header.style3 + .row { padding-top: 15px; } @media only screen and (min-width: 48.063em) { .post-header.style3 + .row { padding-top: 30px; } } @media only screen and (max-width: 48.063em) { .post-header.style4 { margin-left: -15px; padding: 0 15px; width: calc(100% + 30px); } } .post-content-container { padding-left: 0; min-height: 320px; } @media only screen and (min-width: 48.063em) { .post-content-container { padding-left: 98px; } .rtl .post-content-container { padding-left: 0; padding-right: 98px; } } .post-content-container + .share-article { width: auto; max-width: 100%; margin: 0 0 50px; float: none; text-align: center; } .share-container { position: relative; } .share-article-vertical { display: block; float: left; width: 60px; margin-bottom: 30px; position: absolute; margin-top: 5px; } .subheader .share-article-vertical { margin: 0; } .share-article-vertical .share-title { display: block; background: #080808; padding: 16px 12px; color: #fff; font-size: 16px; line-height: 1; text-align: center; margin: 0; } .share-article-vertical .share-title em { font-style: normal; } .share-article-vertical .share-title span { display: block; margin-top: 5px; text-transform: uppercase; font-size: 9px; color: rgba(255, 255, 255, 0.6); } .share-article-vertical .social { display: block; width: 60px; height: 59px; line-height: 59px; text-align: center; font-size: 14px; color: #aeaeae; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; } .share-article-vertical .social.whatsapp span { font-size: 14px; } .share-article-vertical .social span { position: absolute; top: 0; left: -1px; display: block; width: 60px; height: 59px; line-height: 59px; color: #fff; font-size: 16px; font-weight: 600; text-align: center; opacity: 0; } .share-article-vertical .social.facebook span { background: #3b5998; } .share-article-vertical .social.google-plus span { background: #dd4b39; } .share-article-vertical .social.linkedin span { background: #007bb6; } .share-article-vertical .social.pinterest span { background: #cb2027; } .share-article-vertical .social.twitter span { background: #00aced; } .share-article-vertical .social.instagram span { background: #3f729b; } .share-article-vertical .social.vk span { background: #45668e; } .share-article-vertical .social.tumblr span { background: #35465c; } .share-article-vertical .social.xing span { background: #cfdc00; } .share-article-vertical .social.soundcloud span { background: #f80; } .share-article-vertical .social.dribbble span { background: #ea4c89; } .share-article-vertical .social.youtube span { background: #e52d27; } .share-article-vertical .social.spotify span { background: #7ab800; } .share-article-vertical .social.behance span { background: #1769ff; } .share-article-vertical .social.deviantart span { background: #4e6252; } .share-article-vertical .social.vimeo span { background: #1ab7ea; } .share-article-vertical .social.rss span { background: #f26522; } .share-article-vertical .social.twitch span { background: #6441a5; } .share-article-vertical .social.whatsapp span { background: #25d366; } .share-article-vertical .social:hover span { opacity: 1; } .share-article { background: #f5f5f5; padding: 15px; text-align: center; } .share-article.simple { padding: 0; background: none; text-align: left; } .rtl .share-article.simple { text-align: right; } .share-article.simple .share-title { display: block; font-size: 16px; line-height: 1; text-align: center; margin: 0; float: left; padding: 4px 8px 4px 0; height: 36px; background: transparent; } .share-article.simple .share-title em { font-style: normal; } .share-article.simple .share-title span { display: block; margin-top: 5px; text-transform: uppercase; font-size: 9px; color: rgba(8, 8, 8, 0.6); } .rtl .share-article.simple .share-title { float: right; padding: 4px 0 4px 8px; } .video-format-post .share-article .share-title { display: none; } .video-format-post .share-article .social { padding-left: 40px; } .share-article .share-article { text-align: right; } .share-article .share-article .share-title { display: none; } .share-article .share-title { margin-bottom: 15px; line-height: 1; text-transform: uppercase; } @media only screen and (min-width: 48.063em) { .share-article { padding: 27px; text-align: left; } .share-article h6 { line-height: 36px; margin-bottom: 0; } } .share-article .social { display: inline-flex; line-height: 36px; color: #fff; font-size: 12px; font-weight: 600; padding: 0 14px 0 50px; position: relative; border-radius: 3px; vertical-align: middle; width: 49%; margin: 0 0 4px; text-align: right; } .share-article .social .fa { display: block; position: absolute; top: 0; left: 0; width: 30px; line-height: 36px; text-align: center; } .share-article .social.whatsapp { width: 40px; padding: 0; font-size: 14px; justify-content: center; } .share-article .social.whatsapp .fa { display: inline-block; position: static; } .share-article .social.facebook { background: #3b5998; } .share-article .social.facebook:hover { background: #324c82; color: #fff !important; } .share-article .social.google-plus { background: #dd4b39; } .share-article .social.google-plus:hover { background: #d33724; color: #fff !important; } .share-article .social.linkedin { background: #007bb6; } .share-article .social.linkedin:hover { background: #006697; color: #fff !important; } .share-article .social.pinterest { background: #cb2027; } .share-article .social.pinterest:hover { background: #b11c22; color: #fff !important; } .share-article .social.twitter { background: #00aced; } .share-article .social.twitter:hover { background: #0096ce; color: #fff !important; } .share-article .social.instagram { background: #3f729b; } .share-article .social.instagram:hover { background: #366285; color: #fff !important; } .share-article .social.vk { background: #45668e; } .share-article .social.vk:hover { background: #3b5779; color: #fff !important; } .share-article .social.tumblr { background: #35465c; } .share-article .social.tumblr:hover { background: #2a3749; color: #fff !important; } .share-article .social.xing { background: #cfdc00; } .share-article .social.xing:hover { background: #b2bd00; color: #fff !important; } .share-article .social.soundcloud { background: #f80; } .share-article .social.soundcloud:hover { background: #e07800; color: #fff !important; } .share-article .social.dribbble { background: #ea4c89; } .share-article .social.dribbble:hover { background: #e73177; color: #fff !important; } .share-article .social.youtube { background: #e52d27; } .share-article .social.youtube:hover { background: #d41f1a; color: #fff !important; } .share-article .social.spotify { background: #7ab800; } .share-article .social.spotify:hover { background: #669900; color: #fff !important; } .share-article .social.behance { background: #1769ff; } .share-article .social.behance:hover { background: #0057f7; color: #fff !important; } .share-article .social.deviantart { background: #4e6252; } .share-article .social.deviantart:hover { background: #405144; color: #fff !important; } .share-article .social.vimeo { background: #1ab7ea; } .share-article .social.vimeo:hover { background: #13a3d2; color: #fff !important; } .share-article .social.rss { background: #f26522; } .share-article .social.rss:hover { background: #e8540e; color: #fff !important; } .share-article .social.twitch { background: #6441a5; } .share-article .social.twitch:hover { background: #57388f; color: #fff !important; } .share-article .social.whatsapp { background: #25d366; } .share-article .social.whatsapp:hover { background: #20b959; color: #fff !important; } @media only screen and (min-width: 48.063em) { .share-article .social { width: auto; margin: 0; } } .circle_rating { display: none; position: absolute; top: 18px; right: 18px; z-index: 20; } @media only screen and (min-width: 48.063em) { .circle_rating { display: block; } } .rtl .circle_rating { right: auto; left: 18px; } .circle_rating span { display: block; width: 90px; height: 90px; line-height: 92px; text-align: center; color: #fff; font-size: 26px; font-weight: 600; position: absolute; top: 0; left: 0; } .circle_rating .circle_base { stroke: rgba(0, 0, 0, 0.2); stroke-width: 6px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .circle_rating .circle_perc { stroke: #649fd6; stroke-width: 6px; stroke-linecap: round; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .circle_rating.small { top: 18px; right: 18px; } .circle_rating.small span { width: 50px; height: 50px; line-height: 52px; font-size: 16px; } .circle_rating.small .circle_base, .circle_rating.small .circle_perc { stroke-width: 3px; } .rtl .circle_rating.small { right: auto; left: 18px; } .posts { display: flex; flex-wrap: wrap; } .posts:before { display: none; } .safari .posts { display: block; } .other_videos { background: #ebebeb; padding: 35px 0 5px; margin-bottom: 30px; } .other_videos.dark-color { background: #161616; } .related-posts .related-title { display: block; padding-bottom: 20px; border-bottom: 2px solid #eaeaea; margin-bottom: 30px; } .related-posts .post .post-gallery { margin-bottom: 15px; } .related-posts .row { display: flex; flex-wrap: wrap; } .related-posts .row:after, .related-posts .row:before { display: none; } .featured_image_credit { display: none; color: #fff; position: absolute; bottom: 0; left: 0; padding: 7px 9px; font-size: 10px; background: rgba(0, 0, 0, 0.4); } @media only screen and (min-width: 48.063em) { .featured_image_credit { display: block; } } .rtl .featured_image_credit { left: auto; right: 0; } .post-detail-row { background: #fff; } #infinite-article { background: #fff; will-change: contents; } #infinite-article.on { padding-bottom: 100px; } .masonry_loader { width: 100%; } .post-review { border: 2px solid #f0f0f0; } .post-review.style1 { margin: 0 0 20px; } .post-review.style2 { width: 100%; float: left; margin: 0 0 20px; } @media only screen and (min-width: 48.063em) { .post-review.style2 { width: 50%; margin: 0 30px 20px 0; } } .post-review.style2 .comment_section { margin-bottom: 20px; } .post-review.style2 .average { margin: 0 -14px -14px -14px; } @media only screen and (min-width: 48.063em) { .post-review.style2 .average { margin: 0 -30px -30px -30px; } } .post-review.style3 { margin-top: 30px; } .post-review .post-review-content { border-bottom: 1px solid #f0f0f0; padding: 12px; } @media only screen and (min-width: 48.063em) { .post-review .post-review-content { padding: 28px; } } .post-review .post-review-bottom { padding: 12px; } @media only screen and (min-width: 48.063em) { .post-review .post-review-bottom { padding: 28px; } } .post-review h6 { text-transform: uppercase; margin-bottom: 15px; } @media only screen and (min-width: 48.063em) { .post-review h6 { margin-bottom: 30px; } } .post-review ul { margin: 0; list-style: none; } .post-review ul li { margin-bottom: 15px; font-size: 12px; font-weight: 600; color: #080808; } @media only screen and (min-width: 48.063em) { .post-review ul li { margin-bottom: 25px; } } .post-review ul li:last-child { margin-bottom: 0; } .post-review ul li .show-for-medium { text-align: right; } .rtl .post-review ul li .show-for-medium { text-align: left; } .rtl .post-review ul li { text-align: right; } .post-review ul li .progress { width: 100%; background: #eeeeee; height: 14px; margin-top: 4px; } .post-review ul li .progress span { background: #649fd6; display: block; height: 14px; width: 0; } .rtl .post-review ul li .progress span { float: right; } .post-review .comment_section { margin-bottom: 15px; } @media only screen and (min-width: 48.063em) { .post-review .comment_section { margin-bottom: 0; } } .rtl .post-review .comment_section { text-align: right; } .post-review .comment_section p { display: block; margin-bottom: 10px; position: relative; padding-left: 24px; font-size: 12px; line-height: 14px; } .post-review .comment_section p:before { content: ''; display: block; width: 14px; height: 14px; line-height: 16px; color: #fff; border-radius: 7px; text-align: center; position: absolute; top: 0; left: 0; } .post-review .comment_section p.positive:before { content: '+'; background: #0fbf5e; } .post-review .comment_section p.negative:before { content: '-'; background: #fe3166; } .rtl .post-review .comment_section p { padding-left: 0; padding-right: 24px; } .rtl .post-review .comment_section p:before { left: auto; right: 0; } .post-review .post_comment { text-transform: uppercase; font-size: 12px; font-weight: 600; display: block; margin-bottom: 20px; color: #080808; } .post-review .average { display: block; margin: 0; padding: 0; text-align: center; font-size: 38px; line-height: 1; padding: 15px; color: #fff; background: #649fd6; font-weight: 600; } @media only screen and (min-width: 48.063em) { .post-review .average { padding: 25px 15px; margin: 0; } } @media only screen and (min-width: 64.063em) { .post-review .average { padding: 35px 15px; } } @media only screen and (min-width: 64.063em) { .post-review .average { padding: 45px 15px; } } /*------------------------------------------------------------------ Pages */ .authorpage { margin: 0 0 20px; border: 0; background: #080808; padding: 15px; } .authorpage .avatar-link { display: inline-block; } .author .authorpage .avatar-link { float: left; } .authorpage h5 { font-size: 20px; line-height: 1; margin: 0; } .authorpage h5 a { color: #fff; } .authorpage h4 { margin: 8px 0 0 0; font-size: 12px; line-height: 1; font-weight: 500; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); } .authorpage span { display: inline-block; font-size: 10px; font-weight: 600; text-transform: uppercase; background: rgba(255, 255, 255, 0.3); color: #fff; padding: 3px 4px 2px; margin-top: 12px; } .authorpage span + span { margin-left: 5px; } .authorpage p { margin-top: 18px; margin-bottom: 15px; color: #a6a6a6; font-size: 12px; } .authorpage a { color: #9c9c9c; } .authorpage a:hover { color: #fff; } .authorpage a .fa { font-size: 14px; } .authorpage .avatar { width: 164px; } @media only screen and (min-width: 48.063em) { .authorpage { padding: 30px; margin-bottom: 45px; } .authorpage .author-content { padding-left: 194px; } .authorpage h5 { font-size: 28px; } } .author_list .authorpage { background: #f6f6f6; flex: 1; text-align: center; margin-bottom: 30px; } .author_list .authorpage .avatar { float: none; margin: 0 auto 30px; border-radius: 50%; } .author_list .authorpage .author-content { padding: 0; } .author_list .authorpage .author-content h5 a { font-size: 20px; color: #080808; } .author_list .authorpage .author-content h4 { color: #8a8a8a; } .author_list .authorpage .author-content span { background: #8f8f8f; } .author_list .authorpage .author-content p { color: #a6a6a6; } .author_list .authorpage .author-content a:hover { color: #080808; } .author_list .columns { display: flex; } .subcategory_container { width: 100%; min-height: 50px; } .subcategory_container .thb-sibling-categories { display: block; width: 100%; text-align: right; height: 50px; overflow: hidden; } .subcategory_container .thb-sibling-categories.active { overflow: visible; } .subcategory_container .thb-sibling-categories li { display: inline-block; margin: 0; white-space: nowrap; } .subcategory_container .thb-sibling-categories li + li { padding-left: 20px; } .rtl .subcategory_container .thb-sibling-categories li + li { padding-left: 0; padding-right: 20px; } .subcategory_container .thb-sibling-categories li a { font-size: 11px; color: #080808; text-transform: uppercase; font-weight: 600; line-height: 50px; } .subcategory_container .thb-sibling-categories li a:hover { color: #649fd6; } .subcategory_container .thb-sibling-categories .thb-pull-down { display: none; position: relative; } .subcategory_container .thb-sibling-categories .thb-pull-down .fa { margin-left: 5px; } .subcategory_container .thb-sibling-categories .thb-pull-down .sub-menu-holder { display: none; position: absolute; top: 100%; right: 0; padding-top: 12px; z-index: 10; } .subcategory_container .thb-sibling-categories .thb-pull-down .sub-menu { padding: 10px; background: #fff; } .subcategory_container .thb-sibling-categories .thb-pull-down .sub-menu li { display: block; } .subcategory_container .thb-sibling-categories .thb-pull-down .sub-menu li a { line-height: 1.6; } .subcategory_container .thb-sibling-categories .thb-pull-down:hover .sub-menu-holder { display: block; } .subcategory_container.small { height: 25px; min-height: 25px; margin: 0; } .subcategory_container.small .thb-sibling-categories { height: 25px; } .subcategory_container.small .thb-sibling-categories li a { line-height: 1; color: #646464; } .category-title { margin-bottom: 15px; } @media only screen and (min-width: 48.063em) { .category-title { margin-bottom: 30px; } } .category-title.style2 h1 { font-size: 20px; line-height: 1; font-weight: 600; margin-bottom: 0; line-height: 50px; text-transform: uppercase; } @media only screen and (min-width: 48.063em) { .category-title.style2 h1 { font-size: 24px; } } .category-title.style2 .category-header { border-bottom: 1px solid #080808; } .category-title.style2 .thb-sibling-categories { margin: 0; text-align: right; } .category-title.style2 p { font-size: 14px; margin: 15px 0 0 0; } .category-title.style1 .category-header { background: #649fd6; padding: 20px; text-align: center; padding-bottom: 18px; background-size: cover; } @media only screen and (min-width: 48.063em) { .category-title.style1 .category-header { padding: 40px; padding-bottom: 36px; } } .category-title.style1 h1 { font-size: 20px; line-height: 1; font-weight: 600; margin-bottom: 0; color: #fff; text-transform: uppercase; } .category-title.style1 p { margin-bottom: 0; font-size: 12px; margin-top: 10px; color: rgba(255, 255, 255, 0.8); } .category-title.style1 .thb-sibling-categories { list-style: none; padding: 0; min-height: 50px; border-bottom: 2px solid rgba(0, 0, 0, 0.05); text-align: center; } @media only screen and (min-width: 48.063em) { .category-title.style1 { margin-bottom: 30px; } .category-title.style1 h1 { font-size: 30px; } } @media only screen and (min-width: 80em) { .category-title.style1 h1 { font-size: 40px; } } .category-grid { margin-bottom: 30px; } /*------------------------------------------------------------------ Sidebar & Widgets */ .page-padding { margin: 30px 0; } @media only screen and (min-width: 48.063em) { .page-padding { margin: 50px 0; } } @media only screen and (min-width: 64.063em) { .page-padding { margin: 70px 0; } } @media only screen and (min-width: 80em) { .page-padding { margin: 90px 0; } } @media only screen and (min-width: 64.063em) { .sidebar { padding-left: 45px; } .rtl .sidebar { padding-left: 15px; padding-right: 45px; } } .sidebar.large-order-1 { padding-left: 15px; padding-right: 15px; } @media only screen and (min-width: 64.063em) { .sidebar.large-order-1 { padding-right: 45px; } } .widget { margin-bottom: 30px; background: #f5f5f5; padding: 15px; font-size: 12px; color: rgba(0, 0, 0, 0.8); } @media only screen and (min-width: 48.063em) { .widget { padding: 20px; } } @media only screen and (min-width: 64.063em) { .widget { padding: 30px; } } .widget .slick-nav { background: #f5f5f5; } .widget > strong { display: flex; justify-content: space-between; align-items: center; font-size: 14px; text-transform: uppercase; padding-bottom: 13px; margin-bottom: 28px; border-bottom: 2px solid #080808; } .rtl .widget > strong span a { margin-left: 0; margin-right: 8px; } .widget > strong span { display: none; line-height: 14px; } @media only screen and (min-width: 64.063em) { .widget > strong span { display: block; } } .widget > strong span a { display: inline-flex; font-size: 11px; color: rgba(0, 0, 0, 0.4); margin-left: 8px; } .widget > strong span a.active { color: rgba(0, 0, 0, 0.8); } .widget ul { margin: 0; position: relative; } .widget ul.thb-loading:after { bottom: 0; top: 50%; margin-top: -19px; } .widget ul li { display: block; padding: 10px 0; font-size: 14px; line-height: 18px; margin: 0; } .widget ul li:first-child { padding-top: 0; } .widget ul li:last-child { padding-bottom: 0; } .widget ul li p { font-size: 13px; line-height: 18px; } .widget ul li.post.listing { margin: 0; } .widget ul.point-list li.post.listing { padding-top: 0; padding-left: 14px; margin-bottom: 15px; } .widget ul.point-list li.post.listing:last-child { margin: 0; } .widget ul.menu a { font-size: 14px; font-weight: 300; } .widget ul.menu .current-menu-item > a { color: #7a7a7a; } .widget ul.menu .sub-menu { margin-top: 15px; padding-top: 15px; padding-left: 10px; border-top: 1px solid #eeeeee; } .widget.widget_featured_video iframe { width: 100%; } .widget.widget_featured_video .flex-video { margin: 0; } .widget.widget_tag_cloud ul li { display: inline-block; padding: 0; border: 0; } .widget.widget_tag_cloud .next { display: none; } .widget.widget_nav_menu ul li { border: 0; } .widget.widget_nav_menu ul li a { color: #959595; font-size: 14px; } .widget.widget_nav_menu ul li a:hover { color: #080808; } .widget.widget_nav_menu ul li.current-menu-item > a { color: #080808; } .widget.widget_nav_menu ul li .sub-menu { border: 0; padding-top: 5px; } .widget.widget_recent_entries ul li { border-bottom: 0; padding: 0; margin-bottom: 15px; } .widget.widget_recent_entries ul li a { display: block; color: #080808; } .widget.widget_recent_entries ul li span { display: block; font-size: 11px; text-transform: uppercase; } .widget.widget_recent_entries ul li:last-child { margin: 0; } .widget.widget_recent_comments ul li { border-bottom: 0; padding: 0 0 0 30px; margin-bottom: 15px; position: relative; } .widget.widget_recent_comments ul li:after { content: '\f0e5'; font-family: FontAwesome; color: #080808; position: absolute; top: -1px; left: 0; } .widget.widget_recent_comments ul li .comment-author-link, .widget.widget_recent_comments ul li a { color: #080808; } .widget.widget_recent_comments ul li .comment-author-link { font-weight: 700; text-transform: capitalize; } .widget.widget_recent_comments ul li a { font-weight: 500; } .widget.widget_recent_comments ul li:last-child { margin: 0; } .widget.widget_singlead { padding: 0; background: none; text-align: center; } .widget.widget_multiplead { padding-bottom: 0; } .widget.widget_multiplead img { margin-bottom: 30px; } .widget.widget_categoryposts .post .post-category { display: none; } .widget.widget_calendar #calendar_wrap { border: 1px solid #dcdcdc; } .widget.widget_calendar table { background: #fff; border: 0; width: 100%; border-collapse: collapse; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget.widget_calendar table thead { background: #fff; font-size: 12px; border-bottom: 1px solid #dcdcdc; } .widget.widget_calendar table thead th { padding: 13px 0; color: #303030; text-align: center; font-weight: 800; } .widget.widget_calendar table tbody tr:nth-child(even) { background: #f8f8f8; } .widget.widget_calendar table tbody td { font-size: 12px; color: #686868; text-align: center; padding: 9px 0; } .widget.widget_calendar table tfoot { background: #fff; margin-top: 10px; border-top: 1px solid #dcdcdc; } .widget.widget_calendar table tfoot tr td { padding: 12px 14px; font-size: 12px; } .widget.widget_calendar table tfoot tr td a { color: #737373; text-transform: uppercase; font-weight: 800; } .widget.widget_calendar table tfoot tr #next { text-align: right; } .widget.widget_calendar table caption { color: #303030; font-size: 12px; text-transform: uppercase; font-weight: 400; padding: 15px 0; border-bottom: 1px solid #dcdcdc; } .widget.widget_postslider .post { margin-bottom: 0; } .widget.widget_topreviews .style1 li { display: block; background: rgba(0, 0, 0, 0.05); padding: 20px 40px 18px 20px; margin-bottom: 10px; position: relative; } @media only screen and (min-width: 64.063em) { .widget.widget_topreviews .style1 li { padding: 20px 80px 18px 20px; } } .widget.widget_topreviews .style1 li:last-child { margin-bottom: 0; } .widget.widget_topreviews .style1 li:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 60px; background: rgba(255, 255, 255, 0.2); z-index: 0; } .widget.widget_topreviews .style1 li > a { position: relative; font-size: 12px; font-weight: 600; } .widget.widget_topreviews .style1 li .post-bottom-meta { margin: 0; } .widget.widget_topreviews .style1 li .progress { position: absolute; top: 0; left: 0; bottom: 0; width: auto; background: #649fd6; z-index: 0; opacity: 0.5; will-change: width; } .widget.widget_topreviews .style1 li .ave { display: block; width: 40px; text-align: center; position: absolute; top: 50%; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; font-weight: 600; } @media only screen and (min-width: 64.063em) { .widget.widget_topreviews .style1 li .ave { width: 60px; } } .widget.widget_topreviews .style2 li { padding: 18px 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.6); } .widget.widget_topreviews .style2 li a { display: block; padding-right: 25px; font-size: 12px; font-weight: 600; position: relative; line-height: 1; } .widget.widget_topreviews .style2 li a span { position: absolute; top: 0; right: 0; } .widget.widget_topreviews .style2 li:last-child { border-bottom: 0; padding-bottom: 0; } .widget.widget_latestimages ul li > .post { margin-bottom: 0; } .widget.widget_latestimages ul li > .post.style1-meta .post-bottom-meta { margin: 0; } .widget.widget_latestimages ul li > .post.style1-meta .post-gallery { margin-bottom: 15px; } .widget.widget_latestimages ul li > .post.style1-meta .post-title h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; } .widget.widget_categoryslider .post { margin-bottom: 0; } .widget.widget_categoryslider .post-gallery { margin-bottom: 25px; } .widget.widget_categoryslider .post-title { padding: 0 15px; } .widget.widget_categoryslider .post-bottom-meta [rel=author] { float: none; } .widget.widget_categoryslider .slick-nav { background: #f5f5f5; top: 0; margin-top: 56px; } .widget.widget_thbtwitter .created { display: none; } .widget.widget_thbtwitter ul { margin-bottom: 15px; } .widget.widget_thbtwitter li { line-height: 18px; } .widget.widget_thbtwitter li a { font-weight: 600; } .widget.widget_thbtwitter .btn.twitter { position: relative; padding: 10px 18px 10px 44px; text-transform: none; font-weight: 400; font-size: 13px; border-color: #2caae1 !important; background: #2caae1 !important; } .widget.widget_thbtwitter .btn.twitter strong { font-weight: 600; } .widget.widget_thbtwitter .btn.twitter i { position: absolute; top: 8px; left: 13px; font-size: 16px; color: rgba(255, 255, 255, 0.4); } .widget.widget_socialcounter ul.style2 li a { color: #fff; } .widget.widget_socialcounter ul.style2 li a.facebook { background: #3b5998; } .widget.widget_socialcounter ul.style2 li a.facebook .fa { background: #3b5998; color: #fff; } .widget.widget_socialcounter ul.style2 li a.facebook span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.facebook:hover { background: #344e86; } .widget.widget_socialcounter ul.style2 li a.facebook:hover .fa { background: #344e86; } .widget.widget_socialcounter ul.style2 li a.google-plus { background: #dd4b39; } .widget.widget_socialcounter ul.style2 li a.google-plus .fa { background: #dd4b39; color: #fff; } .widget.widget_socialcounter ul.style2 li a.google-plus span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.google-plus:hover { background: #d73925; } .widget.widget_socialcounter ul.style2 li a.google-plus:hover .fa { background: #d73925; } .widget.widget_socialcounter ul.style2 li a.linkedin { background: #007bb6; } .widget.widget_socialcounter ul.style2 li a.linkedin .fa { background: #007bb6; color: #fff; } .widget.widget_socialcounter ul.style2 li a.linkedin span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.linkedin:hover { background: #006a9d; } .widget.widget_socialcounter ul.style2 li a.linkedin:hover .fa { background: #006a9d; } .widget.widget_socialcounter ul.style2 li a.pinterest { background: #cb2027; } .widget.widget_socialcounter ul.style2 li a.pinterest .fa { background: #cb2027; color: #fff; } .widget.widget_socialcounter ul.style2 li a.pinterest span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.pinterest:hover { background: #b51d23; } .widget.widget_socialcounter ul.style2 li a.pinterest:hover .fa { background: #b51d23; } .widget.widget_socialcounter ul.style2 li a.twitter { background: #00aced; } .widget.widget_socialcounter ul.style2 li a.twitter .fa { background: #00aced; color: #fff; } .widget.widget_socialcounter ul.style2 li a.twitter span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.twitter:hover { background: #0099d4; } .widget.widget_socialcounter ul.style2 li a.twitter:hover .fa { background: #0099d4; } .widget.widget_socialcounter ul.style2 li a.instagram { background: #3f729b; } .widget.widget_socialcounter ul.style2 li a.instagram .fa { background: #3f729b; color: #fff; } .widget.widget_socialcounter ul.style2 li a.instagram span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.instagram:hover { background: #386589; } .widget.widget_socialcounter ul.style2 li a.instagram:hover .fa { background: #386589; } .widget.widget_socialcounter ul.style2 li a.vk { background: #45668e; } .widget.widget_socialcounter ul.style2 li a.vk .fa { background: #45668e; color: #fff; } .widget.widget_socialcounter ul.style2 li a.vk span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.vk:hover { background: #3d5a7d; } .widget.widget_socialcounter ul.style2 li a.vk:hover .fa { background: #3d5a7d; } .widget.widget_socialcounter ul.style2 li a.tumblr { background: #35465c; } .widget.widget_socialcounter ul.style2 li a.tumblr .fa { background: #35465c; color: #fff; } .widget.widget_socialcounter ul.style2 li a.tumblr span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.tumblr:hover { background: #2c3a4c; } .widget.widget_socialcounter ul.style2 li a.tumblr:hover .fa { background: #2c3a4c; } .widget.widget_socialcounter ul.style2 li a.xing { background: #cfdc00; } .widget.widget_socialcounter ul.style2 li a.xing .fa { background: #cfdc00; color: #fff; } .widget.widget_socialcounter ul.style2 li a.xing span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.xing:hover { background: #b7c300; } .widget.widget_socialcounter ul.style2 li a.xing:hover .fa { background: #b7c300; } .widget.widget_socialcounter ul.style2 li a.soundcloud { background: #f80; } .widget.widget_socialcounter ul.style2 li a.soundcloud .fa { background: #f80; color: #fff; } .widget.widget_socialcounter ul.style2 li a.soundcloud span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.soundcloud:hover { background: #e67a00; } .widget.widget_socialcounter ul.style2 li a.soundcloud:hover .fa { background: #e67a00; } .widget.widget_socialcounter ul.style2 li a.dribbble { background: #ea4c89; } .widget.widget_socialcounter ul.style2 li a.dribbble .fa { background: #ea4c89; color: #fff; } .widget.widget_socialcounter ul.style2 li a.dribbble span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.dribbble:hover { background: #e7357a; } .widget.widget_socialcounter ul.style2 li a.dribbble:hover .fa { background: #e7357a; } .widget.widget_socialcounter ul.style2 li a.youtube { background: #e52d27; } .widget.widget_socialcounter ul.style2 li a.youtube .fa { background: #e52d27; color: #fff; } .widget.widget_socialcounter ul.style2 li a.youtube span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.youtube:hover { background: #d8201a; } .widget.widget_socialcounter ul.style2 li a.youtube:hover .fa { background: #d8201a; } .widget.widget_socialcounter ul.style2 li a.spotify { background: #7ab800; } .widget.widget_socialcounter ul.style2 li a.spotify .fa { background: #7ab800; color: #fff; } .widget.widget_socialcounter ul.style2 li a.spotify span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.spotify:hover { background: #699f00; } .widget.widget_socialcounter ul.style2 li a.spotify:hover .fa { background: #699f00; } .widget.widget_socialcounter ul.style2 li a.behance { background: #1769ff; } .widget.widget_socialcounter ul.style2 li a.behance .fa { background: #1769ff; color: #fff; } .widget.widget_socialcounter ul.style2 li a.behance span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.behance:hover { background: #0059fd; } .widget.widget_socialcounter ul.style2 li a.behance:hover .fa { background: #0059fd; } .widget.widget_socialcounter ul.style2 li a.deviantart { background: #4e6252; } .widget.widget_socialcounter ul.style2 li a.deviantart .fa { background: #4e6252; color: #fff; } .widget.widget_socialcounter ul.style2 li a.deviantart span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.deviantart:hover { background: #435446; } .widget.widget_socialcounter ul.style2 li a.deviantart:hover .fa { background: #435446; } .widget.widget_socialcounter ul.style2 li a.vimeo { background: #1ab7ea; } .widget.widget_socialcounter ul.style2 li a.vimeo .fa { background: #1ab7ea; color: #fff; } .widget.widget_socialcounter ul.style2 li a.vimeo span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.vimeo:hover { background: #14a7d7; } .widget.widget_socialcounter ul.style2 li a.vimeo:hover .fa { background: #14a7d7; } .widget.widget_socialcounter ul.style2 li a.rss { background: #f26522; } .widget.widget_socialcounter ul.style2 li a.rss .fa { background: #f26522; color: #fff; } .widget.widget_socialcounter ul.style2 li a.rss span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.rss:hover { background: #ed560e; } .widget.widget_socialcounter ul.style2 li a.rss:hover .fa { background: #ed560e; } .widget.widget_socialcounter ul.style2 li a.twitch { background: #6441a5; } .widget.widget_socialcounter ul.style2 li a.twitch .fa { background: #6441a5; color: #fff; } .widget.widget_socialcounter ul.style2 li a.twitch span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.twitch:hover { background: #593a93; } .widget.widget_socialcounter ul.style2 li a.twitch:hover .fa { background: #593a93; } .widget.widget_socialcounter ul.style2 li a.whatsapp { background: #25d366; } .widget.widget_socialcounter ul.style2 li a.whatsapp .fa { background: #25d366; color: #fff; } .widget.widget_socialcounter ul.style2 li a.whatsapp span { color: #fff; } .widget.widget_socialcounter ul.style2 li a.whatsapp:hover { background: #21bd5c; } .widget.widget_socialcounter ul.style2 li a.whatsapp:hover .fa { background: #21bd5c; } .widget.widget_socialcounter ul li { padding: 0 0 1px 0; } .widget.widget_socialcounter ul li a { display: block; height: 38px; line-height: 38px; padding: 0 14px; margin-left: 38px; position: relative; color: #080808; font-size: 11px; font-weight: 600; background: #fff; } .rtl .widget.widget_socialcounter ul li a { margin-left: 0; margin-right: 38px; } .rtl .widget.widget_socialcounter ul li a .fa { left: auto; right: -38px; } .widget.widget_socialcounter ul li a .fa { position: absolute; top: 0; left: -38px; display: block; width: 37px; height: 38px; line-height: 38px; font-size: 14 px; text-align: center; background: #fff; } .widget.widget_socialcounter ul li a em { font-style: normal; } .widget.widget_socialcounter ul li a span { font-size: 10px; font-weight: 600; float: right; display: none; } @media only screen and (min-width: 64.063em) { .widget.widget_socialcounter ul li a span { display: inline; } } .rtl .widget.widget_socialcounter ul li a span { float: left; } .widget.widget_socialcounter ul li a.facebook .fa, .widget.widget_socialcounter ul li a.facebook span { color: #3b5998; } .widget.widget_socialcounter ul li a.google-plus .fa, .widget.widget_socialcounter ul li a.google-plus span { color: #dd4b39; } .widget.widget_socialcounter ul li a.linkedin .fa, .widget.widget_socialcounter ul li a.linkedin span { color: #007bb6; } .widget.widget_socialcounter ul li a.pinterest .fa, .widget.widget_socialcounter ul li a.pinterest span { color: #cb2027; } .widget.widget_socialcounter ul li a.twitter .fa, .widget.widget_socialcounter ul li a.twitter span { color: #00aced; } .widget.widget_socialcounter ul li a.instagram .fa, .widget.widget_socialcounter ul li a.instagram span { color: #3f729b; } .widget.widget_socialcounter ul li a.vk .fa, .widget.widget_socialcounter ul li a.vk span { color: #45668e; } .widget.widget_socialcounter ul li a.tumblr .fa, .widget.widget_socialcounter ul li a.tumblr span { color: #35465c; } .widget.widget_socialcounter ul li a.xing .fa, .widget.widget_socialcounter ul li a.xing span { color: #cfdc00; } .widget.widget_socialcounter ul li a.soundcloud .fa, .widget.widget_socialcounter ul li a.soundcloud span { color: #f80; } .widget.widget_socialcounter ul li a.dribbble .fa, .widget.widget_socialcounter ul li a.dribbble span { color: #ea4c89; } .widget.widget_socialcounter ul li a.youtube .fa, .widget.widget_socialcounter ul li a.youtube span { color: #e52d27; } .widget.widget_socialcounter ul li a.spotify .fa, .widget.widget_socialcounter ul li a.spotify span { color: #7ab800; } .widget.widget_socialcounter ul li a.behance .fa, .widget.widget_socialcounter ul li a.behance span { color: #1769ff; } .widget.widget_socialcounter ul li a.deviantart .fa, .widget.widget_socialcounter ul li a.deviantart span { color: #4e6252; } .widget.widget_socialcounter ul li a.vimeo .fa, .widget.widget_socialcounter ul li a.vimeo span { color: #1ab7ea; } .widget.widget_socialcounter ul li a.rss .fa, .widget.widget_socialcounter ul li a.rss span { color: #f26522; } .widget.widget_socialcounter ul li a.twitch .fa, .widget.widget_socialcounter ul li a.twitch span { color: #6441a5; } .widget.widget_socialcounter ul li a.whatsapp .fa, .widget.widget_socialcounter ul li a.whatsapp span { color: #25d366; } .widget.widget_price_filter .price_slider { height: 4px; background: #eee; position: relative; margin-bottom: 25px; margin-top: 10px; } .widget.widget_price_filter .price_slider .ui-slider-range { height: 4px; background: #0cbf69; position: absolute; } .widget.widget_price_filter .price_slider .ui-slider-handle { display: block; position: absolute; outline: 0; top: -4px; width: 12px; height: 12px; border-radius: 6px; background: #fff; border: 3px solid #0cbf69; -moz-transition-duration: 0s; -o-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } .widget.widget_price_filter .price_slider_amount .button { float: right; font-size: 12px; font-weight: 700; padding: 1px 0; border: 0; color: #0cbf69; background: transparent; height: auto; text-transform: uppercase; } .widget.widget_price_filter .price_slider_amount .button:hover { background: transparent !important; color: #080808; } .widget.widget_price_filter .price_slider_amount .price_label { float: left; line-height: 14px; font-size: 12px; text-transform: uppercase; color: #080808; } .widget.widget_price_filter .price_slider_amount .price_label span { font-weight: 700; } .widget.widget_shopping_cart .mini_cart_item { padding: 0 20px 0 0; } .widget.widget_shopping_cart .quantity { max-width: 100%; } .widget.woo { padding: 0; background: #fff; } .widget.woo .product_list_widget { position: relative; } .widget.woo .product_list_widget .remove { position: absolute; top: 0; right: 0; } .widget.woo .product_list_widget li { position: relative; margin-bottom: 20px; } .widget.woo .product_list_widget a { display: block; font-size: 14px; } .widget.woo .product_list_widget a:before { display: none; } .widget.woo .product_list_widget a .wp-post-image { max-width: 50px; margin-right: 20px; float: left; } .widget.woo .product_list_widget .amount, .widget.woo .product_list_widget .quantity { font-size: 12px; color: #080808; } .widget_mc4wp_form_widget p { font-size: 12px; } .widget_mc4wp_form_widget input { margin: 0; } @media only screen and (max-width: 64.063em) { .fixed-me { position: static !important; } } /*------------------------------------------------------------------ Pagination */ .pagination { margin: 0 0 60px; } .pagination .screen-reader-text { display: none; } .pagination .page-numbers { display: inline-block; font-size: 11px; color: #080808; border: 1px solid #080808; width: 32px; height: 32px; line-height: 32px; text-align: center; font-weight: 600; vertical-align: middle; } .pagination .page-numbers.dots { border-color: transparent; position: relative; top: -3px; } .pagination .page-numbers:not(.dots):hover, .pagination .page-numbers.current { color: #fff; background: #080808; } .pagination .page-numbers.prev, .pagination .page-numbers.next { font-size: 14px; vertical-align: middle; } /*------------------------------------------------------------------ Form Styling */ form { margin: 0; } form fieldset { padding: 0; margin: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { border: 1px solid #e6e6e6; padding: 12px 15px 11px; margin-bottom: 24px; color: rgba(0, 0, 0, 0.6); font-size: 11px; font-weight: 500; background: #fff; max-width: 100%; outline: 0; font-family: inherit; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fff; border-color: #080808; color: #080808; } input[type="text"].parsley-error, input[type="text"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="text"], input[type="password"].parsley-error, input[type="password"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="password"], input[type="date"].parsley-error, input[type="date"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="date"], input[type="datetime"].parsley-error, input[type="datetime"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="datetime"], input[type="email"].parsley-error, input[type="email"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="email"], input[type="number"].parsley-error, input[type="number"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="number"], input[type="search"].parsley-error, input[type="search"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="search"], input[type="tel"].parsley-error, input[type="tel"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="tel"], input[type="time"].parsley-error, input[type="time"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="time"], input[type="url"].parsley-error, input[type="url"].wpcf7-not-valid, .woocommerce-invalid-required-field input[type="url"], textarea.parsley-error, textarea.wpcf7-not-valid, .woocommerce-invalid-required-field textarea { border-color: #e76049; } input[type="text"].full, .widget_mc4wp_form_widget input[type="text"], input[type="password"].full, .widget_mc4wp_form_widget input[type="password"], input[type="date"].full, .widget_mc4wp_form_widget input[type="date"], input[type="datetime"].full, .widget_mc4wp_form_widget input[type="datetime"], input[type="email"].full, .widget_mc4wp_form_widget input[type="email"], input[type="number"].full, .widget_mc4wp_form_widget input[type="number"], input[type="search"].full, .widget_mc4wp_form_widget input[type="search"], input[type="tel"].full, .widget_mc4wp_form_widget input[type="tel"], input[type="time"].full, .widget_mc4wp_form_widget input[type="time"], input[type="url"].full, .widget_mc4wp_form_widget input[type="url"], textarea.full, .widget_mc4wp_form_widget textarea { width: 100%; } .widget input[type="text"], .widget input[type="password"], .widget input[type="date"], .widget input[type="datetime"], .widget input[type="email"], .widget input[type="number"], .widget input[type="search"], .widget input[type="tel"], .widget input[type="time"], .widget input[type="url"], .widget textarea { background: transparent; } input[type="text"].dark, input[type="password"].dark, input[type="date"].dark, input[type="datetime"].dark, input[type="email"].dark, input[type="number"].dark, input[type="search"].dark, input[type="tel"].dark, input[type="time"].dark, input[type="url"].dark, textarea.dark { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.3); } input[type="text"].dark:focus, input[type="password"].dark:focus, input[type="date"].dark:focus, input[type="datetime"].dark:focus, input[type="email"].dark:focus, input[type="number"].dark:focus, input[type="search"].dark:focus, input[type="tel"].dark:focus, input[type="time"].dark:focus, input[type="url"].dark:focus, textarea.dark:focus { background: transparent; border-color: #fff; color: #fff; border-color: white; } input[type="text"].placeholder, input[type="password"].placeholder, input[type="date"].placeholder, input[type="datetime"].placeholder, input[type="email"].placeholder, input[type="number"].placeholder, input[type="search"].placeholder, input[type="tel"].placeholder, input[type="time"].placeholder, input[type="url"].placeholder, textarea.placeholder { text-transform: uppercase; color: #8f8f8f; font-size: 11px; } input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, textarea:-moz-placeholder { text-transform: uppercase; color: #8f8f8f; font-size: 11px; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder { text-transform: uppercase; color: #8f8f8f; font-size: 11px; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder { text-transform: uppercase; color: #8f8f8f; font-size: 11px; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { text-transform: uppercase; color: #8f8f8f; font-size: 11px; } #customer_details input[type="text"], .woocommerce input[type="text"], #customer_details input[type="password"], .woocommerce input[type="password"], #customer_details input[type="date"], .woocommerce input[type="date"], #customer_details input[type="datetime"], .woocommerce input[type="datetime"], #customer_details input[type="email"], .woocommerce input[type="email"], #customer_details input[type="number"], .woocommerce input[type="number"], #customer_details input[type="search"], .woocommerce input[type="search"], #customer_details input[type="tel"], .woocommerce input[type="tel"], #customer_details input[type="time"], .woocommerce input[type="time"], #customer_details input[type="url"], .woocommerce input[type="url"], #customer_details textarea, .woocommerce textarea { width: 100%; } .parsley-error-list, .wpcf7-not-valid-tip, .screen-reader-response { display: none !important; } .wpcf7-form-control-wrap { display: block; width: 100%; } label { font-size: 11px; display: block; color: #080808; margin: 0 0 8px; line-height: 1; letter-spacing: normal; font-weight: 600; text-transform: uppercase; clear: both; } label small { font-size: 10px; color: #649fd6; } textarea { min-height: 108px; } .wpcf7-form textarea { min-height: 200px; } .review-popup textarea { min-height: 150px; } .select-wrapper { position: relative; float: left; margin-bottom: 15px; outline: 0; min-width: 140px; border: 1px solid #eaeaea; color: #080808; } .select-wrapper:after { content: "\f0d7"; display: block; position: absolute; font-family: 'FontAwesome'; top: 18px; right: 15px; font-size: 12px; line-height: 1; } .rtl .select-wrapper select { padding: 11px 17px 11px 34px; } .rtl .select-wrapper:after { right: auto; left: 15px; } .select-wrapper select { display: block; font-size: 13px; font-weight: 700; font-family: inherit; height: 45px; padding: 11px 34px 11px 17px; border: 0; text-transform: uppercase; background: #fff; color: #080808; outline: 0; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; text-indent: 0.01px; text-overflow: ''; -moz-appearance: radio-container; } .shipping-calculator-form .select-wrapper { width: 100%; } /* Firefox & MS11 Fixes */ @-moz-document url-prefix() { .select-wrapper:after { display: none; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .select-wrapper:after { display: none; } } /* Select 2 */ .select2-container { margin-bottom: 25px; clear: left; } .select2-container .select2-choice { background: #fff; border: 1px solid #e6e6e6; height: 45px !important; line-height: 45px !important; padding-left: 18px; font-size: 12px; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .select2-container .select2-choice span { height: 43px; line-height: 45px; } .select2-container .select2-choice div b { background-position: 0 9px !important; } .select2-container.select2-dropdown-open .select2-choice { background: #fff; border: 1px solid #7a7a7a; } .select2-container.select2-dropdown-open .select2-choice div b { background-position: -18px 9px !important; } .select2-search { padding: 0 16px 10px 16px; } .select2-drop { border-radius: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #7a7a7a; } .rtl .select2-drop { left: auto; right: -9999px; } .select2-drop.select2-drop-active { border-color: #7a7a7a; } .select2-drop.select2-drop-active.select2-drop-above { border-top-color: #7a7a7a; } .select2-drop .select2-search input { background: #fff !important; margin-bottom: 5px; } .select2-drop .select2-results { background: #fff; font-size: 12px; padding: 4px 12px; } .select2-drop .select2-results .select2-highlighted { background: #fafafa; border-radius: 0; } .select2-drop .select2-results li { margin: 0; } .select2-container-single .select2-search input[type=text] { background: #fff !important; } /*------------------------------------------------------------------ WP-Specific */ .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .alignright, .alignleft, .aligncenter, .bypostauthor { color: inherit; } .alignright { float: right; margin: 6px 0 14px 20px; } .alignleft { float: left; margin: 6px 20px 14px 0; } .alignright img, .alignleft img, .aligncenter img { width: 100%; max-width: 100%; } img.center { margin: 0 auto; display: block; } img.full { width: 100%; } .aligncenter { display: block; clear: both; margin: 0 auto; } @media only screen and (max-width: 48.063em) { .alignleft, .alignright { width: 100%; margin: 0 0 20px; } } .wp-caption { max-width: 100% !important; } .wp-caption.aligncenter { width: 100% !important; } .wp-caption .wp-caption-text { display: block; margin: 15px 0; font-weight: 500; font-size: 11px; line-height: 1.45; } .rtl .wp-caption .wp-caption-text { text-align: right; } .gallery { display: block; margin: 0 -2px; float: left; clear: both; width: 100%; } .gallery.gallery-columns-2 .gallery-item { width: 50%; } @media only screen and (min-width: 48.063em) { .gallery.gallery-columns-2 .gallery-item { width: 50%; } } .gallery.gallery-columns-3 .gallery-item { width: 50%; } @media only screen and (min-width: 48.063em) { .gallery.gallery-columns-3 .gallery-item { width: 33.33%; } } .gallery.gallery-columns-4 .gallery-item { width: 50%; } @media only screen and (min-width: 48.063em) { .gallery.gallery-columns-4 .gallery-item { width: 50%; } } @media only screen and (min-width: 64.063em) { .gallery.gallery-columns-4 .gallery-item { width: 25%; } } .gallery.gallery-columns-5 .gallery-item { width: 50%; } @media only screen and (min-width: 48.063em) { .gallery.gallery-columns-5 .gallery-item { width: 20%; } } .gallery.gallery-columns-6 .gallery-item { width: 50%; } @media only screen and (min-width: 48.063em) { .gallery.gallery-columns-6 .gallery-item { width: 33.33%; } } @media only screen and (min-width: 64.063em) { .gallery.gallery-columns-6 .gallery-item { width: 16.66%; } } .gallery .gallery-item { display: inline-block; width: 50%; padding: 0 2px; margin-bottom: 4px; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .gallery .gallery-item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .gallery .gallery-item img { width: 100%; max-width: 100%; } .gallery .gallery-item a { line-height: 0; display: block; width: 100%; } .gallery .gallery-item .gallery-caption { display: none; } .more-link { display: inline-block; font-weight: 600; font-size: 14px; text-transform: uppercase; color: #649fd6; } [class^="tag-link"] { display: inline-block; border: 1px solid rgba(8, 8, 8, 0.4); color: #080808; font-size: 10px !important; padding: 8px 10px 7px; text-transform: uppercase; margin: 0 3px 3px 0; line-height: 1; font-weight: 600; } [class^="tag-link"]:hover { background: #080808; border-color: #080808; color: #fff; font-size: 10px !important; } .searchform { margin: 0; } .searchform fieldset { position: relative; border: 0; } .searchform fieldset input[type="text"], .searchform fieldset input[type="search"] { margin: 0; width: 100%; } .searchform fieldset input[type="submit"] { position: absolute; top: 0; right: 0; border: 0; background: transparent; outline: 0; text-indent: -9999px; width: 44px; padding: 0; height: 38px; background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjAuMDc4cHgiIGhlaWdodD0iMTguNTMxcHgiIHZpZXdCb3g9IjAgMCAyMC4wNzggMTguNTMxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMC4wNzggMTguNTMxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMTguOTYsMTYuODk2bC00Ljk3My00LjkyNmMxLjAyLTEuMjU1LDEuNjMzLTIuODQ2LDEuNjMzLTQuNTc4YzAtNC4wMzUtMy4zMTItNy4zMTctNy4zODUtNy4zMTdTMC44NDksMy4zNTgsMC44NDksNy4zOTMNCgkJCWMwLDQuMDMzLDMuMzEzLDcuMzE2LDcuMzg2LDcuMzE2YzEuNjYsMCwzLjE4OC0wLjU1Miw0LjQyMi0xLjQ3MWw0Ljk5OCw0Ljk1YzAuMTgxLDAuMTc5LDAuNDE2LDAuMjY4LDAuNjUyLDAuMjY4DQoJCQljMC4yMzUsMCwwLjQ3Mi0wLjA4OSwwLjY1Mi0wLjI2OEMxOS4zMiwxNy44MzIsMTkuMzIsMTcuMjUzLDE4Ljk2LDE2Ljg5NnogTTIuNjkzLDcuMzkzYzAtMy4wMjcsMi40ODUtNS40ODksNS41NDItNS40ODkNCgkJCWMzLjA1NCwwLDUuNTQxLDIuNDYyLDUuNTQxLDUuNDg5YzAsMy4wMjYtMi40ODYsNS40ODktNS41NDEsNS40ODlDNS4xNzksMTIuODgyLDIuNjkzLDEwLjQxOSwyLjY5Myw3LjM5M3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") center center no-repeat; } .searchform fieldset input[type="submit"]:hover { color: #080808; } .rtl .searchform fieldset input[type="submit"] { right: auto; left: 0; } /*------------------------------------------------------------------ Comments */ #comments { border-left: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; margin-bottom: 30px; } @media only screen and (min-width: 64.063em) { #comments { margin-bottom: 70px; } } #comments #comment-toggle { display: block; width: 100%; background: #f5f5f5; padding: 13px; color: #080808; font-size: 14px; font-weight: 600; position: relative; text-transform: uppercase; } @media only screen and (min-width: 48.063em) { #comments #comment-toggle { padding: 25px; text-align: left; } } #comments #comment-toggle:after { font-family: FontAwesome; content: "\f107"; float: right; } #comments #comment-toggle.active:after { content: "\f106"; } #comments .comment-notes { margin-bottom: 20px; } #comments ol.commentlist { list-style: none; margin: 0; display: block; padding: 13px; border-bottom: 1px solid #f5f5f5; } @media only screen and (min-width: 48.063em) { #comments ol.commentlist { padding: 25px; text-align: left; } } #comments ol.commentlist > .comment:last-child .comment-body { margin-bottom: 0; } #comments ol.commentlist .comment { margin: 0; } #comments ol.commentlist .comment:before { display: none; } #comments ol.commentlist .comment.depth-1:first-child > .comment-body { padding-top: 0; padding-top: 0; border: 0; } #comments ol.commentlist .comment.depth-1:first-child > .comment-body .avatar { top: 0; } #comments ol.commentlist .comment.depth-1:first-child > .comment-body .reply { top: 0; } #comments ol.commentlist .comment .comment-body, #comments ol.commentlist .comment .comment_container { position: relative; min-height: 87px; padding-left: 83px; padding-bottom: 0; margin-bottom: 20px; padding-top: 13px; border-top: 1px dotted #dfdfdf; } #comments ol.commentlist .comment .comment-meta { display: inline-block; line-height: 1; font-size: 11px; color: #666; text-transform: uppercase; font-weight: 500; } #comments ol.commentlist .comment .comment-meta a { color: #666; } #comments ol.commentlist .comment .vcard { border: 0; padding: 0; margin: 0; } #comments ol.commentlist .comment .vcard .says { display: none; } #comments ol.commentlist .comment .fn, #comments ol.commentlist .comment .meta { font-size: 11px; font-weight: 600; color: #080808; text-transform: uppercase; } #comments ol.commentlist .comment .avatar { width: 66px; height: 66px; float: left; position: absolute; top: 20px; left: 0; } #comments ol.commentlist .comment .comment-awaiting-moderation { font-size: 11px; } #comments ol.commentlist .comment p { font-size: 13px; word-break: break-word; } #comments ol.commentlist .comment .reply { position: absolute; top: 18px; right: 0; font-size: 11px; text-transform: uppercase; font-weight: 600; color: #080808; } #comments ol.commentlist .comment .reply a { color: #080808; } #comments ol.commentlist .comment .children { list-style: none; margin-left: 10px; margin-bottom: 22px; } @media only screen and (min-width: 48.063em) { #comments ol.commentlist .comment .children { margin-left: 83px; } } #comments ol.commentlist .comment .comment-respond { margin-top: 40px; } #reviews #comments { border: 0; margin: 0; } #reviews #comments ol.commentlist { padding: 0; } .comment-form-rating { margin-bottom: 20px; } .comment-form-rating p.stars { display: block; position: relative; height: 10px; line-height: 10px; width: 58px; } .comment-form-rating p.stars span { top: 0; left: 0; position: absolute; height: 10px; line-height: 10px; overflow: hidden; width: 58px; } .comment-form-rating p.stars span a { display: block; width: 10px; height: 10px; line-height: 10px; float: left; text-indent: -9999px; position: relative; background: url("../img/stars.png") no-repeat left top; background-size: 58px 20px; text-indent: -9999px; -moz-transition: none 1s; -o-transition: none 1s; -webkit-transition: none 1s; transition: none 1s; } .comment-form-rating p.stars span a.active { background-position: left -10px; } .comment-content-container { display: none; } .comment-respond { padding: 13px; } @media only screen and (min-width: 48.063em) { .comment-respond { padding: 25px; } } .comment-respond .comment-reply-title { font-size: 14px; line-height: 1; margin: 0 0 10px; display: inline-block; width: 100%; text-transform: uppercase; } .comment-respond .comment-reply-title small a { color: #649fd6; text-transform: none; font-weight: 400; font-size: 14px; } #reviews .comment-respond .comment-reply-title { margin-bottom: 30px; } .comment-respond p { font-size: 12px; } .comment-respond input[type="text"], .comment-respond textarea { width: 100%; } .comment-respond .form-submit { margin: 0 0 20px; } .comment-respond .form-submit .submit { width: 100%; } @media only screen and (min-width: 48.063em) { .comment-respond .form-submit .submit { width: auto; } } .comment-respond .comment-subscription-form { margin: 0; } #reviews .comment-respond { padding: 0; margin-top: 30px; } #reviews .comment-respond textarea { margin: 0; } /*------------------------------------------------------------------ Shortcodes */ /* Icons */ .inline-icon { display: inline; } .inline-icon.icon-1x { font-size: 18px; vertical-align: middle; } .inline-icon.icon-2x { font-size: 24px; vertical-align: middle; } .inline-icon.icon-3x { font-size: 28px; vertical-align: middle; } .inline-icon.icon-4x { font-size: 32px; vertical-align: middle; } .boxed-icon { display: block; width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; } .boxed-icon .fa { vertical-align: middle; } /* Buttons */ .btn, .button, input[type=submit] { font-family: inherit; font-size: 11px; line-height: 11px; font-weight: 600; padding: 14px 30px 12px; border: 1px solid #080808; margin: 0; display: inline-block; cursor: pointer; outline: 0; color: #080808; background: transparent; text-transform: uppercase; text-shadow: none !important; text-align: center; vertical-align: middle; border-radius: 0 !important; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none; } @media only screen and (min-width: 48.063em) { .btn, .button, input[type=submit] { width: auto; } } .btn i, .button i, input[type=submit] i { display: inline-block; vertical-align: middle; } .btn:hover, .button:hover, input[type=submit]:hover { background: #080808; border-color: #080808; color: #fff; } .btn.right, .button.right, input[type=submit].right { float: right; } .btn.black, .button.black, input[type=submit].black { background: #080808; border-color: #080808; color: #fff; } .btn.black:hover, .button.black:hover, input[type=submit].black:hover { background: #649fd6; border-color: #649fd6; color: #fff; } .btn.red, .btn.alt, .button.red, .button.alt, input[type=submit].red, input[type=submit].alt { background: #f74a2e; border-color: #f74a2e; color: #fff; padding: 15px 30px 14px; } .btn.red:hover, .btn.alt:hover, .button.red:hover, .button.alt:hover, input[type=submit].red:hover, input[type=submit].alt:hover { background: #e92809; border-bottom-color: #e92809; } .btn.accent, .button.accent, input[type=submit].accent { border-color: #649fd6; color: #080808; background: #fff; } .btn.accent:hover, .button.accent:hover, input[type=submit].accent:hover { background: #448bcd; border-color: #448bcd; color: #fff; } .btn.accent-fill, .button.accent-fill, input[type=submit].accent-fill { border-color: #649fd6; color: #fff; background: #649fd6; } .btn.accent-fill:hover, .button.accent-fill:hover, input[type=submit].accent-fill:hover { background: #448bcd; border-color: #448bcd; color: #fff; } .btn.grey, .button.grey, input[type=submit].grey { background: #909090; border-color: #909090; color: #fff; } .btn.grey:hover, .button.grey:hover, input[type=submit].grey:hover { background: #080808; border-color: #080808; } .btn.white, .button.white, input[type=submit].white { border-color: #fff; color: #080808; background: #fff; } .btn.white:hover, .button.white:hover, input[type=submit].white:hover { background: #649fd6; border-color: #649fd6; color: #fff; } .btn.accent-transparent, .button.accent-transparent, input[type=submit].accent-transparent { border-color: #649fd6; color: #649fd6; background: transparent; } .btn.accent-transparent:hover, .button.accent-transparent:hover, input[type=submit].accent-transparent:hover { background: #649fd6; color: #fff; } .btn.white-transparent, .button.white-transparent, input[type=submit].white-transparent { border-color: #fff; color: #fff; background: transparent; } .btn.white-transparent:hover, .button.white-transparent:hover, input[type=submit].white-transparent:hover { background: #fff; color: #080808; } .btn.black-transparent, .button.black-transparent, input[type=submit].black-transparent { border-color: #080808; color: #080808; background: transparent; } .btn.black-transparent:hover, .button.black-transparent:hover, input[type=submit].black-transparent:hover { background: #080808; color: #fff; } .btn.full, .place-order .btn, .button.full, .place-order .button, input[type=submit].full, .place-order input[type=submit] { width: 100%; } /* Category Title */ .category-element-holder .post .post-category { display: none; } .category-element-holder.style6-fashion .post.style3 { text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding-bottom: 28px; } .category-element-holder.style6-fashion .post.style3 .post-gallery { margin-bottom: 28px; } .category-element-holder.style6-fashion .post.style3 .post-bottom-meta [rel=author] { float: none; } .category-element-holder.style6-fashion .post.style3 .post-content { display: none; } .category_title { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px solid rgba(0, 0, 0, 0.08); position: relative; } .category_title:before { content: ''; display: block; width: 20px; height: 2px; background: #080808; position: absolute; bottom: -2px; left: 0; } .rtl .category_title { text-align: right; } .rtl .category_title:before { left: auto; right: 0; } .category_title h4 { font-size: 20px; line-height: 1; margin: 0; } @media only screen and (min-width: 48.063em) { .category_title { padding-bottom: 15px; margin-bottom: 30px; } } .category_title.no-border:before { display: none; } .category_title.search { text-transform: uppercase; } .category_title.search span { color: #649fd6; } .category_title.simple { border: 0; padding: 0; text-align: center; } .category_title.simple:before { display: none; } @media only screen and (min-width: 48.063em) { .category_title.simple { padding-bottom: 0; margin-bottom: 30px; } } .rtl .category_title .row .subcategory_container .thb-sibling-categories { text-align: left; } blockquote.left { float: left; width: 40%; margin: 5px 30px 30px 0; text-align: left; } @media only screen and (max-width: 48.063em) { blockquote.left { margin-right: 0; width: 100%; } } blockquote.right { float: right; width: 40%; margin: 5px 0 30px 30px; text-align: right; } @media only screen and (max-width: 48.063em) { blockquote.right { margin-left: 0; width: 100%; } } /* Gap */ .gap { width: 100%; clear: both; } /* Trending Bar */ .trending-bar { display: flex; align-items: center; flex-direction: column; } @media only screen and (min-width: 64.063em) { .trending-bar { flex-direction: row; } } .trending-bar > aside { flex-shrink: 0; display: block; width: 100%; position: relative; color: rgba(0, 0, 0, 0.6); text-transform: uppercase; font-weight: 600; font-size: 11px; line-height: 17px; margin-bottom: 10px; } @media only screen and (min-width: 64.063em) { .trending-bar > aside { margin: 0; width: 140px; } } .trending-bar > aside:after { content: ''; display: inline-block; width: 32px; height: 1px; background: #ededed; margin-left: 10px; position: relative; top: -1px; vertical-align: middle; } .trending-bar .slick { flex: 1; height: auto; overflow: hidden; } /* Video Playlist */ .video_playlist { padding: 10px; } .video_playlist iframe { max-width: 100%; } .video_playlist.style2 { padding: 0; } @media only screen and (min-width: 48.063em) { .video_playlist.style2 { padding: 0; } } .video_playlist.style2 .post.video-others { margin: 0; } .video_playlist.dark-color { background: #111; } .video_playlist.light-color { background: #f3f3f3; } @media only screen and (min-width: 48.063em) { .video_playlist { padding: 30px; } } .video_playlist.transparent-color { padding: 0; } .video_playlist.transparent-color .row { margin: 0; } @media only screen and (min-width: 48.063em) { .video_playlist.transparent-color .row .columns { padding: 0; } } @media only screen and (min-width: 48.063em) { .video_playlist.transparent-color .row .columns .vertical-video { padding-left: 30px; } } .video_playlist .video-side { position: relative; } .video_playlist .video-side.thb-loading:after { bottom: auto; top: 50%; margin-top: -19px; } .video_playlist .video-side.thb-loading > .flex-video { opacity: 0.7; } .video_playlist .video_play { display: block; } .video_playlist .video_play .post-bottom-meta { margin: 0; } .video_playlist .video_play.video-active .post-title h6 { color: #649fd6; } .video_playlist .video_play .post-title h6 { margin-bottom: 5px; } .wpb_video_widget .wpb_video_wrapper { padding: 0 !important; } /* Scroll To Top */ #scroll_totop { display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px; background: rgba(0, 0, 0, 0.6); color: #fff; position: fixed; bottom: 15px; right: 15px; z-index: 20; } @media only screen and (min-width: 48.063em) { #scroll_totop { bottom: 30px; right: 30px; } } #scroll_totop:hover { background: #649fd6; } .rtl #scroll_totop { right: auto; left: 15px; } @media only screen and (min-width: 48.063em) { .rtl #scroll_totop { right: auto; left: 30px; } } /* Ajax Pagination */ .ajaxify-pagination.thb-loading:after { bottom: auto; top: 50%; margin-top: -19px; } /* VC fixes */ .wpb_content_element { margin-bottom: 0 !important; } .columns > .wpb_text_column { float: none !important; } /* Instagram */ .instagram-row figure { height: 0; width: 100%; padding-bottom: 100% !important; overflow: hidden; position: relative; background-size: cover; background-position: center center; margin-bottom: 0; } .instagram-row figure > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .instagram-row.no-padding { margin: 0; } .instagram-row.no-padding .columns { padding: 0; } .instagram-row.low-padding { margin: 0 -3px; } .instagram-row.low-padding .columns { padding: 0 3px; } /* Category Slider */ .thb-category-slide:hover .thb-category-container { -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); box-shadow: 0 0 30px rgba(0, 0, 0, 0.07); } .thb-category-slide:hover .thb-slide-link { max-height: 100px; padding: 15px; } .thb-category-slide .thb-category-container { margin-bottom: 15px; padding-bottom: 45px; position: relative; } .thb-category-slide .thb-slide-link { display: block; text-align: center; background: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600; line-height: 1; width: 100%; z-index: -1; color: #080808; overflow: hidden; max-height: 0; padding: 0; position: absolute; bottom: 0; left: 0; width: 100%; } .thb-slide-inner { height: 0; width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; padding-bottom: 110%; max-height: 400px; position: relative; background: #080808; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .thb-slide-inner span { display: block; font-size: 24px; font-weight: 600; line-height: 1; margin-bottom: 12px; color: #fff; } .thb-slide-inner h6 { text-transform: uppercase; color: #fff; } .thb-slide-inner .thb-category-text { padding: 45px 10%; position: relative; width: 100%; text-align: center; } .thb-slide-inner .thb-category-image { background-size: cover; background-position: center top; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.9; z-index: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .thb-slide-inner:hover { color: #fff; } .thb-slide-inner:hover span, .thb-slide-inner:hover h6 { color: #fff; } .thb-slide-inner:hover .thb-category-image { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; } .post-slider .post { margin-bottom: 0; } .post-slider.post-slider-style3 .post.post-overlay.center-title .post-gallery .post-title { margin: 0; } .post-slider.post-slider-style3 .post .post-title h1 { margin-bottom: 20px; } @media only screen and (min-width: 80em) { .post-slider.post-slider-style3 .post .post-title h1 { font-size: 46px; } } @media only screen and (min-width: 100em) { .post-slider.post-slider-style3 .post .post-title h1 { font-size: 60px; } } .post-slider.post-slider-style3 .post .post-bottom-meta { font-size: 14px; } .post-slider.post-slider-style3 .post .single_category_title { font-size: 12px; } .post-slider.post-slider-style3 .post .single_category_title.boxed-link { margin-bottom: 25px; } .post-grid-style4 .pagination { text-align: center; } /* Google Map */ .contact_map { position: relative; overflow: hidden; } .contact_map .google_map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .contact_map .google_map img { max-width: none; height: auto; } /* Social Bar */ .social-bar { list-style: none; margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; font-weight: 600; } .social-bar .fa { display: inline-flex; justify-content: center; align-items: center; border-radius: 100%; width: 32px; height: 32px; font-size: 13px; border: 2px solid #080808; margin-right: 15px; -moz-transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: border-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media only screen and (min-width: 48.063em) { .social-bar .fa { width: 52px; height: 52px; font-size: 18px; } } .social-bar a { display: block; } .social-bar a.facebook:hover { color: #3b5998; } .social-bar a.facebook:hover .fa { border-color: #3b5998; } .social-bar a.google-plus:hover { color: #dd4b39; } .social-bar a.google-plus:hover .fa { border-color: #dd4b39; } .social-bar a.linkedin:hover { color: #007bb6; } .social-bar a.linkedin:hover .fa { border-color: #007bb6; } .social-bar a.pinterest:hover { color: #cb2027; } .social-bar a.pinterest:hover .fa { border-color: #cb2027; } .social-bar a.twitter:hover { color: #00aced; } .social-bar a.twitter:hover .fa { border-color: #00aced; } .social-bar a.instagram:hover { color: #3f729b; } .social-bar a.instagram:hover .fa { border-color: #3f729b; } .social-bar a.vk:hover { color: #45668e; } .social-bar a.vk:hover .fa { border-color: #45668e; } .social-bar a.tumblr:hover { color: #35465c; } .social-bar a.tumblr:hover .fa { border-color: #35465c; } .social-bar a.xing:hover { color: #cfdc00; } .social-bar a.xing:hover .fa { border-color: #cfdc00; } .social-bar a.soundcloud:hover { color: #f80; } .social-bar a.soundcloud:hover .fa { border-color: #f80; } .social-bar a.dribbble:hover { color: #ea4c89; } .social-bar a.dribbble:hover .fa { border-color: #ea4c89; } .social-bar a.youtube:hover { color: #e52d27; } .social-bar a.youtube:hover .fa { border-color: #e52d27; } .social-bar a.spotify:hover { color: #7ab800; } .social-bar a.spotify:hover .fa { border-color: #7ab800; } .social-bar a.behance:hover { color: #1769ff; } .social-bar a.behance:hover .fa { border-color: #1769ff; } .social-bar a.deviantart:hover { color: #4e6252; } .social-bar a.deviantart:hover .fa { border-color: #4e6252; } .social-bar a.vimeo:hover { color: #1ab7ea; } .social-bar a.vimeo:hover .fa { border-color: #1ab7ea; } .social-bar a.rss:hover { color: #f26522; } .social-bar a.rss:hover .fa { border-color: #f26522; } .social-bar a.twitch:hover { color: #6441a5; } .social-bar a.twitch:hover .fa { border-color: #6441a5; } .social-bar a.whatsapp:hover { color: #25d366; } .social-bar a.whatsapp:hover .fa { border-color: #25d366; } /*------------------------------------------------------------------ Plugins */ .grav-clone-a, .gcard { display: none; } /*------------------------------------------------------------------ Animations */ .animation { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); will-change: opacity; } @media only screen and (min-width: 48.063em) { .animation { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } .animate { will-change: opacity, transform; } .fade-in.animate { -moz-animation: fade-in 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation: fade-in 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: fade-in 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media only screen and (max-width: 48.063em) { .fade-in.animate { -moz-animation: none; -webkit-animation: none; animation: none; } } .right-to-left.animate { -moz-animation: right-to-left 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation: right-to-left 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: right-to-left 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media only screen and (max-width: 48.063em) { .right-to-left.animate { -moz-animation: none; -webkit-animation: none; animation: none; } } .left-to-right.animate { -moz-animation: left-to-right 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation: left-to-right 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: left-to-right 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media only screen and (max-width: 48.063em) { .left-to-right.animate { -moz-animation: none; -webkit-animation: none; animation: none; } } .bottom-to-top.animate { -moz-animation: bottom-to-top 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation: bottom-to-top 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: bottom-to-top 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media only screen and (max-width: 48.063em) { .bottom-to-top.animate { -moz-animation: none; -webkit-animation: none; animation: none; } } .top-to-bottom.animate { -moz-animation: top-to-bottom 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation: top-to-bottom 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: top-to-bottom 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media only screen and (max-width: 48.063em) { .top-to-bottom.animate { -moz-animation: none; -webkit-animation: none; animation: none; } } .scale.animate { -moz-animation: scale 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-animation: scale 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: scale 0.45s 1 cubic-bezier(0.25, 0.46, 0.45, 0.94); } @media only screen and (max-width: 48.063em) { .scale.animate { -moz-animation: none; -webkit-animation: none; animation: none; } } .animate { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes right-to-left { 0% { opacity: 0; -moz-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes right-to-left { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes right-to-left { 0% { opacity: 0; -moz-transform: translateX(20px); -ms-transform: translateX(20px); -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } @-moz-keyframes left-to-right { 0% { opacity: 0; -moz-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0px); transform: translateX(0px); } } @-webkit-keyframes left-to-right { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes left-to-right { 0% { opacity: 0; -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } } @-moz-keyframes bottom-to-top { 0% { opacity: 0; -moz-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes bottom-to-top { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes bottom-to-top { 0% { opacity: 0; -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes top-to-bottom { 0% { opacity: 0; -moz-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes top-to-bottom { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes top-to-bottom { 0% { opacity: 0; -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes scale { 0% { opacity: 0; -moz-transform: scale(0, 0); transform: scale(0, 0); } 100% { opacity: 1; -moz-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes scale { 0% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes scale { 0% { opacity: 0; -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); } 100% { opacity: 1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } /*------------------------------------------------------------------ Footer */ #footer { background: transparent; padding: 40px 0; width: 100%; } #footer .widget { background: none !important; padding: 0; } #footer .widget p { font-size: 14px; } #footer.light { background: #f4f4f4; } #footer.light .widget > strong { border-color: rgba(0, 0, 0, 0.1); } #footer.dark { background: #080808; } #footer.dark .widget { color: rgba(255, 255, 255, 0.6); } #footer.dark .widget > strong { color: #fff; border-color: rgba(255, 255, 255, 0.15); } #footer.dark .widget a { color: rgba(255, 255, 255, 0.8); } #footer.dark .widget a.active, #footer.dark .widget a:hover { color: white; } #footer.dark .widget .slick-nav { background: #080808; color: rgba(255, 255, 255, 0.4); } #footer.dark .widget .slick-nav:hover { color: white; } #footer.dark .widget [class^="tag-link"] { border: 1px solid rgba(255, 255, 255, 0.4); color: #fff; } #footer.dark .widget [class^="tag-link"]:hover { border: 1px solid white; background: white; color: #080808; } #footer.dark .widget .post-title a { color: white; } #footer.dark .widget .post-bottom-meta { color: rgba(255, 255, 255, 0.6); } #footer.dark .widget .post-bottom-meta svg { fill: rgba(255, 255, 255, 0.6); } #footer.dark .widget.widget_search .s { color: #fff; border-color: #fff; } #footer.dark .widget.widget_search input[type="submit"] { background-color: #fff; height: 39px; } #footer.dark .widget.widget_socialcounter ul li a, #footer.dark .widget.widget_socialcounter ul li a .fa { background: rgba(255, 255, 255, 0.07); } #footer.dark .widget.widget_recent_comments ul li:after { color: #fff; } #footer.dark .widget.widget_topreviews .style2 li { border-color: rgba(255, 255, 255, 0.2); } #footer.dark .widget.widget_topreviews .style2 li a { color: #fff; } #footer.dark .widget.widget_topreviews .style1 li { background: rgba(255, 255, 255, 0.15); } #footer.dark .widget.widget_topreviews .style1 li a { color: #fff; } #footer.dark .widget.widget_topreviews .style1 li .post-bottom-meta { color: rgba(255, 255, 255, 0.6); } #footer.dark .widget.widget_topreviews .style1 li .ave { color: #fff; } #footer.dark .widget.widget_topreviews .style1 li:after { background: rgba(0, 0, 0, 0.2); } #subfooter { width: 100%; } #subfooter .subfooter-menu-holder { padding: 40px 0; } #subfooter .subfooter-menu-holder .logolink { display: inline-block; margin-bottom: 25px; } #subfooter .subfooter-menu-holder .logolink .logoimg { max-height: 25px; } #subfooter.light { background: #f4f4f4; } #subfooter.light .subfooter-menu-holder { border-top: 1px solid rgba(0, 0, 0, 0.1); } #subfooter.light .footer-menu li a { color: rgba(0, 0, 0, 0.8); } #subfooter.light .footer-menu li a:hover { color: black; } #subfooter.light p { color: rgba(0, 0, 0, 0.4); } #subfooter.dark { background: #080808; } #subfooter.dark .subfooter-menu-holder { border-top: 1px solid rgba(255, 255, 255, 0.15); } #subfooter.dark .footer-menu li a { color: rgba(255, 255, 255, 0.8); } #subfooter.dark .footer-menu li a:hover { color: white; } #subfooter.dark p { color: rgba(255, 255, 255, 0.4); } #subfooter .footer-menu { display: block; list-style: none; padding: 0; margin: 0 0 10px; } #subfooter .footer-menu ul { margin: 0; } #subfooter .footer-menu li { display: inline-block; margin: 0 12px; } #subfooter .footer-menu li a { font-size: 11px; font-weight: 600; text-transform: uppercase; } #subfooter p { font-size: 10px; font-weight: 600; margin: 0; } /*------------------------------------------------------------------ 404 Page */ .content404 { padding: 20px 0; width: 100%; } @media only screen and (min-width: 48.063em) { .content404 { padding: 30px 0; } } @media only screen and (min-width: 64.063em) { .content404 { padding: 40px 0; } } @media only screen and (min-width: 80em) { .content404 { padding: 60px 0; } } .content404 h3 { color: #fff; font-size: 40px; line-height: 44px; font-weight: 600; margin: 25px 0 0 0; letter-spacing: 2px; } .content404 p { margin-bottom: 30px; } .content404 img { max-width: 149px; width: 70%; margin-bottom: 20px; } @media only screen and (min-width: 48.063em) { .content404 img { width: 80%; margin-bottom: 30px; } } @media only screen and (min-width: 64.063em) { .content404 img { width: 90%; margin-bottom: 40px; } } @media only screen and (min-width: 80em) { .content404 img { width: 1000%; margin-bottom: 50px; } } .boxed .content404 { background: #fff; } /*------------------------------------------------------------------ MFP */ /* 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; } .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; 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: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .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; box-shadow: none; touch-action: manipulation; } 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; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .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: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .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; 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; } } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*------------------------------------------------------------------ Login Register */ .thb-login-form { background: #fff; width: calc(100% - 30px); max-width: 430px; margin: 15px; padding: 15px; position: relative; -moz-box-shadow: 0 40px 114px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 40px 114px rgba(0, 0, 0, 0.6); box-shadow: 0 40px 114px rgba(0, 0, 0, 0.6); } @media only screen and (min-width: 48.063em) { .thb-login-form { width: 80%; padding: 30px; margin: 15px auto; } } @media only screen and (min-width: 64.063em) { .thb-login-form { width: 430px; padding: 50px; } } .thb-login-form .thb-overflow-container { overflow: hidden; } .thb-login-form .thb-form-container { display: flex; width: 300%; -moz-transform: translateX(-33.33%); -ms-transform: translateX(-33.33%); -webkit-transform: translateX(-33.33%); transform: translateX(-33.33%); } .thb-login-form .thb-form-container .thb-login, .thb-login-form .thb-form-container .thb-register, .thb-login-form .thb-form-container .thb-lost { width: 100%; will-change: opacity; } .thb-login-form .thb-form-container .thb-lost, .thb-login-form .thb-form-container .thb-register { opacity: 0; } .thb-login-form .thb-form-container.register-active { -moz-transform: translateX(-66.66%); -ms-transform: translateX(-66.66%); -webkit-transform: translateX(-66.66%); transform: translateX(-66.66%); } .thb-login-form .thb-form-container.register-active .thb-register { opacity: 1; } .thb-login-form .thb-form-container.register-active .thb-login { opacity: 0; } .thb-login-form .thb-form-container.lost-active { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } .thb-login-form .thb-form-container.lost-active .thb-register, .thb-login-form .thb-form-container.lost-active .thb-login { opacity: 0; } .thb-login-form .thb-form-container.lost-active .thb-lost { opacity: 1; } .thb-login-form .thb-form-container .form-field { margin-bottom: 10px; } .thb-login-form .thb-form-container .form-field:last-child, .thb-login-form .thb-form-container .form-field.last { margin-bottom: 0; } .thb-login-form .thb-form-container input { width: 100%; margin-bottom: 0; } .thb-login-form .thb-form-container .btn { border-width: 2px; } .thb-login-form .thb-form-container .lost_password { display: inline-block; margin: 10px 0; font-size: 11px; } .thb-login-form .alert { padding: 12px 14px; border: 0; color: #fff; font-size: 11px; border-radius: 0; } .thb-login-form .alert a { color: #fff; text-decoration: underline; } .thb-login-form .alert p { font-size: 11px; } .thb-login-form .alert.alert-danger { background: #f71818; } .thb-login-form .alert.alert-success { color: #3c763d; } .thb-login-form .alert.alert-warning { color: #8a6d3b; } .thb-login-form ul { list-style: none; margin-bottom: 10px; } .thb-login-form ul.lost li { display: none; } .thb-login-form ul.lost li.lost { display: inline-flex; } .thb-login-form ul li { display: inline-flex; padding: 0; margin-right: 16px; justify-content: space-between; } .thb-login-form ul li.lost { display: none; width: 100%; } .thb-login-form ul li a, .thb-login-form ul li span { font-size: 12px; font-weight: 600; position: relative; text-transform: uppercase; cursor: pointer; } .thb-login-form ul li a:after, .thb-login-form ul li span:after { content: ''; position: absolute; top: 100%; left: 0; height: 2px; width: 100%; background: #080808; transform-origin: left center; -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); } .thb-login-form ul li a.active, .thb-login-form ul li a.always, .thb-login-form ul li a:hover, .thb-login-form ul li span.active, .thb-login-form ul li span.always, .thb-login-form ul li span:hover { color: #080808; } .thb-login-form ul li a.active:after, .thb-login-form ul li a.always:after, .thb-login-form ul li a:hover:after, .thb-login-form ul li span.active:after, .thb-login-form ul li span.always:after, .thb-login-form ul li span:hover:after { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .thb-login-form ul li span { font-weight: 400; text-transform: capitalize; } .thb-login-form ul li span:after { display: none; } .thb-login-form.dark { background: #080808; color: #fff; } .thb-login-form.dark a { color: #fff; } .thb-login-form.dark .mfp-close { color: #fff !important; } .thb-login-form.dark ul li a, .thb-login-form.dark ul li span { color: #fff; } .thb-login-form.dark ul li a:after, .thb-login-form.dark ul li span:after { background: #fff; } .thb-login-form.dark ul li a.active, .thb-login-form.dark ul li a.always, .thb-login-form.dark ul li a:hover, .thb-login-form.dark ul li span.active, .thb-login-form.dark ul li span.always, .thb-login-form.dark ul li span:hover { color: #fff; } .thb-inline-lightbox.mfp-bg { background: rgba(225, 225, 225, 0.6); } /*------------------------------------------------------------------ Plugin - Perfect Scrollbar */ /* perfect-scrollbar v0.7.0 */ .ps { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail { display: block; background-color: transparent; } .ps > .ps__scrollbar-y-rail { display: none; position: absolute; } .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y { position: absolute; } .ps__scrollbar-y-rail { width: 4px; } .ps__scrollbar-y-rail .ps__scrollbar-y { -moz-transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 0; width: 4px; border-radius: 2px; background: rgba(255, 255, 255, 0.2); } .ps__scrollbar-y-rail .ps__scrollbar-y:hover { background: rgba(255, 255, 255, 0.6); } /*------------------------------------------------------------------ Shop */ #wrapper .woocommerce { margin: 40px 0; } .products .product { display: flex; margin-bottom: 22px; text-align: left; flex-direction: column; } .rtl .products .product { text-align: right; } .products .product:hover .product_after_title .product_after_shop_loop_price { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .products .product:hover .product_after_title .product_after_shop_loop_buttons { top: 0; } .products .product:hover .product_thumbnail .yith-wcwl-add-to-wishlist { opacity: 1; } .products .product .product_thumbnail { position: relative; width: 100%; margin-bottom: 20px; overflow: hidden; } .products .product .product_thumbnail img { width: 100%; } .products .product .product_thumbnail a { display: block; } .products .product .product_thumbnail.thb_hover { position: relative; } .products .product .product_thumbnail.thb_hover .product_thumbnail_hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center; } .products .product .product_thumbnail.thb_hover:hover .product_thumbnail_hover { opacity: 1; } .products .product h3 { font-size: 14px; font-weight: 500; margin: 0 0 2px; line-height: 1; } .thb-capitalize-on .products .product h3 { text-transform: uppercase; } .products .product .product_after_title { position: relative; overflow: hidden; font-size: 12px; } .products .product .product_after_title .product_after_shop_loop_buttons, .products .product .product_after_title .product_after_shop_loop_price { height: 25px; display: flex; align-items: center; } .products .product .product_after_title .price { line-height: 25px; color: #616161; } .products .product .product_after_title .product_after_shop_loop_buttons { position: absolute; top: 100%; left: 0; width: 100%; } .products .product .product_after_title .button { border: 0; position: relative; background: none; color: #f74a2e; height: auto; text-align: left; padding: 0; font-weight: 400; text-transform: none; } .products .product .product_after_title .button:hover { background: transparent; color: #080808; } .badge { position: absolute; top: 10px; left: 10px; display: block; z-index: 2; font-size: 10px; color: #fff; font-weight: 700; height: 20px; line-height: 20px; padding: 0 6px; text-transform: uppercase; text-align: center; letter-spacing: normal; } .badge.onsale { background: #649fd6; } .badge.onsale.perc { font-weight: 400; font-size: 11px; } .badge.out-of-stock { background: #c1c1c1; } .badge.new { background: #cf8497; } .added_to_cart { display: none !important; } .quantity { position: relative; zoom: 1; padding-right: 15px; display: inline-block; max-width: 64px; vertical-align: middle; } @media only screen and (min-width: 48.063em) { .quantity { padding-right: 19px; } } .quantity .qty { margin: 0; text-align: center; padding-top: 11px; border-color: #eaeaea; } .quantity .plus, .quantity .minus { display: flex; padding: 0; margin: 0; outline: 0; border: 1px solid #eaeaea; position: absolute; justify-content: center; align-items: center; width: 15px; height: 50%; text-decoration: none; overflow: visible; text-decoration: none; font-weight: 400; cursor: pointer; text-shadow: none; font-size: 12px; background: none; color: #616161; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; } @media only screen and (min-width: 48.063em) { .quantity .plus, .quantity .minus { width: 19px; } } .quantity .plus:hover, .quantity .minus:hover { color: #080808; } .quantity .plus { top: 0; right: 0; border-bottom: 0; border-left: 0; } .quantity .minus { bottom: 0; right: 0; border-left: 0; } .star-rating { display: inline-block; position: relative; height: 10px; line-height: 10px; width: 58px; background: url("../img/stars.png") no-repeat left top; background-size: 58px 20px; text-indent: -9999px; } .star-rating span { top: 0; left: 0; position: absolute; height: 10px; line-height: 10px; width: 58px; overflow: hidden; background: url("../img/stars.png") no-repeat left -10px; background-size: 58px 20px; } .star-rating + .write_first { display: inline-block; font-size: 13px; font-weight: 300; color: #080808; margin-left: 20px; line-height: 18px; vertical-align: text-top; } #comments .star-rating { float: right; margin: 10px 0 0; } .thb_shop_bar { margin-bottom: 35px; font-size: 12px; line-height: 1; font-weight: 400; color: #545353; } .thb_shop_bar .breadcrumb-column { margin-bottom: 20px; } @media only screen and (min-width: 48.063em) { .thb_shop_bar .breadcrumb-column { margin-bottom: 0; } } @media only screen and (min-width: 48.063em) { .thb_shop_bar .result-column { text-align: right; } .rtl .thb_shop_bar .result-column { text-align: left; } } .thb_shop_bar .woocommerce-result-count, .thb_shop_bar .woocommerce-ordering { display: inline-block; margin: 0; } .thb_shop_bar .woocommerce-result-count { font-size: inherit; color: rgba(64, 63, 68, 0.6); } .thb_shop_bar .woocommerce-ordering select { color: #403f44; border: 0; background: none; } @media only screen and (min-width: 64.063em) { .thb_shop_bar .woocommerce-ordering { margin-left: 25px; } } .product-page .product-gallery .product-images { margin-bottom: 40px; } @media only screen and (min-width: 48.063em) { .product-page .product-gallery .product-images { margin-bottom: 10px; } } .product-page .product-gallery .product-thumbnails { margin: 0 -5px; display: none; } @media only screen and (min-width: 48.063em) { .product-page .product-gallery .product-thumbnails { display: block; } } .product-page .product-gallery .product-thumbnails .woocommerce-product-gallery__image { padding: 0 5px; opacity: 0.8; -moz-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .product-page .product-gallery .product-thumbnails .woocommerce-product-gallery__image.slick-current, .product-page .product-gallery .product-thumbnails .woocommerce-product-gallery__image:hover { opacity: 1; } .product-page .product-information .shares_text { font-size: 12px; color: #626262; line-height: 1; display: inline-block; vertical-align: middle; } .product-page .product-information .share-article-vertical { display: inline-block; margin: 0; padding: 0; float: none; vertical-align: middle; } .product-page .product-information .share-article-vertical .social { background: #ccc; color: #fff; } .product-page .product-information .share-article-vertical h6 { display: none; } @media only screen and (min-width: 48.063em) { .product-page .product-information .single_add_to_cart_button { margin-left: 10px; } } .product-page .product-information .woocommerce-message { margin-bottom: 30px; font-size: 11px; text-transform: uppercase; } .product-page .product-information .woocommerce-message .button { border: 0; padding: 0; margin-right: 10px; } .product-page .product-information .woocommerce-message .button:hover { background: none; color: #080808; } @media only screen and (min-width: 64.063em) { .product-page .product-information { padding-left: 35px; } } .product-page .product-information .product_title { font-weight: 400; } .thb-capitalize-on .product-page .product-information .product_title { text-transform: uppercase; } .product-page .product-information [itemprop="description"] { margin-bottom: 25px; } .product-page .product-information [itemprop="description"] * { font-size: 14px; } .product-page .product-information [itemprop="description"] *:last-child { margin-bottom: 0; } .product-page .product-information .price { font-size: 24px; line-height: 1; margin-bottom: 25px; } .product-page .product-information .product_meta { font-size: 12px; color: #626262; line-height: 1; margin: 30px 0; } .product-page .product-information .product_meta a { color: #f74a2e; } .product-page .product-information .product_meta a:hover { color: #b82007; } .product-page .product-information .product_meta > span { display: block; margin-bottom: 15px; } .product-page .product-information .woocommerce-product-rating { font-size: 12px; color: #616161; margin-bottom: 20px; } .product-page .product-information .woocommerce-product-rating .woocommerce-review-link { margin-left: 8px; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 1; color: #616161; } .product-nav { margin: 20px 0; } .product-nav .columns { display: flex; align-items: center; } .product-nav .columns.text-right { justify-content: flex-end; } .product-nav .post_nav { display: flex; } .rtl .product-nav .post_nav { flex-direction: row-reverse; } .woocommerce-breadcrumb { font-size: 12px; } .post_nav a { display: inline-flex; width: 26px; height: 24px; border: 1px solid #ccc; justify-content: center; align-items: center; color: #080808; } .post_nav a:hover { border-color: #080808; background: #080808; color: #fff; } .woocommerce-tabs { margin-bottom: 40px; } .woocommerce-tabs .tabs { list-style: none; margin: 0; text-transform: uppercase; font-size: 12px; font-weight: 500; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; display: flex; flex-direction: column; } @media only screen and (min-width: 48.063em) { .woocommerce-tabs .tabs { display: inline-flex; flex-direction: row; } } .woocommerce-tabs .tabs li { background: #f4f4f4; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; margin: 0; padding: 0 20px; display: flex; justify-content: center; align-items: center; } .woocommerce-tabs .tabs li a { display: flex; width: 100%; height: 45px; font-weight: 600; justify-content: center; align-items: center; color: rgba(8, 8, 8, 0.6); } .woocommerce-tabs .tabs li.active { border-bottom-color: #fff; background: #fff; } .woocommerce-tabs .tabs li.active a { color: #080808; } @media only screen and (min-width: 48.063em) { .woocommerce-tabs .tabs li { display: inline-flex; } } .woocommerce-tabs .wc-tab { margin-top: -1px; border: 1px solid #eaeaea; padding: 15px; } @media only screen and (min-width: 48.063em) { .woocommerce-tabs .wc-tab { padding: 30px; } } .woocommerce-tabs .wc-tab h2 { display: none; } .shop_attributes { border: 0; width: 100%; border-spacing: 0; text-align: left; } .rtl .shop_attributes { text-align: right; } .shop_attributes tbody tr th { vertical-align: middle; padding: 20px 0 18px; color: #080808; font-size: 14px; font-weight: 500; border-bottom: 1px solid #f5f5f5; background: none; width: 120px; text-transform: capitalize; } .shop_attributes tbody tr td { vertical-align: middle; padding: 14px 0 14px 15px; border-bottom: 1px solid #f5f5f5; background: none; font-weight: 400; font-size: 14px; color: #454545; text-align: right; } .shop_attributes tbody tr td p { margin: 0; color: #454545; font-size: 14px; font-weight: 300; } .shop_attributes tbody tr:last-child td, .shop_attributes tbody tr:last-child th { border-bottom: 0; background: none; } .shop_attributes tbody tr.alt { background: none; } .shop_attributes tbody tr.alt th { background: none; } .thb-shop-title, .cross-sells h2, .up-sells h2, .customer_login h3 { font-size: 24px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; } .shop_table { width: 100%; margin-bottom: 30px; } .shop_table thead { text-align: left; } .shop_table thead tr { border-bottom: 2px solid #f5f5f5; } .shop_table thead tr th { text-transform: uppercase; color: #626262; font-size: 12px; font-weight: 400; padding: 0 5px 10px; } @media only screen and (min-width: 48.063em) { .shop_table thead tr th { padding: 0 13px 10px; } } @media only screen and (max-width: 64.063em) { .shop_table thead tr th.product-thumbnail { display: none; } } .shop_table tbody tr { border-bottom: 1px dotted #b9b9b9; } .shop_table tbody tr td { padding: 10px 5px; } @media only screen and (min-width: 48.063em) { .shop_table tbody tr td { padding: 30px 13px; } } .woocommerce-checkout .shop_table tbody tr td, .cart_totals .shop_table tbody tr td { padding-top: 15px; padding-bottom: 15px; } .shop_table tbody tr:last-child { border: 0; } .shop_table tbody .product-name { width: 55%; } .shop_table tbody .product-thumbnail img { max-width: 100px; } @media only screen and (max-width: 64.063em) { .shop_table tbody .product-thumbnail { display: none; } } .shop_table .actions { padding-left: 0; padding-right: 0; } .shop_table .actions .footer_coupon { display: flex; justify-content: space-between; } @media only screen and (max-width: 64.063em) { .shop_table .actions .footer_coupon { flex-direction: column; flex: 1; } .shop_table .actions .footer_coupon .coupon { margin-bottom: 20px; display: flex; } .shop_table .actions .footer_coupon .coupon .box { flex: 1; } } .shop_table .actions .footer_coupon .button { justify-content: center; } .shop_table tfoot { color: #080808; } .shop_table tfoot td { padding: 15px 5px; } @media only screen and (min-width: 48.063em) { .shop_table tfoot td { padding: 15px 13px; } } .shop_table tfoot:last-child { border: 0; } .coupon label { display: none; } .coupon .box { margin: 0; } #shipping_method { list-style: none; margin: 0; } #shipping_method li { margin-bottom: 5px; } #shipping_method label { font-size: 12px; display: inline; margin-left: 7px; text-transform: none; font-weight: 400; } #shipping_method label .amount { font-weight: 600; } .cart_totals .shop_table, .shop_table.woocommerce-checkout-review-order-table, .shop_table.order_details, .shop_table.customer_details { margin: 0 0 30px; font-size: 12px; color: #080808; } .cart_totals .shop_table thead, .shop_table.woocommerce-checkout-review-order-table thead, .shop_table.order_details thead, .shop_table.customer_details thead { display: none; } .cart_totals .shop_table tbody tr, .cart_totals .shop_table tfoot tr, .shop_table.woocommerce-checkout-review-order-table tbody tr, .shop_table.woocommerce-checkout-review-order-table tfoot tr, .shop_table.order_details tbody tr, .shop_table.order_details tfoot tr, .shop_table.customer_details tbody tr, .shop_table.customer_details tfoot tr { border-bottom: 1px dotted #b9b9b9; } .cart_totals .shop_table tbody tr th, .cart_totals .shop_table tfoot tr th, .shop_table.woocommerce-checkout-review-order-table tbody tr th, .shop_table.woocommerce-checkout-review-order-table tfoot tr th, .shop_table.order_details tbody tr th, .shop_table.order_details tfoot tr th, .shop_table.customer_details tbody tr th, .shop_table.customer_details tfoot tr th { font-size: 12px; text-align: left; font-weight: 400; } @media only screen and (min-width: 48.063em) { .cart_totals .shop_table tbody tr th, .cart_totals .shop_table tfoot tr th, .shop_table.woocommerce-checkout-review-order-table tbody tr th, .shop_table.woocommerce-checkout-review-order-table tfoot tr th, .shop_table.order_details tbody tr th, .shop_table.order_details tfoot tr th, .shop_table.customer_details tbody tr th, .shop_table.customer_details tfoot tr th { width: 150px; } } .cart_totals .shop_table tbody tr td, .cart_totals .shop_table tfoot tr td, .shop_table.woocommerce-checkout-review-order-table tbody tr td, .shop_table.woocommerce-checkout-review-order-table tfoot tr td, .shop_table.order_details tbody tr td, .shop_table.order_details tfoot tr td, .shop_table.customer_details tbody tr td, .shop_table.customer_details tfoot tr td { font-weight: 600; padding: 15px 13px; } .cart_totals .shop_table tbody tr td:first-child, .cart_totals .shop_table tfoot tr td:first-child, .shop_table.woocommerce-checkout-review-order-table tbody tr td:first-child, .shop_table.woocommerce-checkout-review-order-table tfoot tr td:first-child, .shop_table.order_details tbody tr td:first-child, .shop_table.order_details tfoot tr td:first-child, .shop_table.customer_details tbody tr td:first-child, .shop_table.customer_details tfoot tr td:first-child { padding-left: 0; font-weight: 400; } .shop_table.woocommerce-checkout-review-order-table { margin: 0; } .cart_totals .shipping-calculator-form { padding-top: 20px; } .cart_totals .shipping-calculator-form .form-row { margin-bottom: 10px; } .cart_totals .shipping-calculator-form select { font-size: 16px; } .cart_totals .shipping-calculator-form .input-text { width: 100%; margin: 0; } .cart_totals p { margin: 0; } .cart_totals .shipping-calculator-button { text-transform: uppercase; font-weight: 600; font-size: 10px; display: inline-flex; padding: 0 5px; height: 20px; line-height: 1; align-items: center; border: 1px solid #080808; } .cart_totals .shipping-calculator-button:hover { background: #080808; color: #fff; } .cart_totals .button { align-items: center; justify-content: center; width: 100%; font-weight: 600; text-transform: uppercase; } .footer_coupon .coupon { display: flex; width: 100%; flex-direction: column; } @media only screen and (min-width: 48.063em) { .footer_coupon .coupon { flex-direction: row; } } .footer_coupon .coupon .button { padding-left: 20px; padding-right: 20px; width: 100%; } @media only screen and (min-width: 48.063em) { .footer_coupon .coupon .button { width: auto; } } .cart_totals h2, #order_review_heading { display: block; font-size: 14px; text-transform: uppercase; padding-bottom: 13px; margin-bottom: 28px; border-bottom: 2px solid #080808; } .thb-cart-empty { padding: 10vh 0; text-align: center; } .thb-cart-empty figure { display: inline-block; width: 150px; height: 124px; max-width: 100%; margin-bottom: 40px; background: url("../img/empty_cart.png"); -moz-background-size: 150px 124px; -o-background-size: 150px 124px; -webkit-background-size: 150px 124px; background-size: 150px 124px; } .woocommerce-checkout .form-row { margin: 0; } .woocommerce-checkout .select2-container { margin-bottom: 24px; } .woocommerce-checkout abbr { border: none; } form.woocommerce-checkout { margin: 30px 0; } #customer_details #ship-to-different-address label { display: inline-block; font-size: 12px; font-weight: 600; margin: 0; } #customer_details #ship-to-different-address input { float: left; margin-right: 10px; } #customer_details .create-account { margin-bottom: 30px; } #customer_details .create-account label { display: inline-block; margin: 0; } #customer_details .create-account label input { margin: 0 0 0 10px; } #customer_details .create-account p { font-size: 16px; } #customer_details #billing_address_1 { margin-bottom: 5px; } .payment_methods { list-style: none; } .payment_methods .wc_payment_method { padding: 10px 0; margin: 0; border-bottom: 1px dotted #b9b9b9; } .payment_methods .wc_payment_method:last-child { border-bottom: 0; } .payment_methods .wc_payment_method img { display: none; } .payment_methods label { display: inline-block; margin-left: 15px; font-size: 13px; font-weight: 600; text-transform: none; } .payment_methods label a { display: inline-block; margin-left: 10px; color: #f74a2e; font-weight: 400; } .payment_methods .payment_box { padding-left: 32px; } .payment_methods .payment_box p { font-size: 14px; color: #79787f; margin: 0; padding: 5px 0 0; } .form-row.wc-terms-and-conditions { margin-bottom: 30px; } .form-row.wc-terms-and-conditions label { display: inline-block; margin-left: 15px; font-size: 12px; text-transform: none; font-weight: 400; } .form-row.wc-terms-and-conditions label a { font-weight: 600; } .woocommerce-info { text-transform: uppercase; font-size: 12px; color: #080808; font-weight: 600; padding: 0 0 20px; } .woocommerce-info a { color: #f74a2e; } form + .woocommerce-info { border-top: 1px dotted #b9b9b9; padding-top: 20px; } .woocommerce-info form { margin-bottom: 30px; } .customer_login { margin: 6vh 0; } .customer_login .columns { display: flex; } .customer_login h3 + p { font-size: 14px; color: #080808; margin-bottom: 40px; } .customer_login p:last-child { margin: 0; } .customer_login p .woocommerce-password-strength { margin-bottom: 10px; } .customer_login p small { line-height: 1.8; text-transform: uppercase; display: inline-block; font-size: 10px; } .customer_login .input-text { width: 100%; } .customer_login .lost_password { display: flex; justify-content: space-between; font-size: 12px; } .customer_login .lost_password label { font-size: 12px; text-transform: none; font-weight: 400; } .customer_login .lost_password a { color: #f74a2e; } .customer_login .thb_account_box { display: flex; flex-direction: column; flex: 1; padding: 15%; border: 1px solid #fbfbfb; background: #fbfbfb; } .customer_login .thb_account_box.register_box { background: #fff; border: 1px solid #f1f1f1; } .shop-medium-title, .thb-cart-empty p, .woocommerce-checkout h2, #customer_details h3, .woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content legend, .addresses h3 { color: #080808; font-size: 14px; font-weight: 600; margin-bottom: 30px; text-transform: uppercase; } .woocommerce-MyAccount-content { margin: 30px 0; } .woocommerce-MyAccount-content .form-row { margin: 0; } @media only screen and (min-width: 64.063em) { .woocommerce-MyAccount-content { padding-left: 4%; } } .woocommerce-MyAccount-navigation { margin: 30px 0; } .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; } .woocommerce-MyAccount-navigation ul li { margin-bottom: 0; } .woocommerce-MyAccount-navigation ul li a { display: block; padding: 12px 0; border-bottom: 1px dotted #b9b9b9; text-transform: uppercase; font-weight: 600; font-size: 12px; } .woocommerce-MyAccount-navigation ul li:first-child a { padding-top: 0; } .woocommerce-MyAccount-navigation ul li:last-child a { border-bottom: none; } .woocommerce-MyAccount-navigation ul li:hover a, .woocommerce-MyAccount-navigation ul li.is-active a { color: #f74a2e; } .addresses { margin: 0 -15px; } .addresses address { font-size: 14px; font-style: normal; } .addresses .col-1, .addresses .col-2 { float: left; padding: 0 15px; width: 100%; margin-bottom: 30px; } @media only screen and (min-width: 48.063em) { .addresses .col-1, .addresses .col-2 { width: 50%; } } /*------------------------------------------------------------------ Theme Switcher */ #theme-switcher { display: none; position: fixed; top: 50%; width: 245px; left: -205px; z-index: 9999; -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } @media only screen and (min-width: 48.063em) { #theme-switcher { display: block; } } #theme-switcher.active { left: 0; } #theme-switcher.active .style-toggle svg { opacity: 1; } #theme-switcher .style-toggle { float: right; width: 40px; height: 40px; color: #fff; line-height: 36px; background: #fff; text-align: center; cursor: pointer; margin-top: 20px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-border-radius: 0 20px 20px 0; -webkit-border-radius: 0; border-radius: 0 20px 20px 0; -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); } #theme-switcher .style-toggle svg { vertical-align: middle; margin-right: 4px; margin-top: 2px; opacity: 0.6; } #theme-switcher .style-toggle:hover svg { opacity: 1; } #theme-switcher .style-content { float: left; background: #fff; padding: 30px 28px 26px 28px; width: 205px; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0 6px 6px 0; -moz-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2); } #theme-switcher .style-content .row { margin: 0 -2px; padding: 0 !important; } #theme-switcher .style-content .row .columns { padding: 0 2px; } #theme-switcher .style-content h6 { display: block; font-size: 12px; color: #080808; margin: 0 0 24px; text-transform: uppercase; font-weight: 600; padding: 0 2px; } #theme-switcher .style-content a { display: block; width: 100%; border-radius: 3px; border: 1px solid #dedede; margin: 0 0 4px 0; height: 38px; line-height: 36px; padding: 0 15px; } #theme-switcher .style-content a img { vertical-align: middle; } #theme-switcher .style-content a:hover { border-color: #16c0e5; }