/* Theme Name: VidoRev Theme URI: https://beeteam368.net/vidorev/ Author: BeeTeam368 Author URI: http://themeforest.net/user/beeteam368 Description: Video WordPress Theme Version: 2.9.9.9.9.9.6 License: Themeforest Licence License URI: http://themeforest.net/licenses Text Domain: vidorev Domain Path: /languages Tested Up To: 6.7.1 Requires PHP: >=7.4 Tags: translation-ready, one-column, two-columns, three-columns, right-sidebar, custom-menu, editor-style, featured-images, theme-options, rtl-language-support */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # 1.0 Normalize # 2.0 Typography # 3.0 Elements 3.1 - A Tag 3.2 - P Tag 3.3 - ul, ol, li, Tag 3.4 - IMG Tag 3.5 - Table Tag 3.6 - Blockquote Tag 3.7 - Pre Tag 3.8 - Strong Tag 3.9 - Social # 4.0 Forms 4.1 - Buttons 4.2 - Fields # 5.0 Layout # 6.0 Navigation 6.1 - Logo 6.2 - Main Menu 6.3 - Header Content 6.4 - Top Menu 6.5 - Navigation Tools 6.6 - Top Search Box 6.7 - Sticky Menu 6.8 - Search Box Dropdown 6.9 - Mobile Menu 6.9.1 - WooCommerce # 7.0 Accessibility # 8.0 Alignments # 9.0 Clearings # 10.0 Widgets # 11.0 Content 11.1 - Blog Listing 11.2 - Post & Page 11.3 - Playlist 11.4 - Comment 11.5 - Video Player 11.6 - 404 Page 11.7 - Search 11.8 - Breadcrumbs 11.9 - Top Watch Later 11.10 - Top Login 11.11 - Clean Login Re-Style 11.12 - Author 11.13 - Ads # 12.0 Media ## Captions ## Galleries ## InstagramFeed --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 1.0 Normalize (START) --------------------------------------------------------------*/ html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; /* 3 */ white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /*-------------------------------------------------------------- # 1.0 Normalize (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 2.0 Typography (START) --------------------------------------------------------------*/ html { text-rendering: optimizeLegibility; } body, .body-typography { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: normal; line-height: 1.8; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; color: #111111; } .font-size-10 { font-size: 10px; } .font-size-12 { font-size: 12px; } .font-size-18 { font-size: 18px; } .dark-background { color: #C4C4C4; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7 { margin: 0; padding: 0; background: none; border: none; border-radius: 0px; -webkit-border-radius: 0px; outline: none; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; color: #000000; word-break: break-word; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .h7 a { text-decoration: none; } h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover, .h1 a:focus, .h1 a:hover, .h2 a:focus, .h2 a:hover, .h3 a:focus, .h3 a:hover, .h4 a:focus, .h4 a:hover, .h5 a:focus, .h5 a:hover, .h6 a:focus, .h6 a:hover, .h7 a:focus, .h7 a:hover { text-decoration: none; } h1.extra-bold, h2.extra-bold, h3.extra-bold, h4.extra-bold, h5.extra-bold, h6.extra-bold, .h1.extra-bold, .h2.extra-bold, .h3.extra-bold, .h4.extra-bold, .h5.extra-bold, .h6.extra-bold, .h7.extra-bold { font-weight: 700; } h1, .h1 { font-size: 26px; } h2, .h2 { font-size: 23px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } .h7 { font-size: 12px; } .h-font-size-30 { font-size: 30px; } .h-font-size-36 { font-size: 36px; } @media (min-width: 768px) { .h-font-size-40 { font-size: 40px; } } .h-font-size-48 { font-size: 48px; } @media (max-width: 1199px) { .h1-small-desktop { font-size: 26px; } } @media (max-width: 767px) { .h1-tablet { font-size: 26px; } } @media (max-width: 767px) { .h2-tablet { font-size: 23px; } } @media (max-width: 1199px) { .h3-small-desktop { font-size: 20px; } } @media (max-width: 575px) { .h3-mobile { font-size: 20px; } } @media (max-width: 575px) { .h5-mobile { font-size: 16px; } } @media (max-width: 1450px) { .h5-small-desktop { font-size: 16px; } } @media (max-width: 575px) { .h6-mobile { font-size: 14px; } } .dark-background h1, .dark-background h2, .dark-background h3, .dark-background h4, .dark-background h5, .dark-background h6, .dark-background .h1, .dark-background .h2, .dark-background .h3, .dark-background .h4, .dark-background .h5, .dark-background .h6, .dark-background .h7 { color: #FFFFFF; } .navigation-font { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; } .nav-font-size-12 { font-size: 12px; } .meta-font { font-family: "Poppins", sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; } .m-font-size-10 { font-size: 10px; } dfn, cite, em, i { font-style: italic; } address { margin: 0 0 1.5em; } abbr, acronym { cursor: help; } abbr[title], acronym[title] { border-bottom: none; } mark, ins { background: #FFF9C0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # 2.0 Typography (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 3.0 Elements (START) --------------------------------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { overflow: visible; overflow-y: scroll; } html.disable-scroll { overflow: hidden; } body { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } /*3.1 - A Tag*/ a { color: #000000; text-decoration: underline; transition: color 0.3s, background-color 0.3s, border-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; } a:hover, a:active, a:focus, a:visited { outline: 0; } a:focus { color: #CC0000; text-decoration: underline; } a:hover { color: #CC0000; text-decoration: underline; } a.neutral { color: #999999; } a.neutral:focus { color: #000000; } a.neutral:hover { color: #000000; } a.main-color-udr { color: #CC0000; } a.main-color-udr:hover { text-decoration: underline; } .dark-background a { color: #FFFFFF; } .dark-background a:focus { color: #CC0000; } .dark-background a:hover { color: #CC0000; } .dark-background a.neutral { color: rgba(255, 255, 255, 0.8); } .dark-background a.neutral:focus { color: #FFFFFF; } .dark-background a.neutral:hover { color: #FFFFFF; } .dark-background.overlay-background a { color: #FFFFFF; } .dark-background.overlay-background a:focus { color: #FFFFFF; } .dark-background.overlay-background a:hover { color: #FFFFFF; } .dinginess-background a.neutral { color: #FFFFFF; } .dinginess-background a.neutral:focus { color: rgba(255, 255, 255, 0.68); } .dinginess-background a.neutral:hover { color: rgba(255, 255, 255, 0.68); } /*3.2 - P Tag*/ p { margin: 0; padding-top: 8px; padding-bottom: 7px; } p:empty { display: none; } /*3.3 - ul, ol, li, Tag*/ ul, ol { line-height: 2.2; margin: 0; } ul { padding-left: 15px; } ul li ul { padding-left: 30px; } ul li ol { padding-left: 30px; } ol { padding-left: 15px; } ol li ol { padding-left: 30px; } ol li ul { padding-left: 30px; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /*3.4 - IMG Tag*/ img { max-width: 100%; height: auto; background: transparent; color: transparent; } /*3.5 - Table Tag*/ table { width: 100%; margin-top: 1.8em; margin-bottom: 1.8em; border-collapse: collapse; text-align: left; } table thead { background-color: #EAEAEA; } table tbody > tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.02); } table tbody tr > *, table thead tr > * { padding: 13px 20px 12px 20px; border: none; border: 1px solid rgba(0, 0, 0, 0.1); } .dark-background table thead { background-color: rgba(255, 255, 255, 0.1); } .dark-background table tbody > tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.05); } .dark-background table tbody tr > *, .dark-background table thead tr > * { border-color: rgba(255, 255, 255, 0.1); } /*3.6 - Blockquote Tag*/ blockquote { display: block; padding: 13px 15px 13px 65px; margin: 20px 0 20px 0; position: relative; border-left: 10px solid #CC0000; border-right: 2px solid #CC0000; background: #000000; color: #999999; text-align: left; min-height: 87px; } blockquote:before { font-family: Georgia, serif; display: block; content: "\201C"; font-size: 80px; font-weight: bold; position: absolute; left: 13px; top: -9px; } blockquote cite { display: block; margin-top: 8px; } @media (min-width: 767px) { blockquote { padding: 13px 20px 13px 75px; font-size: 18px; } blockquote cite { font-size: 14px; } blockquote:before { left: 18px; } } blockquote::after { content: ''; } blockquote a { text-decoration: none; background: rgba(255, 255, 255, 0.2); padding: 2px 6px; font-style: normal; color: #FFFFFF; } blockquote a:hover { text-decoration: none; } blockquote:first-child { margin-top: 0; } blockquote:last-child { margin-bottom: 0; } /*3.7 - Pre Tag*/ pre { background: #EEEEEE; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } .dark-background pre { background-color: rgba(255, 255, 255, 0.1); } /*3.8 - Strong Tag*/ strong { font-weight: 700; } /*3.9 - Social*/ .social-block { list-style: none; margin: 0; padding: 0; } .social-block > li { list-style: none; padding: 0; margin: 0; } .social-block > li > a > span.icon { display: block; width: 40px; height: 40px; text-align: center; background-color: #606060; line-height: 40px; font-size: 14px; font-weight: normal; color: white; transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s; position: relative; } .social-block > li > a > span.icon i.fa:before { font-size: 14px; line-height: 1; } .social-block > li > a:hover > span.icon { background-color: #222222; } .social-block > li.facebook-link > a:not(:hover) > span.icon { background-color: #3a5795; } .social-block > li.whatsapp-link > a:not(:hover) > span.icon { background-color: #25D366; } .social-block > li.twitter-link > a:not(:hover) > span.icon { background-color: #55acee; } .social-block > li.google-plus-link > a:not(:hover) > span.icon { background-color: #dd4b39; } .social-block > li.linkedin-link > a:not(:hover) > span.icon { background-color: #007bb6; } .social-block > li.tumblr-link > a:not(:hover) > span.icon { background-color: #37465d; } .social-block > li.pinterest-link > a:not(:hover) > span.icon { background-color: #cb211d; } .social-block > li.vk-link > a:not(:hover) > span.icon { background-color: #2b587a; } .social-block > li.youtube-link > a:not(:hover) > span.icon { background-color: #e62117; } .social-block > li.instagram-link > a:not(:hover) > span.icon { background-color: #3f729b; } .social-block.s-grid { margin: -5px; padding: 0; } .social-block.s-grid:before, .social-block.s-grid:after { content: ''; display: table; clear: both; } .social-block.s-grid > li { padding: 5px; margin: 0; float: left; } .social-block.s-grid.nav-style { margin: 0; } .social-block.s-grid.nav-style > li { padding: 0; } .social-block.s-grid.nav-style > li:last-child > a > span.icon { border-right: 1px solid rgba(255, 255, 255, 0.2); } .social-block.s-grid.nav-style > li > a > span.icon { width: 40px; height: 40px; line-height: 40px; color: rgba(255, 255, 255, 0.66); background-color: transparent; border-left: 1px solid rgba(255, 255, 255, 0.2); } .social-block.s-grid.nav-style > li > a:hover > span.icon, .social-block.s-grid.nav-style > li > a.active-item > span.icon { color: white; background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } .social-block.s-grid.main-nav-style > li > a > span.icon { font-size: 18px; width: 50px; height: 50px; line-height: 50px; } .social-block.s-grid.main-nav-style > li > a > span.icon i.fa:before { font-size: 18px; } .social-block.s-grid.transparent-style > li { padding: 0; } .social-block.s-grid.transparent-style > li:last-child > a > span.icon { border-right: none; } .social-block.s-grid.transparent-style > li > a > span.icon { border-left: none; font-size: 14px; height: 50px; line-height: 50px; } .social-block.s-grid.transparent-style > li > a > span.icon i.fa:before { font-size: 14px; } .social-block.s-grid.transparent-style > li > a:hover > span.icon, .social-block.s-grid.transparent-style > li > a.active-item > span.icon { background-color: transparent; } .social-block.s-grid.transparent-style .hasVideos { top: 10px; } .social-block.s-grid.big-icon > li > a > span.icon { width: 50px; height: 50px; line-height: 50px; font-size: 18px; } .social-block.s-grid.big-icon > li > a > span.icon i.fa:before { font-size: 18px; } .social-block.s-grid.small-style { margin: -3px; } .social-block.s-grid.small-style > li { padding: 3px; } .social-block.s-grid.small-style > li > a > span.icon { width: 30px; height: 30px; line-height: 30px; font-size: 12px; } .social-block.s-grid.small-style > li > a > span.icon i.fa:before { font-size: 12px; } .social-block.s-grid.mobile-style > li > a > span.icon { background-color: rgba(255, 255, 255, 0.15); color: #FFFFFF; font-size: 16px; } .social-block.s-grid.mobile-style > li > a > span.icon i.fa:before { font-size: 16px; line-height: 1; } .social-block.s-grid.light-style > li > a > span.icon { width: 32px; height: 32px; line-height: 30px; font-size: 12px; background-color: transparent; color: #999999; border: 1px solid #EAEAEA; } .social-block.s-grid.light-style > li > a > span.icon i.fa:before { font-size: 12px; } .social-block.s-grid.light-style > li > a:hover > span.icon { background-color: #999999; border-color: #999999; color: #FFFFFF; } .social-block.s-grid.light-style > li.facebook-link > a:hover > span.icon { background-color: #3a5795; border-color: #3a5795; } .social-block.s-grid.light-style > li.whatsapp-link > a:hover > span.icon { background-color: #25D366; border-color: #25D366; } .social-block.s-grid.light-style > li.twitter-link > a:hover > span.icon { background-color: #55acee; border-color: #55acee; } .social-block.s-grid.light-style > li.google-plus-link > a:hover > span.icon { background-color: #dd4b39; border-color: #dd4b39; } .social-block.s-grid.light-style > li.linkedin-link > a:hover > span.icon { background-color: #007bb6; border-color: #007bb6; } .social-block.s-grid.light-style > li.tumblr-link > a:hover > span.icon { background-color: #37465d; border-color: #37465d; } .social-block.s-grid.light-style > li.pinterest-link > a:hover > span.icon { background-color: #cb211d; border-color: #cb211d; } .social-block.s-grid.light-style > li.vk-link > a:hover > span.icon { background-color: #2b587a; border-color: #2b587a; } .social-block.s-grid.light-style > li.youtube-link > a:hover > span.icon { background-color: #e62117; border-color: #e62117; } .social-block.s-grid.light-style > li.instagram-link > a:hover > span.icon { background-color: #3f729b; border-color: #3f729b; } .dark-background .social-block > li > a:hover > span.icon { background-color: #FFFFFF; color: #000000; } .dark-background .social-block.s-grid.light-style > li > a > span.icon { border-color: #999999; } .dark-background .social-block.s-grid.light-style > li > a:hover > span.icon { background-color: #FFFFFF; border-color: #FFFFFF; color: #000000; } .dark-background .social-block.s-grid.light-style > li.facebook-link > a:hover > span.icon { background-color: #3a5795; border-color: #3a5795; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.whatsapp-link > a:hover > span.icon { background-color: #25D366; border-color: #25D366; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.twitter-link > a:hover > span.icon { background-color: #55acee; border-color: #55acee; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.google-plus-link > a:hover > span.icon { background-color: #dd4b39; border-color: #dd4b39; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.linkedin-link > a:hover > span.icon { background-color: #007bb6; border-color: #007bb6; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.tumblr-link > a:hover > span.icon { background-color: #37465d; border-color: #37465d; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.pinterest-link > a:hover > span.icon { background-color: #cb211d; border-color: #cb211d; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.vk-link > a:hover > span.icon { background-color: #2b587a; border-color: #2b587a; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.youtube-link > a:hover > span.icon { background-color: #e62117; border-color: #e62117; color: #FFFFFF; } .dark-background .social-block.s-grid.light-style > li.instagram-link > a:hover > span.icon { background-color: #3f729b; border-color: #3f729b; color: #FFFFFF; } .top-nav .social-block.s-grid.nav-style:not(:last-child) > li:last-child > a > span.icon { border-right: none; } /*-------------------------------------------------------------- # 3.0 Elements (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 4.0 Forms (START) --------------------------------------------------------------*/ /*4.1 - Buttons*/ button, input[type="button"], input[type="submit"], input[type="reset"], .basic-button, .next-content a, .prev-content a, .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link, .pmpro_checkout .pmpro_btn, #nav-below.navigation a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wp-block-button__link { border: none; background-image: none; text-shadow: none; vertical-align: top; display: inline-block; text-decoration: none; outline: none; margin: 0; cursor: pointer; text-align: center; min-width: 130px; border-radius: 0; -webkit-border-radius: 0; transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s; box-shadow: none; -webkit-box-shadow: none; -webkit-tap-highlight-color: transparent; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; text-transform: uppercase; } button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .basic-button:focus, .next-content a:focus, .prev-content a:focus, .pmpro_btn:focus, .pmpro_btn:link:focus, .pmpro_content_message a:focus, .pmpro_content_message a:link:focus, .pmpro_checkout .pmpro_btn:focus, #nav-below.navigation a:focus, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .wp-block-button__link:focus { outline: none; text-decoration: none; } button[aria-controls], button[aria-live], input[type="button"][aria-controls], input[type="button"][aria-live], input[type="submit"][aria-controls], input[type="submit"][aria-live], input[type="reset"][aria-controls], input[type="reset"][aria-live], .basic-button[aria-controls], .basic-button[aria-live], .next-content a[aria-controls], .next-content a[aria-live], .prev-content a[aria-controls], .prev-content a[aria-live], .pmpro_btn[aria-controls], .pmpro_btn[aria-live], .pmpro_btn:link[aria-controls], .pmpro_btn:link[aria-live], .pmpro_content_message a[aria-controls], .pmpro_content_message a[aria-live], .pmpro_content_message a:link[aria-controls], .pmpro_content_message a:link[aria-live], .pmpro_checkout .pmpro_btn[aria-controls], .pmpro_checkout .pmpro_btn[aria-live], #nav-below.navigation a[aria-controls], #nav-below.navigation a[aria-live], .woocommerce #respond input#submit[aria-controls], .woocommerce #respond input#submit[aria-live], .woocommerce a.button[aria-controls], .woocommerce a.button[aria-live], .woocommerce button.button[aria-controls], .woocommerce button.button[aria-live], .woocommerce input.button[aria-controls], .woocommerce input.button[aria-live], .wp-block-button__link[aria-controls], .wp-block-button__link[aria-live] { min-width: 0; } button:not([aria-controls]):not([aria-live]), input[type="button"], input[type="submit"], input[type="reset"], .basic-button-default, .next-content a, .prev-content a, .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link, .pmpro_checkout .pmpro_btn, #nav-below.navigation a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .wp-block-button__link { color: #FFFFFF; background-color: #CC0000; background: linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -webkit-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -moz-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); padding: 12px 20px 12px 20px; position: relative; z-index: 0; } button:not([aria-controls]):not([aria-live]):visited, input[type="button"]:visited, input[type="submit"]:visited, input[type="reset"]:visited, .basic-button-default:visited, .next-content a:visited, .prev-content a:visited, .pmpro_btn:visited, .pmpro_btn:link:visited, .pmpro_content_message a:visited, .pmpro_content_message a:link:visited, .pmpro_checkout .pmpro_btn:visited, #nav-below.navigation a:visited, .woocommerce #respond input#submit:visited, .woocommerce a.button:visited, .woocommerce button.button:visited, .woocommerce input.button:visited, .wp-block-button__link:visited { color: #FFFFFF; background-color: #CC0000; background: linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -webkit-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -moz-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); } button:not([aria-controls]):not([aria-live]):hover, button:not([aria-controls]):not([aria-live]):focus, button:not([aria-controls]):not([aria-live]).active-item, input[type="button"]:hover, input[type="button"]:focus, input[type="button"].active-item, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"].active-item, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"].active-item, .basic-button-default:hover, .basic-button-default:focus, .basic-button-default.active-item, .next-content a:hover, .next-content a:focus, .next-content a.active-item, .prev-content a:hover, .prev-content a:focus, .prev-content a.active-item, .pmpro_btn:hover, .pmpro_btn:focus, .pmpro_btn.active-item, .pmpro_btn:link:hover, .pmpro_btn:link:focus, .pmpro_btn:link.active-item, .pmpro_content_message a:hover, .pmpro_content_message a:focus, .pmpro_content_message a.active-item, .pmpro_content_message a:link:hover, .pmpro_content_message a:link:focus, .pmpro_content_message a:link.active-item, .pmpro_checkout .pmpro_btn:hover, .pmpro_checkout .pmpro_btn:focus, .pmpro_checkout .pmpro_btn.active-item, #nav-below.navigation a:hover, #nav-below.navigation a:focus, #nav-below.navigation a.active-item, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit.active-item, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce a.button.active-item, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce button.button.active-item, .woocommerce input.button:hover, .woocommerce input.button:focus, .woocommerce input.button.active-item, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link.active-item { color: #FFFFFF; background-color: black; background: linear-gradient(to left bottom, #1F1F1F 50%, black 50%); background: -webkit-linear-gradient(to left bottom, #1F1F1F 50%, black 50%); background: -moz-linear-gradient(to left bottom, #1F1F1F 50%, black 50%); text-decoration: none; } .dark-background button:not([aria-controls]):not([aria-live]):hover, .dark-background button:not([aria-controls]):not([aria-live]):focus, .dark-background input[type="button"]:hover, .dark-background input[type="button"]:focus, .dark-background input[type="submit"]:hover, .dark-background input[type="submit"]:focus, .dark-background input[type="reset"]:hover, .dark-background input[type="reset"]:focus, .dark-background .basic-button-default:hover, .dark-background .basic-button-default:focus, .dark-background .next-content a:hover, .dark-background .next-content a:focus, .dark-background .prev-content a:hover, .dark-background .prev-content a:focus, .dark-background .pmpro_btn:hover, .dark-background .pmpro_btn:focus, .dark-background .pmpro_btn:link:hover, .dark-background .pmpro_btn:link:focus, .dark-background .pmpro_content_message a:hover, .dark-background .pmpro_content_message a:focus, .dark-background .pmpro_content_message a:link:hover, .dark-background .pmpro_content_message a:link:focus, .dark-background .pmpro_checkout .pmpro_btn:hover, .dark-background .pmpro_checkout .pmpro_btn:focus, .dark-background #nav-below.navigation a:hover, .dark-background #nav-below.navigation a:focus, .dark-background .woocommerce #respond input#submit:hover, .dark-background .woocommerce #respond input#submit:focus, .dark-background .woocommerce a.button:hover, .dark-background .woocommerce a.button:focus, .dark-background .woocommerce button.button:hover, .dark-background .woocommerce button.button:focus, .dark-background .woocommerce input.button:hover, .dark-background .woocommerce input.button:focus, .dark-background.woocommerce #respond input#submit:hover, .dark-background.woocommerce #respond input#submit:focus, .dark-background.woocommerce a.button:hover, .dark-background.woocommerce a.button:focus, .dark-background.woocommerce button.button:hover, .dark-background.woocommerce button.button:focus, .dark-background.woocommerce input.button:hover, .dark-background.woocommerce input.button:focus, .dark-background .wp-block-button__link:hover, .dark-background .wp-block-button__link:focus, .dark-background.overlay-background button:not([aria-controls]):not([aria-live]):hover, .dark-background.overlay-background button:not([aria-controls]):not([aria-live]):focus, .dark-background.overlay-background input[type="button"]:hover, .dark-background.overlay-background input[type="button"]:focus, .dark-background.overlay-background input[type="submit"]:hover, .dark-background.overlay-background input[type="submit"]:focus, .dark-background.overlay-background input[type="reset"]:hover, .dark-background.overlay-background input[type="reset"]:focus, .dark-background.overlay-background .basic-button-default:hover, .dark-background.overlay-background .basic-button-default:focus, .dark-background.overlay-background .next-content a:hover, .dark-background.overlay-background .next-content a:focus, .dark-background.overlay-background .prev-content a:hover, .dark-background.overlay-background .prev-content a:focus, .dark-background.overlay-background .pmpro_btn:hover, .dark-background.overlay-background .pmpro_btn:focus, .dark-background.overlay-background .pmpro_btn:link:hover, .dark-background.overlay-background .pmpro_btn:link:focus, .dark-background.overlay-background .pmpro_content_message a:hover, .dark-background.overlay-background .pmpro_content_message a:focus, .dark-background.overlay-background .pmpro_content_message a:link:hover, .dark-background.overlay-background .pmpro_content_message a:link:focus, .dark-background.overlay-background .pmpro_checkout .pmpro_btn:hover, .dark-background.overlay-background .pmpro_checkout .pmpro_btn:focus, .dark-background.overlay-background #nav-below.navigation a:hover, .dark-background.overlay-background #nav-below.navigation a:focus, .dark-background.overlay-background .woocommerce #respond input#submit:hover, .dark-background.overlay-background .woocommerce #respond input#submit:focus, .dark-background.overlay-background .woocommerce a.button:hover, .dark-background.overlay-background .woocommerce a.button:focus, .dark-background.overlay-background .woocommerce button.button:hover, .dark-background.overlay-background .woocommerce button.button:focus, .dark-background.overlay-background .woocommerce input.button:hover, .dark-background.overlay-background .woocommerce input.button:focus, .dark-background.overlay-background.woocommerce #respond input#submit:hover, .dark-background.overlay-background.woocommerce #respond input#submit:focus, .dark-background.overlay-background.woocommerce a.button:hover, .dark-background.overlay-background.woocommerce a.button:focus, .dark-background.overlay-background.woocommerce button.button:hover, .dark-background.overlay-background.woocommerce button.button:focus, .dark-background.overlay-background.woocommerce input.button:hover, .dark-background.overlay-background.woocommerce input.button:focus, .dark-background.overlay-background .wp-block-button__link:hover, .dark-background.overlay-background .wp-block-button__link:focus { color: #000000; background-color: #e6e6e6; background: linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -webkit-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -moz-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); } button.white-style, input[type="button"].white-style, input[type="submit"].white-style, input[type="reset"].white-style, .basic-button-default.white-style { color: #000000; background-color: #FFFFFF; background: linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -webkit-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -moz-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); } button.white-style:visited, input[type="button"].white-style:visited, input[type="submit"].white-style:visited, input[type="reset"].white-style:visited, .basic-button-default.white-style:visited { color: #000000; background-color: #FFFFFF; background: linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -webkit-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -moz-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); } button.white-style:hover, button.white-style:focus, input[type="button"].white-style:hover, input[type="button"].white-style:focus, input[type="submit"].white-style:hover, input[type="submit"].white-style:focus, input[type="reset"].white-style:hover, input[type="reset"].white-style:focus, .basic-button-default.white-style:hover, .basic-button-default.white-style:focus { color: #CC0000; background-color: #e6e6e6; background: linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -webkit-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -moz-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); } button.black-style:not(:hover), input[type="button"].black-style:not(:hover), input[type="submit"].black-style:not(:hover), input[type="reset"].black-style:not(:hover), .basic-button-default.black-style:not(:hover) { color: #000000; background: #E5E5E5; } button.transparent-style, input[type="button"].transparent-style, input[type="submit"].transparent-style, input[type="reset"].transparent-style, .basic-button-default.transparent-style { color: #FFFFFF; background: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 0.2); border-top: none; border-bottom: none; } button.transparent-style:hover, button.transparent-style:focus, input[type="button"].transparent-style:hover, input[type="button"].transparent-style:focus, input[type="submit"].transparent-style:hover, input[type="submit"].transparent-style:focus, input[type="reset"].transparent-style:hover, input[type="reset"].transparent-style:focus, .basic-button-default.transparent-style:hover, .basic-button-default.transparent-style:focus { color: #FFFFFF; background: rgba(255, 255, 255, 0.1); } body.beeteam368 .mce-toolbar .mce-btn button { min-width: 0; } body.beeteam368 .mce-toolbar .mce-btn button .mce-ico { color: #FFFFFF; } body.beeteam368 .mce-toolbar .mce-btn.mce-active button .mce-ico { color: #FFFFFF; } body.beeteam368 .mce-toolbar input:not([type]), body.beeteam368 .mce-toolbar input[type="text"], body.beeteam368 .mce-toolbar input[type="email"], body.beeteam368 .mce-toolbar input[type="url"], body.beeteam368 .mce-toolbar input[type="password"], body.beeteam368 .mce-toolbar input[type="search"], body.beeteam368 .mce-toolbar input[type="number"], body.beeteam368 .mce-toolbar input[type="tel"], body.beeteam368 .mce-toolbar input[type="range"], body.beeteam368 .mce-toolbar input[type="date"], body.beeteam368 .mce-toolbar input[type="month"], body.beeteam368 .mce-toolbar input[type="week"], body.beeteam368 .mce-toolbar input[type="time"], body.beeteam368 .mce-toolbar input[type="datetime"], body.beeteam368 .mce-toolbar input[type="datetime-local"], body.beeteam368 .mce-toolbar input[type="color"], body.beeteam368 .mce-toolbar textarea, body.beeteam368 .mce-toolbar select { margin-bottom: 0; } body.beeteam368 .mce-toolbar .mce-btn-group .mce-btn { border: none; } body.beeteam368 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { padding: 2px 3px; } body.beeteam368 .mce-toolbar .mce-btn-group .mce-btn.mce-primary { border: none; background: none; box-shadow: none; } body.beeteam368 .wp-editor-container button, body.beeteam368 .wp-editor-container input[type="button"] { min-width: 0; } .wp-switch-editor { min-width: 0; } /*4.2 - Fields*/ input:not([type]), input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { display: block; width: 100%; padding: 11px 20px 10px 20px; outline: none; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out; -webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, width 0.3s ease-in-out; box-shadow: none; -webkit-box-shadow: none; color: #999999; background-color: #FFFFFF; border: 2px solid #E5E5E5; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: normal; line-height: 1.8; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; } input:not([type]):focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { color: #000000; border-color: #999999; outline: 0; box-shadow: none; -webkit-box-shadow: none; } select { -webkit-appearance: menulist; border: 2px solid #E5E5E5; } select[multiple] { -webkit-appearance: listbox; } textarea { height: 170px; padding-top: 13px; padding-bottom: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input::-moz-placeholder { color: #999999; opacity: 1; transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; } input:-ms-input-placeholder { color: #999999; opacity: 1; transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; } input::-webkit-input-placeholder { color: #999999; opacity: 1; transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; } input:focus::-moz-placeholder { color: #000000; opacity: 1; } input:focus:-ms-input-placeholder { color: #000000; opacity: 1; } input:focus::-webkit-input-placeholder { color: #000000; opacity: 1; } textarea::-moz-placeholder { color: #999999; opacity: 1; transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; } textarea:-ms-input-placeholder { color: #999999; opacity: 1; transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; } textarea::-webkit-input-placeholder { color: #999999; opacity: 1; transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out; } textarea:focus::-moz-placeholder { color: #000000; opacity: 1; } textarea:focus:-ms-input-placeholder { color: #000000; opacity: 1; } textarea:focus::-webkit-input-placeholder { color: #000000; opacity: 1; } input::-ms-clear { display: none; width: 0; height: 0; overflow: hidden; } input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, input:focus:-webkit-autofill, input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:focus, input[type="text"]:-webkit-autofill:hover, input[type="text"]:focus:-webkit-autofill { background-color: #FFFFFF; -webkit-box-shadow: 0 0 0 50px #FFFFFF inset; -webkit-text-fill-color: #000000; transition: none; } .dark-background input:not([type]), .dark-background input[type="text"], .dark-background input[type="email"], .dark-background input[type="url"], .dark-background input[type="password"], .dark-background input[type="search"], .dark-background input[type="number"], .dark-background input[type="tel"], .dark-background input[type="range"], .dark-background input[type="date"], .dark-background input[type="month"], .dark-background input[type="week"], .dark-background input[type="time"], .dark-background input[type="datetime"], .dark-background input[type="datetime-local"], .dark-background input[type="color"], .dark-background textarea, .dark-background select { color: #999999; background-color: transparent; border-color: rgba(255, 255, 255, 0.1); } .dark-background input:not([type]):focus, .dark-background input[type="text"]:focus, .dark-background input[type="email"]:focus, .dark-background input[type="url"]:focus, .dark-background input[type="password"]:focus, .dark-background input[type="search"]:focus, .dark-background input[type="number"]:focus, .dark-background input[type="tel"]:focus, .dark-background input[type="range"]:focus, .dark-background input[type="date"]:focus, .dark-background input[type="month"]:focus, .dark-background input[type="week"]:focus, .dark-background input[type="time"]:focus, .dark-background input[type="datetime"]:focus, .dark-background input[type="datetime-local"]:focus, .dark-background input[type="color"]:focus, .dark-background textarea:focus, .dark-background select:focus { color: #FFFFFF; border-color: rgba(255, 255, 255, 0.3); } .dark-background input::-moz-placeholder { color: #999999; } .dark-background input:-ms-input-placeholder { color: #999999; } .dark-background input::-webkit-input-placeholder { color: #999999; } .dark-background input:focus::-moz-placeholder { color: #FFFFFF; } .dark-background input:focus:-ms-input-placeholder { color: #FFFFFF; } .dark-background input:focus::-webkit-input-placeholder { color: #FFFFFF; } .dark-background textarea::-moz-placeholder { color: #999999; } .dark-background textarea:-ms-input-placeholder { color: #999999; } .dark-background textarea::-webkit-input-placeholder { color: #999999; } .dark-background textarea:focus::-moz-placeholder { color: #FFFFFF; } .dark-background textarea:focus:-ms-input-placeholder { color: #FFFFFF; } .dark-background textarea:focus::-webkit-input-placeholder { color: #FFFFFF; } .dark-background select option { color: #999999; background-color: #111111; } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border-radius: 0; -webkit-border-radius: 0; color: #999999; background-color: #FFFFFF; border: 2px solid #E5E5E5; min-height: 50px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 20px; } .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--single .select2-selection__choice { margin-top: 7px; border-radius: 0; -webkit-border-radius: 0; padding: 0 10px; } .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--default .select2-selection--single .select2-search--inline .select2-search__field { margin: 10px 0 0 0; display: inline; } .select2-container--default .select2-selection--single { outline: none; } .select2-container--default .select2-selection--single span.select2-selection__rendered { margin: 9px 0 0 0; display: inline-block; } .select2-container--default .select2-selection--single span.select2-selection__clear { margin-left: 8px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 2px solid #999999; } .select2-container--default .select2-results__option { padding-left: 20px; padding-right: 20px; } .select2-container--default .select2-dropdown { border-color: #E5E5E5; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #E5E5E5; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #999999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 5px; top: 50%; right: 5px; margin-top: -3px; } .dark-background .select2-container--default .select2-selection--multiple, .dark-background .select2-container--default .select2-selection--single { color: #999999; background-color: transparent; border-color: rgba(255, 255, 255, 0.1); } .dark-background .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #999999; } .dark-background .select2-container--default .select2-dropdown { border-color: rgba(255, 255, 255, 0.1); background-color: #252525; } .dark-background .select2-container--default .select2-search--dropdown .select2-search__field { border-color: rgba(255, 255, 255, 0.1); } .dark-background .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: rgba(255, 255, 255, 0.3); } .dark-background .select2-container--default .select2-results__option[aria-selected=true] { background-color: #000000; } .dark-background .select2-container--default .select2-selection--single .select2-selection__rendered { color: #FFFFFF; } .dark-background .vidorev-submit-post { border-bottom-color: rgba(255, 255, 255, 0.15); } /*-------------------------------------------------------------- # 4.0 Forms (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 5.0 Layout (START) --------------------------------------------------------------*/ .dark-version { background-color: #111111; } #site-wrap-parent { overflow: hidden; } #site-wrap-children { margin-left: auto; margin-right: auto; } .site__container { display: block; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .site__container { padding-right: 15px; padding-left: 15px; width: 540px; max-width: 100%; } } @media (min-width: 768px) { .site__container { padding-right: 15px; padding-left: 15px; width: 720px; max-width: 100%; } } @media (min-width: 992px) { .site__container { padding-right: 15px; padding-left: 15px; width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .site__container { padding-right: 15px; padding-left: 15px; width: 1170px; max-width: 100%; } } .site__container-fluid { display: block; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .site__container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .site__container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .site__container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .site__container-fluid { padding-right: 15px; padding-left: 15px; } } .site__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .site__row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .site__row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .site__row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .site__row { margin-right: -15px; margin-left: -15px; } } .site__row.auto-width { display: block; } .site__row.auto-width:before, .site__row.auto-width:after { content: ''; display: table; clear: both; } .site__row.auto-width > * { width: auto; } .site__col { width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .site__col { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .site__col { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .site__col { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .site__col { padding-right: 15px; padding-left: 15px; } } .site__col.float-left { float: left; } .site__col.float-right { float: right; } .sidebar-direction { padding-top: 40px; padding-bottom: 60px; } .sidebar-direction.sidebar-template-direction { padding-top: 0; padding-bottom: 0; } .main-content { width: 100%; } body.is-sidebar .main-content { width: calc(100% - 390px); width: -webkit-calc(100% - 390px); width: -moz-calc(100% - 390px); width: -ms-calc(100% - 390px); } @media (max-width: 991px) { body.is-sidebar .main-content { width: 100%; } } body.is-sidebar .main-content.main-template-content { width: 100%; } .main-sidebar { width: 390px; } @media (max-width: 991px) { .main-sidebar { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { body.is-sidebar .main-content { width: calc(100% - 330px); width: -webkit-calc(100% - 330px); width: -moz-calc(100% - 330px); width: -ms-calc(100% - 330px); } body.is-sidebar .main-content.main-template-content { width: 100%; } .main-sidebar { width: 330px; } } .sidebar-left .sidebar-direction { direction: rtl; } .sidebar-left .sidebar-direction > * { direction: ltr; } footer.site-footer .footer-wrapper { background-color: #111111; } footer.site-footer .footer-sidebar { padding-top: 60px; padding-bottom: 60px; } .footer-copyright { background-color: #000000; padding-top: 15px; padding-bottom: 15px; } .dark-background footer.site-footer .footer-wrapper { background-color: #000000; } .dark-background.dark-version .footer-copyright { background-color: #111111; } body.main-layout-boxed.is-sidebar .main-content { width: calc(100% - 360px); width: -webkit-calc(100% - 360px); width: -moz-calc(100% - 360px); width: -ms-calc(100% - 360px); } @media (max-width: 991px) { body.main-layout-boxed.is-sidebar .main-content { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { body.main-layout-boxed.is-sidebar .main-content { width: calc(100% - 330px); width: -webkit-calc(100% - 330px); width: -moz-calc(100% - 330px); width: -ms-calc(100% - 330px); } } body.main-layout-boxed.is-sidebar .main-content.main-template-content { width: 100%; } body.main-layout-boxed.is-sidebar .main-sidebar { width: 360px; padding: 0; background-color: #F2F2F2; } @media (max-width: 991px) { body.main-layout-boxed.is-sidebar .main-sidebar { width: 100%; margin-top: 40px; padding-top: 40px; } } @media (min-width: 992px) and (max-width: 1199px) { body.main-layout-boxed.is-sidebar .main-sidebar { width: 330px; } } body.main-layout-boxed.is-sidebar .main-sidebar .widget { margin-bottom: 40px; } body.main-layout-boxed.is-sidebar .main-sidebar .widget .widget-item-wrap { border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 20px 40px 20px; } body.main-layout-boxed.is-sidebar .main-sidebar .widget:last-child { margin-bottom: 0; } body.main-layout-boxed.is-sidebar .main-sidebar .widget:last-child .widget-item-wrap { border: none; } body.main-layout-boxed.is-sidebar .main-sidebar .widget .widget-title { margin-bottom: 25px; margin-top: -4px; padding-bottom: 0; } body.main-layout-boxed.is-sidebar .main-sidebar .widget .widget-title:after { display: none; } body.main-layout-boxed.is-sidebar .main-sidebar .widget .widget-title > span:not(.widget-arrow):after { display: none; } body.main-layout-boxed.is-sidebar .main-sidebar .widget_recent_comments .recentcomments { background-color: rgba(0, 0, 0, 0.068); } body.main-layout-boxed.is-sidebar .main-sidebar .widget_recent_comments .recentcomments:after { border-top-color: rgba(0, 0, 0, 0.068); } @media (min-width: 768px) and (max-width: 991px) { body.main-layout-boxed.is-sidebar .main-sidebar .sidebar-content { max-width: 320px; } body.main-layout-boxed.is-sidebar .main-sidebar .widget .widget-item-wrap { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { body.main-layout-boxed.is-sidebar .sidebar-direction { padding-top: 0; padding-bottom: 0; } body.main-layout-boxed.is-sidebar .sidebar-direction .main-content { padding-top: 40px; padding-bottom: 40px; border-right: 2px solid rgba(0, 0, 0, 0.1); } body.main-layout-boxed.is-sidebar .sidebar-direction .main-content.main-template-content { border: none; padding-top: 0; padding-bottom: 0; } body.main-layout-boxed.is-sidebar .sidebar-direction .main-sidebar { padding-top: 40px; padding-bottom: 0; } body.main-layout-boxed.is-sidebar.sidebar-left .sidebar-direction .main-content { border-right: none; border-left: 2px solid rgba(0, 0, 0, 0.1); } body.main-layout-boxed.is-sidebar .nav-breadcrumbs-elm .site__col { padding: 0; } body.main-layout-boxed.is-sidebar .nav-breadcrumbs-elm .site__col .nav-breadcrumbs { padding-left: 20px; padding-right: 20px; } body.main-layout-boxed.is-sidebar .single-post-style-wrapper.special { margin-bottom: 0; } body.main-layout-boxed.is-sidebar .single-post-style-wrapper.special .single-post-basic-content .single-feature-image, body.main-layout-boxed.is-sidebar .single-post-style-wrapper.special .single-post-basic-content .single-image-gallery, body.main-layout-boxed.is-sidebar .single-post-style-wrapper.special .single-post-basic-content .single-post-quote, body.main-layout-boxed.is-sidebar .single-post-style-wrapper.special .single-post-basic-content .single-player-video-wrapper { margin-bottom: 0; } } body.main-layout-boxed.is-sidebar.error404 .main-content { width: 100%; border: none; } @media (min-width: 992px) { body.main-layout-boxed .sidebar-direction .main-content { padding-left: 20px; padding-right: 20px; } } body.main-layout-boxed .single-post-style-wrapper.special { margin-left: -15px; margin-right: -15px; } body.main-layout-boxed .single-post-video-full-width-wrapper { padding-bottom: 20px; } body.main-layout-boxed #site-wrap-children { width: 100%; background-color: #FFFFFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } @media (min-width: 576px) { body.main-layout-boxed #site-wrap-children { width: 540px; } } @media (min-width: 768px) { body.main-layout-boxed #site-wrap-children { width: 720px; } } @media (min-width: 992px) { body.main-layout-boxed #site-wrap-children { width: 930px; } body.main-layout-boxed #site-wrap-children #site-footer .footer-wrapper { padding-left: 5px; padding-right: 5px; } } @media (min-width: 1200px) { body.main-layout-boxed #site-wrap-children { width: 1140px; } } body.main-layout-boxed.dark-version.dark-background #site-wrap-children { background-color: #191919; } body.main-layout-boxed.dark-version.dark-background.is-sidebar .main-sidebar { background-color: rgba(255, 255, 255, 0.05); } body.main-layout-boxed.dark-version.dark-background.is-sidebar .main-sidebar .widget_recent_comments .recentcomments { background-color: rgba(255, 255, 255, 0.1); } body.main-layout-boxed.dark-version.dark-background.is-sidebar .main-sidebar .widget_recent_comments .recentcomments:after { border-top-color: rgba(255, 255, 255, 0.1); } body.main-layout-boxed .top-search-box-mobile + .top-login-box-mobile { margin-left: auto; margin-right: auto; } @media (min-width: 576px) { body.main-layout-boxed .top-nav > .site__container > .site__row > *:first-child { padding-left: 0; } body.main-layout-boxed .top-nav > .site__container > .site__row > *:last-child { padding-right: 0; } body.main-layout-boxed .main-nav .nav-logo, body.main-layout-boxed .main-nav .nav-menu { padding-left: 20px; padding-right: 20px; } body.main-layout-boxed .top-social, body.main-layout-boxed .top-search-box, body.main-layout-boxed .top-search-box-mobile { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { body.main-layout-boxed .top-content > .site__container > .site__row > *:first-child { padding-left: 20px; } body.main-layout-boxed .top-content > .site__container > .site__row > *:last-child { padding-right: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { body.main-layout-boxed .main-nav .nav-menu { padding-left: 10px; padding-right: 10px; } } @media (min-width: 576px) { body.main-layout-boxed .main-nav.sticky-menu { width: 540px; left: 50%; margin-left: -270px; } } @media (min-width: 768px) { body.main-layout-boxed .main-nav.sticky-menu { width: 720px; left: 50%; margin-left: -360px; } } @media (min-width: 992px) { body.main-layout-boxed .main-nav.sticky-menu { width: 930px; left: 50%; margin-left: -465px; } } @media (min-width: 1200px) { body.main-layout-boxed .main-nav.sticky-menu { width: 1140px; left: 50%; margin-left: -570px; } } @media (min-width: 992px) { body.main-layout-boxed .single-post-style-wrapper.full-width .full-width-breadcrumbs, body.main-layout-boxed .single-post-style-wrapper.full-width .single-post-basic-content, body.main-layout-boxed .single-post-style-wrapper.full-width .single-post-video-player-content, body.main-layout-boxed .single-post-video-full-width-wrapper .full-width-breadcrumbs, body.main-layout-boxed .single-post-video-full-width-wrapper .single-post-basic-content, body.main-layout-boxed .single-post-video-full-width-wrapper .single-post-video-player-content { padding-left: 5px; padding-right: 5px; } } body.main-layout-boxed .top-watch-later-listing { right: 0; } body.main-layout-boxed .header-blog .top-watch-later-listing { right: auto; } body.error404 .main-content { width: 100%; } .elementor-container.elementor-column-gap-default > .elementor-row { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -ms-calc(100% + 20px); } .elementor-container.elementor-column-gap-extended > .elementor-row { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -ms-calc(100% + 30px); } .elementor-container.elementor-column-gap-narrow > .elementor-row { margin-left: -5px; margin-right: -5px; width: calc(100% + 10px); width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -ms-calc(100% + 10px); } .elementor-container.elementor-column-gap-wide > .elementor-row { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -ms-calc(100% + 40px); } .elementor-container.elementor-column-gap-wider > .elementor-row { margin-left: -30px; margin-right: -30px; width: calc(100% + 60px); width: -webkit-calc(100% + 60px); width: -moz-calc(100% + 60px); width: -ms-calc(100% + 60px); } @media (min-width: 576px) { .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container { width: 510px; max-width: 100%; } } @media (min-width: 768px) { .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container { width: 690px; max-width: 100%; } } @media (min-width: 992px) { .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container { width: 930px; max-width: 100%; } } @media (min-width: 1200px) { .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container { width: 1140px; max-width: 100%; } } @media (max-width: 575px) { .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container { padding-left: 15px; padding-right: 15px; } } .elementor-three-x-version .elementor-section:not(.elementor-section-stretched) > .elementor-container.elementor-column-gap-default { width: calc(100% + 20px); width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -ms-calc(100% + 20px); max-width: calc(100% + 20px); max-width: -webkit-calc(100% + 20px); max-width: -moz-calc(100% + 20px); max-width: -ms-calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .elementor-three-x-version .elementor-section:not(.elementor-section-stretched) > .elementor-container.elementor-column-gap-extended { width: calc(100% + 30px); width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -ms-calc(100% + 30px); max-width: calc(100% + 30px); max-width: -webkit-calc(100% + 30px); max-width: -moz-calc(100% + 30px); max-width: -ms-calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .elementor-three-x-version .elementor-section:not(.elementor-section-stretched) > .elementor-container.elementor-column-gap-narrow { width: calc(100% + 10px); width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -ms-calc(100% + 10px); max-width: calc(100% + 10px); max-width: -webkit-calc(100% + 10px); max-width: -moz-calc(100% + 10px); max-width: -ms-calc(100% + 10px); margin-left: -5px; margin-right: -5px; } .elementor-three-x-version .elementor-section:not(.elementor-section-stretched) > .elementor-container.elementor-column-gap-wide { width: calc(100% + 40px); width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -ms-calc(100% + 40px); max-width: calc(100% + 40px); max-width: -webkit-calc(100% + 40px); max-width: -moz-calc(100% + 40px); max-width: -ms-calc(100% + 40px); margin-left: -20px; margin-right: -20px; } .elementor-three-x-version .elementor-section:not(.elementor-section-stretched) > .elementor-container.elementor-column-gap-wider { width: calc(100% + 60px); width: -webkit-calc(100% + 60px); width: -moz-calc(100% + 60px); width: -ms-calc(100% + 60px); max-width: calc(100% + 60px); max-width: -webkit-calc(100% + 60px); max-width: -moz-calc(100% + 60px); max-width: -ms-calc(100% + 60px); margin-left: -30px; margin-right: -30px; } .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed:not([style]) > .elementor-container.elementor-column-gap-default { margin-left: -10px; max-width: 1160px; } .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed:not([style]) > .elementor-container.elementor-column-gap-extended { margin-left: -15px; max-width: 1170px; } .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed:not([style]) > .elementor-container.elementor-column-gap-narrow { margin-left: -5px; max-width: 1150px; } .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed:not([style]) > .elementor-container.elementor-column-gap-wide { margin-left: -20px; max-width: 1180px; } .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed:not([style]) > .elementor-container.elementor-column-gap-wider { margin-left: -30px; max-width: 1200px; } @media (min-width: 576px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-default { width: 530px; } } @media (min-width: 768px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-default { width: 720px; } } @media (min-width: 992px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-default { width: 950px; } } @media (min-width: 1200px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-default { width: 1160px; } } @media (max-width: 575px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-default { width: calc(100% + 20px); width: -webkit-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -ms-calc(100% + 20px); max-width: calc(100% + 20px); max-width: -webkit-calc(100% + 20px); max-width: -moz-calc(100% + 20px); max-width: -ms-calc(100% + 20px); margin-left: -10px; margin-right: -10px; } } @media (min-width: 576px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-extended { width: 540px; } } @media (min-width: 768px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-extended { width: 730px; } } @media (min-width: 992px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-extended { width: 960px; } } @media (min-width: 1200px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-extended { width: 1170px; } } @media (max-width: 575px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-extended { width: calc(100% + 30px); width: -webkit-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -ms-calc(100% + 30px); max-width: calc(100% + 30px); max-width: -webkit-calc(100% + 30px); max-width: -moz-calc(100% + 30px); max-width: -ms-calc(100% + 30px); margin-left: -15px; margin-right: -15px; } } @media (min-width: 576px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow { width: 520px; } } @media (min-width: 768px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow { width: 700px; } } @media (min-width: 992px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow { width: 940px; } } @media (min-width: 1200px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow { width: 1150px; } } @media (max-width: 575px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-narrow { width: calc(100% + 10px); width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -ms-calc(100% + 10px); max-width: calc(100% + 10px); max-width: -webkit-calc(100% + 10px); max-width: -moz-calc(100% + 10px); max-width: -ms-calc(100% + 10px); margin-left: -5px; margin-right: -5px; } } @media (min-width: 576px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wide { width: 550px; } } @media (min-width: 768px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wide { width: 730px; } } @media (min-width: 992px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wide { width: 970px; } } @media (min-width: 1200px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wide { width: 1180px; } } @media (max-width: 575px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wide { width: calc(100% + 40px); width: -webkit-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -ms-calc(100% + 40px); max-width: calc(100% + 40px); max-width: -webkit-calc(100% + 40px); max-width: -moz-calc(100% + 40px); max-width: -ms-calc(100% + 40px); margin-left: -20px; margin-right: -20px; } } @media (min-width: 576px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wider { width: 570px; } } @media (min-width: 768px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wider { width: 750px; } } @media (min-width: 992px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wider { width: 990px; } } @media (min-width: 1200px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wider { width: 1200px; } } @media (max-width: 575px) { .elementor-three-x-version .elementor-section.elementor-section-stretched.elementor-section-boxed > .elementor-container.elementor-column-gap-wider { width: calc(100% + 60px); width: -webkit-calc(100% + 60px); width: -moz-calc(100% + 60px); width: -ms-calc(100% + 60px); max-width: calc(100% + 60px); max-width: -webkit-calc(100% + 60px); max-width: -moz-calc(100% + 60px); max-width: -ms-calc(100% + 60px); margin-left: -30px; margin-right: -30px; } } .default-copyright { text-align: center; } @media (min-width: 1580px) { .fullwidth-mode-enable .fullwidth-vidorev-ctrl { width: 1530px; max-width: 1530px; } .fullwidth-mode-enable .header-sport > * { width: 1500px; max-width: 1500px; } .fullwidth-mode-enable .header-sport .fullwidth-special-hd { width: auto; max-width: 100%; } .fullwidth-mode-enable .grid-default .post-item, .fullwidth-mode-enable .grid-modern .post-item, .fullwidth-mode-enable .grid-special .post-item { width: 25%; } .fullwidth-mode-enable .grid-small .post-item, .fullwidth-mode-enable .single-related-posts .post-item, .fullwidth-mode-enable .vidorev-youtube-broadcast .broadcast-items.default-fw-st .blog-wrapper .post-item { width: 16.66666666%; } .fullwidth-mode-enable .movie-grid { margin-left: -13px; margin-right: -13px; } .fullwidth-mode-enable .movie-grid .post-item { width: 12.5%; padding-left: 13px; padding-right: 13px; } .fullwidth-mode-enable.is-sidebar .grid-default .post-item, .fullwidth-mode-enable.is-sidebar .grid-modern .post-item, .fullwidth-mode-enable.is-sidebar .grid-special .post-item { width: 33.33333333%; } .fullwidth-mode-enable.is-sidebar .grid-small, .fullwidth-mode-enable.is-sidebar .single-related-posts, .fullwidth-mode-enable.is-sidebar .vidorev-youtube-broadcast .broadcast-items.default-fw-st .blog-wrapper { margin-left: -15px; margin-right: -15px; } .fullwidth-mode-enable.is-sidebar .grid-small .post-item, .fullwidth-mode-enable.is-sidebar .single-related-posts .post-item, .fullwidth-mode-enable.is-sidebar .vidorev-youtube-broadcast .broadcast-items.default-fw-st .blog-wrapper .post-item { width: 25%; padding-left: 15px; padding-right: 15px; } .fullwidth-mode-enable.is-sidebar .movie-grid { margin-left: -12px; margin-right: -12px; } .fullwidth-mode-enable.is-sidebar .movie-grid .post-item { width: 16.66666666%; padding-left: 12px; padding-right: 12px; } .fullwidth-mode-enable .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content, .fullwidth-mode-enable .nav-menu > ul > li.top-megamenu > ul .megamenu-content { max-width: 1100px; margin-left: auto; margin-right: auto; } .fullwidth-mode-enable.buddypress .youzer .yz-hdr-v1 .yz-cover-content .yz-inner-content, .fullwidth-mode-enable.buddypress .youzer #yz-profile-navmenu .yz-inner-content, .fullwidth-mode-enable.buddypress .youzer.yz-vertical-layout .yz-content, .fullwidth-mode-enable.buddypress .youzer .yz-boxed-navbar, .fullwidth-mode-enable.buddypress .youzer .wild-content, .fullwidth-mode-enable.buddypress .youzer .yz-page-main-content, .fullwidth-mode-enable.buddypress .youzer .yz-header-content, .fullwidth-mode-enable.buddypress .youzer .yz-cover-content { width: 1500px; max-width: 1500px; } .fullwidth-mode-enable.buddypress .youzer .yz-right-sidebar-layout { grid-template-columns: calc(75% - 35px) 25%; } .fullwidth-mode-enable.buddypress .youzer #yz-members-directory { max-width: 1500px; } .fullwidth-mode-enable.buddypress .youzer #yz-groups-list li, .fullwidth-mode-enable.buddypress .youzer #yz-members-list li { width: 25%; } .fullwidth-mode-enable.buddypress.group-members.members .youzer #yz-members-list li { width: 100%; } .fullwidth-mode-enable.buddypress .youzify .youzify-hdr-v1 .youzify-cover-content .youzify-inner-content, .fullwidth-mode-enable.buddypress .youzify #youzify-profile-navmenu .youzify-inner-content, .fullwidth-mode-enable.buddypress .youzify.youzify-vertical-layout .youzify-content, .fullwidth-mode-enable.buddypress .youzify .youzify-boxed-navbar, .fullwidth-mode-enable.buddypress .youzify .wild-content, .fullwidth-mode-enable.buddypress .youzify .youzify-page-main-content, .fullwidth-mode-enable.buddypress .youzify .youzify-header-content, .fullwidth-mode-enable.buddypress .youzify .youzify-cover-content { width: 1500px; max-width: 1500px; } .fullwidth-mode-enable.buddypress .youzify .youzify-right-sidebar-layout { grid-template-columns: calc(75% - 35px) 25%; } .fullwidth-mode-enable.buddypress .youzify #youzify-members-directory { max-width: 1500px; } .fullwidth-mode-enable.buddypress .youzify #youzify-groups-list li, .fullwidth-mode-enable.buddypress .youzify #youzify-members-list li { width: 25%; } .fullwidth-mode-enable.buddypress.group-members.members .youzify #youzify-members-list li { width: 100%; } .fullwidth-mode-enable .slider-container.slider-3 .post-item-wrap { min-height: 580px; } .fullwidth-mode-enable .slider-container .sync-slider-small .sync-item { width: 20%; } .fullwidth-mode-enable .slider-container.slider-6 .post-item { width: 20%; } .fullwidth-mode-enable .slider-container.slider-8 .post-item { width: 25%; } .fullwidth-mode-enable .popular-video-footer .popular-video-content .post-item { width: 33.33333333%; } .fullwidth-mode-enable .popular-video-footer .popular-video-content .block-left { width: 25%; } .fullwidth-mode-enable .popular-video-footer .popular-video-content .block-right { width: 75%; } } @media (min-width: 2000px) { .fullwidth-mode-enable .fullwidth-vidorev-ctrl { width: 1950px; max-width: 1950px; } .fullwidth-mode-enable .header-sport > * { width: 1920px; max-width: 1920px; } .fullwidth-mode-enable .grid-default .post-item, .fullwidth-mode-enable .grid-modern .post-item, .fullwidth-mode-enable .grid-special .post-item { width: 20%; } .fullwidth-mode-enable .grid-small .post-item, .fullwidth-mode-enable .single-related-posts .post-item, .fullwidth-mode-enable .vidorev-youtube-broadcast .broadcast-items.default-fw-st .blog-wrapper .post-item { width: 12.5%; } .fullwidth-mode-enable .movie-grid { margin-left: -15px; margin-right: -15px; } .fullwidth-mode-enable .movie-grid .post-item { width: 10%; padding-left: 15px; padding-right: 15px; } .fullwidth-mode-enable.is-sidebar .grid-default .post-item, .fullwidth-mode-enable.is-sidebar .grid-modern .post-item, .fullwidth-mode-enable.is-sidebar .grid-special .post-item { width: 25%; } .fullwidth-mode-enable.is-sidebar .grid-small, .fullwidth-mode-enable.is-sidebar .single-related-posts, .fullwidth-mode-enable.is-sidebar .vidorev-youtube-broadcast .broadcast-items.default-fw-st .blog-wrapper { margin-left: -10px; margin-right: -10px; } .fullwidth-mode-enable.is-sidebar .grid-small .post-item, .fullwidth-mode-enable.is-sidebar .single-related-posts .post-item, .fullwidth-mode-enable.is-sidebar .vidorev-youtube-broadcast .broadcast-items.default-fw-st .blog-wrapper .post-item { width: 16.66666666%; padding-left: 10px; padding-right: 10px; } .fullwidth-mode-enable.is-sidebar .movie-grid { margin-left: -15px; margin-right: -15px; } .fullwidth-mode-enable.is-sidebar .movie-grid .post-item { width: 12.5%; padding-left: 15px; padding-right: 15px; } .fullwidth-mode-enable.buddypress .youzer .yz-hdr-v1 .yz-cover-content .yz-inner-content, .fullwidth-mode-enable.buddypress .youzer #yz-profile-navmenu .yz-inner-content, .fullwidth-mode-enable.buddypress .youzer.yz-vertical-layout .yz-content, .fullwidth-mode-enable.buddypress .youzer .yz-boxed-navbar, .fullwidth-mode-enable.buddypress .youzer .wild-content, .fullwidth-mode-enable.buddypress .youzer .yz-page-main-content, .fullwidth-mode-enable.buddypress .youzer .yz-header-content, .fullwidth-mode-enable.buddypress .youzer .yz-cover-content { width: 1920px; max-width: 1920px; } .fullwidth-mode-enable.buddypress .youzer .yz-right-sidebar-layout { grid-template-columns: calc(80% - 35px) 20%; } .fullwidth-mode-enable.buddypress .youzer #yz-members-directory { max-width: 1920px; } .fullwidth-mode-enable.buddypress .youzer #yz-groups-list li, .fullwidth-mode-enable.buddypress .youzer #yz-members-list li { width: 20%; } .fullwidth-mode-enable.buddypress .youzify .youzify-hdr-v1 .youzify-cover-content .youzify-inner-content, .fullwidth-mode-enable.buddypress .youzify #youzify-profile-navmenu .youzify-inner-content, .fullwidth-mode-enable.buddypress .youzify.youzify-vertical-layout .youzify-content, .fullwidth-mode-enable.buddypress .youzify .youzify-boxed-navbar, .fullwidth-mode-enable.buddypress .youzify .wild-content, .fullwidth-mode-enable.buddypress .youzify .youzify-page-main-content, .fullwidth-mode-enable.buddypress .youzify .youzify-header-content, .fullwidth-mode-enable.buddypress .youzify .youzify-cover-content { width: 1920px; max-width: 1920px; } .fullwidth-mode-enable.buddypress .youzify .youzify-right-sidebar-layout { grid-template-columns: calc(80% - 35px) 20%; } .fullwidth-mode-enable.buddypress .youzify #youzify-members-directory { max-width: 1920px; } .fullwidth-mode-enable.buddypress .youzify #youzify-groups-list li, .fullwidth-mode-enable.buddypress .youzify #youzify-members-list li { width: 20%; } .fullwidth-mode-enable .slider-container.slider-3 .post-item-wrap { min-height: 650px; } .fullwidth-mode-enable .slider-container .sync-slider-small .sync-item { width: 16.66666666%; } .fullwidth-mode-enable .slider-container.slider-6 .post-item { width: 16.66666666%; } .fullwidth-mode-enable .slider-container.slider-8 .post-item { width: 20%; } .fullwidth-mode-enable .popular-video-footer .popular-video-content .post-item { width: 25%; } .fullwidth-mode-enable .popular-video-footer .popular-video-content .block-left { width: 20%; } .fullwidth-mode-enable .popular-video-footer .popular-video-content .block-right { width: 80%; } } .fullwidth-mode-enable.single-format-video .single-post-style-wrapper.special { max-width: 1140px; margin-left: auto; margin-right: auto; } .fullwidth-mode-enable.single-format-video .single-post-video-full-width-wrapper .full-width-breadcrumbs > .fullwidth-vidorev-ctrl, .fullwidth-mode-enable.single-format-video .single-post-video-full-width-wrapper .single-post-video-player-content > .fullwidth-vidorev-ctrl { max-width: 1200px; } .fullwidth-mode-enable.single-format-video .is_vid_playlist_layout .full-width-breadcrumbs > .fullwidth-vidorev-ctrl, .fullwidth-mode-enable.single-format-video .is_vid_playlist_layout .single-post-video-player-content > .fullwidth-vidorev-ctrl { max-width: 1530px; } .fullwidth-mode-enable .sc-playlist-wrapper.fullwidth-vidorev-ctrl { width: auto; } @media (max-width: 1199px) { .fullwidth-mode-enable .footer-sidebar .widget.widget__col-03 { width: 50%; } } @media (max-width: 991px) { .fullwidth-mode-enable .footer-sidebar .widget.widget__col-03 { width: 100%; } } .os-scrollbar-track { height: calc(100% - 40px); height: -webkit-calc(100% - 40px); height: -moz-calc(100% - 40px); height: -ms-calc(100% - 40px); margin-top: 20px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { padding: 0; width: 6px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { border-radius: 0; -webkit-border-radius: 0; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, 0.3); } .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { padding: 0; height: 4px; } .os-scrollbar-horizontal .os-scrollbar-track { height: 100%; margin-top: 0; } .dark-background .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .dark-background .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, .dark-background .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, 0.3); } /*-------------------------------------------------------------- # 5.0 Layout (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 6.0 Navigation (START) --------------------------------------------------------------*/ /*6.1 - Logo*/ .nav-logo-img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; min-height: 50px; } .nav-logo-img img { display: block; max-height: 30px; max-width: 30vw; } .nav-logo-img .sticky-logo { display: none; } @media (max-width: 991px) { .nav-logo-img .main-logo { display: none; } } @media (min-width: 992px) { .nav-logo-img .main-logo-mobile { display: none; } } @media (min-width: 992px) { .header-default .main-nav .nav-logo, .header-classic .main-nav .nav-logo, .header-sport .main-nav .nav-logo, .header-blog .main-nav .nav-logo { display: none; } } @media (min-width: 992px) { .header-tech .nav-logo-img, .header-movie .nav-logo-img { min-height: 75px; } } @media (max-width: 991px) { .main-nav .nav-logo { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); float: none; } .main-nav .nav-logo .nav-logo-img img { max-height: 30px; max-width: 50vw; } } /*6.2 - Main Menu*/ .header-nav { position: relative; } .nav-mobile-menu, .top-search-box-mobile, .top-login-box-mobile { min-height: 50px; display: none; } @media (max-width: 575px) { .nav-mobile-menu, .top-search-box-mobile, .top-login-box-mobile { padding-right: 0; } } @media (max-width: 991px) { .nav-mobile-menu, .top-search-box-mobile, .top-login-box-mobile { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } } .top-search-box-mobile ul, .top-search-box-mobile li { list-style: none; padding: 0; margin: 0; } .top-search-box-mobile .top-search-elm .top-search-dropdown { color: #FFFFFF; min-height: 50px; min-width: 50px; line-height: 50px; display: block; text-align: center; font-size: 20px; } .top-search-box-mobile .top-search-elm .top-search-dropdown .fa-search { font-size: 20px; } @media (max-width: 575px) { .top-search-box-mobile .top-search-elm { position: static; } .top-search-box-mobile .top-search-elm > ul { width: 100%; } .top-search-box-mobile .top-search-elm > ul .top-search-box-dropdown { width: 100%; } .top-search-box-mobile .top-search-elm > ul .top-search-box-dropdown .search-terms-textfield { padding-left: 13px; } } .top-search-box-mobile + .top-login-box-mobile { margin-right: -15px; } .top-login-box-mobile { padding: 0; background-color: rgba(255, 255, 255, 0.2); } .top-login-box-mobile ul, .top-login-box-mobile li { list-style: none; padding: 0; margin: 0; } .top-login-box-mobile .top-login-mobile-elm { position: relative; } .top-login-box-mobile .top-login-mobile-elm .top-login-info { display: block; padding: 20px 20px 20px 20px; right: 0; } @media (max-width: 575px) { .top-login-box-mobile .top-login-mobile-elm { position: static; } .top-login-box-mobile .top-login-mobile-elm .top-login-info { width: 100%; } } .top-login-box-mobile .top-login-mobile-elm .top-login-mobile-dropdown { color: #FFFFFF; min-height: 50px; min-width: 50px; line-height: 50px; display: block; text-align: center; font-size: 20px; } .top-login-box-mobile .top-login-mobile-elm .top-login-mobile-dropdown .fa-user-circle { font-size: 20px; } .top-login-box-mobile .top-login-mobile-elm .top-login-mobile-dropdown.active-item + .top-login-info { opacity: 1; visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0s; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0s; } .main-nav { background-color: #CC0000; } .main-nav .container-control { position: relative; z-index: 8; } .nav-menu { text-transform: uppercase; } .nav-menu ul, .nav-menu li { list-style: none; padding: 0; margin: 0; } .nav-menu > ul { margin-left: -20px; margin-right: -20px; } @media (max-width: 1199px) { .nav-menu > ul { margin-left: -10px; margin-right: -10px; } } .nav-menu > ul:before, .nav-menu > ul:after { content: ''; display: table; clear: both; } .nav-menu > ul > div.menu > ul > li, .nav-menu > ul > li { float: left; position: relative; } .nav-menu > ul > div.menu > ul > li > a, .nav-menu > ul > li > a { color: #FFFFFF; } .nav-menu > ul > div.menu > ul > li > a:focus, .nav-menu > ul > li > a:focus { color: #FFFFFF; } .nav-menu > ul > div.menu > ul > li a, .nav-menu > ul > li a { text-decoration: none; } .nav-menu > ul > div.menu > ul > li a i.fa, .nav-menu > ul > li a i.fa { margin-right: 3px; } .nav-menu > ul > div.menu > ul > li:hover > a, .nav-menu > ul > li:hover > a { color: #FFFFFF; background-color: #b80000; } .nav-menu > ul > div.menu > ul > li.menu-item-has-children:hover > a:before, .nav-menu > ul > li.menu-item-has-children:hover > a:before { opacity: 1; visibility: visible; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .nav-menu > ul > div.menu > ul > li.current-menu-ancestor:not(.top-megamenu) > a, .nav-menu > ul > div.menu > ul > li.current-menu-item:not(.top-megamenu) > a, .nav-menu > ul > li.current-menu-ancestor:not(.top-megamenu) > a, .nav-menu > ul > li.current-menu-item:not(.top-megamenu) > a { color: #FFFFFF; background-color: #b80000; } .nav-menu > ul > div.menu > ul > li > a, .nav-menu > ul > li > a { display: block; min-height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; } @media (max-width: 1199px) { .nav-menu > ul > div.menu > ul > li > a, .nav-menu > ul > li > a { padding-left: 10px; padding-right: 10px; } } .nav-menu > ul > div.menu > ul > li.menu-item-has-children > a:after, .nav-menu > ul > li.menu-item-has-children > a:after { content: ' \f107'; font-family: 'FontAwesome'; line-height: 1; } .nav-menu > ul > div.menu > ul > li.menu-item-has-children > a:before, .nav-menu > ul > li.menu-item-has-children > a:before { display: block; } .nav-menu > ul > div.menu > ul > li ul, .nav-menu > ul > li ul { position: absolute; top: 100%; left: 0; margin: 0; padding: 0; opacity: 0; visibility: hidden; z-index: 1; transform: translateX(-10px); -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); } .nav-menu > ul > div.menu > ul > li ul li, .nav-menu > ul > li ul li { padding: 0; position: relative; min-width: 220px; background-color: rgba(0, 0, 0, 0.9); } .nav-menu > ul > div.menu > ul > li ul li > a, .nav-menu > ul > li ul li > a { color: #FFFFFF; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav-menu > ul > div.menu > ul > li ul li > a:focus, .nav-menu > ul > li ul li > a:focus { color: #FFFFFF; } .nav-menu > ul > div.menu > ul > li ul li a, .nav-menu > ul > li ul li a { display: block; position: relative; padding: 10px 20px; white-space: nowrap; } .nav-menu > ul > div.menu > ul > li ul li:hover > a, .nav-menu > ul > li ul li:hover > a { color: #FFFFFF; background-color: #CC0000; } .nav-menu > ul > div.menu > ul > li ul li:hover > ul, .nav-menu > ul > li ul li:hover > ul { opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out; } .nav-menu > ul > div.menu > ul > li ul li.menu-item-has-children > a, .nav-menu > ul > li ul li.menu-item-has-children > a { padding-right: 35px; } .nav-menu > ul > div.menu > ul > li ul li.menu-item-has-children > a:after, .nav-menu > ul > li ul li.menu-item-has-children > a:after { content: '\f105'; font-family: 'FontAwesome'; position: absolute; right: 20px; } .nav-menu > ul > div.menu > ul > li ul li.current-menu-ancestor > a, .nav-menu > ul > div.menu > ul > li ul li.current-menu-item > a, .nav-menu > ul > li ul li.current-menu-ancestor > a, .nav-menu > ul > li ul li.current-menu-item > a { color: #FFFFFF; background-color: #CC0000; } .nav-menu > ul > div.menu > ul > li ul li > ul, .nav-menu > ul > li ul li > ul { top: 0; left: 100%; border-left: 2px solid transparent; } .nav-menu > ul > div.menu > ul > li > ul, .nav-menu > ul > li > ul { transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); height: 0; overflow: hidden; } .nav-menu > ul > div.menu > ul > li:hover > ul, .nav-menu > ul > li:hover > ul { height: auto; overflow: visible; opacity: 1; visibility: visible; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } .nav-menu > ul > div.menu > ul > li.top-megamenu, .nav-menu > ul > li.top-megamenu { position: static; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul, .nav-menu > ul > li.top-megamenu > ul { left: 0; right: 0; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul:before, .nav-menu > ul > li.top-megamenu > ul:before { content: ''; display: none; position: absolute; top: 0; bottom: 0; right: 100%; width: 50vw; background-color: rgba(0, 0, 0, 0.85); border-right: 1px solid rgba(255, 255, 255, 0.1); z-index: 1; pointer-events: none; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul:after, .nav-menu > ul > li.top-megamenu > ul:after { content: ''; display: none; position: absolute; top: 0; bottom: 0; left: 100%; width: 50vw; background-color: rgba(0, 0, 0, 0.85); border-left: 1px solid rgba(255, 255, 255, 0.1); z-index: 1; pointer-events: none; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-wrapper, .nav-menu > ul > li.top-megamenu > ul .megamenu-wrapper { padding: 20px 20px 30px 20px; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-wrapper li, .nav-menu > ul > li.top-megamenu > ul .megamenu-wrapper li { background-color: transparent; min-width: 0; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-wrapper ul, .nav-menu > ul > li.top-megamenu > ul .megamenu-wrapper ul { transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); opacity: 1; visibility: visible; height: auto; border: none; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-menu, .nav-menu > ul > li.top-megamenu > ul .megamenu-menu { text-align: center; font-size: 0; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-menu > *, .nav-menu > ul > li.top-megamenu > ul .megamenu-menu > * { display: inline-block; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-menu > *:first-child .megamenu-item-heading:not(.hidden-item), .nav-menu > ul > li.top-megamenu > ul .megamenu-menu > *:first-child .megamenu-item-heading:not(.hidden-item) { background-color: #CC0000; border-color: transparent; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-menu .megamenu-item-heading, .nav-menu > ul > li.top-megamenu > ul .megamenu-menu .megamenu-item-heading { padding: 5px 15px; border: 1px solid rgba(255, 255, 255, 0.1); margin: 0 5px; text-transform: uppercase; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; transition: border 0.3s, background-color 0.3s; -webkit-transition: border 0.3s, background-color 0.3s; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-menu .megamenu-item-heading:hover, .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-menu .megamenu-item-heading.active-item, .nav-menu > ul > li.top-megamenu > ul .megamenu-menu .megamenu-item-heading:hover, .nav-menu > ul > li.top-megamenu > ul .megamenu-menu .megamenu-item-heading.active-item { background-color: #CC0000; border-color: transparent; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-menu .megamenu-item-heading a, .nav-menu > ul > li.top-megamenu > ul .megamenu-menu .megamenu-item-heading a { padding: 0; color: #FFFFFF; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content, .nav-menu > ul > li.top-megamenu > ul .megamenu-content { margin-top: 30px; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .blog-wrapper, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .blog-wrapper { max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: opacity 0s ease-in-out, visibility 0s ease-in-out, max-height 0s; -webkit-transition: opacity 0s ease-in-out, visibility 0s ease-in-out, max-height 0s; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .blog-wrapper:first-child:not(.hidden-item), .nav-menu > ul > li.top-megamenu > ul .megamenu-content .blog-wrapper:first-child:not(.hidden-item) { max-height: none; opacity: 1; visibility: visible; overflow: visible; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .blog-wrapper.active-item, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .blog-wrapper.active-item { max-height: none; opacity: 1; visibility: visible; overflow: visible; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, max-height 0s; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, max-height 0s; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .sc-blocks-container, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .sc-blocks-container { max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: opacity 0s ease-in-out, visibility 0s ease-in-out, max-height 0s; -webkit-transition: opacity 0s ease-in-out, visibility 0s ease-in-out, max-height 0s; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .sc-blocks-container:first-child:not(.hidden-item), .nav-menu > ul > li.top-megamenu > ul .megamenu-content .sc-blocks-container:first-child:not(.hidden-item) { max-height: none; opacity: 1; visibility: visible; overflow: visible; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .sc-blocks-container.active-item, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .sc-blocks-container.active-item { max-height: none; opacity: 1; visibility: visible; overflow: visible; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, max-height 0s; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, max-height 0s; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .sc-blocks-container .ajax-loading, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .sc-blocks-container .ajax-loading { background-color: rgba(0, 0, 0, 0.8); } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .blog-items, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .blog-items { margin-bottom: 0; margin-left: -10px; margin-right: -10px; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .blog-items .video-icon, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .blog-items .video-icon { width: 44px; height: 44px; margin-top: -26px; margin-left: -22px; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .blog-items .video-icon:after, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .blog-items .video-icon:after { border-width: 10px 16px; margin-top: -10px; margin-left: -5px; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content .post-item, .nav-menu > ul > li.top-megamenu > ul .megamenu-content .post-item { width: 25%; margin-bottom: 0; padding-left: 10px; padding-right: 10px; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul .megamenu-content a, .nav-menu > ul > li.top-megamenu > ul .megamenu-content a { padding: 0; white-space: normal; } .nav-menu > ul > div.menu > ul > li.top-megamenu > ul li ul, .nav-menu > ul > li.top-megamenu > ul li ul { position: relative; top: auto; left: auto; right: auto; } @media (max-width: 991px) { .nav-menu { display: none; } } .header-default .main-nav, .header-tech .main-nav { box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); position: relative; z-index: 8; } body:not(.main-layout-boxed) .header-classic .nav-menu > ul > li.current-menu-ancestor:first-child, body:not(.main-layout-boxed) .header-classic .nav-menu > ul > li.current-menu-item:first-child, body:not(.main-layout-boxed) .header-default .nav-menu > ul > li.current-menu-ancestor:first-child, body:not(.main-layout-boxed) .header-default .nav-menu > ul > li.current-menu-item:first-child { margin-left: 20px; } @media (max-width: 1199px) { body:not(.main-layout-boxed) .header-classic .nav-menu > ul > li.current-menu-ancestor:first-child, body:not(.main-layout-boxed) .header-classic .nav-menu > ul > li.current-menu-item:first-child, body:not(.main-layout-boxed) .header-default .nav-menu > ul > li.current-menu-ancestor:first-child, body:not(.main-layout-boxed) .header-default .nav-menu > ul > li.current-menu-item:first-child { margin-left: 10px; } } @media (min-width: 1200px) { body:not(.main-layout-boxed) .main-nav.sticky-menu .nav-logo { margin-right: 10px; } } body:not(.main-layout-boxed) .nav-menu > ul > li.top-megamenu > ul { left: 15px; right: 15px; } body:not(.main-layout-boxed) .nav-menu > ul > li.top-megamenu > ul:before, body:not(.main-layout-boxed) .nav-menu > ul > li.top-megamenu > ul:after { display: block; } @media (max-width: 991px) { .header-classic ~ .main-nav.sticky-menu .top-social, .header-classic .top-social, .header-blog ~ .main-nav.sticky-menu .top-social, .header-blog .top-social { display: none; } } @media (min-width: 576px) { .header-blog ~ .main-nav.sticky-menu .nav-menu > ul > li.top-megamenu > ul, .header-blog .nav-wrap .nav-menu > ul > li.top-megamenu > ul { width: 540px; left: 50%; margin-left: -270px; } } @media (min-width: 768px) { .header-blog ~ .main-nav.sticky-menu .nav-menu > ul > li.top-megamenu > ul, .header-blog .nav-wrap .nav-menu > ul > li.top-megamenu > ul { width: 720px; left: 50%; margin-left: -360px; } } @media (min-width: 992px) { .header-blog ~ .main-nav.sticky-menu .nav-menu > ul > li.top-megamenu > ul, .header-blog .nav-wrap .nav-menu > ul > li.top-megamenu > ul { width: 930px; left: 50%; margin-left: -465px; } } @media (min-width: 1200px) { .header-blog ~ .main-nav.sticky-menu .nav-menu > ul > li.top-megamenu > ul, .header-blog .nav-wrap .nav-menu > ul > li.top-megamenu > ul { width: 1140px; left: 50%; margin-left: -570px; } } @media (min-width: 992px) { .header-tech .nav-menu > ul > li > a, .header-movie .nav-menu > ul > li > a { min-height: 75px; line-height: 75px; } } .header-tech .top-search-box, .header-movie .top-search-box { display: none; } @media (min-width: 992px) { .header-tech .top-search-box .top-search-box-wrapper, .header-movie .top-search-box .top-search-box-wrapper { min-height: 75px; } } .header-tech .top-search-box, .header-tech ~ .main-nav.sticky-menu .top-search-box, .header-movie .top-search-box, .header-movie ~ .main-nav.sticky-menu .top-search-box { position: relative; z-index: 1; } .header-movie ~ .single-post-video-full-width-wrapper { border-top: 1px solid rgba(255, 255, 255, 0.2); } .header-movie .top-nav .container-control { z-index: 8; } .header-movie .main-nav .container-control { z-index: 9; } @media (min-width: 992px) { .header-blog ~ .main-nav.sticky-menu > .site__container-fluid > .site__row > *, .header-blog .main-nav > .site__container-fluid > .site__row > * { position: relative; z-index: 2; } .header-blog ~ .main-nav.sticky-menu > .site__container-fluid > .site__row > .site__col:first-child, .header-blog .main-nav > .site__container-fluid > .site__row > .site__col:first-child { padding-left: 0; } .header-blog ~ .main-nav.sticky-menu > .site__container-fluid > .site__row > .site__col:last-child, .header-blog .main-nav > .site__container-fluid > .site__row > .site__col:last-child { padding-right: 0; } .header-blog ~ .main-nav.sticky-menu > .site__container-fluid > .site__row > .nav-menu, .header-blog .main-nav > .site__container-fluid > .site__row > .nav-menu { position: absolute; z-index: 1; left: 0; right: 0; top: 0; text-align: center; line-height: 0; } .header-blog ~ .main-nav.sticky-menu > .site__container-fluid > .site__row > .nav-menu > ul, .header-blog .main-nav > .site__container-fluid > .site__row > .nav-menu > ul { display: inline-block; text-align: left; } .header-blog ~ .main-nav.sticky-menu .nav-logo { display: none; } .header-blog .top-watch-later-listing, .header-blog .top-login-info { right: auto; left: 0; } .header-blog ~ .main-nav.sticky-menu .top-watch-later-listing, .header-blog ~ .main-nav.sticky-menu .top-login-info { right: auto; left: 0; } } .header-sport { background-color: #111111; } .header-sport > * { margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .header-sport > * { width: 930px; max-width: 100%; } } @media (min-width: 1200px) { .header-sport > * { width: 1140px; max-width: 100%; } } .header-sport .main-nav .container-control { z-index: 9; } .header-sport .top-nav .container-control { z-index: 8; } @media (min-width: 992px) { .header-sport .top-nav .social-block.s-grid.nav-style > li:last-child > a > span.icon { border-right: none; } } .header-sport .nav-sp-wrapper { padding-left: 90px; position: relative; } .header-sport .nav-sp-wrapper .number-of-new-posts { position: absolute; left: 0; top: 0; width: 90px; height: 100%; background-color: #000000; text-align: center; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; line-height: 1.4; } .header-sport .nav-sp-wrapper .number-of-new-posts > * { width: 100%; } @media (max-width: 991px) { .header-sport .nav-sp-wrapper { padding-left: 0; } .header-sport .nav-sp-wrapper .number-of-new-posts { display: none; } } @media (min-width: 992px) { .header-sport .main-nav { background-color: #FFFFFF; } .header-sport .main-nav .nav-menu { padding-left: 20px; } .header-sport .main-nav .nav-menu > ul > li > a { color: #000000; font-weight: 700; } .header-sport .main-nav .nav-menu > ul > li > a:focus { color: #000000; } .header-sport .main-nav .nav-menu > ul > li:hover > a { color: #000000; background-color: #e6e6e6; } .header-sport .main-nav .nav-menu > ul > li.current-menu-ancestor > a, .header-sport .main-nav .nav-menu > ul > li.current-menu-item > a { color: #000000; background-color: #e6e6e6; } .header-sport .top-watch-later-listing, .header-sport .top-login-info { right: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .header-sport .main-nav .nav-menu { padding-left: 10px; } } .header-sport .nav-wrap .nav-menu > ul > li.top-megamenu > ul { left: -90px; right: 0; } .header-sport .nav-wrap .nav-menu > ul > li.top-megamenu > ul:before, .header-sport .nav-wrap .nav-menu > ul > li.top-megamenu > ul:after { display: none; } @media (min-width: 992px) { .top-search-box-mobile, .top-login-box-mobile { display: none; } } .button-menu-mobile { display: block; float: none; width: 30px; height: 30px; border: 1px solid rgba(255, 255, 255, 0.4); cursor: pointer; overflow: hidden; position: relative; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, opacity 0.3s ease-in-out; } .button-menu-mobile > * { display: block; position: absolute; width: 16px; height: 1px; border: none; background: none; left: 6px; top: 50%; transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out; } .button-menu-mobile > *:nth-child(1) { margin-top: -5px; } .button-menu-mobile > *:nth-child(3) { margin-top: 5px; } .button-menu-mobile > *:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: white; transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease; -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease; } .button-menu-mobile > *:nth-child(4), .button-menu-mobile > *:nth-child(5) { opacity: 0; transition: none; -webkit-transition: none; } .button-menu-mobile > *:nth-child(1):after, .button-menu-mobile > *:nth-child(2):after, .button-menu-mobile > *:nth-child(3):after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: -200px; background-color: white; transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease; -webkit-transition: transform 0.3s ease-in-out, left 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease; } .button-menu-mobile > *:nth-child(2):before, .button-menu-mobile > *:nth-child(2):after { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .button-menu-mobile > *:nth-child(3):before, .button-menu-mobile > *:nth-child(3):after { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } .button-menu-mobile:hover > *:nth-child(1):before, .button-menu-mobile:hover > *:nth-child(2):before, .button-menu-mobile:hover > *:nth-child(3):before { left: 200%; } .button-menu-mobile:hover > *:nth-child(1):after, .button-menu-mobile:hover > *:nth-child(2):after, .button-menu-mobile:hover > *:nth-child(3):after { left: 0; } body.active-mobile-menu .button-menu-mobile { border-radius: 50%; -webkit-border-radius: 50%; } body.active-mobile-menu .button-menu-mobile > *:nth-child(1), body.active-mobile-menu .button-menu-mobile > *:nth-child(2), body.active-mobile-menu .button-menu-mobile > *:nth-child(3) { opacity: 0; transition: none; -webkit-transition: none; } body.active-mobile-menu .button-menu-mobile > *:nth-child(4) { opacity: 1; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } body.active-mobile-menu .button-menu-mobile > *:nth-child(5) { opacity: 1; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } .header-side .nav-wrap { min-height: 60px; } @media (max-width: 991px) { .header-side .nav-wrap { min-height: 50px; } } .header-side .main-nav { box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); position: relative; z-index: 8; } .header-side .nav-side-menu, .header-side .top-submit-video { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } @media (min-width: 992px) { .header-side .nav-side-menu, .header-side .top-submit-video { min-height: 60px; } } @media (max-width: 991px) { .header-side .nav-side-menu, .header-side .top-submit-video { display: none; } } @media (min-width: 1560px) { .header-side .nav-side-menu { margin-left: -15px; } .header-side .top-submit-video { margin-right: -15px; } } .header-side .top-search-box { width: 50%; margin-left: 12%; } .header-side .top-search-box .top-search-box-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; width: 100%; } @media (min-width: 992px) { .header-side .top-search-box .top-search-box-wrapper { min-height: 40px; margin-top: 10px; } .header-side .top-search-box .top-search-box-wrapper .search-terms-textfield { width: 100% !important; border-radius: 5px; -webkit-border-radius: 5px; } } @media (max-width: 1560px) { .header-side .top-search-box { width: 40%; margin-left: 8%; } } @media (min-width: 992px) { .header-side .nav-logo-img { min-height: 60px; } } @media (min-width: 992px) { .header-side .main-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 10; } .header-side .main-nav.sticky-menu { display: none !important; } } @media (max-width: 991px) { .header-side ~ .main-nav.sticky-menu .nav-side-menu, .header-side ~ .main-nav.sticky-menu .top-submit-video { display: none; } } @media (min-width: 992px) { body.admin-bar .header-side .main-nav { top: 32px; } } body.header-vid-side .player-prev-video, body.header-vid-side .player-next-video { display: none; } @media (min-width: 1560px) { body.header-vid-side.main-layout-boxed #primary-content-wrap .site__container, body.header-vid-side.main-layout-boxed #primary-content-wrap .site__container-fluid, body.header-vid-side.main-layout-boxed #site-footer .site__container, body.header-vid-side.main-layout-boxed #site-footer .site__container-fluid { padding-left: 15px; padding-right: 15px; } body.header-vid-side .site__container, body.header-vid-side .site__container-fluid { padding-left: 30px; padding-right: 30px; } } body.header-vid-side #site-wrap-parent { padding-left: 410px; } @media (max-width: 1559px) { body.header-vid-side #site-wrap-parent { padding-left: 0; } body.header-vid-side .side-menu-wrapper { display: block; } } @media (min-width: 1580px) and (max-width: 2380px) { body.header-vid-side.fullwidth-mode-enable #site-wrap-parent { padding-left: 0; } body.header-vid-side.fullwidth-mode-enable .side-menu-wrapper { display: block; } } body.header-vid-side.open-side-menu #site-wrap-parent { padding-left: 410px; } @media (max-width: 1559px) { body.header-vid-side.open-side-menu #site-wrap-parent { padding-left: 0; } body.header-vid-side.open-side-menu .side-menu-wrapper { display: block; } } @media (min-width: 1580px) and (max-width: 2380px) { body.header-vid-side.open-side-menu.fullwidth-mode-enable #site-wrap-parent { padding-left: 0; } body.header-vid-side.open-side-menu.fullwidth-mode-enable .side-menu-wrapper { display: block; } } body.header-vid-side.close-side-menu #site-wrap-parent { padding-left: 0; } body.header-vid-side.close-side-menu .side-menu-wrapper { display: none; } @media (max-width: 1559px) { body.header-vid-side #site-wrap-parent { padding-left: 0; } body.header-vid-side .side-menu-wrapper { display: none; } } @media (min-width: 1580px) and (max-width: 2380px) { body.header-vid-side.fullwidth-mode-enable #site-wrap-parent { padding-left: 0; } body.header-vid-side.fullwidth-mode-enable .side-menu-wrapper { display: none; } } body.header-vid-side .side-menu-wrapper { width: 410px; padding-left: 60px; position: fixed; top: 60px; left: 0; bottom: 0; background-color: #FFFFFF; z-index: 9; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); } @media (max-width: 991px) { body.header-vid-side .side-menu-wrapper { display: none !important; } } body.header-vid-side .side-menu-wrapper:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 60px; bottom: 0; background-color: #1A1A1A; } body.header-vid-side .side-menu-wrapper .side-menu-children { position: absolute; top: 0; bottom: 0; left: 60px; right: 0; overflow: hidden; } body.header-vid-side .side-menu-wrapper .side-menu-children .mCSB_scrollTools { width: 4px; } body.header-vid-side .side-menu-wrapper .side-menu-children .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-border-radius: 0; } body.header-vid-side .side-menu-wrapper .side-menu-children > .os-scrollbar-vertical, body.header-vid-side .side-menu-wrapper .side-menu-children > .os-scrollbar-vertical { padding: 0; width: 4px; } body.header-vid-side .side-menu-wrapper .side-menu-children > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background-color: rgba(0, 0, 0, 0.15); } body.header-vid-side .side-menu-wrapper .main-side-menu { padding: 25px; text-transform: uppercase; font-size: 16px; } body.header-vid-side .side-menu-wrapper .main-side-menu ul, body.header-vid-side .side-menu-wrapper .main-side-menu li { list-style: none; padding: 0; margin: 0; line-height: 1.6; } body.header-vid-side .side-menu-wrapper .main-side-menu a { text-decoration: none; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul ul { padding-left: 30px; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul > li { position: relative; padding-top: 8px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); margin-bottom: 6px; padding-bottom: 13px; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul > li:last-child { border-bottom: 0; padding-bottom: 8px; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul > li .open-submenu-mobile { position: absolute; display: block; right: 0; top: 10px; font-size: 14px; color: #444444; width: 20px; height: 20px; text-align: center; line-height: 18px; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; z-index: 1; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul > li .open-submenu-mobile .fa-angle-right { transition: transform 0.368s ease-in-out; -webkit-transition: transform 0.368s ease-in-out; transform-origin: center center; -webkit-transform-origin: center center; -ms-transform-origin: center center; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul > li.active-sub-menu .fa-angle-right:before { content: '\f107'; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul > li > ul { padding: 13px 25px; background-color: rgba(0, 0, 0, 0.038); margin: 23px 0 28px 0; display: none; border-radius: 8px; -webkit-border-radius: 8px; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul > li > ul li { padding-top: 8px; padding-bottom: 8px; } body.header-vid-side .side-menu-wrapper .main-side-menu > ul > li > ul > li ul { font-size: 14px; padding-left: 20px; } body.header-vid-side .side-menu-wrapper .left-side-menu { position: absolute; bottom: 10px; left: 10px; width: 40px; } body.header-vid-side .side-menu-wrapper .sidemenu-sidebar { padding: 0 25px 0 25px; } body.header-vid-side .side-menu-wrapper .sidemenu-sidebar > .widget:first-child { border-top: 2px solid rgba(0, 0, 0, 0.1); padding-top: 40px; } body.header-vid-side .side-menu-wrapper .watch-later-elm { position: relative; } body.header-vid-side .side-menu-wrapper .watch-later-elm .top-watch-later-listing { top: auto; right: auto; bottom: -5px; left: 100%; z-index: 9; } body.header-vid-side .side-menu-wrapper .login-elm { position: relative; } body.header-vid-side .side-menu-wrapper .login-elm .top-login-info { top: auto; right: auto; bottom: -5px; left: 100%; z-index: 9; } body.header-vid-side.admin-bar .side-menu-wrapper { top: 92px; } body.header-vid-side.dark-background .side-menu-wrapper { background-color: #252525; } body.header-vid-side.dark-background .side-menu-wrapper:before { background-color: #333333; } body.header-vid-side.dark-background .side-menu-wrapper .main-side-menu > ul > li { border-bottom-color: rgba(255, 255, 255, 0.1); } body.header-vid-side.dark-background .side-menu-wrapper .main-side-menu > ul > li .open-submenu-mobile { color: rgba(255, 255, 255, 0.68); border-color: rgba(255, 255, 255, 0.1); } body.header-vid-side.dark-background .side-menu-wrapper .main-side-menu > ul > li > ul { background-color: rgba(255, 255, 255, 0.038); } body.header-vid-side.dark-background .side-menu-wrapper .sidemenu-sidebar > .widget:first-child { border-top-color: rgba(255, 255, 255, 0.1); } body.header-vid-side.dark-background .side-menu-wrapper .side-menu-children .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, 0.2); } body.header-vid-side.dark-background .side-menu-wrapper .side-menu-children > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background-color: rgba(255, 255, 255, 0.2); } body.header-vid-side .side-menu-wrapper.dark-background { background-color: #252525; } body.header-vid-side .side-menu-wrapper.dark-background:before { background-color: #333333; } body.header-vid-side .side-menu-wrapper.dark-background .main-side-menu > ul > li { border-bottom-color: rgba(255, 255, 255, 0.1); } body.header-vid-side .side-menu-wrapper.dark-background .main-side-menu > ul > li .open-submenu-mobile { color: rgba(255, 255, 255, 0.68); border-color: rgba(255, 255, 255, 0.1); } body.header-vid-side .side-menu-wrapper.dark-background .main-side-menu > ul > li > ul { background-color: rgba(255, 255, 255, 0.038); } body.header-vid-side .side-menu-wrapper.dark-background .sidemenu-sidebar > .widget:first-child { border-top-color: rgba(255, 255, 255, 0.1); } body.header-vid-side .side-menu-wrapper.dark-background .side-menu-children .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, 0.2); } body.header-vid-side .side-menu-wrapper.dark-background .side-menu-children > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background-color: rgba(255, 255, 255, 0.2); } /*6.3 - Header Content*/ .top-content { position: relative; } @media (max-width: 767px) { .top-content { display: none; } } .top-content .nav-logo { max-width: 33%; } @media (max-width: 991px) { .top-content .nav-logo { display: none; } } .top-content .nav-logo .nav-logo-img img { max-height: 70px; max-width: 100%; } @media (min-width: 992px) { .top-content .top-ad { max-width: 67%; } } .top-content .top-ad-content img { display: block; } .top-content .top-ad-content iframe { margin: 0; padding: 0; } .top-content .top-ad-content .top-ad-wrap { max-width: 728px; width: 728px; margin-left: auto; margin-right: auto; } @media (min-width: 992px) and (max-width: 1199px) { .top-content .top-ad-content .top-ad-wrap { max-width: 612px; width: 612px; } } @media (max-width: 991px) { .top-content .top-ad-content .top-ad-wrap { max-width: 690px; width: 690px; } } .top-content .nav-logo-img, .top-content .top-ad-content { min-height: 140px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } @media (max-width: 1199px) { .top-content .nav-logo-img, .top-content .top-ad-content { min-height: 130px; } } @media (max-width: 767px) { .top-content .nav-logo-img, .top-content .top-ad-content { min-height: 100px; } } @media (max-width: 575px) { .top-content .nav-logo-img, .top-content .top-ad-content { min-height: 0; padding: 20px 0; } } .header-default .top-content { background-color: #111111; } .header-classic .top-content .nav-logo .nav-logo-img { min-height: 0; padding-top: 50px; padding-bottom: 50px; } .header-classic .top-content .nav-logo .nav-logo-img img { max-height: none; } .header-classic .top-content .nav-logo, .header-blog .top-content .nav-logo { max-width: 100%; } .header-classic .top-content .nav-logo .nav-logo-img, .header-blog .top-content .nav-logo .nav-logo-img { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .header-blog .top-content .nav-logo .nav-logo-img { min-height: 0; padding-top: 50px; padding-bottom: 50px; } .header-blog .top-content .nav-logo .nav-logo-img img { max-height: none; } @media (min-width: 992px) { .header-sport .top-content > .site__container > .site__row > *:first-child { padding-left: 0; } .header-sport .top-content > .site__container > .site__row > *:last-child { padding-right: 0; } } .top-header-ads-mobile { padding: 25px 0; } @media (min-width: 768px) { .top-header-ads-mobile { display: none; } } .top-header-ads-mobile .top-header-ads-mobile-content img { display: block; } .top-header-ads-mobile .top-header-ads-mobile-content iframe { margin: 0; padding: 0; } /*6.4 - Top Menu*/ .top-nav { background-color: #000000; } .top-nav .container-control { position: relative; z-index: 9; } .top-nav .top-social .top-social-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } @media (max-width: 767px) { .top-nav .top-social { display: none; } } .top-nav .top-videos .top-video-content .top-video-wrap { white-space: nowrap; font-size: 0; } .top-nav .top-videos .top-video-content .top-video-wrap > * { display: inline-block; vertical-align: middle; } @media (max-width: 767px) { .top-nav .top-videos .top-video-content .top-video-wrap .top-video-listing { display: block; } } .top-nav .top-videos .top-video-header .top-video-heading { position: relative; margin-right: 25px; min-height: 40px; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .top-nav .top-videos .top-video-header .top-video-heading:after { content: ''; display: block; position: absolute; border: solid transparent; border-width: 4px 6px; border-left-color: #FFFFFF; left: 100%; margin-left: 5px; top: 50%; margin-top: -4px; } @media (min-width: 768px) and (max-width: 991px) { .top-nav .top-videos .top-video-header .top-video-heading { margin-right: 20px; } } @media (max-width: 767px) { .top-nav .top-videos .top-video-header .top-video-heading { background-color: rgba(255, 255, 255, 0.15); padding: 0 15px; margin-right: 0; margin-top: 20px; min-height: 30px; } .top-nav .top-videos .top-video-header .top-video-heading:after { display: none; border-left-color: transparent; border-top-color: #FFFFFF; left: 50%; margin-left: -6px; border-width: 6px 4px; top: 100%; margin-top: 0; } } .top-nav .top-videos .top-video-listing .fading-slide-control { max-height: 1.65rem; overflow: hidden; } .top-nav .top-videos .top-video-listing ul, .top-nav .top-videos .top-video-listing li { list-style: none; margin: 0; padding: 0; } .top-nav .top-videos .top-video-listing ul > li:not(:first-child) { display: none; } .top-nav .top-videos .top-video-listing ul > li a { max-width: 400px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-decoration: none; } @media (max-width: 991px) { .top-nav .top-videos .top-video-listing ul > li a { max-width: 220px; } } @media (max-width: 767px) { .top-nav .top-videos .top-video-listing ul > li a { max-width: 100%; } } @media (max-width: 767px) { .top-nav .top-videos .top-video-listing { padding-top: 7px; padding-bottom: 11px; } } @media (max-width: 767px) { .top-nav .top-videos { float: none; text-align: center; } } @media (max-width: 991px) { .top-nav .top-menu { display: none; } } .top-nav .top-menu .top-menu-content ul, .top-nav .top-menu .top-menu-content li { list-style: none; padding: 0; margin: 0; } .top-nav .top-menu .top-menu-content > ul { margin-left: -15px; margin-right: -15px; text-transform: uppercase; } .top-nav .top-menu .top-menu-content > ul:before, .top-nav .top-menu .top-menu-content > ul:after { content: ''; display: table; clear: both; } .top-nav .top-menu .top-menu-content a { text-decoration: none; } .top-nav .top-menu .top-menu-content a i.fa { margin-right: 3px; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li, .top-nav .top-menu .top-menu-content > ul > li { float: left; position: relative; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li > a, .top-nav .top-menu .top-menu-content > ul > li > a { display: block; min-height: 40px; line-height: 40px; padding-left: 15px; padding-right: 15px; color: #FFFFFF; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li > a:focus, .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li > a:hover, .top-nav .top-menu .top-menu-content > ul > li > a:focus, .top-nav .top-menu .top-menu-content > ul > li > a:hover { color: rgba(255, 255, 255, 0.6); } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li ul, .top-nav .top-menu .top-menu-content > ul > li ul { position: absolute; top: 100%; left: 0; margin: 0; padding: 0; opacity: 0; visibility: hidden; z-index: 1; transform: translateX(-10px); -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li ul li, .top-nav .top-menu .top-menu-content > ul > li ul li { padding: 0; position: relative; min-width: 220px; background-color: #FFFFFF; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li ul li a, .top-nav .top-menu .top-menu-content > ul > li ul li a { display: block; position: relative; padding: 5px 15px; white-space: nowrap; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li ul li > a, .top-nav .top-menu .top-menu-content > ul > li ul li > a { color: #000000; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li ul li > a:focus, .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li ul li > a:hover, .top-nav .top-menu .top-menu-content > ul > li ul li > a:focus, .top-nav .top-menu .top-menu-content > ul > li ul li > a:hover { color: rgba(0, 0, 0, 0.5); } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li ul li > ul, .top-nav .top-menu .top-menu-content > ul > li ul li > ul { top: 0; left: 100%; border-left: 2px solid transparent; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li ul li:hover > ul, .top-nav .top-menu .top-menu-content > ul > li ul li:hover > ul { opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li > ul, .top-nav .top-menu .top-menu-content > ul > li > ul { transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); height: 0; overflow: hidden; } .top-nav .top-menu .top-menu-content > ul > div.menu > ul > li:hover > ul, .top-nav .top-menu .top-menu-content > ul > li:hover > ul { height: auto; overflow: visible; opacity: 1; visibility: visible; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } @media (min-width: 768px) { body.main-layout-boxed .site-header:not(.header-sport) .top-video-heading { margin-right: 20px; margin-left: 15px; } } @media (min-width: 992px) { body.main-layout-boxed .site-header:not(.header-sport) .top-video-heading { margin-right: 25px; margin-left: 20px; } } @media (min-width: 768px) and (max-width: 991px) { body.main-layout-boxed .site-header.header-sport .top-video-heading { margin-right: 20px; margin-left: 15px; } } .header-tech .top-nav .container-control { position: relative; z-index: 10; } @media (min-width: 992px) { .header-sport .top-nav { background-color: #CC0000; } .header-sport .top-nav .top-videos .top-video-header .top-video-heading { background-color: transparent; padding-left: 20px; } } @media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) { .header-sport .top-nav .top-videos .top-video-header .top-video-heading { padding-left: 10px; } } @media (min-width: 992px) { .header-sport .top-nav > .site__container > .site__row > *:first-child { padding-left: 0; } .header-sport .top-nav > .site__container > .site__row > *:last-child { padding-right: 0; } .header-sport .top-menu.float-left .top-menu-content { padding-left: 20px; } } @media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) { .header-sport .top-menu.float-left .top-menu-content { padding-left: 10px; } } /*6.5 - Navigation Tools*/ .hasVideos { width: 5px; height: 5px; border-radius: 50%; -webkit-border-radius: 50%; display: block; position: absolute; top: 5px; right: 5px; animation: notice 1.8s infinite ease-in-out; -webkit-animation: notice 1.8s infinite ease-in-out; } @keyframes notice { from { transform: scale3d(1, 1, 1); background-color: rgba(255, 255, 255, 0.3); } 50% { transform: scale3d(1.15, 1.15, 1.15); background-color: white; } to { transform: scale3d(1, 1, 1); background-color: rgba(255, 255, 255, 0.3); } } @-webkit-keyframes notice { from { transform: scale3d(1, 1, 1); background-color: rgba(255, 255, 255, 0.3); } 50% { transform: scale3d(1.15, 1.15, 1.15); background-color: white; } to { transform: scale3d(1, 1, 1); background-color: rgba(255, 255, 255, 0.3); } } hr.line-light { border-color: rgba(255, 255, 255, 0.1); margin: 20px 0; } /*6.6 - Top Search Box*/ @media (max-width: 991px) { .top-search-box { display: none; } } .top-search-box .top-search-box-wrapper { width: 160px; min-height: 50px; position: relative; } .top-search-box .top-search-box-wrapper .search-terms-textfield { margin: 0; border: 0; background-color: #b80000; color: #FFFFFF; display: block; position: absolute; top: 0; left: auto; right: 0; bottom: 0; padding-right: 55px; max-width: none; width: 100%; height: 100%; } .top-search-box .top-search-box-wrapper .search-terms-textfield:focus, .top-search-box .top-search-box-wrapper .search-terms-textfield:hover { color: #FFFFFF; width: 200%; } .top-search-box .top-search-box-wrapper .search-terms-textfield::-moz-placeholder { color: #FFFFFF; } .top-search-box .top-search-box-wrapper .search-terms-textfield:-ms-input-placeholder { color: #FFFFFF; } .top-search-box .top-search-box-wrapper .search-terms-textfield::-webkit-input-placeholder { color: #FFFFFF; } .top-search-box .top-search-box-wrapper .search-terms-textfield:focus::-moz-placeholder { color: #FFFFFF; } .top-search-box .top-search-box-wrapper .search-terms-textfield:focus:-ms-input-placeholder { color: #FFFFFF; } .top-search-box .top-search-box-wrapper .search-terms-textfield:focus::-webkit-input-placeholder { color: #FFFFFF; } .top-search-box .top-search-box-wrapper .search-terms-textfield:-webkit-autofill, .top-search-box .top-search-box-wrapper .search-terms-textfield:-webkit-autofill:hover, .top-search-box .top-search-box-wrapper .search-terms-textfield:-webkit-autofill:focus, .top-search-box .top-search-box-wrapper .search-terms-textfield:focus:-webkit-autofill { background-color: #b80000 !important; -webkit-box-shadow: 0 0 0 50px #b80000 inset; -webkit-text-fill-color: #FFFFFF; } .top-search-box .top-search-box-wrapper input[type="submit"] { background: transparent; border: none; font-size: 0; min-width: 0; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 55px; } .top-search-box .top-search-box-wrapper .fa-search { position: absolute; color: #FFFFFF; top: 50%; right: 20px; pointer-events: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } @media (min-width: 992px) { .header-sport .top-search-box { padding-right: 0; } .header-sport .top-search-box .top-search-box-wrapper { width: 200px; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield { color: #999999; background-color: #e6e6e6; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield:focus, .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield:hover { color: #999999; width: 160%; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield::-moz-placeholder { color: #999999; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield:-ms-input-placeholder { color: #999999; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield::-webkit-input-placeholder { color: #999999; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield:focus::-moz-placeholder { color: #999999; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield:focus:-ms-input-placeholder { color: #999999; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield:focus::-webkit-input-placeholder { color: #999999; } .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield:-webkit-autofill, .header-sport .top-search-box .top-search-box-wrapper .search-terms-textfield:focus:-webkit-autofill { background-color: #e6e6e6 !important; -webkit-box-shadow: 0 0 0 50px #e6e6e6 inset; -webkit-text-fill-color: #999999; } .header-sport .top-search-box .top-search-box-wrapper .fa-search { color: #999999; } } .header-side .top-search-box .asl_w_container { margin-top: 9px; } .header-side .top-search-box .asl_w_container .probox { min-height: 42px; } .header-side .top-search-box .asl_w_container .probox .proinput { font-size: 14px; margin: 0; padding: 0; } .header-side .top-search-box .asl_w_container .probox .proinput input { height: auto !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.8 !important; padding: 11px 20px 10px 20px !important; } .header-side .top-search-box .asl_w_container .probox .proinput input.autocomplete { margin-top: -42px !important; } .header-side .top-search-box .asl_w_container .probox .proclose, .header-side .top-search-box .asl_w_container .probox .promagnifier, .header-side .top-search-box .asl_w_container .probox .prosettings { width: 42px; height: 42px; } .header-side .top-search-box .asl_w_container .probox .proloading { width: 30px; height: 30px; margin-top: 6px; } .header-side .top-search-box .asl_w_container .probox .innericon svg { width: 18px; } body.header-vid-side div.asl_s.searchsettings { margin-top: 2px; border-radius: 0; -webkit-border-radius: 0; background: rgba(0, 0, 0, 0.9); } body.header-vid-side div.asl_s.searchsettings .asl_option_inner { margin: 0 15px; } body.header-vid-side div.asl_s.searchsettings .asl_option_label { font-size: 12px; font-weight: normal; } body.header-vid-side div.asl_s.searchsettings .asl_option_label { line-height: 1.8 !important; } body.header-vid-side div.asl_r { background-color: rgba(0, 0, 0, 0.9); padding: 0; margin-top: 0px; } body.header-vid-side div.asl_r .results { margin-right: 0; /*&.mCS_no_scrollbar .mCustomScrollBox{ max-height: none !important; }*/ } body.header-vid-side div.asl_r .results .asl_spacer { height: 1px; background: rgba(255, 255, 255, 0.15); margin: 0; } body.header-vid-side div.asl_r .results .asl_spacer:last-child { display: none; } body.header-vid-side div.asl_r .results .item { padding: 15px; border-radius: 0; -webkit-border-radius: 0; background: transparent; border: none; } body.header-vid-side div.asl_r .results .item.hovered { background: #252525; } body.header-vid-side div.asl_r .results .item .asl_content { padding: 0; font-size: 14px; line-height: 1.8; overflow: visible; } body.header-vid-side div.asl_r .results .item .asl_content h3, body.header-vid-side div.asl_r .results .item .asl_content h3 a { font-size: 14px; font-weight: 500; line-height: 1.35; text-shadow: none; font-weight: 500; color: #FFFFFF; } body.header-vid-side div.asl_r .results .item .asl_image { margin: 0 15px 0 0; } body.header-vid-side div.asl_r .results .item .asl_desc { font-size: 14px; color: #C4C4C4; line-height: 1.8; margin-bottom: -7px; } body.header-vid-side div.asl_r .results .item div.etc { line-height: 1.8; } body.header-vid-side div.asl_r .results .item div.etc .asl_author { font-weight: 500; text-transform: uppercase; } body.header-vid-side div.asl_r .results .item div.etc .asl_author, body.header-vid-side div.asl_r .results .item div.etc .asl_date { font-size: 12px; line-height: 1.8; } body.header-vid-side div.asl_r .results .item span.highlighted { padding-left: 5px; padding-right: 5px; font-weight: 500; color: #CC0000; } body.header-vid-side div.asl_r .results .item:after { background: rgba(255, 255, 255, 0.15) !important; } body.header-vid-side div.asl_r p.showmore { margin-top: 15px; } body.header-vid-side div.asl_r p.showmore a { font-size: 14px; line-height: 40px; color: #FFFFFF; font-weight: 500; margin-top: 15px; text-transform: uppercase; background-color: #333333; } body.header-vid-side div.asl_r .mCustomScrollBox .mCSBap_scrollTools { width: 4px; } body.header-vid-side div.asl_r .mCSBap_scrollTools a + .mCSBap_draggerContainer { margin: 0; } body.header-vid-side div.asl_r .mCSBap_inside > .mCSBap_container { margin: 0; } body.header-vid-side div.asl_r .mCSBap_buttonUp, body.header-vid-side div.asl_r .mCSBap_buttonDown { display: none !important; } body.header-vid-side div.asl_r .mCSBap_scrollTools .mCSBap_dragger .mCSBap_dragger_bar { border-radius: 0; -webkit-border-radius: 0; width: 4px; background-color: #CC0000; } /*6.7 - Sticky Menu*/ body.admin-bar .main-nav.sticky-menu { top: 32px; } @media (max-width: 782px) { body.admin-bar .main-nav.sticky-menu { top: 46px; } } @media (max-width: 600px) { body.admin-bar .main-nav.sticky-menu { top: 0; } } .main-nav.sticky-menu { position: fixed; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; z-index: 9; transform: translateY(-110%); -webkit-transform: translateY(-110%); -ms-transform: translateY(-110%); box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.35); } .main-nav.sticky-menu .nav-mobile-menu { min-height: 50px; } .main-nav.sticky-menu .nav-logo-img { min-height: 50px; } @media (min-width: 992px) { .main-nav.sticky-menu .nav-logo-img .sticky-logo { display: block; } .main-nav.sticky-menu .nav-logo-img .main-logo, .main-nav.sticky-menu .nav-logo-img .main-logo-mobile { display: none; } } .main-nav.sticky-menu .nav-menu > ul > li > a { min-height: 50px; line-height: 50px; } .main-nav.sticky-menu.active-item { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible; } .main-nav.sticky-menu.setTransit { transition: transform 0.2s, opacity 0.2s, visibility 0.2s; -webkit-transition: transform 0.2s, opacity 0.2s, visibility 0.2s; } /*6.8 - Search Box Dropdown*/ .top-search-elm { position: relative; z-index: 1; } .top-search-elm ul, .top-search-elm li { list-style: none; margin: 0; padding: 0; } .top-search-elm > ul { position: absolute; top: 100%; right: 0; border: 2px solid transparent; background-color: #000000; opacity: 0; visibility: hidden; transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform-origin: top; -webkit-transform-origin: top; -ms-transform-origin: top; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .top-search-elm > ul .top-search-box-dropdown { width: 320px; position: relative; } .top-search-elm > ul .top-search-box-dropdown .search-terms-textfield { margin: 0; border: 0; display: block; padding-right: 100px; max-width: none; width: 100%; } .top-search-elm > ul .top-search-box-dropdown .search-terms-textfield:-webkit-autofill, .top-search-elm > ul .top-search-box-dropdown .search-terms-textfield:-webkit-autofill:hover, .top-search-elm > ul .top-search-box-dropdown .search-terms-textfield:-webkit-autofill:focus, .top-search-elm > ul .top-search-box-dropdown .search-terms-textfield:focus:-webkit-autofill { background-color: #000000 !important; -webkit-box-shadow: 0 0 0 50px #000000 inset; -webkit-text-fill-color: #FFFFFF; } .top-search-elm > ul .top-search-box-dropdown input[type="submit"] { min-width: 0; position: absolute; top: 50%; right: 3px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .top-search-elm a.top-search-dropdown.active-item ~ ul { opacity: 1; visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, transform 0.2s ease-in-out; -webkit-transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, transform 0.2s ease-in-out; } .top-nav .top-search-elm > ul { border-top: 1px solid rgba(255, 255, 255, 0.2); } .top-nav .top-search-elm > ul:before { content: ''; display: block; bottom: 100%; right: 13px; width: 0; height: 0; border: solid transparent; border-width: 5px 5px; border-bottom-color: rgba(255, 255, 255, 0.2); position: absolute; margin-bottom: 1px; pointer-events: none; } /*6.9 - Mobile Menu*/ body.active-mobile-menu #vp-mobile-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); z-index: 1000; } @media (min-width: 992px) { body.active-mobile-menu #vp-mobile-menu { opacity: 0; visibility: hidden; transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); pointer-events: none; } } #vp-mobile-menu { position: fixed; top: 0; left: 0; right: 0; height: 100%; background-color: #000000; z-index: 20; overflow: hidden; overflow-y: scroll; margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; overflow-scrolling: touch; opacity: 0; visibility: hidden; transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); pointer-events: none; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; } #vp-mobile-menu .button-menu-mobile { margin-top: 30px; margin-left: auto; margin-right: auto; } #vp-mobile-menu .mobile-menu-social { text-align: center; margin-top: 40px; margin-bottom: 5px; } #vp-mobile-menu .mobile-menu-social .social-block { display: inline-block; } #vp-mobile-menu .vp-mobile-menu-items { padding: 15px 30px; } #vp-mobile-menu .vp-mobile-menu-items ul, #vp-mobile-menu .vp-mobile-menu-items li { list-style: none; margin: 0; padding: 0; line-height: 1.8; } #vp-mobile-menu .vp-mobile-menu-items a { display: block; text-decoration: none; } #vp-mobile-menu .vp-mobile-menu-items a > .fa { margin-right: 5px; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li, #vp-mobile-menu .vp-mobile-menu-items > ul > li { position: relative; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li .open-submenu-mobile, #vp-mobile-menu .vp-mobile-menu-items > ul > li .open-submenu-mobile { position: absolute; display: block; right: 0; top: 8px; font-size: 18px; color: #FFFFFF; width: 30px; height: 30px; text-align: center; line-height: 28px; border: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; z-index: 1; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li .open-submenu-mobile .fa-angle-right, #vp-mobile-menu .vp-mobile-menu-items > ul > li .open-submenu-mobile .fa-angle-right { transition: transform 0.368s ease-in-out; -webkit-transition: transform 0.368s ease-in-out; transform-origin: center center; -webkit-transform-origin: center center; -ms-transform-origin: center center; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li.active-sub-menu .fa-angle-right, #vp-mobile-menu .vp-mobile-menu-items > ul > li.active-sub-menu .fa-angle-right { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li > a, #vp-mobile-menu .vp-mobile-menu-items > ul > li > a { font-size: 18px; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li, #vp-mobile-menu .vp-mobile-menu-items > ul > li { padding-top: 7px; padding-bottom: 7px; padding-right: 30px; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li > ul, #vp-mobile-menu .vp-mobile-menu-items > ul > li > ul { display: none; padding-left: 30px; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li > ul > li:first-child, #vp-mobile-menu .vp-mobile-menu-items > ul > li > ul > li:first-child { margin-top: 8px; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li > ul > li > a, #vp-mobile-menu .vp-mobile-menu-items > ul > li > ul > li > a { padding-left: 10px; position: relative; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li > ul > li > a:before, #vp-mobile-menu .vp-mobile-menu-items > ul > li > ul > li > a:before { content: ''; display: block; position: absolute; left: 0; width: 3px; height: 3px; background-color: rgba(255, 255, 255, 0.5); top: 17px; border-radius: 50%; -webkit-border-radius: 50%; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li > ul li > a, #vp-mobile-menu .vp-mobile-menu-items > ul > li > ul li > a { padding-top: 6px; padding-bottom: 6px; } #vp-mobile-menu .vp-mobile-menu-items > ul > div.menu > ul > li > ul li > ul, #vp-mobile-menu .vp-mobile-menu-items > ul > li > ul li > ul { padding-left: 20px; } #vp-mobile-menu .vp-mobile-menu-items .membership-mobile-menu, #vp-mobile-menu .vp-mobile-menu-items .membership-submit-video-mobile-menu { border-top: 2px dashed rgba(255, 255, 255, 0.15); margin-top: 32px; padding-top: 28px; } body.admin-bar #vp-mobile-menu { top: 32px; } @media (max-width: 782px) { body.admin-bar #vp-mobile-menu { top: 0; padding-top: 46px; } } /*-------------------------------------------------------------- # 6.0 Navigation (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 7.0 Accessibility (START) --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #F1F1F1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759B; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .scroll-to-top-button { position: fixed; right: 20px; bottom: 20px; z-index: 3; transform: translateY(20%); -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transition: opacity 0.3s, visibility 0.3s, transform 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s; opacity: 0; visibility: hidden; pointer-events: none; } .scroll-to-top-button a { min-width: 0; text-transform: uppercase; } .scroll-to-top-button a i.fa { margin-left: 5px; } .scroll-to-top-button.active-item { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } body.single.single-post.single-format-video:not(.disable-floating-video) .scroll-to-top-button { display: none; } /*-------------------------------------------------------------- # 7.0 Accessibility (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 8.0 Alignments (START) --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 2em; } .alignright { display: inline; float: right; margin-left: 2em; } .aligncenter { clear: both; display: block; margin: 0 auto; } figure[id^="attachment_"] { margin: 15px 0 0 0; } figure[id^="attachment_"].alignleft { display: inline; float: left; margin-right: 2em; } figure[id^="attachment_"].alignright { display: inline; float: right; margin-left: 2em; } figure[id^="attachment_"].aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # 8.0 Alignments (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 9.0 Clearings (START) --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # 9.0 Clearings (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 10.0 Widgets (START) --------------------------------------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { .sidebar-content { margin-left: auto; margin-right: auto; max-width: 360px; } } @media (max-width: 991px) { .main-sidebar { padding-top: 40px; } } .widget { margin-bottom: 40px; } .widget:last-child { margin-bottom: 0; } .widget .widget-item-wrap { padding: 25px; border: 2px solid #E5E5E5; } @media (min-width: 992px) and (max-width: 1199px) { .widget .widget-item-wrap { padding: 20px; } } @media (max-width: 575px) { .widget .widget-item-wrap { padding: 20px; } } .widget .widget-title { padding: 0; margin-bottom: 30px; margin-top: -4px; position: relative; text-transform: uppercase; padding-bottom: 12px; } .widget .widget-title:after { content: ''; display: block; width: 100%; height: 1px; background-color: #EAEAEA; position: absolute; bottom: 0; left: 0; } .widget .widget-title > span:not(.widget-arrow):after { content: ''; display: block; width: 40px; height: 3px; background-color: #CC0000; position: absolute; bottom: -1px; left: 0; z-index: 1; } .widget.widget_categories .widget-item-wrap > ul:first-child, .widget.widget_meta .widget-item-wrap > ul:first-child, .widget.widget_archive .widget-item-wrap > ul:first-child, .widget.widget_recent_entries .widget-item-wrap > ul:first-child, .widget.widget_pages .widget-item-wrap > ul:first-child, .widget.widget_recent_comments .widget-item-wrap > ul:first-child, .widget.widget_rss .widget-item-wrap > ul:first-child, .widget.widget_display_views .widget-item-wrap > ul:first-child, .widget.woocommerce.widget_product_categories .widget-item-wrap > ul:first-child, .widget.woocommerce.widget_layered_nav.woocommerce-widget-layered-nav .widget-item-wrap > ul:first-child { margin-top: -12px; } .widget.widget_categories .widget-title + *, .widget.widget_meta .widget-title + *, .widget.widget_archive .widget-title + *, .widget.widget_recent_entries .widget-title + *, .widget.widget_pages .widget-title + *, .widget.widget_recent_comments .widget-title + *, .widget.widget_rss .widget-title + *, .widget.widget_display_views .widget-title + *, .widget.woocommerce.widget_product_categories .widget-title + *, .widget.woocommerce.widget_layered_nav.woocommerce-widget-layered-nav .widget-title + * { margin-top: -12px; } .widget.widget_categories .widget-title + label.screen-reader-text, .widget.widget_meta .widget-title + label.screen-reader-text, .widget.widget_archive .widget-title + label.screen-reader-text, .widget.widget_recent_entries .widget-title + label.screen-reader-text, .widget.widget_pages .widget-title + label.screen-reader-text, .widget.widget_recent_comments .widget-title + label.screen-reader-text, .widget.widget_rss .widget-title + label.screen-reader-text, .widget.widget_display_views .widget-title + label.screen-reader-text, .widget.woocommerce.widget_product_categories .widget-title + label.screen-reader-text, .widget.woocommerce.widget_layered_nav.woocommerce-widget-layered-nav .widget-title + label.screen-reader-text { margin-top: -20px; } .widget.widget_categories .widget-item-wrap > ul, .widget.widget_meta .widget-item-wrap > ul, .widget.widget_archive .widget-item-wrap > ul, .widget.widget_recent_entries .widget-item-wrap > ul, .widget.widget_pages .widget-item-wrap > ul, .widget.widget_recent_comments .widget-item-wrap > ul, .widget.widget_rss .widget-item-wrap > ul, .widget.widget_display_views .widget-item-wrap > ul, .widget.woocommerce.widget_product_categories .widget-item-wrap > ul, .widget.woocommerce.widget_layered_nav.woocommerce-widget-layered-nav .widget-item-wrap > ul { margin-bottom: -12px; } .widget .widget-arrow { display: block; width: 42px; height: 20px; position: absolute; right: 0; top: 50%; margin-top: -15px; } .widget .widget-arrow:after { display: table; content: ''; clear: both; } .widget .widget-arrow > * { display: block; width: 20px; height: 20px; float: left; text-align: center; line-height: 20px; color: #999999; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; font-size: 12px; transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; } .widget .widget-arrow > *:hover { color: #FFFFFF; background-color: #111111; } .widget .widget-arrow > * + * { margin-left: 2px; } .widget .widget-arrow > * i.fa { line-height: 1; } .widget .is-arrow-ct { padding-right: 50px; display: block; } .widget_categories ul, .widget_meta ul, .widget_archive ul, .widget_recent_entries ul, .widget_pages ul, .widget_display_views ul, .woocommerce.widget_product_categories ul, .woocommerce.widget_layered_nav.woocommerce-widget-layered-nav ul { list-style: none; line-height: 1.5; margin: 0; padding: 0; } .widget_categories li, .widget_meta li, .widget_archive li, .widget_recent_entries li, .widget_pages li, .widget_display_views li, .woocommerce.widget_product_categories li, .woocommerce.widget_layered_nav.woocommerce-widget-layered-nav li { list-style: none; margin-bottom: 0; padding: 7px 0 0 0; position: relative; } .widget_categories li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_pages li a, .widget_display_views li a, .woocommerce.widget_product_categories li a, .woocommerce.widget_layered_nav.woocommerce-widget-layered-nav li a { position: relative; padding-left: 15px; padding-right: 0; display: inline-block; vertical-align: top; padding-bottom: 6px; border-bottom: 1px solid transparent; text-decoration: none; } .widget_categories li a:before, .widget_meta li a:before, .widget_archive li a:before, .widget_recent_entries li a:before, .widget_pages li a:before, .widget_display_views li a:before, .woocommerce.widget_product_categories li a:before, .woocommerce.widget_layered_nav.woocommerce-widget-layered-nav li a:before { content: ''; position: absolute; width: 5px; height: 5px; left: 1px; right: auto; top: 50%; background-color: #999999; margin-top: -4px; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); } .widget_categories li ul li a, .widget_meta li ul li a, .widget_archive li ul li a, .widget_recent_entries li ul li a, .widget_pages li ul li a, .widget_display_views li ul li a, .woocommerce.widget_product_categories li ul li a, .woocommerce.widget_layered_nav.woocommerce-widget-layered-nav li ul li a { padding-right: 0; padding-left: 30px; } .widget_categories li ul li a:before, .widget_meta li ul li a:before, .widget_archive li ul li a:before, .widget_recent_entries li ul li a:before, .widget_pages li ul li a:before, .widget_display_views li ul li a:before, .woocommerce.widget_product_categories li ul li a:before, .woocommerce.widget_layered_nav.woocommerce-widget-layered-nav li ul li a:before { display: none; } .bbp_widget_login .bbp-login-form { margin-top: -7px; } .bbp_widget_login .bbp-login-form fieldset { border: none; padding: 0; margin: 0; } .bbp_widget_login .bbp-login-form fieldset > * { margin-top: 0; margin-bottom: 23px; } .bbp_widget_login .bbp-login-form fieldset > *:last-child { margin-bottom: 0; } .bbp_widget_login .bbp-login-form fieldset .bbp-remember-me > * { display: inline-block; margin-bottom: 0; vertical-align: middle; } .bbp_widget_login .bbp-login-form fieldset .bbp-submit-wrapper { float: none; text-align: left; margin-bottom: 15px; } .bbp_widget_login .bbp-login-form fieldset .bbp-login-links a { float: none; text-decoration: none; position: relative; padding-left: 15px; } .bbp_widget_login .bbp-login-form fieldset .bbp-login-links a:before { content: ''; position: absolute; width: 5px; height: 5px; left: 1px; right: auto; top: 50%; background-color: #999999; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); } .bbp_widget_login .bbp-login-form fieldset .bbp-login-links a + * { margin-left: 30px; } .bbp_widget_login .bbp-login-form label { font-weight: 500; font-size: 14px; text-transform: uppercase; margin-bottom: 8px; display: block; } .bbp_widget_login .bbp-logged-in .user-submit { display: block; float: left; width: 40px; height: 40px; margin-right: 20px; } .bbp_widget_login .bbp-logged-in h4 { font-size: 16px; text-transform: capitalize; margin-bottom: 2px; } .bbp_widget_login .bbp-logged-in .logout-link { text-decoration: none; font-size: 12px; } .bbp_widget_login .bbp-logged-in img.avatar { float: none; display: block; margin: 0; } .widget_display_topics .widget-item-wrap ul, .widget_display_topics .widget-item-wrap li { list-style: none; padding: 0; margin: 0; } .widget_display_topics .widget-item-wrap > ul > li { margin-bottom: 20px; padding-bottom: 16px; font-size: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .widget_display_topics .widget-item-wrap > ul > li a { text-transform: capitalize; text-decoration: none; } .widget_display_topics .widget-item-wrap > ul > li a.bbp-forum-title { display: block; font-size: 16px; line-height: 1.35; font-weight: 500; } .widget_display_topics .widget-item-wrap > ul > li img.avatar { display: none; } .widget_display_topics .widget-item-wrap > ul > li:last-child { padding-bottom: 0; margin-bottom: -9px; border-bottom: none; } .widget.widget_recent_comments ul { list-style: none; line-height: 1.5; margin: 0; padding: 0; } .widget.widget_recent_comments .widget-item-wrap > ul { margin-top: 0; } .widget.widget_recent_comments .recentcomments { list-style: none; margin-bottom: 0; padding: 10px 0 10px 0; position: relative; padding: 10px 15px; background-color: #F2F2F2; margin-bottom: 56px; } .widget.widget_recent_comments .recentcomments:last-child { margin-bottom: 43px; } .widget.widget_recent_comments .recentcomments:after { content: ''; display: block; position: absolute; border: solid transparent; border-width: 6px 4px; border-top-color: #F2F2F2; top: 100%; left: 30px; } .widget.widget_recent_comments .recentcomments .comment-author-link { top: 100%; left: 15px; margin-top: 10px; position: absolute; color: #A5A5A5; } .widget.widget_recent_comments .recentcomments a { text-decoration: none; } .widget.widget_recent_comments .recentcomments a[rel^="external"] { text-decoration: none; font-style: italic; font-weight: 500; border-bottom: 1px dotted #000000; } .widget_product_tag_cloud .tagcloud, .widget_tag_cloud .tagcloud { font-size: 0; margin-bottom: -10px; } .widget_product_tag_cloud .tagcloud a, .widget_tag_cloud .tagcloud a { font-size: 14px !important; display: inline-block; vertical-align: top; padding: 8px 15px; margin: 0 10px 10px 0; text-decoration: none; color: #000000; background-color: #E5E5E5; position: relative; z-index: 0; } .widget_product_tag_cloud .tagcloud a:visited, .widget_tag_cloud .tagcloud a:visited { color: #000000; background-color: #E5E5E5; } .widget_product_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:focus, .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus { color: #FFFFFF; background-color: black; background: linear-gradient(to left bottom, #1F1F1F 50%, black 50%); background: -webkit-linear-gradient(to left bottom, #1F1F1F 50%, black 50%); background: -moz-linear-gradient(to left bottom, #1F1F1F 50%, black 50%); text-decoration: none; } .widget_text .textwidget > p:first-child { margin-top: -15px; } .widget_text .textwidget > p:last-child { margin-bottom: -15px; } .widget label.screen-reader-text { padding-top: 13px; margin-bottom: 12px; display: block; font-weight: bold; } .widget label.screen-reader-text + select { margin-bottom: 0; } .widget_search .screen-reader-text, .woocommerce.widget_product_search .screen-reader-text { display: none; } .widget_search .widget-item-wrap, .woocommerce.widget_product_search .widget-item-wrap { border: none; padding: 0; } .widget_search .widget-item-wrap .search-form, .widget_search .widget-item-wrap form.woocommerce-product-search, .woocommerce.widget_product_search .widget-item-wrap .search-form, .woocommerce.widget_product_search .widget-item-wrap form.woocommerce-product-search { position: relative; display: block; } .widget_search .widget-item-wrap .search-form:after, .widget_search .widget-item-wrap form.woocommerce-product-search:after, .woocommerce.widget_product_search .widget-item-wrap .search-form:after, .woocommerce.widget_product_search .widget-item-wrap form.woocommerce-product-search:after { content: "\f002"; font-family: 'FontAwesome'; color: #ababab; display: block; font-size: 14px; width: 14px; height: 14px; position: absolute; top: 50%; margin-top: -7px; right: 20px; line-height: 1; pointer-events: none; } .widget_search .widget-item-wrap .search-form .search-field, .widget_search .widget-item-wrap form.woocommerce-product-search .search-field, .woocommerce.widget_product_search .widget-item-wrap .search-form .search-field, .woocommerce.widget_product_search .widget-item-wrap form.woocommerce-product-search .search-field { padding-left: 25px; padding-right: 55px; margin-bottom: 0; text-transform: uppercase; } .widget_search .widget-item-wrap .search-form button[type="submit"], .widget_search .widget-item-wrap .search-form .search-submit, .widget_search .widget-item-wrap form.woocommerce-product-search button[type="submit"], .widget_search .widget-item-wrap form.woocommerce-product-search .search-submit, .woocommerce.widget_product_search .widget-item-wrap .search-form button[type="submit"], .woocommerce.widget_product_search .widget-item-wrap .search-form .search-submit, .woocommerce.widget_product_search .widget-item-wrap form.woocommerce-product-search button[type="submit"], .woocommerce.widget_product_search .widget-item-wrap form.woocommerce-product-search .search-submit { background: transparent; color: transparent; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; min-width: 0; } .widget_display_search .screen-reader-text { display: none; } .widget_display_search .widget-item-wrap { border: none; padding: 0; } .widget_display_search .widget-item-wrap #bbp-search-form { position: relative; display: block; } .widget_display_search .widget-item-wrap #bbp-search-form:after { content: "\f002"; font-family: 'FontAwesome'; color: #ababab; display: block; font-size: 14px; width: 14px; height: 14px; position: absolute; top: 50%; margin-top: -7px; right: 20px; line-height: 1; pointer-events: none; } .widget_display_search .widget-item-wrap #bbp-search-form #bbp_search { padding-left: 25px; padding-right: 55px; margin-bottom: 0; text-transform: uppercase; } .widget_display_search .widget-item-wrap #bbp-search-form #bbp_search_submit { background: transparent !important; color: transparent; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; min-width: 0; } .widget_rss ul, .widget_rss li { list-style: none; } .widget_rss ul a, .widget_rss li a { text-decoration: none; font-weight: 700; } .widget_rss .widget-item-wrap > ul { padding-left: 0; } .widget_rss .widget-item-wrap > ul > li { padding-top: 5px; padding-bottom: 5px; } .widget_rss .widget-item-wrap > ul > li:last-child { margin-bottom: -15px; } .widget_calendar .widget-title ~ .calendar_wrap { margin-top: 20px; } .widget_calendar .calendar_wrap { position: relative; padding-top: 0; } .widget_calendar table { margin-top: 0; margin-bottom: 0; width: 100%; border-collapse: collapse; border: none; } .widget_calendar table thead { background-color: transparent; } .widget_calendar table tr { background-color: transparent !important; } .widget_calendar caption { color: #1F1F1F; font-weight: 700; padding: 8px 20px 7px 20px; margin: 0; background-color: #E5E5E5; text-align: center; margin-bottom: 10px; } .widget_calendar a { width: 30px; height: 30px; display: block; margin-left: auto; margin-right: auto; padding-top: 2px; font-weight: bold; text-decoration: none; } .widget_calendar a:hover { background-color: #E5E5E5; color: #1F1F1F; } .widget_calendar td#today { position: relative; color: #1F1F1F; font-weight: 700; } .widget_calendar td#today:before { content: ''; display: block; position: absolute; width: 30px; height: 30px; background-color: #E5E5E5; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; z-index: -1; } .widget_calendar td#prev, .widget_calendar td#next, .widget_calendar tfoot td { position: static; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; } .widget_calendar th, .widget_calendar td { text-align: center; width: 14.28%; height: 30px; vertical-align: middle; padding: 8px 0; border: 1px solid #EAEAEA; } .widget_calendar th { font-weight: 700; } .widget_calendar #prev a, .widget_calendar #next a { display: block; position: absolute; top: 0; left: 0; width: auto; height: auto; font-size: 0; background-color: transparent; height: 40px; padding-left: 20px; padding-right: 20px; } .widget_calendar #prev a:hover, .widget_calendar #next a:hover { background-color: transparent; } .widget_calendar #next a { left: auto; right: 0; } .widget_calendar #prev a:before, .widget_calendar #next a:before { content: "\f104"; font-family: 'FontAwesome'; font-size: 18px; display: block; height: 30px; line-height: 2; } .widget_calendar #next a:before { content: "\f105"; } .widget_media_image.img-ads .widget-item-wrap { border: 0; padding: 0; } .widget_media_image.img-ads .widget-item-wrap a, .widget_media_image.img-ads .widget-item-wrap img { display: block; margin-left: auto; margin-right: auto; max-width: 300px; max-height: 250px; width: 300px; height: 250px; } .widget_custom_html.google-adsense-ads .widget-item-wrap { border: 0; padding: 0; } .widget_custom_html.google-adsense-ads .widget-item-wrap .custom-html-widget { max-width: 300px; width: 300px; margin-left: auto; margin-right: auto; } body.main-layout-boxed.is-sidebar .main-sidebar .widget_media_image.img-ads .widget-item-wrap { padding-left: 0; padding-right: 0; } body.main-layout-boxed.is-sidebar .main-sidebar .widget_custom_html.google-adsense-ads .widget-item-wrap { padding-left: 0; padding-right: 0; } .dark-background .widget_display_topics .widget-item-wrap > ul > li { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .widget.widget_recent_comments .recentcomments { background-color: rgba(255, 255, 255, 0.1); } .dark-background .widget.widget_recent_comments .recentcomments:after { border-top-color: rgba(255, 255, 255, 0.1); } .dark-background .widget.widget_recent_comments .recentcomments .comment-author-link { color: rgba(255, 255, 255, 0.5); } .dark-background .widget.widget_recent_comments .recentcomments a[rel^="external"] { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); } .dark-background .widget_product_tag_cloud .tagcloud a, .dark-background .widget_tag_cloud .tagcloud a { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); } .dark-background .widget_product_tag_cloud .tagcloud a:visited, .dark-background .widget_tag_cloud .tagcloud a:visited { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); } .dark-background .widget_product_tag_cloud .tagcloud a:hover, .dark-background .widget_product_tag_cloud .tagcloud a:focus, .dark-background .widget_tag_cloud .tagcloud a:hover, .dark-background .widget_tag_cloud .tagcloud a:focus { color: #000000; background-color: #e6e6e6; background: linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -webkit-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -moz-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); text-decoration: none; } .dark-background .widget_calendar caption { color: #FFFFFF; background-color: rgba(255, 255, 255, 0.1); } .dark-background .widget_calendar a:hover { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .dark-background .widget_calendar td#today { color: #FFFFFF; z-index: 1; } .dark-background .widget_calendar td#today:before { background-color: rgba(255, 255, 255, 0.1); } .dark-background .widget_calendar td, .dark-background .widget_calendar th { border-color: rgba(255, 255, 255, 0.1); } .dark-background .widget .widget-title:after { background-color: rgba(255, 255, 255, 0.1); } .dark-background .widget .widget-arrow > * { color: #999999; background-color: rgba(255, 255, 255, 0.1); } .dark-background .widget .widget-arrow > *:hover { color: #111111; background-color: #FFFFFF; } .dark-background .widget .widget-item-wrap { border-color: rgba(255, 255, 255, 0.1); } .dark-background .woocommerce ul.cart_list li a, .dark-background .woocommerce ul.product_list_widget li a { color: #FFFFFF; } .dark-background .woocommerce ul.cart_list li, .dark-background .woocommerce ul.product_list_widget li { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .woocommerce .widget_shopping_cart .total, .dark-background .woocommerce.widget_shopping_cart .total { border-top-color: rgba(255, 255, 255, 0.1); } .dark-background .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .dark-background .woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: rgba(255, 255, 255, 0.15); } .dark-background .sidemenu-sidebar .widget .widget-item-wrap { border-bottom-color: rgba(255, 255, 255, 0.1); } .sidemenu-sidebar .widget { margin-bottom: 40px; } .sidemenu-sidebar .widget .widget-item-wrap { border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0 0 40px 0; } .sidemenu-sidebar .widget:last-child { margin-bottom: 0; } .sidemenu-sidebar .widget:last-child .widget-item-wrap { border: none; } .sidemenu-sidebar .widget .widget-title { margin-bottom: 25px; margin-top: -4px; padding-bottom: 0; } .sidemenu-sidebar .widget .widget-title:after { display: none; } .sidemenu-sidebar .widget .widget-title > span:not(.widget-arrow):after { display: none; } .footer-sidebar { margin-bottom: -60px; } .footer-sidebar .widget { width: 33.33333333%; padding-left: 15px; padding-right: 15px; margin-bottom: 60px; } .footer-sidebar .widget .widget-item-wrap { border: 0; padding: 0; } .footer-sidebar .widget .widget-title { margin-bottom: 25px; margin-top: -4px; padding-bottom: 0; } .footer-sidebar .widget .widget-title:after { display: none; } .footer-sidebar .widget .widget-title > span:not(.widget-arrow):after { display: none; } .footer-sidebar .widget.widget__col-12 { width: 100%; } .footer-sidebar .widget.widget__col-11 { width: 91.66666667%; } .footer-sidebar .widget.widget__col-10 { width: 83.33333333%; } .footer-sidebar .widget.widget__col-09 { width: 75%; } .footer-sidebar .widget.widget__col-08 { width: 66.66666667%; } .footer-sidebar .widget.widget__col-07 { width: 58.33333333%; } .footer-sidebar .widget.widget__col-06 { width: 50%; } .footer-sidebar .widget.widget__col-05 { width: 41.66666667%; } .footer-sidebar .widget.widget__col-04 { width: 33.33333333%; } .footer-sidebar .widget.widget__col-03 { width: 25%; } .footer-sidebar .widget.widget__col-02 { width: 16.66666667%; } .footer-sidebar .widget.widget__col-01 { width: 8.33333333%; } @media (max-width: 991px) { .footer-sidebar .widget { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .footer-sidebar { margin-left: auto; margin-right: auto; max-width: 390px; } } @media (max-width: 1199px) { .footer-sidebar .widget[class*="widget__col-"] { width: 33.33333333%; } } @media (max-width: 991px) { .footer-sidebar .widget[class*="widget__col-"] { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .elementor-widget.elementor-widget-sidebar[data-element_type="sidebar.default"] > .elementor-widget-container, .elementor-widget.elementor-widget-sidebar[data-element_type="sidebar.default"] > .theiaStickySidebar > .elementor-widget-container { margin-left: auto; margin-right: auto; max-width: 360px; } } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { text-decoration: none; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; color: #000000; word-break: break-word; margin-bottom: 1px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width: 60px; margin-bottom: 10px; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin-top: 11px; margin-bottom: 5px; } .woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: -10px; } .woocommerce ul.cart_list ins, .woocommerce ul.product_list_widget ins { background-color: transparent; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { margin-top: 25px; padding-top: 18px; padding-bottom: 18px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { width: 20px; height: 20px; line-height: 20px; padding-left: 1px; text-align: center; left: -5px; border-radius: 50%; -webkit-border-radius: 50%; } .woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons { padding-bottom: 0; text-align: center; } .woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons a.button { margin: 0 3px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #CC0000; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #CC0000; opacity: 0.28; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #E5E5E5; margin-bottom: 30px; } .woocommerce .widget_price_filter .price_slider_amount { color: #999999; font-size: 12px; } .dark-background .vp-widget-post-layout .post-listing-item { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .vp-widget-post-layout .post-listing-item.top-item .post-img:empty { background-color: rgba(255, 255, 255, 0.1); } .dark-background .vp-widget-post-layout.wg-list-special .post-img { min-height: 100px; background-color: rgba(255, 255, 255, 0.1); } .vp-widget-post-layout .post-listing-item { margin-bottom: 20px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .vp-widget-post-layout .post-listing-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .vp-widget-post-layout .post-listing-item.top-item { position: relative; padding-bottom: 0; border-bottom: none; margin-bottom: 30px; } .vp-widget-post-layout .post-listing-item.top-item .absolute-gradient { top: 0; } .vp-widget-post-layout .post-listing-item.top-item .post-img { float: none; width: 100%; padding: 0; margin-right: 0; } .vp-widget-post-layout .post-listing-item.top-item .post-img .ul-placeholder-bg { padding-top: 37.5%; } .vp-widget-post-layout .post-listing-item.top-item .post-img:empty { display: block; padding-top: 37.5%; background-color: #c8c8c8; } .vp-widget-post-layout .post-listing-item.top-item .post-content { float: none; width: auto; position: absolute; bottom: 15px; left: 15px; right: 15px; padding-left: 25px; } .vp-widget-post-layout .post-listing-item.top-item .post-content .post-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vp-widget-post-layout .post-listing-item.top-item .post-content .post-title a:not(:hover) { color: #FFFFFF; } .vp-widget-post-layout .post-listing-item.top-item .post-content .post-meta, .vp-widget-post-layout .post-listing-item.top-item .post-content .post-meta a:not(:hover) { color: rgba(255, 255, 255, 0.9); } .vp-widget-post-layout .post-listing-item.top-item .item-number { position: absolute; top: 50%; left: 0; color: #FFFFFF; line-height: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .vp-widget-post-layout .post-listing-item .channel-subscribe + .post-meta { display: none; } .vp-widget-post-layout .post-img { width: 100px; margin-right: 20px; position: relative; } .vp-widget-post-layout .post-img .duration-text { left: auto; right: 3px; } .vp-widget-post-layout .post-img .item-number { position: absolute; bottom: 8px; left: 10px; color: #FFFFFF; line-height: 1; } .vp-widget-post-layout .post-img:empty { display: none; } .vp-widget-post-layout .post-img:not(:empty) + .post-content { width: calc(100% - 122px); width: -webkit-calc(100% - 122px); width: -moz-calc(100% - 122px); width: -ms-calc(100% - 122px); } .vp-widget-post-layout .post-content { width: 100%; } .vp-widget-post-layout .post-content .post-title:last-child { margin-bottom: -4px; } .vp-widget-post-layout.wg-list-special .post-img { min-height: 100px; background-color: #c8c8c8; } .vp-widget-post-layout.wg-list-wide .post-listing-item.top-item { margin-bottom: 25px; } .vp-widget-post-layout.wg-list-wide .post-listing-item.top-item:last-child { margin-bottom: 5px; } .vp-widget-post-layout.wg-list-small-image .post-img { width: 60px; } .vp-widget-post-layout.wg-list-small-image .post-img:not(:empty) + .post-content { width: calc(100% - 82px); width: -webkit-calc(100% - 82px); width: -moz-calc(100% - 82px); width: -ms-calc(100% - 82px); } .vp-widget-post-layout.wg-single-slider .widget-post-listing:not(.slick-initialized) { white-space: nowrap; overflow: hidden; } .vp-widget-post-layout.wg-single-slider .widget-post-listing:not(.slick-initialized) .post-listing-item { display: inline-block; vertical-align: top; white-space: normal; } .vp-widget-post-layout.wg-single-slider .widget-post-listing.slick-dotted { padding-bottom: 31px; } .vp-widget-post-layout.wg-single-slider .slick-slide { outline: none; } .vp-widget-post-layout.wg-single-slider .slick-arrow { display: none !important; } .vp-widget-post-layout.wg-single-slider .slick-dots { position: absolute; list-style: none; margin: 0; padding: 0 20px; bottom: -5px; left: 0; right: 0; max-width: 100%; line-height: 1; text-align: center; width: 100%; } .vp-widget-post-layout.wg-single-slider .slick-dots > * { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; float: none; margin: 5px; } .vp-widget-post-layout.wg-single-slider .slick-dots > * > button { font-size: 0; min-width: 10px; width: 10px; height: 10px; padding: 0; border-radius: 50%; -webkit-border-radius: 50%; background: #999999; } .vp-widget-post-layout.wg-single-slider .slick-dots > * > button:hover { background: #CC0000; } .vp-widget-post-layout.wg-single-slider .slick-dots > *.slick-active > button { background: #CC0000; } .vp-widget-post-layout.wg-single-slider .post-listing-item { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .vp-widget-post-layout.wg-single-slider .post-img { width: 100%; margin-right: 0; } .vp-widget-post-layout.wg-single-slider .post-img + .post-content { margin-top: 20px; width: 100%; } .vp-widget-post-layout.wg-single-slider .post-img .duration-text { left: 3px; right: auto; } .vp-widget-post-layout.wg-single-slider .post-content { width: 100%; } .vp-widget-post-layout.wg-single-slider .post-excerpt:last-child { margin-bottom: 0; } .vp-widget-post-layout.related-posts-layout .post-listing-item { padding-left: 15px; padding-right: 15px; } .widget.widget_wysija .widget_wysija_cont p { padding: 0; } .widget.widget_wysija .wysija-paragraph { margin-top: 22px; } .widget.widget_wysija .widget-title { margin-bottom: 24px; } .widget.widget_wysija .formError .formErrorContent { background-color: rgba(0, 0, 0, 0.8); font-size: 12px; border: #000000; padding: 5px 10px; margin-top: -5px; font-family: inherit; width: 160px; } .widget.widget_wysija .widget_wysija_cont .error, .widget.widget_wysija .widget_wysija_cont .xdetailed-errors { padding: 5px 15px; background-color: #CC0000; color: #FFFFFF; border: none; margin-bottom: 20px; font-family: inherit; font-size: 14px; } .widget.widget_wysija .widget_wysija_cont .updated, .widget.widget_wysija .widget_wysija_cont .login .message { padding: 5px 15px; background-color: #1ABC9C; color: #FFFFFF; border: none; margin-bottom: 20px; font-family: inherit; font-size: 14px; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_form_form { padding: 0 !important; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] p { padding: 0; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_paragraph { line-height: 1.8 !important; margin-bottom: 20px; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_text { width: 100% !important; margin-bottom: 0; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_submit { width: 100%; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .parsley-errors-list { margin-top: 20px; font-size: 12px; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_validate_success { font-weight: normal !important; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_message { margin-top: 0; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_message > p { margin-top: 20px; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_text, .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_textarea { padding: 11px 20px 10px 20px !important; } .widget.widget_mailpoet_form[id*="mailpoet_form-"] .mailpoet_submit { padding: 12px 20px 12px 20px !important; } .dark-background .widget.widget_wysija .formError .formErrorContent { background: white; border: #FFFFFF; color: #000000; } .vidorev-advance-search.loading-filter .ft-group-items > * { opacity: 0.68; pointer-events: none; } .vidorev-advance-search .loading-items { display: none; } .vidorev-advance-search.init-loading-filter .ft-group-items > *:not(.loading-items) { display: none; } .vidorev-advance-search.init-loading-filter .ft-group-items .loading-items { display: block; opacity: 0.68; } .vidorev-advance-search .widget-item-wrap ul, .vidorev-advance-search .widget-item-wrap li { list-style: none; padding: 0; } .vidorev-advance-search .widget-item-wrap .ft-group { margin-bottom: 1px; } .vidorev-advance-search .widget-item-wrap .ft-group.show-group-filter .filter-group-title { background-color: #333333; } .vidorev-advance-search .widget-item-wrap .ft-group.show-group-filter .filter-group-title i.fa:before { content: "\f102"; } .vidorev-advance-search .widget-item-wrap .ft-group.show-group-filter .ft-group-items { display: block; } .vidorev-advance-search .widget-item-wrap .ft-group.hide-group-filter .filter-group-title { background-color: #666666; } .vidorev-advance-search .widget-item-wrap .ft-group.hide-group-filter .filter-group-title i.fa:before { content: "\f103"; } .vidorev-advance-search .widget-item-wrap .ft-group.hide-group-filter .ft-group-items { display: none; } .vidorev-advance-search .widget-item-wrap .ft-group.hide-unselected-box input[name*="tag_item_ft[]"]:not(:checked):not(.active-item) { display: none; } .vidorev-advance-search .widget-item-wrap .ft-group.hide-unselected-box input[name*="tag_item_ft[]"]:not(:checked):not(.active-item) ~ * { display: none; } .vidorev-advance-search .widget-item-wrap .filter-group-title { background-color: #333333; color: #FFFFFF; padding: 8px 15px; position: relative; cursor: pointer; } .vidorev-advance-search .widget-item-wrap .filter-group-title i.fa { font-size: 14px; position: absolute; right: 15px; top: 50%; margin-top: -7px; line-height: 1; } @media (max-width: 991px) { .vidorev-advance-search .widget-item-wrap .filter-group-title { background-color: #666666; } .vidorev-advance-search .widget-item-wrap .filter-group-title i.fa:before { content: "\f103"; } } .vidorev-advance-search .widget-item-wrap .ft-group-items { background-color: #F2F2F2; padding: 15px; } .vidorev-advance-search .widget-item-wrap .ft-group-items input[type="checkbox"], .vidorev-advance-search .widget-item-wrap .ft-group-items label { display: inline-block; vertical-align: middle; cursor: pointer; } @media (max-width: 991px) { .vidorev-advance-search .widget-item-wrap .ft-group-items { display: none; } } .vidorev-advance-search .widget-item-wrap .ft-search-box { margin-bottom: 10px; } .vidorev-advance-search .widget-item-wrap .ft-search-box li { position: relative; } .vidorev-advance-search .widget-item-wrap .ft-search-box li input, .vidorev-advance-search .widget-item-wrap .ft-search-box li button { margin: 0; min-width: 0; } .vidorev-advance-search .widget-item-wrap .ft-search-box li input { padding-right: 90px; } .vidorev-advance-search .widget-item-wrap .ft-search-box li button { position: absolute; top: 2px; right: 2px; bottom: 2px; } .vidorev-advance-search .widget-item-wrap .ft-search-box.ft-search-box-bottom { margin-bottom: 0; margin-top: 10px; } .dark-background .vidorev-advance-search .widget-item-wrap .ft-group-items { background-color: rgba(255, 255, 255, 0.05); } @media (max-width: 991px) { .sidebar-filter { margin-bottom: 40px; } .sidebar-filter .sidebar-content { max-width: none; } } .nore-ft-adv { text-align: center; } .elementor-widget-container ul, .elementor-widget-container ol, .widget-mycred-list ul, .widget-mycred-list ol { list-style: none; } .elementor-widget-container .myCRED-leaderboard, .widget-mycred-list .myCRED-leaderboard { padding: 0; } .elementor-widget-container .myCRED-leaderboard .yz-leaderboard-item, .elementor-widget-container .myCRED-leaderboard .youzify-leaderboard-item, .widget-mycred-list .myCRED-leaderboard .yz-leaderboard-item, .widget-mycred-list .myCRED-leaderboard .youzify-leaderboard-item { padding: 0; margin-bottom: 10px; } .elementor-widget-container .myCRED-leaderboard .yz-leaderboard-item:last-child, .elementor-widget-container .myCRED-leaderboard .youzify-leaderboard-item:last-child, .widget-mycred-list .myCRED-leaderboard .yz-leaderboard-item:last-child, .widget-mycred-list .myCRED-leaderboard .youzify-leaderboard-item:last-child { margin-bottom: 0; } .elementor-widget-container .myCRED-leaderboard .yz-leaderboard-position, .elementor-widget-container .myCRED-leaderboard .youzify-leaderboard-position, .widget-mycred-list .myCRED-leaderboard .yz-leaderboard-position, .widget-mycred-list .myCRED-leaderboard .youzify-leaderboard-position { color: #000000; font-size: 14px; text-align: left; } .elementor-widget-container .myCRED-leaderboard .yz-leaderboard-username, .elementor-widget-container .myCRED-leaderboard .youzify-leaderboard-username, .widget-mycred-list .myCRED-leaderboard .yz-leaderboard-username, .widget-mycred-list .myCRED-leaderboard .youzify-leaderboard-username { font-size: 16px; text-decoration: none; color: #000000; font-weight: 500; margin-top: -5px; } .elementor-widget-container .myCRED-leaderboard .yz-leaderboard-points, .elementor-widget-container .myCRED-leaderboard .youzify-leaderboard-points, .widget-mycred-list .myCRED-leaderboard .yz-leaderboard-points, .widget-mycred-list .myCRED-leaderboard .youzify-leaderboard-points { margin-top: 0; font-weight: normal; margin-top: -5px; font-size: 12px; } .dark-background .elementor-widget-container .myCRED-leaderboard .yz-leaderboard-position, .dark-background .elementor-widget-container .myCRED-leaderboard .youzify-leaderboard-position, .dark-background .widget-mycred-list .myCRED-leaderboard .yz-leaderboard-position, .dark-background .widget-mycred-list .myCRED-leaderboard .youzify-leaderboard-position { color: #FFFFFF; } .dark-background .elementor-widget-container .myCRED-leaderboard .yz-leaderboard-username, .dark-background .elementor-widget-container .myCRED-leaderboard .youzify-leaderboard-username, .dark-background .widget-mycred-list .myCRED-leaderboard .yz-leaderboard-username, .dark-background .widget-mycred-list .myCRED-leaderboard .youzify-leaderboard-username { color: #FFFFFF; } .dark-background .elementor-widget-container .myCRED-leaderboard .yz-leaderboard-points, .dark-background .elementor-widget-container .myCRED-leaderboard .youzify-leaderboard-points, .dark-background .widget-mycred-list .myCRED-leaderboard .yz-leaderboard-points, .dark-background .widget-mycred-list .myCRED-leaderboard .youzify-leaderboard-points { color: #AEAEAE; } .dark-background .widget_nav_menu ul.menu > li { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .widget_nav_menu ul.menu > li .open-submenu-mobile { color: rgba(255, 255, 255, 0.68); border-color: rgba(255, 255, 255, 0.1); } .dark-background .widget_nav_menu ul.menu > li > ul { background-color: rgba(255, 255, 255, 0.038); } .widget_nav_menu { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; text-transform: uppercase; font-size: 16px; } .widget_nav_menu ul, .widget_nav_menu li { list-style: none; padding: 0; margin: 0; line-height: 1.6; } .widget_nav_menu a { text-decoration: none; } .widget_nav_menu ul.menu ul { padding-left: 20px; } .widget_nav_menu ul.menu > li { position: relative; padding-top: 8px; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); margin-bottom: 6px; padding-bottom: 13px; } .widget_nav_menu ul.menu > li a { padding-left: 0; padding-bottom: 6px; } .widget_nav_menu ul.menu > li a:before { display: none; } .widget_nav_menu ul.menu > li:last-child { border-bottom: 0; padding-bottom: 8px; } .widget_nav_menu ul.menu > li .open-submenu-mobile { position: absolute; display: block; right: 0; top: 10px; font-size: 14px; color: #444444; width: 20px; height: 20px; text-align: center; line-height: 18px; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; z-index: 1; } .widget_nav_menu ul.menu > li .open-submenu-mobile .fa-angle-right { transition: transform 0.368s ease-in-out; -webkit-transition: transform 0.368s ease-in-out; transform-origin: center center; -webkit-transform-origin: center center; -ms-transform-origin: center center; } .widget_nav_menu ul.menu > li.active-sub-menu .fa-angle-right:before { content: '\f107'; } .widget_nav_menu ul.menu > li > ul { padding: 13px 25px; background-color: rgba(0, 0, 0, 0.038); margin: 23px 0 28px 0; display: none; border-radius: 8px; -webkit-border-radius: 8px; } .widget_nav_menu ul.menu > li > ul li { padding-top: 8px; padding-bottom: 8px; } .widget_nav_menu ul.menu > li > ul > li ul { font-size: 14px; padding-left: 20px; } /*-------------------------------------------------------------- # 10.0 Widgets (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 11.0 Content (START) --------------------------------------------------------------*/ /*11.1 - Blog Listing*/ .list-default .sticky-container { display: none; } .list-default .post-item.sticky .sticky-container { display: table; width: 100%; margin-top: -12px; } .list-default .post-item.sticky .sticky-container .sticky-row { display: table-row; } .list-default .post-item.sticky .sticky-container .sticky-row .sticky-col { display: table-cell; vertical-align: middle; } .list-default .post-item.sticky .sticky-container .sticky-row .sticky-col.sticky-text > span { white-space: nowrap; padding: 0 15px; color: #000000; text-transform: uppercase; } .list-default .post-item.sticky .sticky-container .sticky-row .sticky-col.sticky-text > span i.fa { font-size: 16px; } .list-default .post-item.sticky .sticky-container .sticky-row .sticky-col.sticky-line { width: 50%; } .list-default .post-item.sticky .sticky-container .sticky-row .sticky-col.sticky-line > span { display: block; width: 100%; height: 1px; border-top: 1px dashed #999999; } .list-default .post-item.sticky .sticky-container:last-child { margin-bottom: -12px; } .list-default .post-item.sticky .post-item-wrap { border-bottom: none; padding: 26px 0 40px 0; } .list-default .post-item.sticky .post-title a { color: #CC0000; } .list-default .post-item.sticky .post-title a:hover { color: #000000; } .list-default .post-item.sticky + .post-item.sticky .sticky-container:first-child { display: none; } .list-default .post-item.sticky + .post-item.sticky .post-item-wrap { padding-top: 0; } .list-blog .post-item.sticky .post-item-wrap { border: 1px dashed #555555; } .list-blog .post-item.sticky .post-title a { color: #CC0000; } .list-blog .post-item.sticky .post-title a:hover { color: #000000; } .dark-background .list-default .post-item.sticky .sticky-container .sticky-row .sticky-col.sticky-text > span { color: #FFFFFF; } .dark-background .list-default .post-item.sticky .sticky-container .sticky-row .sticky-col.sticky-line > span { border-top-color: rgba(255, 255, 255, 0.38); } .dark-background .list-default .post-item.sticky .post-title a:hover { color: #FFFFFF; } .dark-background .list-blog .post-item.sticky .post-item-wrap { border: 1px dashed rgba(255, 255, 255, 0.5); } .dark-background .list-blog .post-item.sticky .post-title a:hover { color: #FFFFFF; } .grid-small { margin-left: -10px; margin-right: -10px; margin-bottom: -40px; } .grid-small .post-item { padding-left: 10px; padding-right: 10px; width: 25%; margin-bottom: 40px; } .grid-small .post-item .video-icon { width: 44px; height: 44px; margin-top: -26px; margin-left: -22px; } .grid-small .post-item .video-icon:after { border-width: 10px 16px; margin-top: -10px; margin-left: -5px; } @media (max-width: 1199px) { .grid-small .post-item { width: 25%; } } @media (max-width: 991px) { .grid-small .post-item { width: 33.33333333%; } } @media (max-width: 767px) { .grid-small .post-item { width: 50%; } } @media (max-width: 575px) { .grid-small .post-item { width: 100%; } } .grid-small .blog-pic + .listing-content { margin-top: 20px; } .grid-default, .grid-modern, .grid-special { margin-bottom: -40px; } .grid-default .post-item, .grid-modern .post-item, .grid-special .post-item { width: 33.33333333%; margin-bottom: 40px; } @media (max-width: 991px) { .grid-default .post-item, .grid-modern .post-item, .grid-special .post-item { width: 50%; } } @media (max-width: 575px) { .grid-default .post-item, .grid-modern .post-item, .grid-special .post-item { width: 100%; } } .grid-default .blog-pic + .listing-content, .grid-modern .blog-pic + .listing-content, .grid-special .blog-pic + .listing-content { margin-top: 20px; } .movie-grid { margin-bottom: -40px; } .movie-grid .post-item { width: 16.66666666%; margin-bottom: 40px; } @media (max-width: 1199px) { .movie-grid .post-item { width: 20%; } } @media (max-width: 991px) { .movie-grid .post-item { width: 25%; } } @media (max-width: 767px) { .movie-grid .post-item { width: 33.33333333%; } } @media (max-width: 575px) { .movie-grid .post-item { width: 50%; } } .movie-grid .post-item .categories-elm { margin-bottom: 15px; } .movie-grid .blog-pic + .listing-content { margin-top: 20px; } body.is-sidebar .grid-small .post-item { width: 33.33333333%; } @media (max-width: 991px) { body.is-sidebar .grid-small .post-item { width: 33.33333333%; } } @media (max-width: 767px) { body.is-sidebar .grid-small .post-item { width: 50%; } } @media (max-width: 575px) { body.is-sidebar .grid-small .post-item { width: 100%; } } body.is-sidebar .grid-default .post-item, body.is-sidebar .grid-modern .post-item, body.is-sidebar .grid-special .post-item { width: 50%; } @media (max-width: 575px) { body.is-sidebar .grid-default .post-item, body.is-sidebar .grid-modern .post-item, body.is-sidebar .grid-special .post-item { width: 100%; } } @media (max-width: 767px) { body.is-sidebar .grid-modern .post-item { width: 100%; } } body.is-sidebar .movie-grid .post-item { width: 25%; } @media (max-width: 1199px) { body.is-sidebar .movie-grid .post-item { width: 33.33333333%; } } @media (max-width: 991px) { body.is-sidebar .movie-grid .post-item { width: 25%; } } @media (max-width: 767px) { body.is-sidebar .movie-grid .post-item { width: 33.33333333%; } } @media (max-width: 575px) { body.is-sidebar .movie-grid .post-item { width: 50%; } } .list-default { margin-bottom: -40px; } .list-default .post-item { margin-bottom: 40px; width: 100%; } .list-default .post-item:last-child .post-item-wrap { border-bottom: none; padding-bottom: 0; } .list-default .post-item-wrap { border-bottom: 1px solid #EAEAEA; padding-bottom: 40px; } .list-default .post-item-wrap:after { content: ''; display: table; clear: both; } .list-default .blog-pic + .listing-content { margin-top: 20px; } @media (min-width: 768px) { .list-default .blog-pic { float: left; width: 360px; margin-right: 30px; } .list-default .blog-pic + .listing-content { float: left; margin-top: 0; width: calc(100% - 390px); width: -webkit-calc(100% - 390px); width: -moz-calc(100% - 390px); width: -ms-calc(100% - 390px); } } @media (min-width: 992px) and (max-width: 1199px) { .list-default .blog-pic { width: 285px; } .list-default .blog-pic + .listing-content { width: calc(100% - 315px); width: -webkit-calc(100% - 315px); width: -moz-calc(100% - 315px); width: -ms-calc(100% - 315px); } } @media (min-width: 768px) and (max-width: 991px) { .list-default .blog-pic { width: 330px; } .list-default .blog-pic + .listing-content { width: calc(100% - 360px); width: -webkit-calc(100% - 360px); width: -moz-calc(100% - 360px); width: -ms-calc(100% - 360px); } } .dark-background .list-default .post-item-wrap { border-bottom-color: rgba(255, 255, 255, 0.08); } .list-special { margin-bottom: -60px; } .list-special .post-item { margin-bottom: 60px; width: 100%; } @media (max-width: 575px) { .list-special .post-item { margin-bottom: 40px; } } .list-special .blog-pic + .listing-content { background-color: #FFFFFF; padding: 30px 30px 0 30px; margin-top: -60px; position: relative; margin-left: 30px; margin-right: 30px; } @media (max-width: 575px) { .list-special .blog-pic + .listing-content { padding: 20px 20px 0 20px; margin-top: -30px; margin-left: 20px; margin-right: 20px; } } .list-special .watch-later-icon { bottom: auto; right: 5px; top: 5px; } .list-special .duration-text { bottom: auto; left: 5px; top: 5px; } @media (max-width: 575px) { .list-special { margin-bottom: -40px; } } .dark-background .list-special .blog-pic + .listing-content { background-color: #252525; padding: 30px; } @media (max-width: 575px) { .dark-background .list-special .blog-pic + .listing-content { padding: 20px; } } .grid-modern { margin-bottom: -30px; } .grid-modern .post-item { margin-bottom: 30px; } @media (max-width: 767px) { .grid-modern .post-item { width: 100%; } } .grid-modern .post-item-wrap { position: relative; background-color: #c8c8c8; } .grid-modern .post-item-wrap:hover .watch-later-icon { opacity: 1; visibility: visible; } .grid-modern .post-item-wrap:hover .duration-text { opacity: 0; visibility: hidden; } .grid-modern .blog-pic-wrap { padding-top: 75%; } .grid-modern .blog-pic-wrap .blog-img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .grid-modern .listing-content { position: absolute; bottom: 20px; left: 20px; right: 20px; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .grid-modern .video-icon { top: 10px; left: 10px; margin-top: 0px; margin-left: 0px; z-index: 1; width: 44px; height: 44px; } .grid-modern .video-icon:after { border-width: 10px 16px; margin-top: -10px; margin-left: -5px; } .grid-modern .watch-later-icon { bottom: auto; right: 3px; top: 3px; z-index: 1; opacity: 0; visibility: hidden; } .grid-modern .duration-text { left: auto; bottom: auto; top: 3px; right: 3px; z-index: 1; } .dark-background .grid-modern .post-item-wrap { background-color: rgba(255, 255, 255, 0.1); } .grid-special { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: -30px; } .grid-special .post-item { display: flex; margin-bottom: 30px; } .grid-special .post-item .post-item-wrap { width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); background-color: #FFFFFF; } .grid-special .listing-content { padding: 20px; } .grid-special .blog-pic + .listing-content { margin-top: 0; } .dark-background .grid-special .post-item .post-item-wrap { background-color: #252525; } .movie-grid .duration-text, .movie-list .duration-text { bottom: auto; top: 3px; } .movie-grid .video-icon, .movie-list .video-icon { opacity: 0; visibility: hidden; } .movie-grid .post-item-wrap:hover .video-icon, .movie-list .post-item-wrap:hover .video-icon { opacity: 1; visibility: visible; } .movie-grid .watch-later-icon { bottom: auto; top: 3px; left: 3px; right: auto; } .movie-grid .duration-text { bottom: 3px; right: 3px; left: auto; top: auto; } .movie-grid .imdbRatingPlugin.imdbRatingStyle2 ~ .duration-text { bottom: 33px; right: 5px; } .movie-grid .blog-pic-wrap .imdbRatingPlugin.imdbRatingStyle2 { border-radius: 0; -webkit-border-radius: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: 0; background-color: rgba(0, 0, 0, 0.68); padding: 5px; } .movie-list { margin-bottom: -40px; } .movie-list .post-item { margin-bottom: 40px; width: 100%; } .movie-list .post-item-wrap:after { content: ''; display: table; clear: both; } .movie-list .blog-pic + .listing-content { margin-top: 20px; } .movie-list .blog-pic { float: left; width: 165px; margin-right: 30px; } .movie-list .blog-pic + .listing-content { float: left; margin-top: 0; width: calc(100% - 197px); width: -webkit-calc(100% - 197px); width: -moz-calc(100% - 197px); width: -ms-calc(100% - 197px); } @media (max-width: 575px) { .movie-list .blog-pic { width: 100px; margin-right: 20px; } .movie-list .blog-pic + .listing-content { width: calc(100% - 122px); width: -webkit-calc(100% - 122px); width: -moz-calc(100% - 122px); width: -ms-calc(100% - 122px); } .movie-list .post-meta, .movie-list .post-excerpt { display: none; } .movie-list .video-icon { width: 44px; height: 44px; margin-top: -26px; margin-left: -22px; } .movie-list .video-icon:after { border-width: 10px 16px; margin-top: -10px; margin-left: -5px; } } .list-blog { margin-bottom: -40px; } .list-blog .post-item { margin-bottom: 40px; width: 100%; } .list-blog .post-item .post-item-wrap { width: 100%; box-shadow: 0 0 12px rgba(0, 0, 0, 0.068); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.068); background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.068); } .list-blog .post-item .blog-pic { margin-left: -1px; margin-right: -1px; } .list-blog .post-item .post-excerpt { margin-bottom: 23px; } .list-blog .post-item .post-excerpt:last-child { margin-bottom: -8px; } .list-blog .post-item .listing-content { padding: 35px 30px 35px 30px; text-align: center; } .list-blog .post-item .listing-content + .listing-content { padding-top: 0; } .list-blog .post-item .listing-content:empty { display: none; } @media (max-width: 575px) { .list-blog .post-item .listing-content { padding: 25px 20px; } } .list-blog .post-item .bloglisting-read-more { margin-top: 5px; text-decoration: none; background-color: #FFFFFF; color: #777777; padding: 7px 15px 6px 15px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.05); display: inline-block; position: relative; text-transform: uppercase; } .list-blog .post-item .bloglisting-read-more:before, .list-blog .post-item .bloglisting-read-more:after { content: ''; display: block; height: 1px; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 50%; width: 40px; margin-top: -1px; transition: width 0.3s, background-color 0.3s; -webkit-transition: width 0.3s, background-color 0.3s; } .list-blog .post-item .bloglisting-read-more:before { right: 100%; margin-right: 10px; } .list-blog .post-item .bloglisting-read-more:after { left: 100%; margin-left: 10px; } .list-blog .post-item .bloglisting-read-more:hover { color: #FFFFFF; background-color: #CC0000; border-color: #CC0000; } .list-blog .post-item .bloglisting-read-more:hover:before, .list-blog .post-item .bloglisting-read-more:hover:after { width: 50px; background-color: #CC0000; } .dark-background .list-blog .post-item .post-item-wrap { background-color: #252525; } .dark-background .list-blog .post-item .bloglisting-read-more:not(:hover) { color: rgba(255, 255, 255, 0.8); background-color: #252525; border-color: rgba(255, 255, 255, 0.1); } .listing-content { padding: 0.5px 0; } .post-item-wrap:hover .video-icon { background-color: #CC0000; } .post-item-wrap:hover .video-icon:after { border-left-color: #FFFFFF; } .post-item-wrap:hover .img-lightbox-icon { opacity: 1; visibility: visible; } .blog-pic-wrap:hover .blog-img:after { opacity: 1; visibility: visible; } .blog-pic-wrap:hover .video-icon { background-color: #CC0000; } .blog-pic-wrap:hover .video-icon:after { border-left-color: #FFFFFF; } .blog-pic-wrap:hover .img-lightbox-icon { opacity: 1; visibility: visible; } .blog-pic-wrap:hover .is-viewall { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .blog-pic-wrap { position: relative; } .blog-img { display: block; position: relative; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .blog-img:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%); background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%); background: -moz-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 50%); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; } .blog-picture { display: block; width: 100%; height: auto; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .post-title { margin-top: -5px; margin-bottom: 13px; } .post-title:last-child { margin-bottom: -7px; } .post-title.h1 { margin-bottom: 17px; } .post-title.h1:last-child { margin-bottom: -9px; } .post-title.h2 { margin-top: -6px; margin-bottom: 12px; } .post-title.h2:last-child { margin-bottom: -8px; } .post-title.h3 { margin-top: -5px; margin-bottom: 13px; } .post-title.h3:last-child { margin-bottom: -7px; } .post-title.h4 { margin-top: -5px; margin-bottom: 10px; } .post-title.h4:last-child { margin-bottom: -5px; } .post-title.h5 { margin-top: -5px; margin-bottom: 10px; } .post-title.h5:last-child { margin-bottom: -5px; } .post-title.h6 { margin-top: -4px; margin-bottom: 11px; } .post-title.h6:last-child { margin-bottom: -4px; } .entry-header .entry-title + .entry-meta .vd-user-verify { display: inline-block; } .post-meta { color: #888888; text-transform: uppercase; margin-top: -7px; margin-bottom: 24px; } .post-meta a { color: #888888; text-decoration: none; } .post-meta a:focus { color: #888888; } .post-meta a:hover { color: #000000; } .post-meta .post-meta-wrap > * { display: inline-block; margin-right: 15px; } .post-meta .post-meta-wrap > *:last-child { margin-right: 0; } .post-meta .post-meta-wrap > * i.fa { padding-right: 5px; } .post-meta .post-meta-wrap > * .vd-user-verify { font-size: 17px; vertical-align: middle; display: inline-block; color: #0CA308; margin-bottom: 3px; display: none; } .post-meta:last-child { margin-bottom: -6px; } .post-meta + .post-meta { margin-top: -25px; } .post-excerpt { margin-top: -7px; margin-bottom: 18px; word-break: break-word; } .post-excerpt:last-child { margin-bottom: -8px; } .dark-background .post-meta { color: #AEAEAE; } .dark-background .post-meta a { color: #AEAEAE; } .dark-background .post-meta a:focus { color: #AEAEAE; } .dark-background .post-meta a:hover { color: #FFFFFF; } .overlay-background .post-meta { color: rgba(255, 255, 255, 0.9); } .overlay-background .post-meta a { color: rgba(255, 255, 255, 0.9); } .overlay-background .post-meta a:focus { color: #FFFFFF; } .overlay-background .post-meta a:hover { color: #FFFFFF; } .ul-placeholder-bg { position: static; background-color: #c8c8c8; opacity: 1; visibility: visible; z-index: 0; display: block; } .ul-placeholder-bg.class-16x9 { padding-top: 56.25%; } .ul-placeholder-bg.class-4x3 { padding-top: 75%; } .ul-placeholder-bg.class-2x3 { padding-top: 150%; } .ul-placeholder-bg.class-1x1 { padding-top: 100%; } .ul-placeholder-bg.class-2point7x1 { padding-top: 37.5%; } img.ul-lazysizes-effect { position: absolute; top: 0; left: 0; } img.ul-lazysizes-load, img.ul-lazysizes-loading { display: block !important; opacity: 0.001 !important; /*opacity:0 !important; visibility:hidden !important;*/ } img.ul-lazysizes-loaded { transition: visibility 0.6s, opacity 0.6s, filter 0.3s; -webkit-transition: visibility 0.6s, opacity 0.6s, filter 0.3s; } img.ul-lazysizes-loaded ~ .ul-placeholder-bg { opacity: 0 !important; visibility: hidden !important; transition: visibility 0.6s, opacity 0.6s, filter 0.3s; -webkit-transition: visibility 0.6s, opacity 0.6s, filter 0.3s; } img.ul-normal-effect { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } img.ul-normal-effect.img-loaded { opacity: 1; } img.ul-normal-effect.img-loaded ~ .ul-placeholder-bg { opacity: 0 !important; visibility: hidden !important; transition: visibility 0.5s, opacity 0.5s; -webkit-transition: visibility 0.5s, opacity 0.5s; } img.ul-normal-classic ~ .ul-placeholder-bg { display: none !important; } .blog-items.grid-default img.ul-normal-classic, .blog-items.grid-special img.ul-normal-classic { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .blog-items.grid-default img.ul-normal-classic ~ .ul-placeholder-bg, .blog-items.grid-special img.ul-normal-classic ~ .ul-placeholder-bg { display: block !important; } .dark-background .ul-placeholder-bg { background-color: rgba(255, 255, 255, 0.1); } .archive-heading { margin-bottom: 40px; position: relative; } .archive-heading:after { content: ''; display: table; clear: both; } .archive-heading:empty { margin-bottom: 0; } .archive-heading.series-heading, .archive-heading.playlist-heading { margin-top: 40px; padding-top: 40px; border-top: 2px solid rgba(0, 0, 0, 0.1); } .entry-content:empty + .archive-heading.series-heading, .entry-content:empty + .archive-heading.playlist-heading { margin-top: 0; padding-top: 40px; border-top: none; } .dark-background .archive-heading.series-heading, .dark-background .archive-heading.playlist-heading { border-top-color: rgba(255, 255, 255, 0.1); } .archive-content { float: left; width: 100%; } @media (min-width: 768px) { .archive-content { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -ms-calc(100% - 100px); } } .archive-content:after { content: ''; display: table; clear: both; } .archive-img { width: 90px; height: 90px; float: left; margin-right: 15px; } .archive-img + .archive-text { width: calc(100% - 107px); width: -webkit-calc(100% - 107px); width: -moz-calc(100% - 107px); width: -ms-calc(100% - 107px); } .archive-img-lev { display: none; } .archive-text { float: left; width: 100%; } .archive-text .post-meta { margin-bottom: 14px; } .archive-title { margin-top: -7px; margin-bottom: 8px; text-transform: uppercase; } .archive-title:last-child { margin-bottom: -8px; } .archive-switch-mode { float: right; } @media (max-width: 767px) { .archive-switch-mode { display: none; } } .switch-icon { width: 36px; height: 36px; background-color: #EAEAEA; float: left; cursor: pointer; position: relative; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; } .switch-icon + .switch-icon { margin-left: 5px; } .switch-icon > span { display: block; position: absolute; } .switch-icon.grid-icon > span { width: 7px; height: 7px; border: 2px solid #999999; background-color: transparent; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .switch-icon.grid-icon > span:nth-child(1), .switch-icon.grid-icon > span:nth-child(2) { top: 10px; } .switch-icon.grid-icon > span:nth-child(3), .switch-icon.grid-icon > span:nth-child(4) { top: 19px; } .switch-icon.grid-icon > span:nth-child(1), .switch-icon.grid-icon > span:nth-child(3) { left: 10px; } .switch-icon.grid-icon > span:nth-child(2), .switch-icon.grid-icon > span:nth-child(4) { left: 19px; } .switch-icon.grid-icon.active-item { background-color: #111111; } .switch-icon.grid-icon.active-item > span { border-color: #FFFFFF; } .switch-icon.list-icon > span { height: 2px; left: 10px; background-color: #999999; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; } .switch-icon.list-icon > span:nth-child(1), .switch-icon.list-icon > span:nth-child(3) { width: 10px; } .switch-icon.list-icon > span:nth-child(2) { width: 16px; } .switch-icon.list-icon > span:nth-child(1) { top: 10px; } .switch-icon.list-icon > span:nth-child(2) { top: 17px; } .switch-icon.list-icon > span:nth-child(3) { top: 24px; } .switch-icon.list-icon.active-item { background-color: #111111; } .switch-icon.list-icon.active-item > span { background-color: #FFFFFF; } .switch-icon:hover { background-color: #111111; } .switch-icon:hover.grid-icon > span { border-color: #FFFFFF; } .switch-icon:hover.list-icon > span { background-color: #FFFFFF; } .dark-background .switch-icon { background-color: rgba(255, 255, 255, 0.1); } .dark-background .switch-icon.grid-icon > span { border-color: #999999; } .dark-background .switch-icon.grid-icon.active-item { background-color: #FFFFFF; } .dark-background .switch-icon.grid-icon.active-item > span { border-color: #000000; } .dark-background .switch-icon.list-icon > span { background-color: #999999; } .dark-background .switch-icon.list-icon.active-item { background-color: #FFFFFF; } .dark-background .switch-icon.list-icon.active-item > span { background-color: #000000; } .dark-background .switch-icon:hover { background-color: #FFFFFF; } .dark-background .switch-icon:hover.grid-icon > span { border-color: #000000; } .dark-background .switch-icon:hover.list-icon > span { background-color: #000000; } .category-sort ul, .category-sort li { list-style: none; margin: 0; padding: 0; } .category-sort:before, .category-sort:after { content: ''; display: table; clear: both; } .category-sort .sort-block { float: left; max-width: 100%; text-transform: uppercase; } @media (max-width: 767px) { .category-sort .sort-block { max-width: calc(100% - 45px); max-width: -webkit-calc(100% - 45px); max-width: -moz-calc(100% - 45px); max-width: -ms-calc(100% - 45px); } } .category-sort .sort-block.active-item .sort-block-list { border-color: #999999; } .category-sort .sort-block.active-item .sort-items { opacity: 1; visibility: visible; } .category-sort .sort-block.active-item .default-item .fa-angle-double-down:before { content: '\f102'; } .category-sort .sort-block-list { position: relative; border: 1px solid #EAEAEA; padding: 0 15px; min-height: 30px; line-height: 28px; cursor: pointer; z-index: 2; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; border-radius: 5px; -webkit-border-radius: 5px; } .category-sort .sort-block-list .default-item { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .category-sort .sort-block-list .sort-items { position: absolute; top: 100%; margin-top: 5px; z-index: 1; left: -1px; white-space: nowrap; min-width: calc(100% + 2px); min-width: -webkit-calc(100% + 2px); min-width: -ms-calc(100% + 2px); min-width: -moz-calc(100% + 2px); padding: 5px 0; opacity: 0; visibility: hidden; background-color: #FFFFFF; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #EAEAEA; } .category-sort .sort-block-list .sort-items .sort-item { padding: 0 15px; } .category-sort .sort-block-list .sort-items .sort-item a { text-decoration: none; display: block; } .dark-background .category-sort .sort-block.active-item .sort-block-list { border-color: #999999; } .dark-background .category-sort .sort-block-list { border-color: rgba(255, 255, 255, 0.1); } .dark-background .category-sort .sort-block-list .sort-items { background-color: #252525; border-color: rgba(255, 255, 255, 0.1); } .categories-elm { margin-top: -2px; margin-bottom: 13px; padding: 0; text-transform: uppercase; } .categories-elm:last-child { margin-bottom: -2px; } .categories-elm .categories-wrap { margin: 0 -2px; } .categories-elm .category-item { display: inline-block; color: #FFFFFF; background-color: #CC0000; text-decoration: none; margin: 2px; padding: 1px 5px 0 5px; } .categories-elm.custom-tax .category-item { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5); } .categories-elm.tags-absolute { display: none !important; margin: 0; position: absolute; top: 3px; left: 3px; } .categories-elm.tags-absolute .category-item { color: #101920; background-color: #ffe715; font-weight: bold; } .dark-background .categories-elm.tags-absolute .category-item { color: #101920; background-color: #ffe715; } ul .megamenu-content .categories-elm.tags-absolute .category-item { padding: 1px 5px 0 5px; } .grid-default .tags-absolute, .list-default .tags-absolute, .grid-special .tags-absolute, .movie-grid .tags-absolute, .movie-list .tags-absolute, .grid-small .tags-absolute, .list-blog .tags-absolute, .slider-container.slider-6 .tags-absolute, .slider-popular-list .tags-absolute, .wg-single-slider .tags-absolute { display: block !important; } .movie-grid .tags-absolute, .movie-list .tags-absolute { left: auto; right: 3px; } .dark-background .categories-elm .category-item { color: #FFFFFF; background-color: #CC0000; } .dark-background .categories-elm.custom-tax .category-item { color: #FFFFFF; background-color: #666666; } .img-lightbox-icon { width: 40px; height: 40px; position: absolute; color: #FFFFFF; font-size: 18px; text-align: center; line-height: 40px; top: 20px; left: 20px; cursor: pointer; opacity: 0; visibility: hidden; transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, border-color 0.3s; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); border-radius: 0 10px 0 10px; -webkit-border-radius: 0 10px 0 10px; } .img-lightbox-icon:before { content: ''; display: block; width: 40px; height: 40px; right: -2px; bottom: -2px; background-color: #FFFFFF; position: absolute; z-index: 0; opacity: 0; border-radius: 0 10px 0 10px; -webkit-border-radius: 0 10px 0 10px; transition: opacity 0.2s 0s; -webkit-transition: opacity 0.2s 0s; pointer-events: none; } .img-lightbox-icon:after { content: '\f03e'; font-family: 'FontAwesome'; font-size: 18px; line-height: 40px; display: block; width: 40px; height: 40px; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 0; border-radius: 0 10px 0 10px; -webkit-border-radius: 0 10px 0 10px; transition: background-color 0.3s 0.2s; -webkit-transition: background-color 0.3s 0.2s; pointer-events: none; } .img-lightbox-icon:hover:before { opacity: 1; transition: opacity 0.2s 0.1s; -webkit-transition: opacity 0.2s 0.1s; } .img-lightbox-icon:hover:after { background-color: #CC0000; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; } a.video-icon { font-size: 0 !important; line-height: 0 !important; } .video-icon { width: 66px; height: 66px; border-radius: 50%; -webkit-border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 1; display: block; top: 50%; left: 50%; margin-top: -33px; margin-left: -33px; cursor: pointer; transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, border-color 0.3s; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .video-icon:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 15px 25px; border-left-color: rgba(255, 255, 255, 0.5); top: 50%; left: 50%; margin-top: -15px; margin-left: -8px; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .video-icon:hover { animation: videoiconclick 1.5s infinite ease-in-out; -webkit-animation: videoiconclick 1.5s infinite ease-in-out; } .video-icon.medium-icon { width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; } .video-icon.medium-icon:after { border-width: 10px 16px; margin-top: -10px; margin-left: -5px; } .video-icon.small-icon { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; } .video-icon.small-icon:after { border-width: 7px 12px; margin-top: -7px; margin-left: -4px; } .video-icon.alway-active { background-color: #CC0000; } .video-icon.alway-active:after { border-left-color: white; } @media (min-width: 992px) { .video-icon.big-icon { width: 90px; height: 90px; margin-top: -45px; margin-left: -45px; } .video-icon.big-icon:after { border-width: 18px 30px; margin-top: -18px; margin-left: -10px; } } @keyframes videoiconclick { from { transform: scale3d(1, 1, 1); background-color: #CC0000; } 50% { transform: scale3d(1.1, 1.1, 1.1); background-color: rgba(0, 0, 0, 0.5); } to { transform: scale3d(1, 1, 1); background-color: #CC0000; } } @-webkit-keyframes videoiconclick { from { transform: scale3d(1, 1, 1); background-color: #CC0000; } 50% { transform: scale3d(1.1, 1.1, 1.1); background-color: rgba(0, 0, 0, 0.5); } to { transform: scale3d(1, 1, 1); background-color: #CC0000; } } .watch-later-icon { min-width: 26px; padding: 0 7px 1px 7px; display: block; background-color: #111111; text-align: center; position: absolute; right: 3px; bottom: 3px; cursor: pointer; color: #FFFFFF; max-width: 26px; overflow: hidden; white-space: nowrap; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity 0.3s, visibility 0.3s; -webkit-transition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out, opacity 0.3s, visibility 0.3s; } .watch-later-icon i.fa { line-height: 1; display: inline-block; vertical-align: middle; margin-right: 8px; font-size: 14px; } .watch-later-icon .watch-text, .watch-later-icon .watch-remove-text { display: inline-block; vertical-align: middle; line-height: 1; } .watch-later-icon .watch-remove-text { display: none; } .watch-later-icon:hover { color: #FFFFFF; background-color: #CC0000; max-width: 150px; } .watch-later-icon.active-item { background-color: #CC0000; } .watch-later-icon.active-item .watch-text { display: none; } .watch-later-icon.active-item .watch-remove-text { display: inline-block; } .duration-text { padding: 0 10px; display: block; background-color: rgba(0, 0, 0, 0.8); display: block; position: absolute; left: 3px; bottom: 3px; color: #FFFFFF; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; } .duration-text .rating-average-dr { background-color: #CC0000; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: -5px; padding-left: 5px; padding-right: 5px; display: inline-block; line-height: 1.25; vertical-align: baseline; } .playlist-count { padding: 0 10px; display: block; position: absolute; left: 20px; top: 20px; background-color: rgba(0, 0, 0, 0.68); color: #FFFFFF; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); text-transform: uppercase; pointer-events: none; } .playlist-count > * + * { margin-left: 8px; } .playlist-count.is-viewall { left: auto; right: 20px; opacity: 0; transform: translateY(5px); -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transition: opacity 0.3s, visibility 0.3s, transform 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s, transform 0.3s; pointer-events: none; } .absolute-gradient { position: absolute; top: 20%; left: 0; right: 0; bottom: 0; opacity: 0.66; pointer-events: none; z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .blog-pagination .pagination-default { padding-top: 60px; } .blog-pagination .pagination-default:after { content: ''; display: table; clear: both; } .blog-pagination .pagination-default .prev-content { float: left; } .blog-pagination .pagination-default .next-content { float: right; } .blog-pagination .wp-pagenavi-wrapper { padding-top: 60px; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi { text-align: center; margin: -3px; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi > * { padding: 10px 15px; min-width: 40px; min-height: 40px; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.2); margin: 3px; vertical-align: top; text-align: center; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .extend { border: none; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .first { font-size: 0; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .first:after { content: "\f100"; font-family: 'FontAwesome'; font-size: 14px; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .last { font-size: 0; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .last:after { content: "\f101"; font-family: 'FontAwesome'; font-size: 14px; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .previouspostslink { font-size: 0; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .previouspostslink:after { content: "\f104"; font-family: 'FontAwesome'; font-size: 14px; line-height: 1; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .nextpostslink { font-size: 0; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .nextpostslink:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 14px; line-height: 1; } .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi .current, .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi a:hover { border-color: rgba(0, 0, 0, 0); color: #FFFFFF; background-color: #CC0000; background: linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -webkit-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -moz-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); } .blog-pagination .pagination-loadmore { padding-top: 60px; text-align: center; position: relative; overflow: hidden; } .blog-pagination .pagination-loadmore .loadmore-btn-style .loadmore-loading { opacity: 0; visibility: hidden; } .blog-pagination .pagination-loadmore .loadmore-btn-style.ajax-loading { pointer-events: none; } .blog-pagination .pagination-loadmore .loadmore-btn-style.ajax-loading .loadmore-text { opacity: 0; visibility: hidden; } .blog-pagination .pagination-loadmore .loadmore-btn-style.ajax-loading .loadmore-loading { opacity: 1; visibility: visible; } .blog-pagination .pagination-infinite { margin-top: 40px; } .blog-pagination .pagination-infinite .infinite-scroll-style { position: relative; height: 55px; opacity: 0; visibility: hidden; } .blog-pagination .pagination-infinite .infinite-scroll-style.ajax-loading { opacity: 1; visibility: visible; } .dark-background .blog-pagination .wp-pagenavi-wrapper { padding-top: 60px; } .dark-background .blog-pagination .wp-pagenavi-wrapper .wp-pagenavi > * { border-color: rgba(255, 255, 255, 0.1); } .dark-background .blog-pagination .loadmore-indicator svg polyline#back { stroke: rgba(0, 0, 0, 0.3); } .dark-background .blog-pagination .loadmore-indicator svg polyline#front { stroke: #000000; } .loadmore-indicator { display: block; width: 16px; height: 12px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) scale(2); -webkit-transform: translate3d(-50%, -50%, 0) scale(2); -ms-transform: translate3d(-50%, -50%, 0) scale(2); } .loadmore-indicator svg polyline { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .loadmore-indicator svg polyline#back { stroke: rgba(255, 255, 255, 0.3); } .loadmore-indicator svg polyline#front { stroke: #FFFFFF; stroke-dasharray: 12, 36; stroke-dashoffset: 48; animation: dash 1s linear infinite; } @keyframes dash { 62.5% { opacity: 0; } to { stroke-dashoffset: 0; } } @-webkit-keyframes dash { 62.5% { opacity: 0; } to { stroke-dashoffset: 0; } } .infinite-la-fire { display: block; font-size: 0; color: #CC0000; position: relative; width: 55px; height: 55px; opacity: 0.65; position: absolute; top: 50%; left: 50%; margin-left: -23px; margin-top: -23px; } .infinite-la-fire > div { position: relative; display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; position: absolute; bottom: 0; left: 50%; width: 20px; height: 20px; border-radius: 0; border-radius: 2px; transform: translateY(0) translateX(-50%) rotate(45deg) scale(0); -webkit-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0); -ms-transform: translateY(0) translateX(-50%) rotate(45deg) scale(0); animation: fire-diamonds 1.5s infinite linear; -webkit-animation: fire-diamonds 1.5s infinite linear; } .infinite-la-fire > div:nth-child(1) { animation-delay: -0.85s; -webkit-animation-delay: -0.85s; } .infinite-la-fire > div:nth-child(2) { animation-delay: -1.85s; -webkit-animation-delay: -1.85s; } .infinite-la-fire > div:nth-child(3) { animation-delay: -2.85s; -webkit-animation-delay: -2.85s; } @keyframes fire-diamonds { 0% { transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); -ms-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); } 50% { transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); -ms-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); } 100% { transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); -ms-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); } } @-webkit-keyframes fire-diamonds { 0% { transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); -webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); -ms-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0); } 50% { transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); -ms-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1); } 100% { transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); -ms-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0); } } .blog-page-title { margin-bottom: 30px; margin-top: -5px; } .imdbRatingPlugin { border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; text-decoration: none; background-color: #000000; margin: 0 0 15px 0; line-height: 1; padding: 3px; } .imdbRatingPlugin:last-child { margin-bottom: 0; } .imdbRatingPlugin a { text-decoration: none; color: #B4B4B4; } .imdbRatingPlugin a:hover, .imdbRatingPlugin a:focus { color: #B4B4B4; } .imdbRatingPlugin img { border: 0; vertical-align: middle; } .imdbRatingPlugin span.rating { display: inline-block; vertical-align: middle; } .imdbRatingPlugin span.rt-point { line-height: 1; } .imdbRatingPlugin span.ofTen { line-height: 1; } .imdbRatingPlugin .fa.fa-star { margin-left: 5px; margin-bottom: 1px; width: 16px; height: 16px; font-size: 16px; vertical-align: middle; color: #FFDE67; line-height: 1; } .imdbRatingPlugin img.imdb-logo { margin-right: 5px; } .imdbRatingPlugin span.rating-wrap { vertical-align: text-bottom; } .imdbRatingPlugin:not(.imdbRatingStyle2), .imdbRatingPlugin:empty { display: none; } .dark-background .imdbRatingPlugin.imdbRatingStyle2 { background-color: rgba(255, 255, 255, 0.15); } .imdbRatingPlugin + .director-element.single-element, .imdbRatingPlugin + .actor-element.single-element { margin-top: 25px; } body.is-sidebar .director-element.single-element .site__col, body.is-sidebar .actor-element.single-element .site__col { width: 33.33333333%; } @media (max-width: 767px) { body.is-sidebar .director-element.single-element .site__col, body.is-sidebar .actor-element.single-element .site__col { width: 50%; } } @media (max-width: 460px) { body.is-sidebar .director-element.single-element .site__col, body.is-sidebar .actor-element.single-element .site__col { width: 100%; } } body.is-sidebar .director-element.single-element .site__col.full-bio, body.is-sidebar .actor-element.single-element .site__col.full-bio { width: 100%; } .dark-background .director-element.single-element, .dark-background .actor-element.single-element { border-top-color: rgba(255, 255, 255, 0.1); } .dark-background .director-element.single-element .site__col.full-bio:before, .dark-background .director-element.single-element .actor-element.single-element .site__col.full-bio:before, .dark-background .actor-element.single-element .site__col.full-bio:before, .dark-background .actor-element.single-element .actor-element.single-element .site__col.full-bio:before { background-color: rgba(255, 255, 255, 0.15); } .single-post-style-wrapper.special .director-element, .single-post-style-wrapper.special .actor-element { text-align: left; } .single-post-style-wrapper.special .director-element.single-element .site__col, .single-post-style-wrapper.special .actor-element.single-element .site__col { width: 25%; } @media (max-width: 991px) { .single-post-style-wrapper.special .director-element.single-element .site__col, .single-post-style-wrapper.special .actor-element.single-element .site__col { width: 33.33333333%; } } @media (max-width: 767px) { .single-post-style-wrapper.special .director-element.single-element .site__col, .single-post-style-wrapper.special .actor-element.single-element .site__col { width: 50%; } } @media (max-width: 460px) { .single-post-style-wrapper.special .director-element.single-element .site__col, .single-post-style-wrapper.special .actor-element.single-element .site__col { width: 100%; } } .single-post-style-wrapper.special .director-element.single-element .site__col.full-bio, .single-post-style-wrapper.special .actor-element.single-element .site__col.full-bio { width: 100%; } .global-single-content > .director-element:first-child, .global-single-content > .actor-element:first-child { padding-top: 0; border-top: none; } .global-single-content > #amazon-native-ad.amazon-native-ad:first-child { padding-top: 0; border-top: none; } .tmdb-section .ex_col_tmdb { max-height: 200px; overflow: hidden; } .tmdb-section.show-more-content .ex_col_tmdb { max-height: none; overflow: visible; } .tmdb-section.show-more-content .tmdb_showmore_wrapper .tmdb_showmore_button i.fa { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .tmdb-section:last-child .tmdb_showmore_wrapper { margin-bottom: 0; } .actor-element.single-element.tmdb-section + .tmdb-section { border-top: 0; padding-top: 0; } .tmdb_showmore_wrapper { margin-top: -35px; position: relative; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); padding-top: 80px; margin-bottom: 40px; overflow: hidden; } .tmdb_showmore_wrapper .tmdb_showmore_button { width: 80px; text-align: center; padding: 2px 15px; display: block; top: 50px; left: 50%; margin-left: -40px; position: absolute; cursor: pointer; font-size: 18px; line-height: 1; background-color: #999999; color: #FFFFFF; border: 1px solid transparent; } .tmdb_showmore_wrapper .tmdb_showmore_button:before, .tmdb_showmore_wrapper .tmdb_showmore_button:after { content: ''; display: block; height: 1px; width: 50vw; background-color: rgba(0, 0, 0, 0.15); top: 12px; position: absolute; } .tmdb_showmore_wrapper .tmdb_showmore_button:before { right: 100%; margin-right: 15px; } .tmdb_showmore_wrapper .tmdb_showmore_button:after { left: 100%; margin-left: 15px; } .tmdb_showmore_wrapper .tmdb_showmore_button:hover { background-color: #252525; color: #FFFFFF; border-color: #252525; } .dark-background .tmdb_showmore_wrapper { background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111111 100%); background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111111 100%); background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 ); } .dark-background .tmdb_showmore_wrapper .tmdb_showmore_button { background-color: #333333; } .dark-background .tmdb_showmore_wrapper .tmdb_showmore_button:before, .dark-background .tmdb_showmore_wrapper .tmdb_showmore_button:after { background-color: rgba(255, 255, 255, 0.1); } .dark-background .tmdb_showmore_wrapper .tmdb_showmore_button:hover { background-color: #666666; } .tmdb-movie-banner { position: relative; z-index: 0; } .tmdb-movie-banner .pp-image { position: relative; } .tmdb-movie-banner:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .tmdb-movie-banner .pp-wrapper { position: relative; } .tmdb-movie-banner h2.entry-title { margin-top: -6px; margin-bottom: 15px; } .tmdb-movie-banner h2.entry-title .tmdb-original-title { display: block; } .tmdb-movie-banner .post-meta { color: #FFFFFF; } .tmdb-trailer { padding-top: 56.25%; position: relative; margin-bottom: 40px; } .tmdb-trailer iframe { margin: 0 !important; padding: 0 !important; display: block !important; position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; min-width: 0 !important; max-width: none !important; } .tmdb-no-image { display: block; padding-top: 150%; background-color: #E2E2E2; position: relative; } .tmdb-no-image i { font-size: 25px; position: absolute; top: 50%; left: 50%; margin-left: -9px; margin-top: -12px; opacity: 0.5; color: #000000; } .tmdb-picture { position: absolute; top: 0; left: 0; } .amazon-product-link { position: absolute; top: 20px; left: 20px; z-index: 7; background-color: #FFFFFF; padding: 2px; } .amazon-product-link iframe { display: block; margin: 0; padding: 0; transition: height 0.3s; -webkit-transition: height 0.3s; height: 0 !important; } @media (max-width: 767px) { .amazon-product-link { top: 10px; left: 10px; } } .amazon-product-link .amazon-action { display: block; text-align: center; min-width: 0; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .amazon-product-link .amazon-action > * { display: inline-block; vertical-align: middle; margin-left: 3px; margin-right: 3px; } .amazon-product-link .amazon-action[data-action="open"] { display: block; } .amazon-product-link .amazon-action[data-action="close"] { display: none; margin-top: 2px; } .amazon-product-link.active-item iframe { height: 240px !important; } .amazon-product-link.active-item .amazon-action[data-action="open"] { display: none; } .amazon-product-link.active-item .amazon-action[data-action="close"] { display: block; } @media (max-width: 767px) { .amazon-product-link.active-item iframe { height: 0 !important; } .amazon-product-link.active-item .amazon-action[data-action="open"] { display: block; } .amazon-product-link.active-item .amazon-action[data-action="close"] { display: none; } .amazon-product-link.active-item.active-mobile iframe { height: 240px !important; } .amazon-product-link.active-item.active-mobile .amazon-action[data-action="open"] { display: none; } .amazon-product-link.active-item.active-mobile .amazon-action[data-action="close"] { display: block; } } #amazon-native-ad.amazon-native-ad { padding-bottom: 40px; padding-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.1); } #amazon-native-ad.amazon-native-ad:last-child { padding-bottom: 0; } #amazon-native-ad.amazon-native-ad .amzn-native-search-bar .amzn-native-search-bar-content { width: 100%; float: none; } #amazon-native-ad.amazon-native-ad .amzn-native-header { margin-bottom: 20px; margin-top: -5px; } #amazon-native-ad.amazon-native-ad .amzn-native-header .amzn-native-header-text { margin: 0; padding: 0; background: none; border: none; border-radius: 0px; -webkit-border-radius: 0px; outline: none; font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 700; line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; color: #000000; word-break: break-word; text-transform: uppercase; vertical-align: middle; } #amazon-native-ad.amazon-native-ad .amzn-native-header:before, #amazon-native-ad.amazon-native-ad .amzn-native-header:after { content: '\f270'; font-family: 'FontAwesome'; font-size: 18px; margin-right: 2px; display: inline-block; vertical-align: middle; padding-bottom: 2px; margin-top: 2px; } #amazon-native-ad.amazon-native-ad .amzn-native-header:after { margin-right: 0; margin-left: 2px; display: none; } #amazon-native-ad.amazon-native-ad .amzn-native-brand { display: none; } #amazon-native-ad.amazon-native-ad div.amzn-native-products-list div.amzn-native-product, #amazon-native-ad.amazon-native-ad .amzn-native-search-bar .amzn-native-search-bar-content .amzn-native-search-bar-form-holder input.amzn-native-search, #amazon-native-ad.amazon-native-ad div.amzn-native-category-trigger-area { border-color: rgba(0, 0, 0, 0.1); } .dark-background #amazon-native-ad.amazon-native-ad { border-top-color: rgba(255, 255, 255, 0.15); } .dark-background #amazon-native-ad.amazon-native-ad .amzn-native-header { color: #FFFFFF; } .dark-background #amazon-native-ad.amazon-native-ad .amzn-native-header .amzn-native-header-text { color: #FFFFFF; } .director-element, .actor-element { margin-top: -7px; margin-bottom: 7px; } .director-element:last-child, .actor-element:last-child { margin-bottom: -8px; } .director-element a, .actor-element a { text-decoration: none; } .director-element .actor-element-title i.fa, .director-element .director-element-title i.fa, .actor-element .actor-element-title i.fa, .actor-element .director-element-title i.fa { margin-right: 5px; } .director-element.single-element, .actor-element.single-element { margin: 0 0 -20px 0; padding-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .director-element.single-element:not(:last-child), .actor-element.single-element:not(:last-child) { margin-bottom: 20px; } .director-element.single-element .site__col, .actor-element.single-element .site__col { width: 25%; } @media (max-width: 991px) { .director-element.single-element .site__col, .actor-element.single-element .site__col { width: 33.33333333%; } } @media (max-width: 767px) { .director-element.single-element .site__col, .actor-element.single-element .site__col { width: 50%; } } @media (max-width: 460px) { .director-element.single-element .site__col, .actor-element.single-element .site__col { width: 100%; } } .director-element.single-element .site__col.full-bio, .actor-element.single-element .site__col.full-bio { width: 100%; position: relative; margin-bottom: 20px; } .director-element.single-element .site__col.full-bio:after, .actor-element.single-element .site__col.full-bio:after { content: ''; display: table; clear: both; } .director-element.single-element .site__col.full-bio:before, .actor-element.single-element .site__col.full-bio:before { content: ''; display: block; position: absolute; left: 15px; right: 15px; bottom: 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); } .director-element.single-element .site__col.full-bio .ac-di-content, .actor-element.single-element .site__col.full-bio .ac-di-content { width: 33%; float: left; } .director-element.single-element .site__col.full-bio .ac-di-bio, .actor-element.single-element .site__col.full-bio .ac-di-bio { width: 67%; float: left; padding-left: 20px; margin-bottom: 20px; } .director-element.single-element .site__col.full-bio .ac-di-bio > p:first-child, .actor-element.single-element .site__col.full-bio .ac-di-bio > p:first-child { margin-top: -15px; } .director-element.single-element .site__col.full-bio .bio-heading, .actor-element.single-element .site__col.full-bio .bio-heading { margin-top: -4px; } .director-element.single-element .site__col.full-bio:last-child, .actor-element.single-element .site__col.full-bio:last-child { margin-bottom: 0; } .director-element.single-element .site__col.full-bio:last-child:before, .actor-element.single-element .site__col.full-bio:last-child:before { display: none; } .director-element.single-element .site__col.full-bio:last-child .ac-di-content, .director-element.single-element .site__col.full-bio:last-child .ac-di-bio, .actor-element.single-element .site__col.full-bio:last-child .ac-di-content, .actor-element.single-element .site__col.full-bio:last-child .ac-di-bio { margin-bottom: 0; } @media (max-width: 767px) { .director-element.single-element .site__col.full-bio .ac-di-content, .director-element.single-element .site__col.full-bio .ac-di-bio, .actor-element.single-element .site__col.full-bio .ac-di-content, .actor-element.single-element .site__col.full-bio .ac-di-bio { width: 100%; } .director-element.single-element .site__col.full-bio .ac-di-bio, .actor-element.single-element .site__col.full-bio .ac-di-bio { padding-left: 0; } } .director-element.single-element .actor-element-title, .director-element.single-element .director-element-title, .actor-element.single-element .actor-element-title, .actor-element.single-element .director-element-title { margin-bottom: 20px; margin-top: -5px; position: relative; text-transform: uppercase; } .director-element.single-element .actor-element-title span, .director-element.single-element .director-element-title span, .actor-element.single-element .actor-element-title span, .actor-element.single-element .director-element-title span { display: inline-block; position: relative; } .director-element.single-element .actor-element-title span:after, .director-element.single-element .director-element-title span:after, .actor-element.single-element .actor-element-title span:after, .actor-element.single-element .director-element-title span:after { content: ''; display: block; position: absolute; top: 50%; left: 100%; margin-top: -4px; height: 6px; width: 6px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #CC0000; margin-left: 10px; } .director-element.single-element .ac-di-content, .actor-element.single-element .ac-di-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; margin-bottom: 20px; } .director-element.single-element .post-img, .actor-element.single-element .post-img { width: 60px; margin-right: 15px; position: relative; } .director-element.single-element .post-img:empty, .actor-element.single-element .post-img:empty { display: none; } .director-element.single-element .post-img:not(:empty) + .post-content, .actor-element.single-element .post-img:not(:empty) + .post-content { width: calc(100% - 77px); width: -webkit-calc(100% - 77px); width: -moz-calc(100% - 77px); width: -ms-calc(100% - 77px); } .director-element.single-element .post-content, .actor-element.single-element .post-content { width: 100%; } .director-element.single-element .post-content .post-meta + .post-meta, .actor-element.single-element .post-content .post-meta + .post-meta { margin-top: -20px; } body.active-alphabet-filter .alphabet-filter { display: block; } body.active-alphabet-filter .alphabet-filter-icon { background-color: #CC0000; color: #FFFFFF; } .alphabet-filter { display: none; margin-bottom: 40px; } .alphabet-filter:last-child { margin-bottom: 0; } .alphabet-filter .alphabet-filter-wrap { margin: -5px; } .alphabet-filter .alphabet-filter-wrap:before, .alphabet-filter .alphabet-filter-wrap:after { content: ''; display: table; clear: both; } .alphabet-filter a { display: block; float: left; text-align: center; line-height: 28px; width: 30px; border: 1px solid rgba(0, 0, 0, 0.1); margin: 5px; text-decoration: none; } .alphabet-filter a:hover { color: #FFFFFF; background-color: #000000; border-color: #000000; } .alphabet-filter a.active-item { color: #FFFFFF; background-color: #CC0000; border-color: #CC0000; } .alphabet-filter-icon { width: 30px; height: 30px; line-height: 30px; background-color: #EAEAEA; color: #999999; text-align: center; font-size: 14px; position: absolute; top: 50%; margin-top: -15px; right: 0; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: background-color 0.3s, color 0.3s; -webkit-transition: background-color 0.3s, color 0.3s; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .alphabet-filter-icon:hover { background-color: #111111; color: #FFFFFF; } @media (max-width: 575px) { .alphabet-filter-icon { bottom: 0; top: auto; margin-top: 0; } } .archive-switch-mode + .alphabet-filter-icon { top: auto; bottom: 0; right: 23px; } @media (max-width: 767px) { .archive-switch-mode + .alphabet-filter-icon { right: 0; } } .dark-background .alphabet-filter a { border-color: rgba(255, 255, 255, 0.1); } .dark-background .alphabet-filter a:hover { color: #000000; background-color: #FFFFFF; border-color: #FFFFFF; } .dark-background .alphabet-filter a.active-item { color: #FFFFFF; background-color: #CC0000; border-color: #CC0000; } .dark-background .alphabet-filter-icon { background-color: rgba(255, 255, 255, 0.1); color: #999999; } .dark-background .alphabet-filter-icon:hover { background-color: #FFFFFF; color: #000000; } .image-lightbox-wrapper { background-color: rgba(0, 0, 0, 0.8); position: fixed; z-index: 99999; top: 50%; left: 50%; width: 0; height: 0; margin-top: -25px; margin-left: -25px; opacity: 0; visibility: hidden; transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .image-lightbox-wrapper.show-lightbox { top: 0; left: 0; width: 100%; height: 100%; margin-top: 0; margin-left: 0; opacity: 1; visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: width 0s, height 0s, top 0s, left 0s, margin 0s, transform 0.5s, opacity 0.5s, visibility 0.5s; -webkit-transition: width 0s, height 0s, top 0s, left 0s, margin 0s, transform 0.5s, opacity 0.5s, visibility 0.5s; } .image-lightbox-wrapper .img-loading { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; z-index: 1; } .image-lightbox-wrapper .close-btn { position: absolute; top: 20px; right: 20px; } .image-lightbox-wrapper .close-btn:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .image-lightbox-wrapper img.image-lightbox-item { position: relative; display: block; z-index: 2; max-width: 60vw; max-height: 85vh; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s; -webkit-transition: opacity 0.5s 0.5s, visibility 0.5s 0.5s; width: 0; height: 0; } @media (max-width: 767px) { .image-lightbox-wrapper img.image-lightbox-item { max-width: calc(100vw - 30px); max-width: -webkit-calc(100vw - 30px); max-width: -ms-calc(100vw - 30px); max-width: -moz-calc(100vw - 30px); } } .image-lightbox-wrapper img.image-lightbox-item.active-item { opacity: 1; visibility: visible; width: auto; height: auto; } .archive-cat-desc.top-lc { margin-bottom: 40px; } .archive-cat-desc.bottom-lc { margin-top: 40px; } .archive-cat-desc > p:first-child { margin-top: -15px; } .archive-cat-desc > p:last-child { margin-bottom: -15px; } .categories-listing-wrapper .categories-listing-content .category-item { margin-bottom: 30px; } .categories-listing-wrapper .categories-listing-content .category-item > .category-item { padding-left: 30px; margin-bottom: 20px; } .categories-listing-wrapper .categories-listing-content .category-item > .category-item:last-child { margin-bottom: 0; } .categories-listing-wrapper .categories-listing-content .category-item > .category-item-content:not(:last-child) { margin-bottom: 20px; } .categories-listing-wrapper .categories-listing-content > .category-item { width: 33.33333333%; position: relative; padding: 20px 35px; } @media (max-width: 991px) { .categories-listing-wrapper .categories-listing-content > .category-item { width: 50%; } } @media (max-width: 767px) { .categories-listing-wrapper .categories-listing-content > .category-item { width: 100%; } } .categories-listing-wrapper .categories-listing-content > .category-item:before { content: ''; display: block; position: absolute; z-index: 0; top: 0; left: 15px; right: 15px; bottom: 0; background-color: rgba(0, 0, 0, 0.03); } .categories-listing-wrapper .categories-listing-content > .category-item .category-item .category-item-img { width: 70px; } .categories-listing-wrapper .categories-listing-content > .category-item .category-item .category-item-img img { display: block; } .categories-listing-wrapper .categories-listing-content > .category-item .category-item .category-item-img + .category-item-text { width: calc(100% - 93px); width: -webkit-calc(100% - 93px); width: -ms-calc(100% - 93px); width: -moz-calc(100% - 93px); } .categories-listing-wrapper .categories-listing-content .category-item-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; width: 100%; position: relative; z-index: 1; } .categories-listing-wrapper .categories-listing-content .category-item-img { width: 100px; margin-right: 15px; } .categories-listing-wrapper .categories-listing-content .category-item-img img { display: block; } .categories-listing-wrapper .categories-listing-content .category-item-img + .category-item-text { width: calc(100% - 118px); width: -webkit-calc(100% - 118px); width: -ms-calc(100% - 118px); width: -moz-calc(100% - 118px); } .categories-listing-wrapper .categories-listing-content .category-item-text { width: 100%; } .categories-listing-wrapper .categories-listing-content .category-item-text .category-title { margin-bottom: 2px; } body.is-sidebar .categories-listing-wrapper .categories-listing-content > .category-item { width: 50%; } @media (max-width: 767px) { body.is-sidebar .categories-listing-wrapper .categories-listing-content > .category-item { width: 100%; } } .dark-background .categories-listing-wrapper .categories-listing-content > .category-item:before { background-color: rgba(255, 255, 255, 0.05); } /*11.2 - Post & Page*/ .global-single-content { margin-bottom: 60px; padding-bottom: 0.1px; } .global-single-content:last-child { margin-bottom: 0; } .global-single-content.post_format-post-format-quote .entry-header, .global-single-content.post_format-post-format-audio .entry-header { padding-bottom: 0; border-bottom: none; } .global-single-content .header-single-with-image { margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .global-single-content .header-single-with-image:last-child { margin-bottom: 0; } .global-single-content .header-single-with-image .header-img { width: 120px; height: 120px; margin-right: 20px; position: relative; border-radius: 50%; overflow: hidden; } .global-single-content .header-single-with-image .header-img:empty { display: none; } .global-single-content .header-single-with-image .header-img:not(:empty) + .header-content { width: calc(100% - 147px); width: -webkit-calc(100% - 147px); width: -moz-calc(100% - 147px); width: -ms-calc(100% - 147px); } .global-single-content .header-single-with-image .header-content { width: 100%; } @media (max-width: 575px) { .global-single-content .header-single-with-image .header-img { margin-left: auto; margin-right: auto; } .global-single-content .header-single-with-image .header-img:not(:empty) { margin-bottom: 30px; } .global-single-content .header-single-with-image .header-img:not(:empty) + .header-content { width: 100%; } .global-single-content .header-single-with-image .header-content { text-align: center; width: 100%; } } .global-single-content.single-post-content > .author-box.special-style, .global-single-content .entry-header { margin: 0 0 40px 0; padding-bottom: 40px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .global-single-content.single-post-content > .author-box.special-style h1.entry-title, .global-single-content .entry-header h1.entry-title { margin: -8px 0 12px 0; } .global-single-content.single-post-content > .author-box.special-style h1.entry-title:last-child, .global-single-content .entry-header h1.entry-title:last-child { margin-bottom: -9px; } .global-single-content.single-post-content > .author-box.special-style + .entry-content:empty, .global-single-content .entry-header + .entry-content:empty { margin-top: -40px; } .global-single-content .entry-content > p:first-child:not([class]) { margin-top: -15px; } .global-single-content .entry-content > p:last-child:not([class]) { margin-bottom: -15px; } .global-single-content .entry-content > p + p { margin-top: 10px; } .global-single-content .entry-content > p + blockquote { margin-top: 25px; } .global-single-content .entry-content > p + .wp-caption { margin-top: 25px; } .global-single-content .entry-content > p + ol, .global-single-content .entry-content > p + ul { margin-top: 15px; } .global-single-content .entry-content > ol + p, .global-single-content .entry-content > ul + p { margin-top: 15px; } .global-single-content .entry-content > blockquote { margin-top: 25px; margin-bottom: 25px; } .global-single-content .entry-content > ul:first-child:not([class]), .global-single-content .entry-content > ol:first-child:not([class]) { margin-top: -10px; } .global-single-content .entry-content > ul:last-child:not([class]), .global-single-content .entry-content > ol:last-child:not([class]) { margin-bottom: -10px; } .global-single-content .entry-content twitterwidget { margin-left: auto; margin-right: auto; } .global-single-content .entry-content > h1, .global-single-content .entry-content > h2, .global-single-content .entry-content > h3, .global-single-content .entry-content > h4, .global-single-content .entry-content > h5, .global-single-content .entry-content > h6 { margin-bottom: 0.42em; } .global-single-content .entry-content .whatever-embed-responsive { margin-top: 1.9em; margin-bottom: 1.9em; } .global-single-content .entry-content .whatever-embed-responsive:first-child { margin-top: 0; } .global-single-content .entry-content .whatever-embed-responsive:last-child { margin-bottom: 0; } .global-single-content .entry-content .whatever-embed-responsive iframe { display: block; margin: 0; } .global-single-content .entry-content .whatever-embed-responsive.video-ratio-16-9 { position: relative; padding-top: 56.25%; } .global-single-content .entry-content .whatever-embed-responsive.video-ratio-16-9 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .global-single-content .entry-content .whatever-embed-responsive.twitter-ratio { background-color: #EAEAEA; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; } .global-single-content .entry-content .whatever-embed-responsive.twitter-ratio iframe { width: 100% !important; } .global-single-content .entry-content + .subscriptions-archive-control { margin-top: 40px; } .global-single-content .page-links { margin-left: -3px; margin-right: -3px; margin-bottom: 0; line-height: 0; padding-top: 42px; } .global-single-content .page-links > * { line-height: 1.8; display: inline-block; vertical-align: middle; text-align: center; padding: 7px 15px; background-color: #EAEAEA; text-decoration: none; min-width: 40px; margin: 3px; font-size: 14px; } .global-single-content .page-links > span:not([class]) { background-color: #000000; color: #FFFFFF; } .global-single-content .page-links a:hover, .global-single-content .page-links a:focus { background-color: #000000; color: #FFFFFF; } .global-single-content .post-footer { padding-bottom: 0; } .global-single-content .post-footer > * { padding-bottom: 40px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px; } .global-single-content .post-footer > *:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } .global-single-content .post-footer > *:first-child { margin-top: 60px; } .global-single-content .like-dislike-toolbar-footer:after { content: ''; display: table; clear: both; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper { width: auto; float: left; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper:empty { display: none !important; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper:after { content: ''; display: table; clear: both; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper + .ld-t-footer-sharing { float: right; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-sharing { width: auto; float: left; } @media (max-width: 1199px) { .global-single-content .like-dislike-toolbar-footer .ld-t-footer-sharing, .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper { width: 100%; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper { text-align: center; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper .ld-t-item-content { display: inline-block; float: none; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper + .ld-t-footer-sharing { padding-top: 40px; border-top: 2px solid rgba(0, 0, 0, 0.1); margin-top: 40px; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper + .ld-t-footer-sharing .social-block.s-grid { text-align: center; font-size: 0; line-height: 0; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper + .ld-t-footer-sharing .social-block.s-grid > li { display: inline-block; float: none; padding: 0; margin: 5px; } .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper:empty + .ld-t-footer-sharing { margin-top: 0; } } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content { position: relative; float: left; margin-right: 5px; background-color: #E5E5E5; min-height: 50px; line-height: 50px; padding: 0 20px; min-width: 75px; cursor: pointer; text-align: center; border-radius: 25px; -webkit-border-radius: 25px; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content:last-child { margin-right: 0; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .fa { line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .item-icon, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .item-text { display: inline-block; vertical-align: middle; line-height: 1; transition: color 0.3s, background-color 0.3s, border-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .item-icon + .item-text, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .item-text + .item-icon { margin-left: 8px; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content:hover > span { color: #CC0000; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.active-item > span { color: #CC0000; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .video-load-icon { position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; display: none; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.loading-ajax { pointer-events: none; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.add-load-icon .video-load-icon { display: block; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.add-load-icon .item-icon, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.add-load-icon .item-text { opacity: 0; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .like-tooltip, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .dislike-tooltip { position: absolute; bottom: 100%; margin-bottom: 10px; white-space: nowrap; text-align: center; line-height: 1.6; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.8); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; visibility: hidden; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .like-tooltip > *, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .dislike-tooltip > * { color: #FFFFFF; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .like-tooltip:after, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .dislike-tooltip:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 5px 5px; border-top-color: rgba(0, 0, 0, 0.8); top: 100%; left: 50%; margin-left: -5px; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .like-tooltip .unlike, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .like-tooltip .undislike, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .dislike-tooltip .unlike, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .dislike-tooltip .undislike { display: none; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .login-tooltip { position: absolute; top: 100%; margin-top: 10px; width: 120px; text-align: center; line-height: 1.6; padding: 5px 10px; background-color: #1ABC9C; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; visibility: hidden; z-index: 2; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .login-tooltip > * { color: #FFFFFF; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .login-tooltip:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 5px 5px; border-bottom-color: #1ABC9C; bottom: 100%; left: 50%; margin-left: -5px; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content:hover .like-tooltip, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content:hover .dislike-tooltip, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content:hover .login-tooltip { opacity: 1; visibility: visible; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.active-item-sub > span { color: #1ABC9C; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.active-item-sub .likethis, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.active-item-sub .dislikethis { display: none; } .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.active-item-sub .unlike, .global-single-content .like-dislike-toolbar-footer .ld-t-item-content.active-item-sub .undislike { display: inline; } .global-single-content .tags-socialsharing .tags-items { margin: -5px; } .global-single-content .tags-socialsharing .tag-title { margin: 5px; } .global-single-content .tags-socialsharing .tag-title .h5 { text-transform: uppercase; } .global-single-content .tags-socialsharing .tag-item { display: inline-block; color: #1F1F1F; background-color: #E5E5E5; margin: 5px; text-decoration: none; padding: 4px 15px; text-transform: capitalize; } .global-single-content .tags-socialsharing .tag-item:hover, .global-single-content .tags-socialsharing .tag-item:focus { color: #FFFFFF; background-color: #1F1F1F; } .global-single-content .author-box .author-box-body:after { content: ''; clear: both; display: table; } .global-single-content .author-box .author-box-body .author-box-avatar { width: 130px; margin-right: 20px; float: left; } .global-single-content .author-box .author-box-body .author-box-avatar img { display: block; } .global-single-content .author-box .author-box-body .author-box-content { width: calc(100% - 152px); width: -webkit-calc(100% - 152px); width: -moz-calc(100% - 152px); width: -ms-calc(100% - 152px); float: left; } .global-single-content .author-box .author-box-body .author-box-content .author-name { margin-bottom: 8px; } .global-single-content .author-box .author-box-body .author-box-content .author-name:last-child { margin-bottom: -5px; } .global-single-content .author-box .author-box-body .author-box-content .author-des { margin-bottom: 12px; } .global-single-content .author-box .author-box-body .author-box-content .author-des:last-child { margin-bottom: -8px; } .global-single-content .author-box .author-box-body .author-box-content .author-des:empty:not(:last-child) { margin-bottom: 15px; } @media (max-width: 575px) { .global-single-content .author-box .author-box-body .author-box-avatar { float: none; margin: auto; } .global-single-content .author-box .author-box-body .author-box-avatar + .author-box-content { padding-top: 20px; } .global-single-content .author-box .author-box-body .author-box-content { width: 100%; float: none; text-align: center; } .global-single-content .author-box .author-box-body .author-box-content .social-block.s-grid { text-align: center; font-size: 0; line-height: 0; } .global-single-content .author-box .author-box-body .author-box-content .social-block.s-grid > li { display: inline-block; float: none; padding: 0; margin: 5px; } } .global-single-content .author-box.special-style .author-box-body { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .global-single-content .author-box.special-style .author-box-body .author-box-avatar { width: 60px; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; } .global-single-content .author-box.special-style .author-box-body .author-box-content { width: calc(60% - 82px); width: -webkit-calc(60% - 82px); width: -moz-calc(60% - 82px); width: -ms-calc(60% - 82px); } .global-single-content .author-box.special-style .author-box-body .author-box-content .author-name:last-child, .global-single-content .author-box.special-style .author-box-body .author-box-content .author-des:last-child { margin-top: 0; margin-bottom: 0; } .global-single-content .author-box.special-style .author-box-body .author-subscribe { float: right; width: 40%; text-align: right; } @media (max-width: 575px) { .global-single-content .author-box.special-style .author-box-body .author-box-content { width: 100%; } .global-single-content .author-box.special-style .author-box-body .author-subscribe { padding-top: 20px; width: 100%; text-align: center; } } .global-single-content .author-box.special-style:not(:last-child) { margin-bottom: 30px; } .global-single-content .single-post-nav-items { margin-left: -10px; margin-right: -10px; } .global-single-content .single-post-nav-items:after { content: ''; display: table; clear: both; } .global-single-content .single-post-nav-item { float: left; padding-left: 10px; padding-right: 10px; width: 50%; } .global-single-content .single-post-nav-item.next-item { float: right; text-align: right; } .global-single-content .single-post-nav-item.next-item .post-listing-item { direction: rtl; } .global-single-content .single-post-nav-item.next-item .post-listing-item > * { direction: ltr; } .global-single-content .single-post-nav-item.next-item .post-listing-item .post-img { margin-left: 15px; margin-right: 0; } .global-single-content .single-post-nav-item .post-listing-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .global-single-content .single-post-nav-item .post-listing-item .post-img { width: 60px; margin-right: 15px; position: relative; } .global-single-content .single-post-nav-item .post-listing-item .post-img:empty { display: none; } .global-single-content .single-post-nav-item .post-listing-item .post-img:not(:empty) + .post-content { width: calc(100% - 77px); width: -webkit-calc(100% - 77px); width: -moz-calc(100% - 77px); width: -ms-calc(100% - 77px); } .global-single-content .single-post-nav-item .post-listing-item .post-content { width: 100%; } .global-single-content .single-post-nav-item .post-listing-item .post-content .post-title:last-child { margin-bottom: -4px; } .global-single-content .single-post-nav-item .item-text { margin-bottom: 12px; margin-top: -7px; } .global-single-content .single-post-nav-item .item-text a { text-decoration: none; } @media (max-width: 575px) { .global-single-content .single-post-nav-item { width: 100%; } .global-single-content .single-post-nav-item + * > .item-text { padding-top: 13px; margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); } } .global-single-content .entry-footer { margin-top: 20px; padding: 13px 0 12px 0; font-style: italic; } .global-single-content .entry-footer:last-child { margin-bottom: -20px; } .global-single-content iframe[src*=".soundcloud.com/player/?"] { display: block; margin: 0; padding: 0; width: 100%; height: 160px; margin-top: 7px; margin-bottom: 8px; } .global-single-content iframe[src*="api.soundcloud.com%2Fplaylists"] { height: 360px; } .global-single-content .mejs-container { margin-top: 15px; margin-bottom: 15px; } .global-single-content .mejs-container:first-child { margin-top: 0; } .global-single-content .mejs-container:last-child { margin-bottom: 0; } .global-single-content .mejs-container button { min-width: 0; } .global-single-content .entry-content.hidden-content { max-height: 150px; overflow: hidden; } .global-single-content .entry-content ~ .showmore_wrapper { margin-top: -35px; position: relative; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, white 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 1%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); padding-top: 80px; margin-bottom: 60px; overflow: hidden; } .global-single-content .entry-content ~ .showmore_wrapper .showmore_button { width: 100px; text-align: center; padding: 5px 15px; display: block; top: 50px; left: 50%; margin-left: -50px; position: absolute; cursor: pointer; font-size: 18px; line-height: 1; background-color: #252525; color: #FFFFFF; border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid transparent; } .global-single-content .entry-content ~ .showmore_wrapper .showmore_button:before, .global-single-content .entry-content ~ .showmore_wrapper .showmore_button:after { content: ''; display: block; height: 1px; width: 50vw; background-color: rgba(0, 0, 0, 0.15); top: 14px; position: absolute; } .global-single-content .entry-content ~ .showmore_wrapper .showmore_button:before { right: 100%; margin-right: 15px; } .global-single-content .entry-content ~ .showmore_wrapper .showmore_button:after { left: 100%; margin-left: 15px; } .global-single-content .entry-content ~ .showmore_wrapper .showmore_button:hover { background-color: #666666; color: #FFFFFF; border-color: #666666; } .global-single-content .entry-content ~ .showmore_wrapper .showmore_button.show-more-content i.fa { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } body.show-more-content .global-single-content .entry-content.hidden-content { max-height: none; overflow: initial; } body.show-more-content .global-single-content .entry-content.hidden-content ~ .showmore_wrapper { margin-top: 0; padding-top: 85px; background: none; filter: none; } .dark-background .global-single-content .entry-content.hidden-content ~ .showmore_wrapper { background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111111 100%); background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, #111111 100%); background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, #111111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 ); } .dark-background .global-single-content .entry-content.hidden-content ~ .showmore_wrapper .showmore_button:before, .dark-background .global-single-content .entry-content.hidden-content ~ .showmore_wrapper .showmore_button:after { background-color: rgba(255, 255, 255, 0.1); } .updated:not(.published) { display: none; } .page-links { clear: both; margin: 0 0 1.5em; } body.page-template-front-page-template, body.page-template-blog-page-template { /*.sidebar-direction{ padding-top: 0; padding-bottom: 0; }*/ } body.page-template-front-page-template .entry-header, body.page-template-blog-page-template .entry-header { display: none; } .single-feature-image, .single-image-gallery, .single-post-quote { margin-bottom: 40px; } .single-feature-image img, .single-image-gallery img, .single-post-quote img { display: block; margin: auto; } .single-image-gallery:not(.slick-slider) { white-space: nowrap; overflow: hidden; } .single-image-gallery:not(.slick-slider) > * { display: inline-block; width: 100%; vertical-align: top; } .single-image-gallery img { display: block; } .single-image-gallery.slick-slider .slick-arrow { min-width: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; padding: 0; margin: 0; font-size: 24px; position: absolute; top: 50%; margin-top: -20px; z-index: 1; } .single-image-gallery.slick-slider .slick-arrow .fa { line-height: 1; font-size: 24px; } .single-image-gallery.slick-slider .slick-arrow .fa:before { line-height: 1; } .single-image-gallery.slick-slider .slick-arrow.slick-prev { left: 20px; } .single-image-gallery.slick-slider .slick-arrow.slick-next { right: 20px; } .single-image-gallery .slick-slide { outline: none; } .single-image-gallery .slick-dots { position: absolute; list-style: none; margin: 0; padding: 0 20px; bottom: 15px; left: 0; right: 0; max-width: 100%; line-height: 1; text-align: center; width: 100%; } .single-image-gallery .slick-dots > * { display: inline-block; vertical-align: top; font-size: 0; line-height: 0; float: none; margin: 5px; } .single-image-gallery .slick-dots > * > button { font-size: 0; min-width: 10px; width: 10px; height: 10px; padding: 0; border-radius: 50%; -webkit-border-radius: 50%; background: #999999; } .single-image-gallery .slick-dots > * > button:hover { background: #CC0000; } .single-image-gallery .slick-dots > *.slick-active > button { background: #CC0000; } .single-post-style-wrapper.full-width { position: relative; padding-top: 35%; background-color: #111111; } @media (max-width: 991px) { .single-post-style-wrapper.full-width { min-height: 360px; } } .single-post-style-wrapper.full-width .full-width-breadcrumbs { width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } @media (max-width: 575px) { .single-post-style-wrapper.full-width .full-width-breadcrumbs { left: 0; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } } .single-post-style-wrapper.full-width .single-post-basic-content { width: 100%; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } @media (max-width: 575px) { .single-post-style-wrapper.full-width .single-post-basic-content { left: 0; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } } .single-post-style-wrapper.full-width .single-post-basic-content h1.entry-title { margin: -8px 0 21px 0; } .single-post-style-wrapper.full-width .single-post-basic-content h1.entry-title:last-child { margin-bottom: -9px; } @media (min-width: 768px) { .single-post-style-wrapper.full-width .single-post-basic-content h1.entry-title { margin: -12px 0 18px 0; } .single-post-style-wrapper.full-width .single-post-basic-content h1.entry-title:last-child { margin-bottom: -12px; } } .single-post-style-wrapper.special { text-align: center; margin-bottom: 10px; } .single-post-style-wrapper.special .single-post-basic-content h1.entry-title { margin: -8px 0 21px 0; } .single-post-style-wrapper.special .single-post-basic-content h1.entry-title:last-child { margin-bottom: -9px; } .single-post-style-wrapper.special .single-post-basic-content .basic-special-line { border-bottom: 2px dashed #EAEAEA; padding-bottom: 40px; } .single-post-style-wrapper.special .single-post-basic-content .single-feature-image, .single-post-style-wrapper.special .single-post-basic-content .single-image-gallery, .single-post-style-wrapper.special .single-post-basic-content .single-post-quote, .single-post-style-wrapper.special .single-post-basic-content .single-player-video-wrapper { margin-bottom: 10px; margin-top: 60px; } .single-post-style-wrapper.special .nav-breadcrumbs { border: none; padding-top: 44px; } .single-post-style-wrapper.special .single-post-basic-content { padding-top: 20px; } .dark-background .single-post-style-wrapper.special .single-post-basic-content .basic-special-line { border-bottom-color: rgba(255, 255, 255, 0.1); } .single-related-posts { padding: 40px 0 0 0; border-top: 2px solid rgba(0, 0, 0, 0.1); margin-top: 40px; } .single-related-posts .related-header { margin-top: -5px; margin-bottom: 25px; text-transform: uppercase; } .single-related-posts .blog-items { margin-bottom: -30px; margin-left: -10px; margin-right: -10px; } .single-related-posts .post-item { width: 25%; margin-bottom: 30px; padding-left: 10px; padding-right: 10px; } @media (max-width: 991px) { .single-related-posts .post-item { width: 33.33333333%; } } @media (max-width: 767px) { .single-related-posts .post-item { width: 50%; } } @media (max-width: 575px) { .single-related-posts .post-item { width: 100%; } } .single-related-posts .post-item .post-title { margin-bottom: 16px; } .single-related-posts .post-item .post-title:last-child { margin-bottom: -4px; } .single-related-posts .post-item .video-icon { width: 44px; height: 44px; margin-top: -26px; margin-left: -22px; } .single-related-posts .post-item .video-icon:after { border-width: 10px 16px; margin-top: -10px; margin-left: -5px; } .dark-background .single-related-posts { border-top-color: rgba(255, 255, 255, 0.1); } body.is-sidebar .single-related-posts .post-item { width: 33.33333333%; } @media (max-width: 767px) { body.is-sidebar .single-related-posts .post-item { width: 50%; } } @media (max-width: 575px) { body.is-sidebar .single-related-posts .post-item { width: 100%; } } .entry-header.movie-style { background-color: #111111; padding: 20px; border-bottom: none; margin-bottom: 40px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } @media (max-width: 575px) { .entry-header.movie-style { padding: 15px; } } .entry-header.movie-style + .entry-content:empty { margin-top: -40px; } .pp-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .pp-wrapper .pp-image { width: 165px; margin-right: 10px; } .pp-wrapper .pp-image:not(:empty) { border: 2px solid #FFFFFF; } .pp-wrapper .pp-image:not(:empty) + .pp-content-wrapper { width: calc(100% - 187px); width: -webkit-calc(100% - 187px); width: -moz-calc(100% - 187px); width: -ms-calc(100% - 187px); } @media (max-width: 575px) { .pp-wrapper .pp-image { width: 100px; } .pp-wrapper .pp-image:not(:empty) + .pp-content-wrapper { width: calc(100% - 112px); width: -webkit-calc(100% - 112px); width: -moz-calc(100% - 112px); width: -ms-calc(100% - 112px); } } .pp-wrapper .pp-content-wrapper { width: 100%; text-align: center; } .pp-wrapper .pp-content-wrapper .post-meta:first-child { margin-bottom: 14px; } .pp-wrapper .pp-content-wrapper h1.entry-title { margin-top: -6px; margin-bottom: 22px; } body.single-vid_actor .archive-heading, body.single-vid_director .archive-heading { margin-top: 40px; margin-bottom: 24px; border-top: 2px solid rgba(0, 0, 0, 0.1); padding-top: 35px; } body.dark-background.single-vid_actor .archive-heading, body.dark-background.single-vid_director .archive-heading { border-top-color: rgba(255, 255, 255, 0.1); } body.page .entry-content:empty + .archive-heading.watch-later-heading { margin-top: 40px; } .dark-background .global-single-content.single-post-content > .author-box.special-style, .dark-background .global-single-content .entry-header { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .global-single-content .post-footer > * { border-bottom-color: rgba(255, 255, 255, 0.1); } @media (max-width: 1199px) { .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-footer-wrapper + .ld-t-footer-sharing { border-top-color: rgba(255, 255, 255, 0.1); } } .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-item-content { color: #C4C4C4; background-color: rgba(255, 255, 255, 0.1); } .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-item-content:hover > span { color: #FFFFFF; } .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .like-tooltip, .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .dislike-tooltip { background-color: #FFFFFF; } .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .like-tooltip > *, .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .dislike-tooltip > * { color: #000000; } .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .like-tooltip:after, .dark-background .global-single-content .like-dislike-toolbar-footer .ld-t-item-content .dislike-tooltip:after { border-top-color: #FFFFFF; } @media (max-width: 575px) { .dark-background .global-single-content .single-post-nav-item + * > .item-text { border-top-color: rgba(255, 255, 255, 0.1); } } .dark-background .global-single-content .tags-socialsharing .tag-item { color: #C4C4C4; background-color: rgba(255, 255, 255, 0.1); } .dark-background .global-single-content .tags-socialsharing .tag-item:hover, .dark-background .global-single-content .tags-socialsharing .tag-item:focus { color: #000000; background-color: #FFFFFF; } .dark-background .global-single-content .page-links > * { background-color: rgba(255, 255, 255, 0.1); } .dark-background .global-single-content .page-links > span:not([class]) { background-color: rgba(255, 255, 255, 0.68); color: #000000; } .dark-background .global-single-content .page-links a:hover, .dark-background .global-single-content .page-links a:focus { background-color: rgba(255, 255, 255, 0.68); color: #000000; } .dark-background .global-single-content .whatever-embed-responsive.twitter-ratio { background-color: rgba(255, 255, 255, 0.1); } .dark-background body.single-vid_actor .archive-heading, .dark-background body.single-vid_director .archive-heading { border-top-color: rgba(255, 255, 255, 0.1); } .popular-video-footer { margin-bottom: 60px; } .popular-video-footer .popular-video-content { border: 7px solid transparent; width: 100%; padding: 25px 25px 15px 25px; position: relative; } .popular-video-footer .popular-video-content:before { content: ''; display: block; background-image: linear-gradient(45deg, #E5E5E5 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #E5E5E5 50%, #E5E5E5 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(45deg, #E5E5E5 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #E5E5E5 50%, #E5E5E5 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(45deg, #E5E5E5 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #E5E5E5 50%, #E5E5E5 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 0.4rem 0.4rem; z-index: 1; position: absolute; left: -7px; top: -7px; right: -7px; bottom: -7px; } .popular-video-footer .popular-video-content:after { content: ''; display: block; z-index: 2; position: absolute; background-color: #FFFFFF; left: 0; top: 0; right: 0; bottom: 0; } .popular-video-footer .popular-video-content > .site__row { position: relative; z-index: 3; } .popular-video-footer .popular-video-content .block-left { width: 33.33333333%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .popular-video-footer .popular-video-content .block-left .block-left-content { text-align: center; width: 100%; } .popular-video-footer .popular-video-content .block-left .vid-title-main { color: #CC0000; } .popular-video-footer .popular-video-content .block-right { width: 66.66666666%; } .popular-video-footer .popular-video-content .slider-popular-container { overflow: hidden; } .popular-video-footer .popular-video-content .slider-popular-container .slick-arrow { min-width: 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; padding: 0; margin: 0; font-size: 24px; background: rgba(0, 0, 0, 0.5); color: #FFFFFF; opacity: 0; visibility: hidden; position: absolute; top: 50%; margin-top: -50px; z-index: 1; } .popular-video-footer .popular-video-content .slider-popular-container .slick-arrow:hover { background-color: #CC0000; background: linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -webkit-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -moz-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); } .popular-video-footer .popular-video-content .slider-popular-container .slick-arrow .fa { line-height: 1; font-size: 24px; } .popular-video-footer .popular-video-content .slider-popular-container .slick-arrow .fa:before { line-height: 1; } .popular-video-footer .popular-video-content .slider-popular-container .slick-arrow.slick-prev { left: 30px; } .popular-video-footer .popular-video-content .slider-popular-container .slick-arrow.slick-next { right: 30px; } .popular-video-footer .popular-video-content .slider-popular-container .slick-popular-slide { outline: none; } .popular-video-footer .popular-video-content .slider-popular-container:hover .slick-arrow { opacity: 1; visibility: visible; } .popular-video-footer .popular-video-content .slider-popular-container .slider-popular-list { margin-left: -15px; margin-right: -15px; } .popular-video-footer .popular-video-content .slider-popular-container .slider-popular-list:not(.slick-slider) { white-space: nowrap; overflow: hidden; } .popular-video-footer .popular-video-content .slider-popular-container .slider-popular-list:not(.slick-slider) > * { display: inline-block; vertical-align: top; white-space: normal; } .popular-video-footer .popular-video-content .post-item { padding: 0 15px 10px 15px; width: 50%; outline: none; } .popular-video-footer .popular-video-content .blog-pic { margin-bottom: 18px; } @media (max-width: 991px) { .popular-video-footer .popular-video-content { padding: 20px 20px 10px 20px; } .popular-video-footer .popular-video-content .block-left { width: 40%; } .popular-video-footer .popular-video-content .block-right { width: 60%; } .popular-video-footer .popular-video-content .post-item { width: 100%; } } @media (max-width: 767px) { .popular-video-footer .popular-video-content .block-left { margin-bottom: 20px; } .popular-video-footer .popular-video-content .block-left, .popular-video-footer .popular-video-content .block-right { width: 100%; } } .dark-background .popular-video-footer .popular-video-content:before { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .dark-background .popular-video-footer .popular-video-content:after { background-color: #111111; } body.main-layout-boxed .popular-video-footer { padding-top: 0px; margin-bottom: 60px; } @media (min-width: 992px) { body.main-layout-boxed .popular-video-footer { border-top: 2px solid #E5E5E5; padding-top: 40px; margin-bottom: 40px; } body.main-layout-boxed .popular-video-footer > .site__container > .site__row > .site__col { padding-left: 20px; padding-right: 20px; } } @media (min-width: 992px) { body.main-layout-boxed.dark-background .popular-video-footer { border-top-color: rgba(255, 255, 255, 0.1); } } .facebook-comment { margin-top: -10px; margin-left: -8px; margin-right: -8px; } #disqus_thread { margin-top: -15px; } body.single-vid_channel .listing-types { padding-bottom: 0; margin-bottom: 40px; } body.single-vid_channel .listing-types .listing-types-content { text-align: left; } body.single-vid_channel header.channel-header { padding: 30px; background-color: #F3F3F3; margin-bottom: 40px; border-bottom: none; } body.single-vid_channel header.channel-header .header-content .post-meta { margin-bottom: 14px; } body.single-vid_channel header.channel-header .header-content .post-meta:last-child { margin-bottom: -7px; } body.single-vid_channel .single-post-wrapper .entry-content:not(:empty) { margin-bottom: 60px; } body.single-vid_channel .global-single-content .post-footer > *:first-child { margin-top: 0; } body.single-vid_channel .single-post-style-wrapper.full-width { padding-top: 0; min-height: 368px; } .loadmore-loading { direction: ltr; } .channel-subscribe .subscribed { display: none; } .channel-subscribe .loadmore-loading { opacity: 0; visibility: hidden; pointer-events: none; } .channel-subscribe.subscribe-loading { pointer-events: none; } .channel-subscribe.subscribe-loading .subscribe, .channel-subscribe.subscribe-loading .subscribed { opacity: 0; visibility: hidden; pointer-events: none; } .channel-subscribe.subscribe-loading .loadmore-loading { opacity: 1; visibility: visible; } .channel-subscribe.channel-subscribed { color: #FFFFFF; background-color: #0CA308; background: linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); background: -webkit-linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); background: -moz-linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); text-decoration: none; } .channel-subscribe.channel-subscribed .subscribed { display: inline; } .channel-subscribe.channel-subscribed .subscribe { display: none; } .channel-subscribe .subscribed-count:not(:empty) { padding: 0px 8px; background-color: #FFFFFF; color: #000000; margin-left: 8px; display: inline-block; } .channel-subscribe.absolute-sub-btn { position: absolute; top: 8px; left: 8px; } .channel-subscribe.item-button .subscribed-count:not(:empty) { padding: 1px 8px; } .channel-subscribe.item-button .loadmore-indicator svg polyline#back { stroke: rgba(255, 255, 255, 0.3) !important; } .channel-subscribe.item-button .loadmore-indicator svg polyline#front { stroke: #FFFFFF !important; } .dark-background .channel-subscribe.channel-subscribed { color: #FFFFFF; background-color: #0CA308; background: linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); background: -webkit-linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); background: -moz-linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); text-decoration: none; } .dark-background .channel-subscribe:hover .subscribed-count:not(:empty), .dark-background .channel-subscribe:focus .subscribed-count:not(:empty) { background-color: #000000; color: #FFFFFF; } .dark-background .channel-subscribe:hover .loadmore-loading .loadmore-indicator svg polyline#back, .dark-background .channel-subscribe:focus .loadmore-loading .loadmore-indicator svg polyline#back { stroke: rgba(0, 0, 0, 0.3); } .dark-background .channel-subscribe:hover .loadmore-loading .loadmore-indicator svg polyline#front, .dark-background .channel-subscribe:focus .loadmore-loading .loadmore-indicator svg polyline#front { stroke: #000000; } .dark-background .video-sub-toolbar .channel-subscribe:hover .subscribed-count:not(:empty), .dark-background .video-sub-toolbar .channel-subscribe:focus .subscribed-count:not(:empty) { background-color: #000000; color: #FFFFFF; } body.dark-background.single-vid_channel header.channel-header { background-color: rgba(255, 255, 255, 0.1); } .global-single-wrapper .yasr_table_multi_set_shortcode { margin-top: 0; margin-bottom: 0; border-collapse: collapse; color: rgba(255, 255, 255, 0.8); } .global-single-wrapper .yasr_table_multi_set_shortcode:not(:first-child) { margin-top: 25px; } .global-single-wrapper .yasr_table_multi_set_shortcode:not(:last-child) { margin-bottom: 25px; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td { border: 1px solid #333333; width: 50%; vertical-align: middle; padding: 12px 20px; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td .yasr-multi-set-name-field, .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td .yasr-visitor-multiset-vote-count { line-height: 1; display: inline-block; vertical-align: middle; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td .yasr-multi-set-name-field { font-weight: 700; text-transform: uppercase; color: #FFFFFF; font-size: 14px; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td .yasr-visitor-multiset-vote-count { margin-top: 3px; margin-left: 8px; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td .rateit.medium { margin-left: 8px; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td input[id^="yasr-send-visitor-multiset-"], .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td .yasr-loader-multiset-visitor, .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr > td .yasr-visitor-multiset-message { vertical-align: middle; margin-right: 8px; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr .yasr-multiset-average { text-align: left; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr:nth-child(odd) { background-color: #111111; } .global-single-wrapper .yasr_table_multi_set_shortcode tbody tr:nth-child(even) { background-color: #1A1A1A; } .global-single-wrapper .yasr_table_multi_set_shortcode input[id^="yasr-send-visitor-multiset-"]:hover:hover, .global-single-wrapper .yasr_table_multi_set_shortcode input[id^="yasr-send-visitor-multiset-"]:hover:focus { color: #000000; background-color: #e6e6e6; background: linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -webkit-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); background: -moz-linear-gradient(to left bottom, #FFFFFF 50%, #e6e6e6 50%); } .yasr-visitor-votes { margin-left: 0px; margin-right: 0px; } .yasr-visitor-votes:not(:first-child) { margin-top: 25px; } .yasr-visitor-votes:not(:last-child) { margin-bottom: 15px; } .yasr-visitor-votes > * { display: inline-block; padding-left: 0; padding-right: 0; vertical-align: middle !important; width: auto; } .yasr-visitor-votes .yasr-visitor-votes-must-sign-in, .yasr-visitor-votes .yasr-already-voted-text { display: block; margin-top: 10px; } @media (max-width: 767px) { .yasr-visitor-votes { text-align: center; } .yasr-visitor-votes .yasr_visitor_votes_stars_div { display: block; } .yasr-visitor-votes .yasr-visitor-votes-after-stars-class { margin: 20px 0 0 0; } } .yasr-visitor-votes .yasr-dashicons-visitor-stats:focus { outline: none; } .yasr-visitor-votes .yasr-visitor-votes-after-stars-class { margin-left: 15px; } .yasr-visitor-votes .yasr-visitor-votes-must-sign-in, .yasr-visitor-votes .yasr-already-voted-text { margin-top: 0; } .yasr-visitor-votes .yasr-small-block-bold { font-weight: 500; font-size: 14px; } .tippy-tooltip.yasr-theme { background-color: #FFFFFF; padding: 25px 20px 30px 20px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-border-radius: 0; border: none; } .tippy-tooltip.yasr-theme #yasr-medium-rating-tooltip { font-weight: 600; text-transform: uppercase; } .tippy-tooltip.yasr-theme .yasr-visitors-stats-tooltip .yasr-progress-bar-name { text-align: left !important; font-weight: 500; float: none; width: 100% !important; margin-bottom: 5px; } .tippy-tooltip.yasr-theme .yasr-visitors-stats-tooltip .yasr-progress-bar-row-container { padding: 0 !important; margin-bottom: 20px; } .tippy-tooltip.yasr-theme .yasr-visitors-stats-tooltip .yasr-progress-bar-row-container:last-child { margin-bottom: 0; } .tippy-tooltip.yasr-theme .yasr-single-progress-bar-container { width: calc(100% - 40px) !important; width: -webkit-calc(100% - 40px) !important; width: -ms-calc(100% - 40px) !important; width: -moz-calc(100% - 40px) !important; } .tippy-tooltip.yasr-theme .tippy-roundarrow { fill: #FFFFFF !important; } .form-front-end-submit { margin-top: 40px; } /*gutenberg*/ .global-single-content [class^="wp-block-"]:not(.wp-block-spacer) { margin-top: 2em; margin-bottom: 2em; } .global-single-content [class^="wp-block-"]:not(.wp-block-spacer):first-child { margin-top: 0; } .global-single-content [class^="wp-block-"]:not(.wp-block-spacer):last-child { margin-bottom: 0; } .global-single-content [class^="wp-block-"]:not(.wp-block-spacer) + .wp-block-spacer { margin-top: -2em; } .global-single-content .wp-block-spacer + * { margin-top: -2em; } .global-single-content .wp-block-embed { margin-left: 0; margin-right: 0; } .global-single-content .wp-block-separator { border-color: rgba(0, 0, 0, 0.1); clear: both; } .global-single-content .wp-block-separator.is-style-dots::before { color: rgba(0, 0, 0, 0.4); } .global-single-content .wp-block-pullquote { padding: 2em 0; } .global-single-content .wp-block-quote.is-large, .global-single-content .wp-block-quote.is-style-large { padding: 20px 25px 20px 85px; } @media (max-width: 767px) { .global-single-content .wp-block-quote.is-large, .global-single-content .wp-block-quote.is-style-large { padding: 13px 15px 13px 65px; } .global-single-content .wp-block-quote.is-large p, .global-single-content .wp-block-quote.is-style-large p { font-size: 18px; } } .global-single-content .wp-block-quote.is-large cite, .global-single-content .wp-block-quote.is-large footer, .global-single-content .wp-block-quote.is-style-large cite, .global-single-content .wp-block-quote.is-style-large footer { text-align: left; } @media (max-width: 767px) { .global-single-content .wp-block-quote.is-large cite, .global-single-content .wp-block-quote.is-large footer, .global-single-content .wp-block-quote.is-style-large cite, .global-single-content .wp-block-quote.is-style-large footer { font-size: 14px; } } .global-single-content .wp-block-pullquote p { font-size: 18px; } @media (max-width: 767px) { .global-single-content .wp-block-pullquote p { font-size: 14px; } } .global-single-content .wp-block-latest-posts a { text-decoration: none; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; display: block; } .global-single-content .wp-block-image .alignleft { margin-right: 2em; } .global-single-content .wp-block-image .alignright { margin-left: 2em; } .global-single-content .wp-block-categories a, .global-single-content .wp-block-archives a { text-decoration: none; } .global-single-content iframe[class*="instagram-media"], .global-single-content blockquote[class*="instagram-media"] { max-width: 100% !important; width: 100% !important; } .dark-background .global-single-content .wp-block-separator { border-color: rgba(255, 255, 255, 0.1); } .dark-background .global-single-content .wp-block-separator.is-style-dots::before { color: rgba(255, 255, 255, 0.4); } .dark-background .lightbox-edit-post .lightbox-edit-post-content .wpcf7 { background-color: #252525; } .fe_edit-post { display: inline-block; margin-left: 8px; font-size: 18px; background-color: #FF0000; color: #FFFFFF; width: 27px; height: 27px; text-align: center; line-height: 27px; border-radius: 5px; -webkit-border-radius: 5px; vertical-align: middle; cursor: pointer; } .fe_edit-post:hover { background-color: #252525; } .lightbox-edit-post { background-color: rgba(0, 0, 0, 0.8); position: fixed; z-index: 99999999; top: 0; left: 0; width: 100%; height: 100%; } .lightbox-edit-post .lightbox-edit-post-content { position: absolute; top: 0; bottom: 0; right: -40px; left: -40px; padding-left: 40px; padding-right: 40px; overflow: hidden; overflow-y: scroll; } .lightbox-edit-post .lightbox-edit-post-content .wpcf7 { max-width: 810px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; margin-top: 60px; margin-bottom: 60px; padding: 30px; position: relative; } @media (max-width: 991px) { .lightbox-edit-post .lightbox-edit-post-content .wpcf7 { max-width: 100%; margin-left: 15px; margin-right: 15px; padding: 20px; } } .lightbox-edit-post .lightbox-edit-post-content .lightbox-edit-close { text-align: center; height: 30px; width: 30px; line-height: 30px; background-color: #CCCCCC; font-size: 16px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; position: absolute; top: -15px; right: -15px; color: #000000; border-radius: 50%; -webkit-border-radius: 50%; } .lightbox-edit-post .video-load-icon { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; } .lightbox-edit-post.save-data .wpcf7 > * { pointer-events: none !important; opacity: 0.68; } .lightbox-edit-post ~ .select2-container { z-index: 99999999; } .fb-comments iframe { width: 100% !important; } body.page-template-front-page-template .entry-content + .subscriptions-title { margin-top: 40px; } .subscriptions-title { padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .subscriptions-title + .blog-items:not(:last-child) { margin-bottom: 10px; } .notice-login-sub { text-align: center; margin-top: 60px; } /*11.3 - Playlist*/ body.page .entry-content:empty + .archive-heading { margin-top: 10px; } body.page .entry-content:not(:empty) + .archive-heading { margin-top: 40px; } .playlist-frame .player-in-playlist { width: calc(100% - 360px); width: -webkit-calc(100% - 360px); width: -moz-calc(100% - 360px); width: -ms-calc(100% - 360px); } @media (min-width: 992px) and (max-width: 1199px) { .playlist-frame .player-in-playlist { width: calc(100% - 300px); width: -webkit-calc(100% - 300px); width: -moz-calc(100% - 300px); width: -ms-calc(100% - 300px); } } @media (max-width: 991px) { .playlist-frame .player-in-playlist { width: 100%; } } .playlist-frame .playlist-videos { width: 360px; position: relative; } @media (min-width: 992px) and (max-width: 1199px) { .playlist-frame .playlist-videos { width: 300px; } } @media (max-width: 991px) { .playlist-frame .playlist-videos { margin-top: 30px; width: 100%; min-height: 300px; max-height: 300px; } } .playlist-frame .playlist-videos .mCSB_inside > .mCSB_container { margin-right: 20px; } .playlist-frame .playlist-videos .mCSB_scrollTools { width: 0px; margin: 0; opacity: 1; } .playlist-frame .playlist-videos .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger { width: 2px; right: 0; } .playlist-frame .playlist-videos .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 2px; border-radius: 0; -webkit-border-radius: 0; background-color: rgba(255, 255, 255, 0.3); opacity: 1; } .playlist-frame .playlist-videos .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, 0.1); margin: 0 0 0 -2px; } .playlist-frame .playlist-videos .os-scrollbar-track { height: 100%; margin-top: 0; } .playlist-frame .playlist-videos .os-theme-dark > .os-scrollbar-vertical, .playlist-frame .playlist-videos .os-theme-light > .os-scrollbar-vertical { width: 2px; background-color: rgba(255, 255, 255, 0.1); } .playlist-frame .playlist-videos .os-viewport { right: 20px; } .playlist-frame .playlist-videos .video-listing { position: absolute; top: 0; left: 5px; right: 15px; bottom: 0; max-height: 100%; overflow: hidden; } .playlist-frame .playlist-videos .video-listing:not(.mCustomScrollbar):not(.os-host) { padding-right: 18px; border-right: 2px solid rgba(255, 255, 255, 0.1); } @media (max-width: 991px) { .playlist-frame .playlist-videos .video-listing { left: 15px; right: 15px; } } .playlist-frame .playlist-videos .video-listing .video-listing-header { margin-top: -4px; margin-bottom: 25px; } .playlist-frame .playlist-videos .video-listing .video-listing-header:after { content: ''; display: table; clear: both; } .playlist-frame .playlist-videos .video-listing .video-listing-header a { text-decoration: none; } .playlist-frame .playlist-videos .video-listing .video-listing-header .header-title { float: left; max-width: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase; } .playlist-frame .playlist-videos .video-listing .video-listing-header .header-total-videos { float: right; } .playlist-frame .playlist-videos .video-listing .video-listing-item { margin-bottom: 20px; } .playlist-frame .playlist-videos .video-listing .video-listing-item:last-child { margin-bottom: 0; } .playlist-frame .playlist-videos .video-listing .video-listing-item:after { content: ''; display: table; clear: both; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item { position: relative; pointer-events: none; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .absolute-gradient { top: 0; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-img { float: none; width: 100%; padding: 0; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-img .ul-placeholder-bg { padding-top: 37.5%; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-img:empty { display: block; padding-top: 37.5%; background-color: rgba(255, 255, 255, 0.1); } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-content { float: none; width: auto; position: absolute; bottom: 15px; left: 15px; right: 15px; padding-left: 45px; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-content .video-icon { left: 0; margin-left: 0; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-content .post-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-content .post-title a { color: #FFFFFF; } .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-content .post-meta, .playlist-frame .playlist-videos .video-listing .video-listing-item.current-item .video-content .post-meta a:not(:hover) { color: rgba(255, 255, 255, 0.9); } .playlist-frame .playlist-videos .video-listing .video-img { width: 100px; padding-right: 20px; float: left; } .playlist-frame .playlist-videos .video-listing .video-img:empty { display: none; } .playlist-frame .playlist-videos .video-listing .video-img:not(:empty) + .video-content { width: calc(100% - 102px); width: -webkit-calc(100% - 102px); width: -moz-calc(100% - 102px); width: -ms-calc(100% - 102px); } .playlist-frame .playlist-videos .video-listing .video-content { float: left; width: 100%; } .playlist-frame .playlist-videos .video-listing .video-content .post-title a:not(:hover) { color: rgba(255, 255, 255, 0.8); } .playlist-frame .playlist-videos .video-listing .video-content .post-meta, .playlist-frame .playlist-videos .video-listing .video-content .post-meta a:not(:hover) { color: rgba(255, 255, 255, 0.6); } .playlist-frame .playlist-videos .bottom-gradient { position: absolute; bottom: 0; top: 80%; left: 0; right: 0; pointer-events: none; } .playlist-frame .playlist-videos .bottom-gradient .absolute-gradient { top: 0; opacity: 0.9; } .playlist-frame .playlist-videos .current-item + .blog-pagination .wp-pagenavi-wrapper { padding-top: 10px; } .playlist-frame .playlist-videos .blog-pagination .wp-pagenavi-wrapper { padding-top: 30px; padding-bottom: 30px; } .playlist-frame .playlist-videos .wp-pagenavi .pages { display: none; } .playlist-frame .playlist-videos .wp-pagenavi > * { padding: 4px 6px; min-width: 25px; min-height: 25px; font-size: 11px; } .sc-playlist-wrapper { background-color: #000000; padding-top: 30px; border-top: 3px solid #CC0000; padding-bottom: 30px; border-bottom: 3px solid #CC0000; } .sc-playlist-wrapper .player-in-playlist .sc-video-elm-widget { background-color: rgba(255, 255, 255, 0.1); } .sc-playlist-wrapper:not(.full-text) .player-in-playlist, .sc-playlist-wrapper:not(.full-text) .playlist-videos { width: 100%; } .sc-playlist-wrapper:not(.full-text) .playlist-videos { margin-top: 30px; min-height: 300px; max-height: 300px; } .sc-playlist-wrapper:not(.full-text) .playlist-videos .video-listing { left: 15px; right: 15px; } /*11.4 - Comment*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area { padding: 0.1px 0; } .comments-area .comment-notes { display: none; } .comments-area .comment-reply-title { margin-top: -5px; margin-bottom: 25px; text-transform: uppercase; } .comments-area .comment-form { display: block; width: auto; margin-left: -5px; margin-right: -5px; } .comments-area .comment-form > p { padding: 0 5px; margin-bottom: 10px; } .comments-area .comment-form > p:last-child { margin-bottom: 0; } .comments-area .comment-form:after { content: ''; display: table; clear: both; } .comments-area .comment-form .comment-form-author, .comments-area .comment-form .comment-form-email, .comments-area .comment-form .comment-form-url { float: left; width: 33.33333333%; margin-bottom: 0; } @media (max-width: 575px) { .comments-area .comment-form .comment-form-author, .comments-area .comment-form .comment-form-email, .comments-area .comment-form .comment-form-url { float: none; width: 100%; } } .comments-area .comment-form .form-submit { padding-top: 20px; clear: both; margin-bottom: 0; } .comments-area .comment-form .logged-in-as { margin-top: -5px; margin-bottom: 23px; } .comments-area .comments-title { margin-top: -5px; padding-bottom: 15px; border-bottom: 2px solid #EAEAEA; margin-bottom: 30px; text-transform: uppercase; } .comments-area #respond ~ .comments-title { margin-top: 35px; } .comments-area .pag-comment-top { margin-top: -7px; margin-bottom: 23px; } .comments-area .pag-comment-bottom { margin-top: 23px; margin-bottom: -7px; } .comments-area .comment-navigation .nav-links:after { content: ''; display: table; clear: both; } .comments-area .comment-navigation .nav-links .nav-previous { float: left; } .comments-area .comment-navigation .nav-links .nav-previous a:before { content: "\f104"; font-family: 'FontAwesome'; padding-right: 5px; } .comments-area .comment-navigation .nav-links .nav-next { float: right; } .comments-area .comment-navigation .nav-links .nav-next a:after { content: "\f105"; font-family: 'FontAwesome'; padding-left: 5px; } .comments-area .comment-navigation .nav-links a { text-decoration: none; } .comments-area .comment-list { line-height: 1.8; list-style: none; padding: 0; } .comments-area .comment-list ol.children, .comments-area .comment-list li.comment { line-height: 1.8; list-style: none; } .comments-area .comment-list li.comment ol.children { padding-left: 85px; } @media (max-width: 575px) { .comments-area .comment-list li.comment ol.children { padding-left: 0; } } .comments-area .comment-list li.comment .comment-body { padding-left: 85px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #EAEAEA; position: relative; min-height: 95px; } .comments-area .comment-list li.comment .comment-body .comment-author { width: 65px; position: absolute; top: 0; left: 0; } .comments-area .comment-list li.comment .comment-body .comment-author .avatar { display: block; margin: 0; padding: 0; } .comments-area .comment-list li.comment .comment-body .comment-author .says { display: none; } .comments-area .comment-list li.comment .comment-body .comment-author .fn { position: absolute; left: 85px; top: -6px; white-space: nowrap; text-transform: capitalize; } .comments-area .comment-list li.comment .comment-body .comment-author .fn a { text-decoration: none; } .comments-area .comment-list li.comment .comment-body ~ #respond { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #EAEAEA; } .comments-area .comment-list li.comment .comment-body .comment-metadata { padding-top: 13px; } .comments-area .comment-list li.comment .comment-body .comment-metadata a { text-decoration: none; font-size: 12px; color: #999999; } .comments-area .comment-list li.comment .comment-body .comment-metadata a:hover { color: #000000; } .comments-area .comment-list li.comment .comment-body .comment-awaiting-moderation { font-size: 12px; font-style: italic; margin-top: -3px; } .comments-area .comment-list li.comment .comment-body .reply { position: absolute; top: -4px; right: 0; } .comments-area .comment-list li.comment .comment-body .reply a { text-decoration: none; font-size: 12px; color: #999999; } .comments-area .comment-list li.comment .comment-body .reply a:hover { color: #000000; } .comments-area .comment-list li.comment .comment-body .reply a:before { content: "\f112"; font-family: 'FontAwesome'; padding-right: 5px; } .comments-area .comment-list li.comment .comment-body .comment-content { margin-top: -3px; margin-bottom: -15px; } .comments-area .comment-list li.comment .comment-body .comment-content > ul, .comments-area .comment-list li.comment .comment-body .comment-content > ol { margin-bottom: 1em; } .comments-area .comment-list li.comment .comment-body .comment-content > h1, .comments-area .comment-list li.comment .comment-body .comment-content > h2, .comments-area .comment-list li.comment .comment-body .comment-content > h3, .comments-area .comment-list li.comment .comment-body .comment-content > h4, .comments-area .comment-list li.comment .comment-body .comment-content > h5, .comments-area .comment-list li.comment .comment-body .comment-content > h6 { margin-bottom: 0.42em; } @media (max-width: 575px) { .comments-area .comment-list li.comment .comment-body { padding-left: 65px; min-height: 80px; } .comments-area .comment-list li.comment .comment-body .comment-author { width: 50px; } .comments-area .comment-list li.comment .comment-body .comment-author .fn { left: 65px; } } .comments-area .comment-list .pingback { border-bottom: 1px dashed #EAEAEA; padding: 12px 0; } .comments-area .comment-list .pingback + .comment { margin-top: 40px; } .comments-area .comment-list .pingback a.url { text-decoration: none; font-weight: 500; } .comments-area .comment-list .pingback .edit-link { font-size: 12px; } .comments-area .comment-list .pingback .edit-link a { color: #999999; } .comments-area .comment-list .pingback:first-child { margin-top: -10px; } .dark-background .comments-area .comments-title { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .comments-area .comment-list li.comment .comment-body { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .comments-area .comment-list li.comment .comment-body ~ #respond { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .comments-area .comment-list li.comment .comment-body .comment-metadata a { color: rgba(255, 255, 255, 0.4); } .dark-background .comments-area .comment-list li.comment .comment-body .comment-metadata a:hover { color: #FFFFFF; } .dark-background .comments-area .comment-list li.comment .comment-body .reply a { color: rgba(255, 255, 255, 0.4); } .dark-background .comments-area .comment-list li.comment .comment-body .reply a:hover { color: #FFFFFF; } .dark-background .comments-area .comment-list .pingback { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .comments-area .comment-list .pingback .edit-link a { color: #999999; } /*11.5 - Video Player*/ @media (min-width: 461px) { body.is-sidebar.vp-small-item .video-toolbar .tb-left .toolbar-item .toolbar-item-content, body.is-sidebar .vp-small-item .video-toolbar .tb-left .toolbar-item .toolbar-item-content, .playlist-frame .player-in-playlist.vp-small-item .video-toolbar .tb-left .toolbar-item .toolbar-item-content, .playlist-frame .player-in-playlist .vp-small-item .video-toolbar .tb-left .toolbar-item .toolbar-item-content, .sc-video-elm-widget.vp-small-item .video-toolbar .tb-left .toolbar-item .toolbar-item-content, .sc-video-elm-widget .vp-small-item .video-toolbar .tb-left .toolbar-item .toolbar-item-content { padding-left: 20px; padding-right: 20px; } body.is-sidebar.vp-small-item .video-toolbar .tb-left .toolbar-item .item-text, body.is-sidebar .vp-small-item .video-toolbar .tb-left .toolbar-item .item-text, .playlist-frame .player-in-playlist.vp-small-item .video-toolbar .tb-left .toolbar-item .item-text, .playlist-frame .player-in-playlist .vp-small-item .video-toolbar .tb-left .toolbar-item .item-text, .sc-video-elm-widget.vp-small-item .video-toolbar .tb-left .toolbar-item .item-text, .sc-video-elm-widget .vp-small-item .video-toolbar .tb-left .toolbar-item .item-text { display: none; } body.is-sidebar.vp-small-item .video-toolbar .tb-left .toolbar-item .item-icon + .item-text, body.is-sidebar.vp-small-item .video-toolbar .tb-left .toolbar-item .item-text + .item-icon, body.is-sidebar .vp-small-item .video-toolbar .tb-left .toolbar-item .item-icon + .item-text, body.is-sidebar .vp-small-item .video-toolbar .tb-left .toolbar-item .item-text + .item-icon, .playlist-frame .player-in-playlist.vp-small-item .video-toolbar .tb-left .toolbar-item .item-icon + .item-text, .playlist-frame .player-in-playlist.vp-small-item .video-toolbar .tb-left .toolbar-item .item-text + .item-icon, .playlist-frame .player-in-playlist .vp-small-item .video-toolbar .tb-left .toolbar-item .item-icon + .item-text, .playlist-frame .player-in-playlist .vp-small-item .video-toolbar .tb-left .toolbar-item .item-text + .item-icon, .sc-video-elm-widget.vp-small-item .video-toolbar .tb-left .toolbar-item .item-icon + .item-text, .sc-video-elm-widget.vp-small-item .video-toolbar .tb-left .toolbar-item .item-text + .item-icon, .sc-video-elm-widget .vp-small-item .video-toolbar .tb-left .toolbar-item .item-icon + .item-text, .sc-video-elm-widget .vp-small-item .video-toolbar .tb-left .toolbar-item .item-text + .item-icon { padding-left: 0; } body.is-sidebar.vp-small-item .video-toolbar .tb-right .toolbar-item .toolbar-item-content, body.is-sidebar .vp-small-item .video-toolbar .tb-right .toolbar-item .toolbar-item-content, .playlist-frame .player-in-playlist.vp-small-item .video-toolbar .tb-right .toolbar-item .toolbar-item-content, .playlist-frame .player-in-playlist .vp-small-item .video-toolbar .tb-right .toolbar-item .toolbar-item-content, .sc-video-elm-widget.vp-small-item .video-toolbar .tb-right .toolbar-item .toolbar-item-content, .sc-video-elm-widget .vp-small-item .video-toolbar .tb-right .toolbar-item .toolbar-item-content { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1200px) { body.is-sidebar.vp-small-item .video-sub-toolbar, body.is-sidebar .vp-small-item .video-sub-toolbar, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar, .sc-video-elm-widget.vp-small-item .video-sub-toolbar, .sc-video-elm-widget .vp-small-item .video-sub-toolbar { padding-left: 10px; padding-right: 10px; } body.is-sidebar.vp-small-item .video-sub-toolbar .toolbar-item .item-text, body.is-sidebar .vp-small-item .video-sub-toolbar .toolbar-item .item-text, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar .toolbar-item .item-text, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar .toolbar-item .item-text, .sc-video-elm-widget.vp-small-item .video-sub-toolbar .toolbar-item .item-text, .sc-video-elm-widget .vp-small-item .video-sub-toolbar .toolbar-item .item-text { display: none; } body.is-sidebar.vp-small-item .video-sub-toolbar .toolbar-item-content, body.is-sidebar .vp-small-item .video-sub-toolbar .toolbar-item-content, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar .toolbar-item-content, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar .toolbar-item-content, .sc-video-elm-widget.vp-small-item .video-sub-toolbar .toolbar-item-content, .sc-video-elm-widget .vp-small-item .video-sub-toolbar .toolbar-item-content { padding: 0 10px; } } @media (max-width: 1199px) { body.is-sidebar.vp-small-item .video-sub-toolbar, body.is-sidebar .vp-small-item .video-sub-toolbar, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar, .sc-video-elm-widget.vp-small-item .video-sub-toolbar, .sc-video-elm-widget .vp-small-item .video-sub-toolbar { padding-left: 0; padding-right: 0; } body.is-sidebar.vp-small-item .video-sub-toolbar .tb-left, body.is-sidebar.vp-small-item .video-sub-toolbar .tb-right, body.is-sidebar .vp-small-item .video-sub-toolbar .tb-left, body.is-sidebar .vp-small-item .video-sub-toolbar .tb-right, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar .tb-left, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar .tb-right, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar .tb-left, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar .tb-right, .sc-video-elm-widget.vp-small-item .video-sub-toolbar .tb-left, .sc-video-elm-widget.vp-small-item .video-sub-toolbar .tb-right, .sc-video-elm-widget .vp-small-item .video-sub-toolbar .tb-left, .sc-video-elm-widget .vp-small-item .video-sub-toolbar .tb-right { float: none; } body.is-sidebar.vp-small-item .video-sub-toolbar .tb-left > .site__row, body.is-sidebar.vp-small-item .video-sub-toolbar .tb-right > .site__row, body.is-sidebar .vp-small-item .video-sub-toolbar .tb-left > .site__row, body.is-sidebar .vp-small-item .video-sub-toolbar .tb-right > .site__row, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar .tb-left > .site__row, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar .tb-right > .site__row, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar .tb-left > .site__row, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar .tb-right > .site__row, .sc-video-elm-widget.vp-small-item .video-sub-toolbar .tb-left > .site__row, .sc-video-elm-widget.vp-small-item .video-sub-toolbar .tb-right > .site__row, .sc-video-elm-widget .vp-small-item .video-sub-toolbar .tb-left > .site__row, .sc-video-elm-widget .vp-small-item .video-sub-toolbar .tb-right > .site__row { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } body.is-sidebar.vp-small-item .video-sub-toolbar .tb-left + .tb-right, body.is-sidebar .vp-small-item .video-sub-toolbar .tb-left + .tb-right, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar .tb-left + .tb-right, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar .tb-left + .tb-right, .sc-video-elm-widget.vp-small-item .video-sub-toolbar .tb-left + .tb-right, .sc-video-elm-widget .vp-small-item .video-sub-toolbar .tb-left + .tb-right { padding-top: 15px; } body.is-sidebar.vp-small-item .video-sub-toolbar .toolbar-item-content.view-like-information, body.is-sidebar .vp-small-item .video-sub-toolbar .toolbar-item-content.view-like-information, .playlist-frame .player-in-playlist.vp-small-item .video-sub-toolbar .toolbar-item-content.view-like-information, .playlist-frame .player-in-playlist .vp-small-item .video-sub-toolbar .toolbar-item-content.view-like-information, .sc-video-elm-widget.vp-small-item .video-sub-toolbar .toolbar-item-content.view-like-information, .sc-video-elm-widget .vp-small-item .video-sub-toolbar .toolbar-item-content.view-like-information { text-align: center; } } body.main-layout-boxed .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form { margin-top: 20px; left: -20px; right: -20px; padding: 20px; } body.main-layout-boxed .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form:before, body.main-layout-boxed .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form:after { display: none; } @media (max-width: 991px) { body.main-layout-boxed .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form { left: -15px; right: -15px; padding: 20px 15px; } } .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form { width: 1140px; border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 1199px) { .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form { width: 930px; } } @media (max-width: 991px) { .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form { width: 690px; } } @media (max-width: 767px) { .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form { width: 510px; } } @media (max-width: 575px) { .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form { width: auto; } } .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form:before, .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form:after { display: block; } .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form:before { right: 100%; border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: -1px; z-index: 1; } @media (max-width: 575px) { .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form:before { margin-right: 0; border-right: none; } } .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form:after { left: 100%; border-left: 1px solid rgba(255, 255, 255, 0.2); margin-left: -1px; z-index: 1; } @media (max-width: 575px) { .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form:after { margin-left: 0; border-left: none; } } @media (max-width: 991px) { body.main-layout-boxed .single-post-video-full-width-wrapper .playlist-frame .video-sub-toolbar .toolbar-item-content .report-form { width: auto; } } @media (max-width: 1199px) { body.main-layout-boxed .single-post-style-wrapper.special .single-player-video-wrapper.default .video-sub-toolbar .toolbar-item-content .report-form { padding: 25px 20px; } } @media (max-width: 575px) { body.main-layout-boxed .single-post-style-wrapper.special .single-player-video-wrapper.default .video-sub-toolbar .toolbar-item-content .report-form { left: 0; right: 0; padding: 20px 15px; } } .single-player-video-wrapper.vp-small-item .video-sub-toolbar .toolbar-item-content .report-form { padding: 25px 20px; } @media (max-width: 575px) { .single-player-video-wrapper.vp-small-item .video-sub-toolbar .toolbar-item-content .report-form { padding: 20px 15px; } } .single-player-video-wrapper.vp-small-item .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-bar { min-width: 150px; } .single-post-video-full-width-wrapper { background-color: #000000; padding-bottom: 30px; } .single-post-video-full-width-wrapper .series-wrapper { padding: 26px 30px 26px 30px; background-color: rgba(255, 255, 255, 0.08); border-bottom: none; } .single-post-video-full-width-wrapper .series-wrapper .series-items + .series-items { border-top: 1px dotted rgba(255, 255, 255, 0.15); } .single-post-video-full-width-wrapper .series-wrapper .series-item { background-color: rgba(255, 255, 255, 0.1); } .single-post-video-full-width-wrapper .series-wrapper .series-item:hover { color: #000000; background-color: #FFFFFF; } .single-post-video-full-width-wrapper .series-wrapper .series-item.active-item { color: #FFFFFF; background-color: #CC0000; } @media (max-width: 1199px) { .single-post-video-full-width-wrapper .series-wrapper { padding-left: 20px; padding-right: 20px; } } @media (max-width: 575px) { .single-post-video-full-width-wrapper .series-wrapper { padding-left: 15px; padding-right: 15px; } } .single-post-video-full-width-wrapper .video-sub-toolbar { padding-bottom: 0; } .single-post-video-full-width-wrapper .video-sub-toolbar + .series-wrapper { border-top: none; margin-top: 30px; } .single-post-video-full-width-wrapper .video-sub-toolbar:before { display: none; } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-bar { background-color: rgba(255, 255, 255, 0.2); } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-infor { color: #C4C4C4; } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .subtollbartolltip { background-color: rgba(255, 255, 255, 0.8); } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .subtollbartolltip > * { color: #111111; } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .subtollbartolltip:after { border-top-color: rgba(255, 255, 255, 0.8); } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form { margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form:before, .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form:after { display: block; } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form:before { right: 100%; border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: -1px; z-index: 1; } @media (max-width: 575px) { .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form:before { margin-right: 0; border-right: none; } } .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form:after { left: 100%; border-left: 1px solid rgba(255, 255, 255, 0.2); margin-left: -1px; z-index: 1; } @media (max-width: 575px) { .single-post-video-full-width-wrapper .video-sub-toolbar .toolbar-item-content .report-form:after { margin-left: 0; border-left: none; } } .single-post-video-full-width-wrapper .video-sub-toolbar .item-button { background-color: rgba(255, 255, 255, 0.15); color: #C4C4C4; } .single-post-video-full-width-wrapper .video-toolbar { background-color: rgba(255, 255, 255, 0.1); } .single-post-video-full-width-wrapper .video-toolbar .toolbar-item { border-color: rgba(255, 255, 255, 0.1); } @media (max-width: 767px) { .single-post-video-full-width-wrapper .video-toolbar .tb-left { border-bottom-color: rgba(255, 255, 255, 0.1); } } .single-post-video-full-width-wrapper .video-player-wrap { background-color: rgba(255, 255, 255, 0.05); } .single-post-video-full-width-wrapper .social-share-toolbar:not(:last-child) .social-share-toolbar-content { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .video-sub-toolbar:before { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-bar { background-color: rgba(255, 255, 255, 0.2); } .dark-background .video-sub-toolbar .item-button { background-color: rgba(255, 255, 255, 0.15); color: #FFFFFF; } .video-sub-toolbar { margin-top: 30px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; position: relative; } .video-sub-toolbar:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .video-sub-toolbar:after { content: ''; clear: both; display: table; } .video-sub-toolbar .tb-left > .site__row, .video-sub-toolbar .tb-right > .site__row { margin: 0; } .video-sub-toolbar .tb-left { float: left; } .video-sub-toolbar .tb-right:first-child { float: none; width: 100%; } .video-sub-toolbar .tb-right:first-child > .site__row { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .video-sub-toolbar .tb-right:first-child .toolbar-item-content { height: 42px; line-height: 42px; } .video-sub-toolbar .tb-right { float: right; } .video-sub-toolbar .tb-right .toolbar-item-content { height: 55px; line-height: 55px; } .video-sub-toolbar .toolbar-item { width: auto; padding: 0; } .video-sub-toolbar .toolbar-item .fa { line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .video-sub-toolbar .toolbar-item .item-icon, .video-sub-toolbar .toolbar-item .item-text { display: inline-block; vertical-align: middle; line-height: 1; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; padding-left: 4px; padding-right: 4px; } .video-sub-toolbar .toolbar-item-content { padding: 0 15px; } .video-sub-toolbar .toolbar-item-content.facebook-like-share * { vertical-align: middle !important; line-height: 1; } .video-sub-toolbar .toolbar-item-content.view-like-information { text-align: left; } .video-sub-toolbar .toolbar-item-content.view-like-information .view-count { margin-top: -5px; margin-bottom: 9px; } .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-bar { height: 3px; margin-bottom: 8px; background-color: gainsboro; min-width: 180px; position: relative; } .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-bar > span { width: 0; position: absolute; display: block; left: 0; top: 0; bottom: 0; background-color: #CC0000; } .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-infor { color: #999999; margin-bottom: -7px; } .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-infor:after, .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-infor:before { content: ''; clear: both; display: table; } .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-infor .like-number { float: left; } .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-infor .dislike-number { float: right; } .video-sub-toolbar .toolbar-item-content.view-like-information .like-dislike-infor .block-icon { margin-right: 5px; } .video-sub-toolbar .toolbar-item-content.report-block { position: static; } .video-sub-toolbar .toolbar-item-content .report-video-btn { position: relative; } .video-sub-toolbar .toolbar-item-content .report-form { position: absolute; top: 100%; margin-top: 0; left: 0; right: 0; bottom: auto; background-color: rgba(0, 0, 0, 0.95); z-index: 9; opacity: 0; visibility: hidden; height: 0; padding: 0; overflow: hidden; } .video-sub-toolbar .toolbar-item-content .report-form:before, .video-sub-toolbar .toolbar-item-content .report-form:after { content: ''; position: absolute; top: -1px; bottom: 0; background-color: rgba(0, 0, 0, 0.9); width: 100vw; border-top: 1px solid rgba(255, 255, 255, 0.1); display: none; } .video-sub-toolbar .toolbar-item-content .report-form .report-info { line-height: 1.8; margin-bottom: 25px; text-align: center; padding: 8px 15px 7px 15px; display: none; } .video-sub-toolbar .toolbar-item-content .report-form .report-info.report-no-data, .video-sub-toolbar .toolbar-item-content .report-form .report-info.report-error { color: #FFFFFF; background-color: #CC0000; } .video-sub-toolbar .toolbar-item-content .report-form .report-info.report-success { color: #FFFFFF; background-color: #1ABC9C; } .video-sub-toolbar .toolbar-item-content .report-form .report-info.active-item { display: block; } .video-sub-toolbar .toolbar-item-content .report-form textarea { height: 80px; margin-bottom: 20px; } @media (max-width: 575px) { .video-sub-toolbar .toolbar-item-content .report-form textarea { height: 120px; } } .video-sub-toolbar .toolbar-item-content .report-form .report-submit { text-align: center; line-height: 1; } .video-sub-toolbar .toolbar-item-content .report-form .report-submit-btn { margin-bottom: 0; } @media (max-width: 575px) { .video-sub-toolbar .toolbar-item-content .report-form { left: -15px; right: -15px; } } .video-sub-toolbar .toolbar-item-content .report-form.not-login-yet { pointer-events: none; } .video-sub-toolbar .toolbar-item-content .report-form.not-login-yet.show-report-already .report-already { display: block; background-color: #222222; } .video-sub-toolbar .toolbar-item-content .report-form.not-login-yet.show-report-login .report-error-login { display: block; background-color: #222222; } .video-sub-toolbar .toolbar-item-content.active-report .report-form { opacity: 1; visibility: visible; height: auto; overflow: visible; padding: 30px; transition: opacity 0.2s, visibility 0.2s, height 0s, padding 0s; -webkit-transition: opacity 0.2s, visibility 0.2s, height 0s, padding 0s; } @media (max-width: 1199px) { .video-sub-toolbar .toolbar-item-content.active-report .report-form { padding: 25px 20px; } } @media (max-width: 575px) { .video-sub-toolbar .toolbar-item-content.active-report .report-form { padding: 20px 15px; } } .video-sub-toolbar .toolbar-item-content.disable-report .report-form > *:not(.report-success) { opacity: 0.5 !important; pointer-events: none !important; } .video-sub-toolbar .toolbar-item-content .subtollbartolltip { position: absolute; bottom: 100%; margin-bottom: 12px; z-index: 10; white-space: nowrap; text-align: center; line-height: 1; padding: 5px 10px; background-color: rgba(0, 0, 0, 0.8); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; visibility: hidden; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .video-sub-toolbar .toolbar-item-content .subtollbartolltip > * { color: #FFFFFF; } .video-sub-toolbar .toolbar-item-content .subtollbartolltip:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 5px 5px; border-top-color: rgba(0, 0, 0, 0.8); top: 100%; left: 50%; margin-left: -5px; } .video-sub-toolbar .toolbar-item-content .subtollbartolltip .unlike, .video-sub-toolbar .toolbar-item-content .subtollbartolltip .undislike { display: none; } .video-sub-toolbar .toolbar-item-content .login-tooltip { position: absolute; top: 100%; margin-top: 12px; z-index: 10; width: 120px; text-align: center; line-height: 1.6; padding: 5px 10px; background-color: #1ABC9C; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; visibility: hidden; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .video-sub-toolbar .toolbar-item-content .login-tooltip > * { color: #FFFFFF; } .video-sub-toolbar .toolbar-item-content .login-tooltip:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 5px 5px; border-bottom-color: #1ABC9C; bottom: 100%; left: 50%; margin-left: -5px; } .video-sub-toolbar .toolbar-item-content .channel-subscribe.channel-subscribed { color: #FFFFFF; } .video-sub-toolbar .toolbar-item-content .channel-subscribe .subscribed-count:not(:empty) { color: #111111; } .video-sub-toolbar .item-button { background-color: rgba(0, 0, 0, 0.1); color: #000000; padding: 6px 13px 7px 13px; display: inline-block; vertical-align: middle; line-height: 1; cursor: pointer; min-width: 45px; text-align: center; position: relative; transition: color 0.2s, background-color 0.2s, border-color 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; border-radius: 1em; -webkit-border-radius: 1em; } .video-sub-toolbar .item-button:hover { background-color: #CC0000; color: #FFFFFF; } .video-sub-toolbar .item-button.active-item { background-color: #1ABC9C; color: #FFFFFF; } .video-sub-toolbar .item-button.complete-action { background-color: #1ABC9C; color: #FFFFFF; } .video-sub-toolbar .item-button.donation-element { padding: 1px 0; background-color: transparent !important; } .video-sub-toolbar .item-button.donation-element .paypal-donations { line-height: 0; } .video-sub-toolbar .item-button.donation-element .paypal-donations input { outline: none; } .video-sub-toolbar .item-button:hover .subtollbartolltip, .video-sub-toolbar .item-button:hover .login-tooltip { opacity: 1; visibility: visible; } @media (max-width: 1199px) { .video-sub-toolbar { padding-left: 10px; padding-right: 10px; } .video-sub-toolbar .toolbar-item .item-text { display: none; } .video-sub-toolbar .toolbar-item-content { padding: 0 10px; } } @media (max-width: 991px) { .video-sub-toolbar { padding-left: 0; padding-right: 0; } .video-sub-toolbar .tb-left, .video-sub-toolbar .tb-right { float: none; } .video-sub-toolbar .tb-left > .site__row, .video-sub-toolbar .tb-right > .site__row { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .video-sub-toolbar .tb-left + .tb-right { padding-top: 15px; } .video-sub-toolbar .toolbar-item-content.view-like-information { text-align: center; } } .video-toolbar { background-color: #000000; } .video-toolbar:after { content: ''; clear: both; display: table; } .video-toolbar .tb-left > .site__row, .video-toolbar .tb-right > .site__row { margin: 0; } .video-toolbar .tb-left { float: left; } @media (max-width: 1199px) { .video-toolbar .tb-left .toolbar-item .toolbar-item-content { padding-left: 20px; padding-right: 20px; } .video-toolbar .tb-left .toolbar-item .item-text { display: none; } .video-toolbar .tb-left .toolbar-item .item-icon + .item-text, .video-toolbar .tb-left .toolbar-item .item-text + .item-icon { padding-left: 0; } } @media (max-width: 460px) { .video-toolbar .tb-left .toolbar-item .toolbar-item-content { padding-left: 15px; padding-right: 15px; } .video-toolbar .tb-left .toolbar-item .item-icon + .item-text, .video-toolbar .tb-left .toolbar-item .item-text + .item-icon { padding-left: 5px; } } @media (max-width: 767px) { .video-toolbar .tb-left { border-bottom: 1px solid rgba(255, 255, 255, 0.15); float: none; } .video-toolbar .tb-left > .site__row { margin: 0; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } } .video-toolbar .tb-right { float: right; } .video-toolbar .tb-right .toolbar-item { border: none; } @media (max-width: 991px) and (min-width: 768px) { .video-toolbar .tb-right .toolbar-item .toolbar-item-content { padding-left: 20px; padding-right: 20px; } .video-toolbar .tb-right .toolbar-item .item-icon + .item-text, .video-toolbar .tb-right .toolbar-item .item-text + .item-icon { padding-left: 5px; } } @media (max-width: 460px) { .video-toolbar .tb-right .toolbar-item .toolbar-item-content { padding-left: 15px; padding-right: 15px; } .video-toolbar .tb-right .toolbar-item .item-icon + .item-text, .video-toolbar .tb-right .toolbar-item .item-text + .item-icon { padding-left: 5px; } } @media (max-width: 767px) { .video-toolbar .tb-right { float: none; } .video-toolbar .tb-right > .site__row { margin: 0; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } } .video-toolbar .toolbar-item { width: auto; padding: 0; border-right: 1px solid rgba(255, 255, 255, 0.15); } .video-toolbar .toolbar-item .fa { line-height: 1; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .video-toolbar .toolbar-item .item-icon, .video-toolbar .toolbar-item .item-text { display: inline-block; vertical-align: middle; line-height: 1; transition: color 0.3s, background-color 0.3s, border-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .video-toolbar .toolbar-item .item-icon + .item-text, .video-toolbar .toolbar-item .item-text + .item-icon { padding-left: 10px; } @media (max-width: 767px) { .video-toolbar .toolbar-item { border: none; } } .video-toolbar .toolbar-item .woo-download-price { text-decoration: none; display: block; } .video-toolbar .toolbar-item .woo-download-price ins { background-color: transparent; } .video-toolbar .toolbar-item-content { height: 55px; line-height: 55px; padding: 0 30px; cursor: pointer; position: relative; } .video-toolbar .toolbar-item-content:hover > span { color: #CC0000; } .video-toolbar .toolbar-item-content.active-item > span { color: #CC0000; } .video-toolbar .toolbar-item-content .video-load-icon { position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; display: none; } .video-toolbar .toolbar-item-content.loading-ajax { pointer-events: none; } .video-toolbar .toolbar-item-content.add-load-icon .video-load-icon { display: block; } .video-toolbar .toolbar-item-content.add-load-icon .item-icon, .video-toolbar .toolbar-item-content.add-load-icon .item-text { opacity: 0; } .video-toolbar .toolbar-item-content .like-tooltip, .video-toolbar .toolbar-item-content .dislike-tooltip { position: absolute; bottom: 100%; margin-bottom: 10px; z-index: 10; white-space: nowrap; text-align: center; line-height: 1; padding: 5px 10px; background-color: rgba(255, 255, 255, 0.8); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; visibility: hidden; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .video-toolbar .toolbar-item-content .like-tooltip > *, .video-toolbar .toolbar-item-content .dislike-tooltip > * { color: #111111; } .video-toolbar .toolbar-item-content .like-tooltip:after, .video-toolbar .toolbar-item-content .dislike-tooltip:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 5px 5px; border-top-color: rgba(255, 255, 255, 0.8); top: 100%; left: 50%; margin-left: -5px; } .video-toolbar .toolbar-item-content .like-tooltip .unlike, .video-toolbar .toolbar-item-content .like-tooltip .undislike, .video-toolbar .toolbar-item-content .dislike-tooltip .unlike, .video-toolbar .toolbar-item-content .dislike-tooltip .undislike { display: none; } .video-toolbar .toolbar-item-content .login-tooltip { position: absolute; top: 100%; margin-top: 10px; z-index: 10; width: 120px; text-align: center; line-height: 1.6; padding: 5px 10px; background-color: #1ABC9C; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; visibility: hidden; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .video-toolbar .toolbar-item-content .login-tooltip > * { color: #FFFFFF; } .video-toolbar .toolbar-item-content .login-tooltip:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 5px 5px; border-bottom-color: #1ABC9C; bottom: 100%; left: 50%; margin-left: -5px; } .video-toolbar .toolbar-item-content:hover .like-tooltip, .video-toolbar .toolbar-item-content:hover .dislike-tooltip, .video-toolbar .toolbar-item-content:hover .login-tooltip { opacity: 1; visibility: visible; } .video-toolbar .toolbar-item-content.active-item-sub > span { color: #1ABC9C; } .video-toolbar .toolbar-item-content.active-item-sub .likethis, .video-toolbar .toolbar-item-content.active-item-sub .dislikethis { display: none; } .video-toolbar .toolbar-item-content.active-item-sub .unlike, .video-toolbar .toolbar-item-content.active-item-sub .undislike { display: inline; } .video-toolbar .toolbar-item-content.free-files-download { background-color: #CC0000; color: #FFFFFF; } .video-toolbar .toolbar-item-content.free-files-download span, .video-toolbar .toolbar-item-content.free-files-download a { color: #FFFFFF; } .video-toolbar .toolbar-item-content.free-files-download:hover { color: #FFFFFF; } .video-toolbar .toolbar-item-content.free-files-download:hover span, .video-toolbar .toolbar-item-content.free-files-download:hover a { color: #FFFFFF; } .video-toolbar .toolbar-item-content.premium-files-download { background-color: #E86200; color: #FFFFFF; } .video-toolbar .toolbar-item-content.premium-files-download span, .video-toolbar .toolbar-item-content.premium-files-download a { color: #FFFFFF; } .video-toolbar .toolbar-item-content.premium-files-download:hover { color: #FFFFFF; } .video-toolbar .toolbar-item-content.premium-files-download:hover span, .video-toolbar .toolbar-item-content.premium-files-download:hover a { color: #FFFFFF; } .video-toolbar .toolbar-item-content.premium-ready-files-download { background-color: #0CA308; color: #FFFFFF; } .video-toolbar .toolbar-item-content.premium-ready-files-download span, .video-toolbar .toolbar-item-content.premium-ready-files-download a { color: #FFFFFF; } .video-toolbar .toolbar-item-content.premium-ready-files-download:hover { color: #FFFFFF; } .video-toolbar .toolbar-item-content.premium-ready-files-download:hover span, .video-toolbar .toolbar-item-content.premium-ready-files-download:hover a { color: #FFFFFF; } .auto-next-icon { height: 16px; display: block; width: 32px; border-radius: 16px; -webkit-border-radius: 16px; background-color: rgba(255, 255, 255, 0.3); position: relative; transition: background-color 0.3s; -webkit-transition: background-color 0.3s; } .auto-next-icon:after { content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 2px; left: 3px; right: auto; margin-left: 0; background-color: rgba(255, 255, 255, 0.5); transition: background-color 0.3s, margin 0.3s ease-in-out; -webkit-transition: background-color 0.3s, margin 0.3s ease-in-out; } .auto-next-icon.active-item { background-color: #CC0000; } .auto-next-icon.active-item:after { background-color: #FFFFFF; margin-left: 15px; } .auto-next-icon.big-style { height: 14px; width: 40px; border-radius: 14px; -webkit-border-radius: 14px; background-color: #999999; } .auto-next-icon.big-style:after { left: 0; top: -3px; width: 20px; height: 20px; background-color: #BEBEBE; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6); } .auto-next-icon.big-style.active-item { background-color: #CC0000; } .auto-next-icon.big-style.active-item:after { margin-left: 20px; background-color: #FFFFFF; } body.floating-video .video-player-wrap .autoplay-off-elm .video-icon { width: 66px; height: 66px; margin-top: -33px; margin-left: -33px; } body.floating-video .video-player-wrap .autoplay-off-elm .video-icon:after { border-width: 15px 25px; margin-top: -15px; margin-left: -8px; } @media (max-width: 460px) { body.floating-video .video-player-wrap .autoplay-off-elm .video-icon { width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; } body.floating-video .video-player-wrap .autoplay-off-elm .video-icon:after { border-width: 10px 16px; margin-top: -10px; margin-left: -5px; } } .dark-background .video-player-wrap .scroll-up-floating-video, .dark-background .video-player-wrap .close-floating-video, .dark-background.overlay-background .video-player-wrap .scroll-up-floating-video, .dark-background.overlay-background .video-player-wrap .close-floating-video { color: #999999; } .single-player-video-wrapper { position: relative; } .video-player-wrap { position: relative; background-color: rgba(0, 0, 0, 0.05); } .video-player-wrap .video-player-ratio { padding-top: 56.25%; } .video-player-wrap .video-player-content, .video-player-wrap .video-player-content iframe, .video-player-wrap .player-api, .video-player-wrap .player-3rdparty, .video-player-wrap .fb-video, .video-player-wrap .fb-video *, .video-player-wrap .wp-video-shortcode, .video-player-wrap .wp-video, .video-player-wrap .video-player-content object, .video-player-wrap .flowplayer, .video-player-wrap .video-js, .video-player-wrap .jwplayer, .video-player-wrap .jw-error, .video-player-wrap stream, .video-player-wrap .plyr--video, .video-player-wrap .plyr__video-wrapper, .video-player-wrap .tiktok-embed { margin: 0 !important; padding: 0 !important; display: block !important; position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; min-width: 0 !important; max-width: none !important; } .video-player-wrap .plyr--video.plyr--is-ios.plyr--fullscreen-fallback { position: fixed !important; } .video-player-wrap .tiktok-embed { border: none !important; } .video-player-wrap .tiktok-embed section { display: none !important; } .video-player-wrap .tiktok-embed:before { content: ''; } .video-player-wrap .tiktok-embed:not([id]) { opacity: 0 !important; visibility: hidden !important; } .video-player-wrap .wp-video-shortcode, .video-player-wrap .fluid_video_wrapper, .video-player-wrap .fluid_video_wrapper video { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .video-player-wrap .fluid_video_wrapper[class*="fluid_mini_player_mode--"]:not(.fluid_mini_player_mode) { width: 100% !important; height: 100% !important; } .video-player-wrap stream button { min-width: 0; background: transparent !important; } .video-player-wrap stream button:hover { color: #FFFFFF !important; } .video-player-wrap .cf-stream-menu-container { z-index: 1; } .video-player-wrap div.video-js, .video-player-wrap div.flowplayer { z-index: 1; } .video-player-wrap .video-player-content iframe { border: none; } .video-player-wrap iframe#jwp-global-frame { display: none !important; } .video-player-wrap iframe[name*="goog_"][style*="display: none;"] { display: none !important; } .video-player-wrap .jwplayer .jw-settings-submenu button { background-color: transparent; background: transparent; min-width: 0; color: rgba(255, 255, 255, 0.8); } .video-player-wrap .jwplayer .jw-settings-submenu button:hover, .video-player-wrap .jwplayer .jw-settings-submenu button.jw-settings-item-active { color: #FFFFFF; } .video-player-wrap .require-plugin-player { text-align: center; padding: 30px 20px; } .video-player-wrap .flowplayer:not([data-flowplayer-instance-id]) > * { display: none; } .video-player-wrap .flowplayer, .video-player-wrap .vjs-poster { max-height: none !important; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .video-player-wrap video.video-js { object-fit: cover; } .video-player-wrap .video-js .vjs-fullscreen-control, .video-player-wrap .video-js .vjs-play-control, .video-player-wrap .video-js .vjs-mute-control, .video-player-wrap .video-js .vjs-volume-menu-button { background: transparent; min-width: 0; -webkit-appearance: none; } .video-player-wrap .ima-adContainer { margin: 0; padding: 0; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; min-width: 0; max-width: none; z-index: 5; } .video-player-wrap .ima-adContainer > * { width: 100% !important; height: 100% !important; } .video-player-wrap .ima-adContainer.hide-ads { display: none !important; pointer-events: none; } .video-player-wrap .dynamic-ads-container { display: block; position: absolute; z-index: 5; left: 50%; right: auto; background: transparent; text-align: center; opacity: 0; visibility: hidden; pointer-events: none; } .video-player-wrap .dynamic-ads-container .dynamic-ads-content { position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden; } .video-player-wrap .dynamic-ads-container.ready-ad { opacity: 1; visibility: visible; pointer-events: auto; transition: all 0.3s; -webkit-transition: all 0.3s; } .video-player-wrap .dynamic-ads-container.hidden-dynamic-ads { display: none !important; pointer-events: none; } .video-player-wrap .dynamic-ads-container .dynamic-close-button { display: block; text-align: center; height: 21px; width: 21px; line-height: 20px; background-color: #EEEEEE; font-size: 14px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; position: absolute; top: -10px; right: -10px; color: #000000; border-radius: 50%; -webkit-border-radius: 50%; z-index: 1; } .video-player-wrap .dynamic-ads-container ins { background-color: transparent; } .video-player-wrap .dynamic-ads-container.vert-top { top: 20px; bottom: auto; } .video-player-wrap .dynamic-ads-container.vert-middle { top: 50%; bottom: auto; } .video-player-wrap .dynamic-ads-container.vert-bottom { top: auto; bottom: 50px; } @media (min-width: 992px) { .video-player-wrap .dynamic-ads-container { width: 300px; height: 250px; margin-left: -150px; } .video-player-wrap .dynamic-ads-container.vert-middle { margin-top: -125px; } .video-player-wrap .dynamic-ads-container.desk-336x280 { width: 336px; height: 280px; margin-left: -168px; } .video-player-wrap .dynamic-ads-container.desk-336x280.vert-middle { margin-top: -140px; } .video-player-wrap .dynamic-ads-container.desk-300x250 { width: 300px; height: 250px; margin-left: -150px; } .video-player-wrap .dynamic-ads-container.desk-300x250.vert-middle { margin-top: -125px; } .video-player-wrap .dynamic-ads-container.desk-728x90 { width: 728px; height: 90px; margin-left: -364px; } .video-player-wrap .dynamic-ads-container.desk-728x90.vert-middle { margin-top: -45px; } .video-player-wrap .dynamic-ads-container.desk-468x60 { width: 468px; height: 60px; margin-left: -234px; } .video-player-wrap .dynamic-ads-container.desk-468x60.vert-middle { margin-top: -30px; } .video-player-wrap .dynamic-ads-container.desk-250x250 { width: 250px; height: 250px; margin-left: -125px; } .video-player-wrap .dynamic-ads-container.desk-250x250.vert-middle { margin-top: -125px; } .video-player-wrap .dynamic-ads-container.desk-200x200 { width: 200px; height: 200px; margin-left: -100px; } .video-player-wrap .dynamic-ads-container.desk-200x200.vert-middle { margin-top: -100px; } } @media (max-width: 991px) { .video-player-wrap .dynamic-ads-container { width: 300px; height: 100px; margin-left: -150px; } .video-player-wrap .dynamic-ads-container.vert-middle { margin-top: -50px; } .video-player-wrap .dynamic-ads-container.vert-bottom { bottom: 30px; } .video-player-wrap .dynamic-ads-container.mobi-300x250 { width: 300px; height: 250px; margin-left: -150px; } .video-player-wrap .dynamic-ads-container.mobi-300x250.vert-middle { margin-top: -125px; } .video-player-wrap .dynamic-ads-container.mobi-320x50 { width: 320px; height: 50px; margin-left: -160px; } .video-player-wrap .dynamic-ads-container.mobi-320x50.vert-middle { margin-top: -25px; } .video-player-wrap .dynamic-ads-container.mobi-320x100 { width: 320px; height: 100px; margin-left: -160px; } .video-player-wrap .dynamic-ads-container.mobi-320x100.vert-middle { margin-top: -50px; } .video-player-wrap .dynamic-ads-container.mobi-250x250 { width: 250px; height: 250px; margin-left: -125px; } .video-player-wrap .dynamic-ads-container.mobi-250x250.vert-middle { margin-top: -125px; } .video-player-wrap .dynamic-ads-container.mobi-200x200 { width: 200px; height: 200px; margin-left: -100px; } .video-player-wrap .dynamic-ads-container.mobi-200x200.vert-middle { margin-top: -100px; } } .video-player-wrap .other-ads-container { margin: 0; padding: 0; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; min-width: 0; max-width: none; z-index: 5; background-color: rgba(0, 0, 0, 0.8); overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .video-player-wrap .other-ads-container * { opacity: 0; visibility: hidden; pointer-events: none; } .video-player-wrap .other-ads-container .skip-ad { display: block; position: absolute; bottom: 20px; right: 0; padding-right: 68px; color: #C4C4C4; pointer-events: none !important; } .video-player-wrap .other-ads-container .skip-ad * { pointer-events: none !important; } .video-player-wrap .other-ads-container .skip-ad .skip-text, .video-player-wrap .other-ads-container .skip-ad .skip-ad-in { padding: 8px 27px; display: block; background-color: #333333; } .video-player-wrap .other-ads-container .skip-ad .skip-text > *, .video-player-wrap .other-ads-container .skip-ad .skip-ad-in > * { margin: 0 3px; } .video-player-wrap .other-ads-container .skip-ad .skip-text { display: none; background-color: #CC0000; color: #FFFFFF; } .video-player-wrap .other-ads-container .skip-ad .skip-text:hover { background-color: #000000; } .video-player-wrap .other-ads-container .skip-ad .skip-ad-image { position: absolute; top: 0; bottom: 0; right: 0; width: 68px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .video-player-wrap .other-ads-container .skip-ad .skip-second { color: #FFFFFF; } .video-player-wrap .other-ads-container .skip-ad.active-skip { pointer-events: auto !important; cursor: pointer; } .video-player-wrap .other-ads-container .skip-ad.active-skip .skip-ad-in { display: none; } .video-player-wrap .other-ads-container .skip-ad.active-skip .skip-text { display: block; } .video-player-wrap .other-ads-container img { display: block; } .video-player-wrap .other-ads-container.ready-ad *:not(.ads-mute-elm) { opacity: 1; visibility: visible; pointer-events: auto; transition: all 0.3s; -webkit-transition: all 0.3s; } .video-player-wrap .other-ads-container.hide-ads { display: none !important; pointer-events: none; } .video-player-wrap .other-ads-container video.type-videoads { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .video-player-wrap .other-ads-container video.type-videoads::-webkit-media-controls-start-playback-button { display: none; } .video-player-wrap .other-ads-container a.videoads-link-target { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-player-wrap .other-ads-container .countdown-video-time { pointer-events: none; position: absolute; top: 10px; left: 10px; padding: 2px 15px; background-color: rgba(0, 0, 0, 0.8); } .video-player-wrap .other-ads-container .countdown-video-time:empty { display: none; } .video-player-wrap .other-ads-container .html-wrapper-ads.type-mode-google-adsense { width: 728px; height: 90px; } @media (max-width: 991px) { .video-player-wrap .other-ads-container .html-wrapper-ads.type-mode-google-adsense { width: 336px; height: 280px; margin-bottom: 55px; } } @media (max-width: 767px) { .video-player-wrap .other-ads-container .html-wrapper-ads.type-mode-google-adsense { width: 234px; height: 60px; margin-bottom: 60px; } } .video-player-wrap .other-ads-container .html-wrapper-ads.type-mode-google-adsense ins { background-color: transparent; } .video-player-wrap .text-load-ads { position: absolute; background-color: rgba(0, 0, 0, 0.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #FFFFFF; padding: 8px 0 0 15px; display: none; pointer-events: none; z-index: 6; } .video-player-wrap .text-load-ads.show-load-ad { display: block; pointer-events: auto; } .video-player-wrap .autoplay-off-elm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 6; cursor: pointer; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; display: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .video-player-wrap .autoplay-off-elm .poster-preload { opacity: 0; visibility: hidden; height: 0; width: 0; max-width: 0; max-height: 0; display: block; position: absolute; z-index: -1; top: 0; pointer-events: none; } .video-player-wrap .autoplay-off-elm.active-item { display: block; } .video-player-wrap .autoplay-off-elm:hover .video-icon { border-color: transparent; background-color: #CC0000; z-index: 1; } .video-player-wrap .autoplay-off-elm:hover .video-icon:after { border-left-color: #FFFFFF; } .video-player-wrap .autoplay-off-elm:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; z-index: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); opacity: 0.5; } .video-player-wrap .auto-next-elm { position: absolute; pointer-events: none; display: none; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 7; } .video-player-wrap .auto-next-elm:after { content: ''; display: block; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .video-player-wrap .auto-next-elm .auto-next-content { padding: 20px; position: relative; z-index: 1; width: 100%; text-align: center; } .video-player-wrap .auto-next-elm .auto-next-content .up-next-text { margin-bottom: 2px; text-transform: uppercase; } .video-player-wrap .auto-next-elm .auto-next-content .video-next-title { margin-bottom: 15px; } .video-player-wrap .auto-next-elm .auto-next-content .loader-timer-wrapper { width: 72px; height: 72px; display: block; margin: 0 auto 22px auto; margin-bottom: 22px; position: relative; cursor: pointer; } .video-player-wrap .auto-next-elm .auto-next-content .loader-timer-wrapper .fa-fast-forward { font-size: 20px; color: #FFFFFF; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -9px; } .video-player-wrap .auto-next-elm .auto-next-content .loader-timer { width: 72px; height: 72px; display: block; margin: auto; pointer-events: none; } .video-player-wrap .auto-next-elm .auto-next-content .loader-timer .progress-timer { fill: rgba(255, 255, 255, 0.3); stroke: #FFFFFF; stroke-width: 1.5px; stroke-dasharray: 100; stroke-dashoffset: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; } @media (max-width: 767px) { .video-player-wrap .auto-next-elm .auto-next-content { padding: 10px; } .video-player-wrap .auto-next-elm .auto-next-content .loader-timer-wrapper, .video-player-wrap .auto-next-elm .auto-next-content .loader-timer { width: 50px; height: 50px; } .video-player-wrap .auto-next-elm .auto-next-content .video-next-title { margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .video-player-wrap .auto-next-elm .auto-next-content .loader-timer-wrapper { margin-bottom: 6px; } .video-player-wrap .auto-next-elm .auto-next-content .loader-timer-wrapper .fa-fast-forward { font-size: 14px; top: 50%; left: 50%; margin-top: -7px; margin-left: -6px; } .video-player-wrap .auto-next-elm .auto-next-content .cancel-btn { padding-top: 7px; padding-bottom: 7px; } } .video-player-wrap .auto-next-elm.active-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; pointer-events: auto; } .video-player-wrap .auto-next-elm.active-item .loader-timer .progress-timer { animation: fake-load 6.8s 1 linear; -webkit-animation: fake-load 6.8s 1 linear; } @-webkit-keyframes fake-load { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } } @keyframes fake-load { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } } .video-player-wrap .wp-video video { /*object-fit: cover;*/ } .video-player-wrap .mejs-container .mejs-layers .mejs-layer { width: 100% !important; height: 100% !important; } .video-player-wrap .mejs-container button { min-width: 0; } .video-player-wrap .mejs-container .mejs-poster { background-size: cover; overflow: hidden; } .video-player-wrap .mejs-container .mejs-poster > img { position: absolute; display: block; width: 100%; height: auto; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); } .video-player-wrap .mejs-container video { /*object-fit: cover;*/ } .video-player-wrap .wp-video > .wp-video-shortcode { opacity: 0; visibility: hidden; } .video-player-wrap .wp-video > .mejs-container { opacity: 1; visibility: visible; } .video-player-wrap .float-video-title { display: none; position: absolute; bottom: 100%; margin-bottom: 16px; left: 0; } .video-player-wrap .float-video-title h6 { color: #000000; white-space: nowrap; text-overflow: ellipsis; max-width: 260px; overflow: hidden; font-size: 14px; } @media (max-width: 575px) { .video-player-wrap .float-video-title h6 { max-width: 210px; } } .video-player-wrap .scroll-up-floating-video, .video-player-wrap .close-floating-video { display: none; position: absolute; right: 0; bottom: 100%; margin-bottom: 17px; font-size: 18px; line-height: 1; color: #999999; } .video-player-wrap .scroll-up-floating-video { right: 23px; font-size: 17px; } .video-player-wrap .player-3rdparty { opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; } .video-player-wrap .player-3rdparty.player-loaded { opacity: 1; visibility: visible; } .video-player-wrap .player-3rdparty.player-loaded ~ .video-loading { display: none; } .video-player-wrap .player-3rdparty.ads-set-fs .ima-adContainer, .video-player-wrap .player-3rdparty.ads-set-fs .other-ads-container, .video-player-wrap .player-3rdparty.ads-set-fs .dynamic-ads-container, .video-player-wrap .player-3rdparty.ads-set-fs .auto-next-elm, .video-player-wrap .player-3rdparty.ads-set-fs .player-muted { position: fixed; z-index: 2147483647 !important; } .video-player-wrap .player-3rdparty.ads-set-fs .text-load-ads { position: fixed; z-index: 2147483646 !important; } .video-player-wrap .player-3rdparty.ads-set-fs .player-api { z-index: 2147483645 !important; } .video-player-wrap .player-3rdparty.auto-next-set-fs .auto-next-elm, .video-player-wrap .player-3rdparty.auto-next-set-fs .player-muted { position: fixed; z-index: 2147483647 !important; } .video-player-wrap .player-3rdparty.auto-next-set-fs .player-api { z-index: 2147483645 !important; display: none !important; } .video-player-wrap .player-3rdparty.ads-non-linear .ima-adContainer { bottom: 55px; top: auto; height: 150px; width: 100%; } .video-player-wrap .player-3rdparty.ads-non-linear .ima-adContainer > * { width: 100% !important; height: 100% !important; } .video-player-wrap .player-3rdparty.ads-active-elm:not(.ads-non-linear) .player-api { display: none !important; } .video-player-wrap .player-3rdparty.ads-active-elm:not(.ads-non-linear) .player-api > * { display: none !important; } .video-player-wrap .player-muted { position: absolute; top: 50%; margin-top: -20px; left: 15px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.8); color: #FFFFFF; font-size: 20px; text-align: center; line-height: 40px; z-index: 1; border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; overflow: hidden; transition: background 0.3s, color 0.3s, opacity 0.5s, visibility 0.5s; -webkit-transition: background 0.3s, color 0.3s, opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; pointer-events: none; } .video-player-wrap .player-muted:after { content: ''; display: block; height: 2px; width: 40px; left: 0; background-color: #CC0000; position: absolute; top: 18px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .video-player-wrap .player-muted:hover { background-color: rgba(255, 255, 255, 0.8); color: #000000; } .video-player-wrap .player-muted.ads-mute-elm { z-index: 7; } .video-player-wrap .player-muted.active-item { opacity: 1; visibility: visible; pointer-events: auto; } .video-player-wrap .trailer-notice { background-color: rgba(0, 0, 0, 0.8); position: absolute; z-index: 6; top: 15px; right: auto; margin-right: 15px; left: 15px; bottom: auto; padding: 5px 10px; } .video-player-wrap .trailer-notice.woo-mem .woocommerce .woocommerce-info { background: transparent; margin: 0 !important; border: none; padding: 0; } .video-player-wrap .trailer-notice.woo-mem .woocommerce .woocommerce-info:before { display: none; } .video-player-wrap .trailer-notice.woo-mem .woocommerce .woocommerce-info .wc-memberships-products-grant-access a { color: #FFFFFF; } .video-player-wrap .trailer-notice.mycred_elm { left: auto; right: 15px; margin-left: 15px; margin-right: 0; border: 2px dashed rgba(255, 255, 255, 0.6); padding: 15px 20px 20px 20px; } .video-player-wrap .trailer-notice.mycred_elm .mycred-sell-this-wrapper { text-align: center; color: #FFFFFF; } .video-player-wrap .trailer-notice.mycred_elm .mycred-sell-this-wrapper h3 { font-size: 16px; color: #FFFFFF; } .video-player-wrap .vidorev-membership-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .video-player-wrap .vidorev-membership-wrapper .membership-placeholder { width: 100%; height: auto; } .video-player-wrap .vidorev-membership-wrapper .vidorev-membership-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); text-align: center; padding: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .video-player-wrap .vidorev-membership-wrapper .vidorev-membership-content .membership-lock-text { width: 100%; margin-bottom: 23px; margin-top: -5px; line-height: 1.8; color: #FFFFFF; } .video-player-wrap .vidorev-membership-wrapper .vidorev-membership-content .membership-lock-text span.level-highlight { background-color: #FFFFFF; border: 1px solid #CC0000; color: #CC0000; padding: 2px 8px; } .video-player-wrap .vidorev-membership-wrapper.prime-video { z-index: 6; } .video-player-wrap .vidorev-membership-wrapper.prime-video ins { background: transparent; } .video-player-wrap .vidorev-membership-wrapper.prime-video .basic-button { margin: 3px; } .video-player-wrap .vidorev-membership-wrapper.prime-video .prime-price { border: none; } .video-player-wrap .fluid_context_menu { display: none !important; } .video-player-wrap .fluid_nonLinear_top .close_button, .video-player-wrap .fluid_nonLinear_middle .close_button, .video-player-wrap .fluid_nonLinear_bottom .close_button { border: 1px solid transparent; top: -1px; right: -1px; } .video-player-wrap .fluid_nonLinear_top .close_button:hover, .video-player-wrap .fluid_nonLinear_middle .close_button:hover, .video-player-wrap .fluid_nonLinear_bottom .close_button:hover { border-color: #FFFFFF; } .video-player-wrap .fluid_nonLinear_top, .video-player-wrap .fluid_nonLinear_middle, .video-player-wrap .fluid_nonLinear_bottom { z-index: 7; } .video-player-wrap .fluid_ad_playing, .video-player-wrap .skip_button, .video-player-wrap .skip_button a { z-index: 6; } .video-player-wrap .fluid_video_wrapper { font-size: 14px; font-weight: normal; line-height: 1.8; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; } .video-player-wrap .fluid_video_wrapper .vast_video_loading { height: 0; } .video-player-wrap .fluid_video_wrapper .fluid_subtitles_container div { padding: 0.5em; font-size: 16px; font-family: 'Arial', sans-serif; } .video-player-wrap .offline-stream-html { background-color: #111111; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; text-align: center; } .video-player-wrap .offline-stream-html:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .video-player-wrap .offline-stream-html .offline-content { background-color: #000000; position: absolute; top: 50%; left: 50%; padding: 15px 20px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); color: #FFFFFF; z-index: 3; } @media (min-width: 992px) and (max-width: 1199px) { body.is-sidebar .single-feature-image .single-player-video-wrapper.vp-small-item .html-wrapper-ads.type-mode-google-adsense, .playlist-frame .player-in-playlist .html-wrapper-ads.type-mode-google-adsense { width: 468px; height: 60px; margin-bottom: 30px; } } @media (max-width: 991px) { body.is-sidebar .single-feature-image .single-player-video-wrapper.vp-small-item .html-wrapper-ads.type-mode-google-adsense, .playlist-frame .player-in-playlist .html-wrapper-ads.type-mode-google-adsense { width: 336px; height: 280px; margin-bottom: 55px; } } @media (max-width: 767px) { body.is-sidebar .single-feature-image .single-player-video-wrapper.vp-small-item .html-wrapper-ads.type-mode-google-adsense, .playlist-frame .player-in-playlist .html-wrapper-ads.type-mode-google-adsense { width: 234px; height: 60px; margin-bottom: 60px; } } .social-share-toolbar { text-align: center; font-size: 0; line-height: 0; max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s, max-height 0.5s; -webkit-transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s, max-height 0.5s; } .social-share-toolbar.active-item { max-height: 300px; overflow: visible; opacity: 1; visibility: visible; transition: opacity 0.3s 0.25s, visibility 0.3s 0.25s, max-height 0.5s; -webkit-transition: opacity 0.3s 0.25s, visibility 0.3s 0.25s, max-height 0.5s; } .social-share-toolbar .social-share-toolbar-content { padding-top: 30px; padding-bottom: 1px; } .social-share-toolbar .social-share-toolbar-content .social-block.s-grid > li { display: inline-block; float: none; padding: 0; margin: 5px; } .social-share-toolbar .share-iframe-embed { margin: 20px auto 0 auto; width: 80%; } @media (max-width: 767px) { .social-share-toolbar .share-iframe-embed { width: 100%; } } .social-share-toolbar:not(:last-child) .social-share-toolbar-content { padding-bottom: 30px; border-bottom: 2px dotted rgba(0, 0, 0, 0.1); } .dark-background .social-share-toolbar:not(:last-child) .social-share-toolbar-content { border-bottom-color: rgba(255, 255, 255, 0.1); } .light-off { opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.85); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; } body.light-off-enabled .light-off { opacity: 1; visibility: visible; } body.light-off-enabled .video-player-wrap, body.light-off-enabled .turn-off-light { z-index: 21; position: relative; } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content { position: fixed !important; right: 60px !important; bottom: 60px !important; left: auto !important; top: auto !important; width: 320px !important; height: 180px !important; animation: floatingVideo 0.5s ease-in-out; -webkit-animation: floatingVideo 0.5s ease-in-out; z-index: 10; } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content:before { content: ''; display: block; position: absolute; top: -50px; left: -20px; bottom: -20px; right: -20px; background-color: #FFFFFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); } @media (max-width: 575px) { body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content { right: 20px !important; bottom: 20px !important; width: 260px !important; height: 146px !important; } } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .float-video-title, body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .close-floating-video, body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .scroll-up-floating-video { display: block; } @media (min-width: 768px) { body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .auto-next-content { padding: 10px; } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .auto-next-content .loader-timer-wrapper, body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .auto-next-content .loader-timer { width: 50px; height: 50px; } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .auto-next-content .video-next-title { margin-bottom: 7px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .auto-next-content .loader-timer-wrapper { margin-bottom: 6px; } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .auto-next-content .loader-timer-wrapper .fa-fast-forward { font-size: 14px; top: 50%; left: 50%; margin-top: -7px; margin-left: -6px; } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .auto-next-content .cancel-btn { padding-top: 7px; padding-bottom: 7px; } } body.floating-video:not(.light-off-enabled):not(.disable-floating-video):not(.adsense-google-active) #site-wrap-parent .video-player-content .offline-stream-html .offline-content { font-size: 14px; min-width: 90%; } @keyframes floatingVideo { from { transform: scale3d(1.3, 1.3, 1.3); opacity: 0; } to { transform: scale3d(1, 1, 1); opacity: 1; } } @-webkit-keyframes notice { from { transform: scale3d(1.3, 1.3, 1.3); opacity: 0; } to { transform: scale3d(1, 1, 1); opacity: 1; } } .video-loading { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .video-loading.medium-icon { width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; } .video-loading.medium-icon .video-load-icon { border-width: 2px; width: 30px; height: 30px; } .video-loading.medium-icon .video-load-icon:after { width: 30px; height: 30px; } .video-load-icon { display: block; font-size: 10px; position: relative; text-indent: -9999em; border-top: 3px solid rgba(0, 0, 0, 0.1); border-right: 3px solid rgba(0, 0, 0, 0.1); border-bottom: 3px solid rgba(0, 0, 0, 0.1); border-left: 3px solid #CC0000; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); animation: videoLoadIcon 1s infinite linear; -webkit-animation: videoLoadIcon 1s infinite linear; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 50%; -webkit-border-radius: 50%; margin-left: auto; margin-right: auto; width: 50px; height: 50px; } .video-load-icon:after { width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; } .video-load-icon.small-icon { border-width: 2px; width: 20px; height: 20px; } .video-load-icon.small-icon:after { width: 20px; height: 20px; } @-webkit-keyframes videoLoadIcon { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes videoLoadIcon { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .dark-background .video-load-icon { border-top-color: rgba(255, 255, 255, 0.1); border-right-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(255, 255, 255, 0.1); border-left-color: #CC0000; } .close-btn { width: 30px; height: 30px; background: transparent; border: 2px solid #FFFFFF; border-radius: 50%; -webkit-border-radius: 50%; position: relative; cursor: pointer; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.52, 1.775); -webkit-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.52, 1.775); } .close-btn:after { width: 16px; height: 2px; background-color: #FFFFFF; content: ''; left: 50%; top: 50%; margin-left: -8px; margin-top: -1px; position: absolute; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .close-btn:before { left: 50%; top: 50%; margin-left: -8px; margin-top: -1px; width: 16px; height: 2px; background-color: #FFFFFF; content: ""; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .video-lightbox-wrapper { background-color: #000000; position: fixed; z-index: 99999999; top: 50%; left: 50%; width: 0; height: 0; margin-top: -25px; margin-left: -25px; opacity: 0; visibility: hidden; transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; transition: width 0s 0.3s, height 0s 0.3s, top 0s 0.3s, left 0s 0.3s, margin 0s 0.3s, transform 0s 0.3s, opacity 0.3s, visibility 0.3s; -webkit-transition: width 0s 0.3s, height 0s 0.3s, top 0s 0.3s, left 0s 0.3s, margin 0s 0.3s, transform 0s 0.3s, opacity 0.3s, visibility 0.3s; } @media (min-width: 769px) { .video-lightbox-wrapper { overflow: hidden; } } .video-lightbox-wrapper.show-lightbox { top: 0; left: 0; width: 100%; height: 100%; margin-top: 0; margin-left: 0; opacity: 1; visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: width 0s, height 0s, top 0s, left 0s, margin 0s, transform 0.5s, opacity 0.5s, visibility 0.5s; -webkit-transition: width 0s, height 0s, top 0s, left 0s, margin 0s, transform 0.5s, opacity 0.5s, visibility 0.5s; } .video-lightbox-wrapper .lib-item-cp { background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); min-height: 50px; position: relative; z-index: 2; } .video-lightbox-wrapper .lib-item-cp .site__col { width: 50%; } .video-lightbox-wrapper .lib-item-cp .site__col.cp-left:after, .video-lightbox-wrapper .lib-item-cp .site__col.cp-center:after { content: ''; clear: both; display: table; } .video-lightbox-wrapper .lib-item-cp .site__col.cp-left > *, .video-lightbox-wrapper .lib-item-cp .site__col.cp-center > * { cursor: pointer; min-height: 50px; line-height: 50px; } .video-lightbox-wrapper .lib-item-cp .site__col.cp-left > * > *, .video-lightbox-wrapper .lib-item-cp .site__col.cp-center > * > * { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; display: inline-block; vertical-align: middle; line-height: 1; text-transform: uppercase; } .video-lightbox-wrapper .lib-item-cp .site__col.cp-left > * > * + *, .video-lightbox-wrapper .lib-item-cp .site__col.cp-center > * > * + * { margin-left: 10px; } .video-lightbox-wrapper .lib-item-cp .site__col.cp-left > * { float: left; } .video-lightbox-wrapper .lib-item-cp .site__col.cp-center > * { float: right; } .video-lightbox-wrapper .lib-item-cp .site__col .lib-close-video:hover .close-btn { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } @media (min-width: 769px) { .video-lightbox-wrapper .lib-item-cp .site__col.cp-left, .video-lightbox-wrapper .lib-item-cp .site__col.cp-center { width: calc((100% - 390px) / 2); width: -webkit-calc((100% - 390px) / 2); width: -moz-calc((100% - 390px) / 2); width: -ms-calc((100% - 390px) / 2); } .video-lightbox-wrapper .lib-item-cp .site__col.cp-right { width: 390px; border-left: 1px solid rgba(255, 255, 255, 0.1); } } .video-lightbox-wrapper .listing-toolbar { display: none; } .video-lightbox-wrapper .listing-toolbar .toolbar-item { width: 50%; text-align: center; min-height: 50px; line-height: 50px; position: relative; cursor: pointer; color: #999999; text-transform: uppercase; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; transition: color 0.3s; -webkit-transition: color 0.3s; } .video-lightbox-wrapper .listing-toolbar .toolbar-item:hover { color: #FFFFFF; } .video-lightbox-wrapper .listing-toolbar .toolbar-item:after { content: ''; display: block; bottom: 0; height: 2px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 0; background: transparent; transition: background-color 0.3s, width 0.3s; -webkit-transition: background-color 0.3s, width 0.3s; } .video-lightbox-wrapper .listing-toolbar .toolbar-item.active-item { color: #FFFFFF; } .video-lightbox-wrapper .listing-toolbar .toolbar-item.active-item:after { background-color: #CC0000; width: 100%; } @media (min-width: 769px) { .video-lightbox-wrapper .listing-toolbar { display: block; } } @media (max-width: 768px) { .video-lightbox-wrapper .lib-contents > .site__container-fluid { padding-left: 0; padding-right: 0; } } .video-lightbox-wrapper .lib-contents .lib-vid-player, .video-lightbox-wrapper .lib-contents .lib-vid-listing { width: 100%; } @media (min-width: 769px) { .video-lightbox-wrapper .lib-contents .lib-vid-player, .video-lightbox-wrapper .lib-contents .lib-vid-listing { min-height: calc(100vh - 50px); min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: -ms-calc(100vh - 50px); padding-left: 0; padding-right: 0; } } @media (min-width: 769px) { .video-lightbox-wrapper .lib-contents .lib-vid-player { width: calc(100% - 390px); width: -webkit-calc(100% - 390px); width: -moz-calc(100% - 390px); width: -ms-calc(100% - 390px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .video-lightbox-wrapper .lib-contents .lib-vid-player > * { width: 100%; } } .video-lightbox-wrapper .lib-contents .lib-vid-player .html-wrapper-ads.type-mode-google-adsense { width: 728px; height: 90px; } @media (max-width: 1199px) { .video-lightbox-wrapper .lib-contents .lib-vid-player .html-wrapper-ads.type-mode-google-adsense { width: 336px; height: 280px; } } @media (max-width: 1140px) and (min-width: 768px) { .video-lightbox-wrapper .lib-contents .lib-vid-player .html-wrapper-ads.type-mode-google-adsense { width: 234px; height: 60px; margin-bottom: 60px; } } @media (max-width: 767px) { .video-lightbox-wrapper .lib-contents .lib-vid-player .html-wrapper-ads.type-mode-google-adsense { width: 336px; height: 280px; } } @media (max-width: 678px) { .video-lightbox-wrapper .lib-contents .lib-vid-player .html-wrapper-ads.type-mode-google-adsense { width: 234px; height: 60px; margin-bottom: 60px; } } @media (min-width: 769px) { .video-lightbox-wrapper .lib-contents .lib-vid-listing { background-color: rgba(255, 255, 255, 0.1); } } .video-lightbox-wrapper .lib-contents .lib-vid-listing .listing-toolbar { display: block; background-color: rgba(255, 255, 255, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } @media (min-width: 769px) { .video-lightbox-wrapper .lib-contents .lib-vid-listing .listing-toolbar { display: none; } } @media (min-width: 769px) { .video-lightbox-wrapper .lib-contents .lib-vid-listing { width: 390px; } } @media (min-width: 769px) { .video-lightbox-wrapper .lib-contents .data-lightbox { min-height: calc(100vh - 50px); min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: -ms-calc(100vh - 50px); max-height: calc(100vh - 50px); max-height: -webkit-calc(100vh - 50px); max-height: -moz-calc(100vh - 50px); max-height: -ms-calc(100vh - 50px); } } .video-lightbox-wrapper .lib-contents .data-lightbox-content { padding: 20px; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .suggested-listing, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing { display: none; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .suggested-listing.active-item, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing.active-item { display: block; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .suggested-listing .ajax-comment-form, .video-lightbox-wrapper .lib-contents .data-lightbox-content .suggested-listing .ajax-content, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing .ajax-comment-form, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing .ajax-content { opacity: 0; visibility: hidden; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .suggested-listing.load-completed .loading-content, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing.load-completed .loading-content { display: none; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .suggested-listing.load-completed .ajax-comment-form, .video-lightbox-wrapper .lib-contents .data-lightbox-content .suggested-listing.load-completed .ajax-content, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing.load-completed .ajax-comment-form, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing.load-completed .ajax-content { opacity: 1; visibility: visible; transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing .facebook-comment { margin-top: 0; display: none; pointer-events: none; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing .facebook-comment ~ .ajax-comment-form, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing .facebook-comment ~ .ajax-content { display: none !important; pointer-events: none !important; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing .facebook-comment.active-item { display: block; pointer-events: auto; } @media (min-width: 769px) { .video-lightbox-wrapper .lib-contents .data-lightbox-content .comments-listing .facebook-comment { min-height: calc(100vh - 100px); min-height: -webkit-calc(100vh - 100px); min-height: -moz-calc(100vh - 100px); min-height: -ms-calc(100vh - 100px); max-height: calc(100vh - 100px); max-height: -webkit-calc(100vh - 100px); max-height: -moz-calc(100vh - 100px); max-height: -ms-calc(100vh - 100px); overflow-y: auto !important; } } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item { margin-bottom: 22px; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item .comment-avatar, .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item .comment-body { float: left; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item .comment-avatar { border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; width: 40px; margin-right: 15px; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item .comment-avatar img { display: block; margin: 0; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item .comment-body { width: calc(100% - 57px); width: -webkit-calc(100% - 57px); width: -moz-calc(100% - 57px); width: -ms-calc(100% - 57px); margin-top: -6px; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item:after { content: ''; display: table; clear: both; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item .c-author { text-transform: capitalize; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item .c-date { color: #AEAEAE; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .comment-wrapper .comment-item:last-child { margin-bottom: 0; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form { width: 100%; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form .ajax-comment-form-wrapper .comment-input-wrap { width: 100%; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form .ajax-comment-form-wrapper .comment-send-wrap { text-align: right; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form .ajax-comment-form-wrapper .comment-send-wrap > * { display: inline-block; vertical-align: middle; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form .ajax-comment-form-wrapper .live-comment-input { margin: 0 0 10px 0; width: 100%; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form .ajax-comment-form-wrapper .live-comment-reset { min-width: 0; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form .ajax-comment-form-wrapper .login-tooltip { display: none; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form .spam-error { text-align: center; color: cyan; padding-top: 20px; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form.added-loading .ajax-comment-form-wrapper { opacity: 0.5; pointer-events: none; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form.disable-comment { position: relative; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form.disable-comment .login-tooltip { display: block; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form.disable-comment .ajax-comment-form-wrapper { pointer-events: none; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form.disable-comment .ajax-comment-form-wrapper .login-tooltip { position: absolute; top: 100%; margin-top: 15px; width: 180px; text-align: center; line-height: 1.6; padding: 5px 10px; background-color: #1ABC9C; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; visibility: hidden; z-index: 2; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form.disable-comment .ajax-comment-form-wrapper .login-tooltip > * { color: #FFFFFF; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form.disable-comment .ajax-comment-form-wrapper .login-tooltip:after { content: ''; display: block; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 5px 5px; border-bottom-color: #1ABC9C; bottom: 100%; left: 50%; margin-left: -5px; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .ajax-comment-form.disable-comment:hover .login-tooltip { opacity: 1; visibility: visible; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .loading-content { text-align: center; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .loading-content .loader-bar { margin: 12px auto; width: 50%; } .video-lightbox-wrapper .lib-contents .data-lightbox-content .no-suggested-post { text-align: center; text-transform: capitalize; } .video-lightbox-wrapper .lib-contents .mCSB_inside > .mCSB_container { margin-right: 12px; } .video-lightbox-wrapper .lib-contents .mCSB_scrollTools { width: 0px; margin: 15px 0; } .video-lightbox-wrapper .lib-contents .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger { width: 6px; right: 3px; } .video-lightbox-wrapper .lib-contents .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 6px; border-radius: 0; -webkit-border-radius: 0; background-color: rgba(255, 255, 255, 0.3); opacity: 1; } .video-lightbox-wrapper .lib-contents .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background-color: rgba(255, 255, 255, 0.3); } @media (min-width: 769px) { .video-lightbox-wrapper.suggested-off.comments-off .lib-item-cp .site__col.cp-left, .video-lightbox-wrapper.suggested-off.comments-off .lib-item-cp .site__col.cp-center { width: 50%; } .video-lightbox-wrapper.suggested-off.comments-off .lib-item-cp .site__col.cp-right { display: none; } } .video-lightbox-wrapper.suggested-off.comments-off .lib-contents .lib-vid-player { min-height: calc(100vh - 50px); min-height: -webkit-calc(100vh - 50px); min-height: -moz-calc(100vh - 50px); min-height: -ms-calc(100vh - 50px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } @media (min-width: 769px) { .video-lightbox-wrapper.suggested-off.comments-off .lib-contents .lib-vid-player { width: 90%; margin-left: 5%; } } .video-lightbox-wrapper.suggested-off.comments-off .lib-contents .lib-vid-player > * { width: 100%; } .video-lightbox-wrapper.suggested-off.comments-off .lib-contents .lib-vid-listing { display: none; } .video-lightbox-wrapper.suggested-off .listing-toolbar .toolbar-item, .video-lightbox-wrapper.comments-off .listing-toolbar .toolbar-item { width: 100%; } .video-lightbox-wrapper.suggested-off .suggested-listing, .video-lightbox-wrapper.suggested-off [data-active="suggested"] { display: none !important; } .video-lightbox-wrapper.comments-off .comments-listing, .video-lightbox-wrapper.comments-off [data-active="comments"] { display: none !important; } .video-lightbox-wrapper .lib-item { display: none; } .video-lightbox-wrapper .lib-item.show-video { display: block; } .video-lightbox-wrapper .lib-item .single-player-video-wrapper { padding: 15px 0; } @media (min-width: 769px) { .video-lightbox-wrapper .lib-item .single-player-video-wrapper { padding: 0; } } .video-lightbox-wrapper .lib-item .single-player-video-wrapper .video-player-wrap { background: transparent; } .video-lightbox-wrapper .lib-item .single-player-video-wrapper .video-player-wrap .video-player-content { max-height: calc(100vh - 50px); max-height: -webkit-calc(100vh - 50px); max-height: -moz-calc(100vh - 50px); max-height: -ms-calc(100vh - 50px); } .video-lightbox-wrapper .video-lightbox-title:not(:empty) { padding: 30px 55px; background-color: rgba(0, 0, 0, 0.88); position: absolute; z-index: 3; left: 0; right: 0; top: 0; text-align: center; border-top: 1px dashed rgba(255, 255, 255, 0.3); border-bottom: 1px dashed rgba(255, 255, 255, 0.3); } .video-lightbox-wrapper .video-lightbox-title:not(:empty) .close-title { width: 30px; height: 30px; border-radius: 50%; -webkit-border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); color: #000000; position: absolute; top: 50%; right: 15px; margin-top: -15px; font-size: 18px; line-height: 30px; text-align: center; cursor: pointer; } @media (max-width: 767px) { .video-lightbox-wrapper .video-lightbox-title:not(:empty) { position: relative; padding: 20px 15px; } .video-lightbox-wrapper .video-lightbox-title:not(:empty) .close-title { display: none; } } .loader-bar { display: block; width: 100%; height: 20px; border: 2px solid #555555; border-radius: 3px; -webkit-border-radius: 3px; background-image: repeating-linear-gradient(-45deg, #555555, #555555 5px, rgba(255, 255, 255, 0) 5px, rgba(255, 255, 255, 0) 10px); background-size: 28px 28px; animation: moveHorizontal 0.5s linear infinite; -webkit-animation: moveHorizontal 0.5s linear infinite; } @keyframes moveHorizontal { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } } @-webkit-keyframes moveHorizontal { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } } .suggested-post-listing .post-listing-item { margin-bottom: 20px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .suggested-post-listing .post-listing-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .suggested-post-listing .crr-video-scc, .suggested-post-listing .next-video-scc { pointer-events: none; position: relative; } .suggested-post-listing .crr-video-scc > *, .suggested-post-listing .next-video-scc > * { opacity: 0.38; } .suggested-post-listing .crr-video-scc:before, .suggested-post-listing .next-video-scc:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -30px; background-color: transparent; border: solid transparent; border-width: 20px 35px 20px 35px; border-left-color: #CC0000; z-index: 1; } .suggested-post-listing .next-video-scc:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -30px; background-color: transparent; border: solid transparent; border-width: 20px 35px 20px 35px; border-left-color: rgba(255, 255, 255, 0.86); z-index: 2; } .suggested-post-listing.hide-first-video + .suggested-post-listing .post-listing-item:first-child, .suggested-post-listing.hide-first-video + .suggested-post-listing .video-listing-item:first-child { pointer-events: none; position: relative; } .suggested-post-listing.hide-first-video + .suggested-post-listing .post-listing-item:first-child > *, .suggested-post-listing.hide-first-video + .suggested-post-listing .video-listing-item:first-child > * { opacity: 0.38; } .suggested-post-listing.hide-first-video + .suggested-post-listing .post-listing-item:first-child:before, .suggested-post-listing.hide-first-video + .suggested-post-listing .video-listing-item:first-child:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -30px; background-color: transparent; border: solid transparent; border-width: 20px 35px 20px 35px; border-left-color: #CC0000; z-index: 1; } .suggested-post-listing.hide-first-video + .suggested-post-listing .post-listing-item:first-child:after, .suggested-post-listing.hide-first-video + .suggested-post-listing .video-listing-item:first-child:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -30px; background-color: transparent; border: solid transparent; border-width: 20px 35px 20px 35px; border-left-color: rgba(255, 255, 255, 0.86); z-index: 2; } .suggested-post-listing .post-img { width: 100px; margin-right: 20px; position: relative; } .suggested-post-listing .post-img .duration-text { left: auto; right: 3px; } .suggested-post-listing .post-img:empty { display: none; } .suggested-post-listing .post-img:not(:empty) + .post-content { width: calc(100% - 122px); width: -webkit-calc(100% - 122px); width: -moz-calc(100% - 122px); width: -ms-calc(100% - 122px); } .suggested-post-listing .post-content { width: 100%; } .suggested-post-listing .post-content .post-title:last-child { margin-bottom: -4px; } .next-video-popup { margin-bottom: 30px; border: 2px solid rgba(255, 255, 255, 0.2); } .next-video-popup.suggested-posts { border: none; margin-bottom: 0; } .next-video-popup.suggested-posts .video-listing-item { margin-bottom: 20px; border: 1px solid rgba(255, 255, 255, 0.2); } .next-video-popup.suggested-posts .video-listing-item:last-child { margin-bottom: 0; } .next-video-popup .video-listing-item { position: relative; } .next-video-popup .video-listing-item .absolute-gradient { top: 0; opacity: 0.6; } .next-video-popup .video-listing-item .video-img { width: 100%; padding: 0; pointer-events: none; } .next-video-popup .video-listing-item .video-img .ul-placeholder-bg { padding-top: 37.5%; } .next-video-popup .video-listing-item .video-img:empty { display: block; padding-top: 37.5%; background-color: rgba(255, 255, 255, 0.1); } .next-video-popup .video-listing-item .video-content { float: none; width: auto; position: absolute; bottom: 15px; left: 15px; right: 15px; padding-left: 45px; transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); } .next-video-popup .video-listing-item .video-content .video-icon { left: 0; margin-left: 0; } .next-video-popup .video-listing-item .video-content .up-next-text { margin-top: -6px; margin-bottom: 9px; text-transform: uppercase; } .next-video-popup .video-listing-item .video-content .post-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .next-video-popup .video-listing-item .video-content .post-title a { color: #FFFFFF; } .single-post-video-full-width-wrapper .single-post-video-player-content { position: relative; } body.main-layout-boxed .player-prev-video, body.main-layout-boxed .player-next-video { display: none; } .player-prev-video, .player-next-video { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -20px; background-color: rgba(255, 255, 255, 0.1); } .player-prev-video .nav-text, .player-next-video .nav-text { position: relative; } .player-prev-video .nav-text .nav-text-pic, .player-next-video .nav-text .nav-text-pic { width: 40px; display: block; position: absolute; top: 0; } .player-prev-video .nav-text .nav-text-pic img, .player-next-video .nav-text .nav-text-pic img { display: block; } .player-prev-video .nav-text .nav-text-content, .player-next-video .nav-text .nav-text-content { display: block; overflow: hidden; max-height: 2.7em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .player-prev-video .nav-btn, .player-next-video .nav-btn { color: rgba(255, 255, 255, 0.3); margin-bottom: 9px; } .player-prev-video a, .player-next-video a { display: block; text-decoration: none; padding: 10px 15px 7px 15px; max-width: 240px; min-width: 240px; max-height: 6.8em; min-height: 6.8em; } .player-prev-video a > span, .player-next-video a > span { display: block; } .player-prev-video a .nav-text, .player-next-video a .nav-text { transition: color 0.3s, background-color 0.3s, border-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; color: rgba(255, 255, 255, 0.8); } .player-prev-video a:hover .nav-text, .player-next-video a:hover .nav-text { color: #FFFFFF; } .player-prev-video { left: 20px; text-align: left; } .player-prev-video .nav-btn i.fa { margin-right: 5px; } .player-prev-video .nav-text-pic { left: 0; } .player-prev-video .nav-text-pic + .nav-text-content { padding-left: 50px; } .player-next-video { right: 20px; text-align: right; } .player-next-video .nav-btn i.fa { margin-left: 5px; } .player-next-video .nav-text-pic { right: 0; } .player-next-video .nav-text-pic + .nav-text-content { padding-right: 50px; } @media (max-width: 1719px) { .player-prev-video, .player-next-video { z-index: 8; } .player-prev-video .nav-btn, .player-next-video .nav-btn { width: 100%; text-align: center; margin-bottom: 0; } .player-prev-video .nav-btn i.fa, .player-next-video .nav-btn i.fa { font-size: 24px; color: rgba(255, 255, 255, 0.5); margin-top: 2px; } .player-prev-video .nav-text, .player-next-video .nav-text { position: absolute; top: 0; width: 0; max-height: 4.4em; min-height: 4.4em; padding: 7px 0; background-color: #222222; max-width: 0; width: 0; overflow: hidden; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s, max-width 0s, width 0s; -webkit-transition: opacity 0.3s, visibility 0.3s, max-width 0s, width 0s; } .player-prev-video .nav-text .nav-text-pic, .player-next-video .nav-text .nav-text-pic { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .player-prev-video .text-btn, .player-next-video .text-btn { display: none; } .player-prev-video a, .player-next-video a { padding: 0; max-width: 40px; min-width: 40px; max-height: 4.4em; min-height: 4.4em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .player-prev-video a:hover .nav-text, .player-next-video a:hover .nav-text { width: 250px; max-width: 250px; padding: 11px 15px; opacity: 1; visibility: visible; } .player-prev-video { left: 0; } .player-prev-video .nav-text { left: 100%; top: 0; } .player-prev-video .nav-text .nav-text-pic { left: 15px; } .player-next-video { right: 0; } .player-next-video .nav-text { right: 100%; top: 0; } .player-next-video .nav-text .nav-text-pic { right: 15px; } } @media (max-width: 1279px) { .player-prev-video, .player-next-video { display: none; } } .dark-background .series-wrapper { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .series-wrapper .series-items + .series-items { border-top-color: rgba(255, 255, 255, 0.15); } .dark-background .series-wrapper .series-item { background-color: rgba(255, 255, 255, 0.1); } .dark-background .series-wrapper .series-item:hover { color: #000000; background-color: #FFFFFF; } .dark-background .series-wrapper .series-dropdown .series-dropdown-content { background-color: #222222; } .dark-background .series-wrapper .series-dropdown .series-dropdown-content .series-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .dark-background .series-wrapper .series-dropdown.active-item .series-df-item-control { background-color: #FFFFFF; color: #000000; } .dark-background .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, 0.3); } .dark-background .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: rgba(255, 255, 255, 0.15); } .dark-background .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .os-scrollbar-horizontal:before { background-color: rgba(255, 255, 255, 0.15); } .series-wrapper { padding: 26px 0 26px 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1); text-align: left; } .series-wrapper .series-items { display: table; width: 100%; } .series-wrapper .series-items .series-items-wrap { display: table-row; } .series-wrapper .series-items .series-items-wrap > * { display: table-cell; vertical-align: middle; } .series-wrapper .series-items .series-items-wrap .series-name { min-width: 158px; padding-right: 20px; } .series-wrapper .series-items .series-items-wrap .series-listing { width: 100%; } .series-wrapper .series-items .series-items-wrap .series-listing:after, .series-wrapper .series-items .series-items-wrap .series-listing:before { content: ''; display: table; clear: both; } .series-wrapper .series-items + .series-items { margin-top: 21px; padding-top: 21px; border-top: 1px dashed rgba(0, 0, 0, 0.1); } .series-wrapper .series-item { padding: 3px 15px 2px 15px; background-color: rgba(0, 0, 0, 0.1); margin: 4px 10px 4px 0; float: left; text-decoration: none; border-radius: 1em; -webkit-border-radius: 1em; } .series-wrapper .series-item i.fa-play-circle { display: none; } .series-wrapper .series-item:hover { color: #FFFFFF; background-color: #000000; } .series-wrapper .series-item.active-item { color: #FFFFFF; background-color: #CC0000; } .series-wrapper .series-item.active-item i.fa-play-circle { display: inline-block; } .series-wrapper .series-item:last-child { margin-right: 0; } .series-wrapper .series-item > * { display: inline-block; } .series-wrapper .series-item > *:not(:last-child) { margin-right: 6px; } @media (max-width: 767px) { .series-wrapper { text-align: center; } .series-wrapper .series-items { display: block; width: 100%; } .series-wrapper .series-items .series-items-wrap { display: block; } .series-wrapper .series-items .series-items-wrap > * { display: block; vertical-align: middle; } .series-wrapper .series-items .series-items-wrap .series-name { min-width: 100%; padding-right: 15px; padding-left: 15px; text-align: center; margin-bottom: 26px; } .series-wrapper .series-items .series-items-wrap .series-listing { width: 100%; } .series-wrapper .series-item { display: inline-block; vertical-align: top; float: none; margin-left: 3px; margin-right: 3px; } } .series-wrapper .series-dropdown { position: relative; } .series-wrapper .series-dropdown .series-item { border-radius: 0; -webkit-border-radius: 0; float: none; display: inline-block; cursor: pointer; } .series-wrapper .series-dropdown .series-item.series-df-item-control { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .series-wrapper .series-dropdown .series-dropdown-content { position: absolute; top: 100%; left: 0; min-width: 250px; z-index: 1; display: none; background-color: #FEFEFE; } @media (max-width: 767px) { .series-wrapper .series-dropdown .series-dropdown-content { left: 0; right: 0; } } .series-wrapper .series-dropdown .series-dropdown-content .series-item { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.038); width: 100%; padding-top: 8px; padding-bottom: 7px; margin: 0; } .series-wrapper .series-dropdown.active-item .series-dropdown-content { display: block; } .series-wrapper .series-dropdown.active-item .series-df-item-control { background-color: #000000; color: #FFFFFF; } .series-wrapper .ss_grid { display: block; } .series-wrapper .ss_grid + .series-items { margin-top: -2px; } @supports (-webkit-touch-callout: none) { .series-wrapper .ss_grid + .series-items { margin-top: 21px; } } .series-wrapper .ss_grid .series-items-wrap { display: block; } .series-wrapper .ss_grid .series-items-wrap > * { display: block; } .series-wrapper .ss_grid .series-items-wrap .series-name { min-width: 0; margin-bottom: 15px; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: left; overflow: hidden; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper { overflow: hidden; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper.os-host { padding-bottom: 50px; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper:not(.mCustomScrollbar):not(.os-host) { margin-bottom: 21px; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal { margin-left: 0; margin-right: 0; height: 3px; opacity: 1; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 3px; margin: 0; border-radius: 0; -webkit-border-radius: 0; background-color: rgba(0, 0, 0, 0.3); } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { margin-top: -1px; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin: 0; background-color: rgba(0, 0, 0, 0.1); height: 1px; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .os-scrollbar-horizontal { height: 3px; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .os-scrollbar-horizontal:before { content: ''; display: block; position: absolute; left: 0; right: 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); top: 1px; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .blog-items { display: block; white-space: nowrap; margin-left: 0; margin-right: 0; padding-bottom: 21px; } @supports (-webkit-touch-callout: none) { .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .blog-items { overflow: auto; } } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .blog-items .post-item { width: 256px; display: inline-block; white-space: normal; vertical-align: top; padding-left: 0; padding-right: 0; margin-right: 20px; margin-bottom: 0; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .blog-items .post-item:last-child { margin-right: 0; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .blog-items .post-item.current-playing { pointer-events: none; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .blog-items .post-item.current-playing .blog-pic { border: 3px solid #CC0000; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .blog-items .post-item.current-playing .blog-pic .video-icon { background-color: #CC0000; } .series-wrapper .ss_grid .series-items-wrap .grid-style-series .blog-wrapper .blog-items .post-item.current-playing .blog-pic .video-icon:after { border-left-color: white; } body.active-download .download-lightbox { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body.active-download .download-lightbox .download-listing { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible; transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s, transform 0.3s 0.2s; -webkit-transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s, transform 0.3s 0.2s; } .download-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(33, 33, 33, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; padding: 15px; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .download-lightbox .download-listing { background-color: black; width: 500px; padding: 30px 30px 30px 30px; max-width: 100%; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); opacity: 0; visibility: hidden; } @media (max-width: 575px) { .download-lightbox .download-listing { padding: 20px 20px 20px 20px; } } .download-lightbox .download-listing .download-close { text-align: center; height: 30px; width: 30px; line-height: 30px; background-color: #F2F2F2; font-size: 16px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; position: absolute; top: -15px; right: -15px; color: #000000; border-radius: 50%; -webkit-border-radius: 50%; } .download-lightbox .download-listing .download-package { margin-bottom: 20px; padding-bottom: 20px; margin-top: -7px; border-bottom: 1px dashed rgba(255, 255, 255, 0.15); } .download-lightbox .download-listing .download-package .package-heading { display: inline-block; } .download-lightbox .download-listing .download-package .package-title { color: #FFFFFF; border-bottom: 2px solid #CC0000; text-decoration: none; } .download-lightbox .download-listing .download-item > * { width: 50%; display: inline-block; vertical-align: middle; } .download-lightbox .download-listing .download-item > *.download-item-name { width: 40%; } .download-lightbox .download-listing .download-item > *.download-item-btn { width: 60%; text-align: right; padding-left: 20px; } .download-lightbox .download-listing .download-item:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed rgba(255, 255, 255, 0.15); } body.active-playlist-lightbox .member-playlist-lightbox { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; z-index: 9999999999; } body.active-playlist-lightbox .member-playlist-lightbox .playlist-lightbox-listing { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; visibility: visible; transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s, transform 0.3s 0.2s; -webkit-transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s, transform 0.3s 0.2s; } .member-playlist-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(33, 33, 33, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; transition: opacity 0.3s, visibility 0.3s; -webkit-transition: opacity 0.3s, visibility 0.3s; padding: 15px; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } .member-playlist-lightbox .playlist-lightbox-listing { background-color: black; width: 500px; padding: 0; max-width: 100%; transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); opacity: 0; visibility: hidden; text-align: left; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-close { text-align: center; height: 30px; width: 30px; line-height: 30px; background-color: #F2F2F2; font-size: 16px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; position: absolute; top: -15px; right: -15px; color: #000000; border-radius: 50%; -webkit-border-radius: 50%; z-index: 2; } .member-playlist-lightbox .playlist-lightbox-listing .loadmore-loading { display: block; padding-top: 30px; padding-bottom: 30px; position: relative; } .member-playlist-lightbox .playlist-lightbox-listing .add-new-playlist { text-align: center; position: relative; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: 30px; } .member-playlist-lightbox .playlist-lightbox-listing .add-new-playlist a { text-decoration: none; width: 100%; } .member-playlist-lightbox .playlist-lightbox-listing .ajax-playlist-list { overflow: hidden; max-height: 60vh; padding: 30px; } @media (max-width: 575px) { .member-playlist-lightbox .playlist-lightbox-listing .ajax-playlist-list { padding: 20px 20px 20px 20px; } } .member-playlist-lightbox .playlist-lightbox-listing .mCSB_inside > .mCSB_container { margin-right: 20px; } .member-playlist-lightbox .playlist-lightbox-listing .mCSB_scrollTools { width: 0px; margin: 0; opacity: 1; } .member-playlist-lightbox .playlist-lightbox-listing .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger { width: 2px; right: 0; } .member-playlist-lightbox .playlist-lightbox-listing .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar { width: 2px; border-radius: 0; -webkit-border-radius: 0; background-color: rgba(255, 255, 255, 0.3); opacity: 1; } .member-playlist-lightbox .playlist-lightbox-listing .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; margin: 0 0 0 -2px; } .member-playlist-lightbox .playlist-lightbox-listing .os-theme-dark > .os-scrollbar-vertical, .member-playlist-lightbox .playlist-lightbox-listing .os-theme-light > .os-scrollbar-vertical { padding: 1px; right: 6px; } .member-playlist-lightbox .playlist-lightbox-listing .no-playlist { text-align: center; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > * { width: 50%; display: inline-block; vertical-align: middle; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-name { width: calc( 100% - 82px ); width: -webkit-calc( 100% - 82px ); width: -ms-calc( 100% - 82px ); width: -moz-calc( 100% - 82px ); } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > * a { text-decoration: none; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > * a:hover { text-decoration: underline; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-btn { width: 80px; text-align: right; padding-left: 20px; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-btn .basic-button { min-width: 60px; text-align: center; border-radius: 30px; -webkit-border-radius: 30px; font-size: 16px; padding: 9px; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-btn .basic-button .add-icon { display: inline; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-btn .basic-button .verify-icon { display: none; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-btn .basic-button.ready-in { color: #FFFFFF; background-color: #0CA308; background: linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); background: -webkit-linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); background: -moz-linear-gradient(to left bottom, #0CA308 50%, #0b9607 50%); text-decoration: none; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-btn .basic-button.ready-in .add-icon { display: none; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-btn .basic-button.ready-in .verify-icon { display: inline; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item > *.playlist-item-btn .basic-button.loaded-in { opacity: 0.5; pointer-events: none; } .member-playlist-lightbox .playlist-lightbox-listing .playlist-item:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed rgba(255, 255, 255, 0.15); } #main-content .entry-content div.video-js { width: auto !important; height: auto !important; padding-top: 56.25%; position: relative; display: block; } .show-more-videos { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: left; height: 0; overflow: hidden; margin-bottom: 30px; } .show-more-videos:last-child { margin-bottom: 0; } .show-more-videos .blog-wrapper { overflow: hidden; } .show-more-videos .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal { margin-left: 0; margin-right: 0; height: 3px; opacity: 1; } .show-more-videos .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 3px; margin: 0; border-radius: 0; -webkit-border-radius: 0; background-color: rgba(0, 0, 0, 0.3); } .show-more-videos .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { margin-top: -1px; } .show-more-videos .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin: 0; background-color: rgba(0, 0, 0, 0.1); height: 1px; } .show-more-videos .blog-wrapper.os-host { padding-bottom: 31px; } .show-more-videos .blog-wrapper .os-scrollbar-horizontal { height: 3px; } .show-more-videos .blog-wrapper .os-scrollbar-horizontal:before { content: ''; display: block; position: absolute; left: 0; right: 0; height: 1px; background-color: rgba(0, 0, 0, 0.1); top: 1px; } .show-more-videos .blog-wrapper .blog-items { display: block; white-space: nowrap; margin-left: 0; margin-right: 0; padding-bottom: 41px; } @supports (-webkit-touch-callout: none) { .show-more-videos .blog-wrapper .blog-items { overflow: auto; } } .show-more-videos .blog-wrapper .blog-items .post-item { width: 256px; display: inline-block; white-space: normal; vertical-align: top; padding-left: 0; padding-right: 0; margin-right: 20px; margin-bottom: 0; } .show-more-videos .blog-wrapper .blog-items .post-item:last-child { margin-right: 0; } .show-more-videos .blog-wrapper .blog-items .post-item.current-playing { opacity: 0.5; pointer-events: none; } .show-more-videos.active-block { padding-top: 30px; padding-bottom: 30px; height: auto; overflow: auto; margin-bottom: 0; } .show-more-videos.active-block:last-child { padding-bottom: 0; } .dark-background .show-more-videos .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 3px; margin: 0; border-radius: 0; -webkit-border-radius: 0; background-color: rgba(255, 255, 255, 0.3); } .dark-background .show-more-videos .blog-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin: 0; background-color: rgba(255, 255, 255, 0.15); } .dark-background .show-more-videos .blog-wrapper .os-scrollbar-horizontal:before { background-color: rgba(255, 255, 255, 0.15); } body.main-layout-boxed .single-post-style-wrapper.special .show-more-videos { padding-left: 20px; padding-right: 20px; } @media (max-width: 991px) { body.main-layout-boxed .single-post-style-wrapper.special .show-more-videos { padding-left: 15px; padding-right: 15px; } } .sc-video-elm-widget { background-color: #F1F1F1; } .sc-video-elm-widget .video-sub-toolbar:before { display: none; } .sc-video-elm-widget .series-wrapper { border-bottom: none; background-color: rgba(0, 0, 0, 0.03); padding-left: 30px; padding-right: 30px; } @media (max-width: 1199px) { .sc-video-elm-widget .series-wrapper { padding-left: 20px; padding-right: 20px; } } .sc-video-elm-widget.vp-small-item .series-wrapper { padding-left: 20px; padding-right: 20px; } .dark-background .sc-video-elm-widget { background-color: rgba(255, 255, 255, 0.06); } .dark-background .sc-video-elm-widget .series-wrapper { background-color: rgba(255, 255, 255, 0.05); } body.embed-player-container #site-wrap-children, body.embed-player-container.main-layout-boxed #site-wrap-children { width: 100%; } body.embed-player-container #site-wrap-children .single-post-video-full-width-wrapper, body.embed-player-container.main-layout-boxed #site-wrap-children .single-post-video-full-width-wrapper { padding: 0; } body.embed-player-container #site-wrap-children .single-post-video-full-width-wrapper .single-post-video-player-content, body.embed-player-container.main-layout-boxed #site-wrap-children .single-post-video-full-width-wrapper .single-post-video-player-content { padding: 0; } body.embed-player-container #site-wrap-children .single-post-video-full-width-wrapper .single-post-video-player-content > .site__container, body.embed-player-container.main-layout-boxed #site-wrap-children .single-post-video-full-width-wrapper .single-post-video-player-content > .site__container { padding: 0; width: 100%; max-width: none; } body.preview-hide-player-controlbar .fluid_controls_container, body.preview-hide-player-controlbar .mejs-controls, body.preview-hide-player-controlbar .trailer-notice, body.preview-hide-player-controlbar .plyr__controls { display: none; } .show-hide-toolbar { text-align: center; cursor: pointer; padding: 5px 0; } .show-hide-toolbar span { pointer-events: none; display: inline-block; width: 5px; height: 5px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #999999; margin: 0 3px; } body.single-video-clean-style .single-player-video-wrapper #video-player-wrap-control ~ *:not(.show-hide-toolbar):not(.ads-above-single) { height: 0; overflow: hidden; padding: 0; margin: 0; } body.vidorev-theater-mode .single-post-video-full-width-wrapper.is_vid_playlist_layout { padding: 0; } @media (min-width: 992px) { body.vidorev-theater-mode .single-post-video-full-width-wrapper.is_vid_playlist_layout .playlist-frame { padding-top: 30px; padding-bottom: 30px; background-color: #000000; padding-left: 15px; padding-right: 15px; width: 100vw; margin-left: calc( (100% - 100vw)/2 ); margin-left: -webkit-calc( (100% - 100vw)/2 ); margin-left: -ms-calc( (100% - 100vw)/2 ); margin-left: -moz-calc( (100% - 100vw)/2 ); margin-right: calc( (100% - 100vw)/2 ); margin-right: -webkit-calc( (100% - 100vw)/2 ); margin-right: -ms-calc( (100% - 100vw)/2 ); margin-right: -moz-calc( (100% - 100vw)/2 ); } body.vidorev-theater-mode .single-post-video-full-width-wrapper.is_vid_playlist_layout .playlist-frame #video-player-wrap-control { width: 100%; margin-left: 0; margin-right: 0; } body.vidorev-theater-mode .single-post-video-full-width-wrapper.is_vid_playlist_layout .playlist-frame .playlist-videos { max-width: 720px; margin-left: auto; margin-right: auto; } } body.vidorev-theater-mode #video-player-wrap-control { width: 100vw; margin-left: calc( (100% - 100vw)/2 ); margin-left: -webkit-calc( (100% - 100vw)/2 ); margin-left: -ms-calc( (100% - 100vw)/2 ); margin-left: -moz-calc( (100% - 100vw)/2 ); margin-right: calc( (100% - 100vw)/2 ); margin-right: -webkit-calc( (100% - 100vw)/2 ); margin-right: -ms-calc( (100% - 100vw)/2 ); margin-right: -moz-calc( (100% - 100vw)/2 ); } body.vidorev-theater-mode #video-player-wrap-control .video-player-ratio { padding-top: 0; max-height: 80vh; height: calc(100vw * 0.5625); height: -webkit-calc(100vw * 0.5625); height: -moz-calc(100vw * 0.5625); height: -ms-calc(100vw * 0.5625); background-color: #1A1A1A; } body.vidorev-theater-mode .amazon-product-link { left: calc( (100% - 100vw)/2 + 40px ); left: -webkit-calc( (100% - 100vw)/2 + 40px ); left: -ms-calc( (100% - 100vw)/2 + 40px ); left: -moz-calc( (100% - 100vw)/2 + 40px ); } @media (max-width: 767px) { body.vidorev-theater-mode .amazon-product-link { left: calc( (100% - 100vw)/2 + 15px ); left: -webkit-calc( (100% - 100vw)/2 + 15px ); left: -ms-calc( (100% - 100vw)/2 + 15px ); left: -moz-calc( (100% - 100vw)/2 + 15px ); } } body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic .sidebar-direction { padding-top: 0; } body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic #video-player-wrap-control { margin-bottom: 20px; } body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic #main-sidebar { padding-top: calc(100vw * 0.5625 + 20px); padding-top: -webkit-calc(100vw * 0.5625 + 20px); padding-top: -moz-calc(100vw * 0.5625 + 20px); padding-top: -ms-calc(100vw * 0.5625 + 20px); } @media (min-width: 1200px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic #video-player-wrap-control { margin-left: calc( (1140px - 100vw)/2 ); margin-left: -webkit-calc( (1140px - 100vw)/2 ); margin-left: -ms-calc( (1140px - 100vw)/2 ); margin-left: -moz-calc( (1140px - 100vw)/2 ); margin-right: calc( (1140px - 100vw)/2 ); margin-right: -webkit-calc( (1140px - 100vw)/2 ); margin-right: -ms-calc( (1140px - 100vw)/2 ); margin-right: -moz-calc( (1140px - 100vw)/2 ); } } @media (max-width: 1199px) and (min-width: 992px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic #video-player-wrap-control { margin-left: calc( (930px - 100vw)/2 ); margin-left: -webkit-calc( (930px - 100vw)/2 ); margin-left: -ms-calc( (930px - 100vw)/2 ); margin-left: -moz-calc( (930px - 100vw)/2 ); margin-right: calc( (930px - 100vw)/2 ); margin-right: -webkit-calc( (930px - 100vw)/2 ); margin-right: -ms-calc( (930px - 100vw)/2 ); margin-right: -moz-calc( (930px - 100vw)/2 ); } } @media (min-width: 1560px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic.header-vid-side:not(.fullwidth-mode-enable) #video-player-wrap-control { margin-left: calc( (1120px - 100vw)/2 ); margin-left: -webkit-calc( (1120px - 100vw)/2 ); margin-left: -ms-calc( (1120px - 100vw)/2 ); margin-left: -moz-calc( (1120px - 100vw)/2 ); margin-right: calc( (1120px - 100vw)/2 ); margin-right: -webkit-calc( (1120px - 100vw)/2 ); margin-right: -ms-calc( (1120px - 100vw)/2 ); margin-right: -moz-calc( (1120px - 100vw)/2 ); } } @media (min-width: 1560px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic.header-vid-side.fullwidth-mode-enable #video-player-wrap-control { margin-left: calc( (1470px - 100vw)/2 ); margin-left: -webkit-calc( (1470px - 100vw)/2 ); margin-left: -ms-calc( (1470px - 100vw)/2 ); margin-left: -moz-calc( (1470px - 100vw)/2 ); margin-right: calc( (1470px - 100vw)/2 ); margin-right: -webkit-calc( (1470px - 100vw)/2 ); margin-right: -ms-calc( (1470px - 100vw)/2 ); margin-right: -moz-calc( (1470px - 100vw)/2 ); } } @media (min-width: 2000px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic.header-vid-side.fullwidth-mode-enable #video-player-wrap-control { margin-left: calc( (1890px - 100vw)/2 ); margin-left: -webkit-calc( (1890px - 100vw)/2 ); margin-left: -ms-calc( (1890px - 100vw)/2 ); margin-left: -moz-calc( (1890px - 100vw)/2 ); margin-right: calc( (1890px - 100vw)/2 ); margin-right: -webkit-calc( (1890px - 100vw)/2 ); margin-right: -ms-calc( (1890px - 100vw)/2 ); margin-right: -moz-calc( (1890px - 100vw)/2 ); } } @media (min-width: 1580px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic.fullwidth-mode-enable #video-player-wrap-control { margin-left: calc( (1500px - 100vw)/2 ); margin-left: -webkit-calc( (1500px - 100vw)/2 ); margin-left: -ms-calc( (1500px - 100vw)/2 ); margin-left: -moz-calc( (1500px - 100vw)/2 ); margin-right: calc( (1500px - 100vw)/2 ); margin-right: -webkit-calc( (1500px - 100vw)/2 ); margin-right: -ms-calc( (1500px - 100vw)/2 ); margin-right: -moz-calc( (1500px - 100vw)/2 ); } } @media (min-width: 2000px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic.fullwidth-mode-enable #video-player-wrap-control { margin-left: calc( (1920px - 100vw)/2 ); margin-left: -webkit-calc( (1920px - 100vw)/2 ); margin-left: -ms-calc( (1920px - 100vw)/2 ); margin-left: -moz-calc( (1920px - 100vw)/2 ); margin-right: calc( (1920px - 100vw)/2 ); margin-right: -webkit-calc( (1920px - 100vw)/2 ); margin-right: -ms-calc( (1920px - 100vw)/2 ); margin-right: -moz-calc( (1920px - 100vw)/2 ); } } body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic.main-layout-boxed #main-content { padding-top: 0; } @media (min-width: 1200px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic.main-layout-boxed #video-player-wrap-control { margin-left: calc( (1110px - 100vw)/2 ); margin-left: -webkit-calc( (1110px - 100vw)/2 ); margin-left: -ms-calc( (1110px - 100vw)/2 ); margin-left: -moz-calc( (1110px - 100vw)/2 ); margin-right: calc( (1110px - 100vw)/2 ); margin-right: -webkit-calc( (1110px - 100vw)/2 ); margin-right: -ms-calc( (1110px - 100vw)/2 ); margin-right: -moz-calc( (1110px - 100vw)/2 ); } } @media (max-width: 1199px) and (min-width: 992px) { body.vidorev-theater-mode.is-sidebar.vidorev-theater-mode-classic.main-layout-boxed #video-player-wrap-control { margin-left: calc( (900px - 100vw)/2 ); margin-left: -webkit-calc( (900px - 100vw)/2 ); margin-left: -ms-calc( (900px - 100vw)/2 ); margin-left: -moz-calc( (900px - 100vw)/2 ); margin-right: calc( (900px - 100vw)/2 ); margin-right: -webkit-calc( (900px - 100vw)/2 ); margin-right: -ms-calc( (900px - 100vw)/2 ); margin-right: -moz-calc( (900px - 100vw)/2 ); } } .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true], .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__control--overlaid:focus, .plyr__control--overlaid:hover, .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #CC0000; } .plyr__control--overlaid { background: rgba(204, 0, 0, 0.8); padding: 20px; } .plyr--full-ui input[type=range] { color: #CC0000; } .plyr__control.plyr__tab-focus { box-shadow: 0 0 0 5px rgba(204, 0, 0, 0.3); } .plyr--full-ui.plyr--vimeo .plyr__video-wrapper { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .plyr--full-ui.plyr--vimeo .plyr__video-embed > .plyr__video-embed__container { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; max-width: none !important; position: absolute; margin: 0; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } .plyr:fullscreen.plyr--vimeo .plyr__video-embed > .plyr__video-embed__container { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; max-width: none !important; position: absolute; margin: 0; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-embed > .plyr__video-embed__container { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; max-width: none !important; position: absolute; margin: 0; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-embed > .plyr__video-embed__container { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; max-width: none !important; position: absolute; margin: 0; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-embed > .plyr__video-embed__container { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; max-width: none !important; position: absolute; margin: 0; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } .time_lapses { display: block; text-decoration: none; padding: 7px 60px 7px 15px; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.1); margin: 10px 0; position: relative; } .time_lapses:hover, .time_lapses:focus { text-decoration: none; } .time_lapses .tl-time { position: absolute; top: 0; bottom: 0; right: 0; background-color: #EEEEEE; padding: 8px 5px; min-width: 40px; text-align: center; } .player-timelapse { border: 2px solid rgba(0, 0, 0, 0.05); padding: 5px 10px; margin-top: 10px; } .dark-background .time_lapses { background-color: rgba(255, 255, 255, 0.1); } .dark-background .time_lapses .tl-time { background-color: rgba(255, 255, 255, 0.1); } .dark-background .player-timelapse { border: 2px solid rgba(255, 255, 255, 0.1); } .fullScreenFixed { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; z-index: 9999999999999; } /*11.6 - 404 Page*/ .page-404-wrapper { text-align: center; padding-top: 60px; padding-bottom: 40px; } .page-404-wrapper h1 { font-size: 70px; color: #EAEAEA; margin-bottom: 38px; } @media (max-width: 767px) { .page-404-wrapper h1 { font-size: 40px; } } .page-404-wrapper .img-404 { max-width: 775px; margin-left: auto; margin-right: auto; margin-bottom: 32px; } /*11.7 - Search*/ .dark-background .search-form-page { border-bottom-color: rgba(255, 255, 255, 0.1); } .search-form-page { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #EAEAEA; } .search-form-page .header-search-page-wrapper { position: relative; } .search-form-page .header-search-page-wrapper .search-terms-textfield { padding-right: 55px; margin-bottom: 0; } .search-form-page .header-search-page-wrapper input[type="submit"] { background: transparent; border: none; font-size: 0; min-width: 0; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 55px; } .search-form-page .header-search-page-wrapper .fa-search { position: absolute; color: #999999; top: 50%; right: 20px; pointer-events: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .none-content-info.search-df { text-align: center; } .none-content-info .search-form-page { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .archive-heading ~ .none-content-info.archive-df { margin-top: -15px; } .entry-header ~ .none-content-info.archive-df { margin-top: 15px; } /*11.8 - Breadcrumbs*/ .nav-breadcrumbs-elm + * { padding-top: 40px; } .nav-breadcrumbs { padding: 14px 0; margin-top: 0; border-bottom: 1px solid #EAEAEA; color: #999999; } .nav-breadcrumbs a { text-decoration: none; } .nav-breadcrumbs a:focus, .nav-breadcrumbs a:hover { text-decoration: none; } .nav-breadcrumbs .current { color: #000000; } .nav-breadcrumbs .icon-arrow { padding: 0 10px; } .dark-background .nav-breadcrumbs { color: rgba(255, 255, 255, 0.68); border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .nav-breadcrumbs a { color: rgba(255, 255, 255, 0.68); } .dark-background .nav-breadcrumbs a:hover { color: #FFFFFF; } .dark-background .nav-breadcrumbs .current { color: #FFFFFF; } .dark-background .nav-breadcrumbs .icon-arrow { padding: 0 10px; } .breadcrumbs-turn-off { display: none; } .full-width-breadcrumbs .nav-breadcrumbs { border: none; } .full-width-breadcrumbs .breadcrumbs-turn-off { display: block; } .single-post-style-wrapper.special .breadcrumbs-turn-off { display: block; } .single-post-style-wrapper.special .breadcrumbs-turn-off .nav-breadcrumbs { padding-top: 24px; } /*11.9 - Top Watch Later*/ .watch-later-elm:hover .top-watch-later-listing { opacity: 1; visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0s; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0s; } .top-watch-later-listing { list-style: none; padding: 20px 20px 20px 20px; position: absolute; top: 100%; right: 0; background-color: #000000; right: 15px; width: 360px; min-height: 180px; border-top: 1px solid rgba(255, 255, 255, 0.2); opacity: 0; visibility: hidden; transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform-origin: top; -webkit-transform-origin: top; -ms-transform-origin: top; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .top-watch-later-listing .top-watch-later-items.no-video ~ .view-all-hyperlink { display: none; } .top-watch-later-listing .top-watch-later-items.no-video ~ .watch-no-video { display: block; } .top-watch-later-listing .video-listing-item { margin-bottom: 15px; position: relative; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding-right: 25px; display: none; width: 100%; } .top-watch-later-listing .video-listing-item:last-child { margin-bottom: 0; } .top-watch-later-listing .video-listing-item:nth-child(1), .top-watch-later-listing .video-listing-item:nth-child(2), .top-watch-later-listing .video-listing-item:nth-child(3), .top-watch-later-listing .video-listing-item:nth-child(4), .top-watch-later-listing .video-listing-item:nth-child(5) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .top-watch-later-listing .video-img { width: 60px; margin-right: 20px; } .top-watch-later-listing .video-img:empty { display: none; } .top-watch-later-listing .video-img:not(:empty) + .video-content { width: calc(100% - 82px); width: -webkit-calc(100% - 82px); width: -moz-calc(100% - 82px); width: -ms-calc(100% - 82px); } .top-watch-later-listing .video-content { width: 100%; } .top-watch-later-listing .video-content .post-title:last-child { margin-bottom: -4px; } .top-watch-later-listing .view-all-hyperlink { text-align: center; margin-top: 20px; } .top-watch-later-listing .remove-item-watch-later { position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; right: -5px; top: 50%; margin-top: -20px; } .top-watch-later-listing .remove-item-watch-later i.fa { line-height: 1; } .top-watch-later-listing .remove-item-watch-later:hover { color: #CC0000; } .top-watch-later-listing .watch-no-video { text-align: center; padding: 20px 0 10px 0; display: none; } .top-watch-later-listing .watch-no-video .fa-file-video-o { font-size: 50px; margin-bottom: 20px; } /*11.10 - Top Login*/ .login-elm:hover .top-login-info { opacity: 1; visibility: visible; transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0s; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0s; } .top-login-info { list-style: none; padding: 20px 20px 20px 20px; position: absolute; top: 100%; right: 0; background-color: #000000; right: 15px; width: 360px; min-height: 180px; border-top: 1px solid rgba(255, 255, 255, 0.2); opacity: 0; visibility: hidden; transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform-origin: top; -webkit-transform-origin: top; -ms-transform-origin: top; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .top-login-info .top-login-content { text-align: center; text-transform: capitalize; padding: 20px 0 10px 0; } .top-login-info .top-login-content .fa-user-circle { font-size: 50px; margin-bottom: 20px; } .top-login-info .top-login-content a { text-decoration: none; text-transform: capitalize; } .top-login-info .top-login-content .avatar { margin: 0 auto 20px auto; display: block; width: 50px; height: 50px; } @media (max-width: 991px) { .top-login-info { display: none; } } /*11.11 - Clean Login Re-Style*/ body .cleanlogin-container { box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: 2px solid #E5E5E5; padding: 30px; margin-top: 30px; max-width: 400px; } @media (max-width: 767px) { body .cleanlogin-container { padding: 20px; } } body .cleanlogin-container .cleanlogin-form input[type="text"], body .cleanlogin-container .cleanlogin-form input[type="password"], body .cleanlogin-container .cleanlogin-form input[type="email"], body .cleanlogin-container .cleanlogin-form select { height: auto; padding: 11px 20px 10px 20px; margin-bottom: 0; } body .cleanlogin-container .cleanlogin-form input[type="submit"] { height: auto; padding: 12px 20px 12px 20px; width: auto; text-transform: uppercase; margin-bottom: 0; } @media (max-width: 480px) { body .cleanlogin-container .cleanlogin-form input[type="submit"] { min-width: 100px; } } body .cleanlogin-container .cleanlogin-form .cleanlogin-field { position: relative; } body .cleanlogin-container .cleanlogin-form #togglePassword { position: absolute; right: 10px; top: 50%; margin-top: 2px; line-height: 1; } body .cleanlogin-container .cleanlogin-form .cleanlogin-field-username, body .cleanlogin-container .cleanlogin-form .cleanlogin-field-email, body .cleanlogin-container .cleanlogin-form .cleanlogin-field-password, body .cleanlogin-container .cleanlogin-form .cleanlogin-field-spam, body .cleanlogin-container .cleanlogin-form .cleanlogin-field-name, body .cleanlogin-container .cleanlogin-form .cleanlogin-field-surname { background-position: 5px 50%; padding-left: 45px !important; } body .cleanlogin-container .cleanlogin-form .cleanlogin-field-remember { line-height: 1; } body .cleanlogin-container .cleanlogin-form .cleanlogin-field-remember > * { display: inline-block; vertical-align: middle; } body .cleanlogin-container .cleanlogin-form .cleanlogin-form label { font-size: 14px; } body .cleanlogin-container .cleanlogin-form .cleanlogin-form-bottom { margin-top: 17px; margin-bottom: -8px; } body .cleanlogin-container .cleanlogin-form h4 { margin-bottom: 0; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 18px; } body .cleanlogin-container .cleanlogin-form .cleanlogin-form-description { padding: 0; margin-bottom: 23px; } body .cleanlogin-container .cleanlogin-form fieldset + h4 { margin-top: 16px; } body .cleanlogin-container .cleanlogin-form label + input { margin-top: 3px; } body .cleanlogin-container .cleanlogin-form span { margin: 0; color: inherit; } body .cleanlogin-container.cleanlogin-full-width { max-width: 400px; } body .cleanlogin-container.cleanlogin-full-width .cleanlogin-field { width: 100%; margin-left: 0; float: none; } body .cleanlogin-container.cleanlogin-full-width img { display: block; margin-bottom: 20px; } body .cleanlogin-container.cleanlogin-full-width form fieldset { margin: 0; } body .cleanlogin-container .cleanlogin-preview .cleanlogin-preview-top { height: auto; padding: 0; margin-top: -7px; margin-bottom: 23px; } body .cleanlogin-container .cleanlogin-preview .cleanlogin-preview-top:after, body .cleanlogin-container .cleanlogin-preview .cleanlogin-preview-top:before { content: ''; display: table; clear: both; } body .cleanlogin-container .cleanlogin-preview h4 { margin-bottom: 0; } body .cleanlogin-notification { animation: initial; -webkit-animation: initial; -ms-animation: initial; } body .cleanlogin-notification.error, body .cleanlogin-notification.success { border: none; border-radius: 0; -webkit-border-radius: 0; background: #CC0000; color: #FFFFFF; padding: 13px 20px; margin: 30px auto 0 auto; max-width: 400px; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } body .cleanlogin-notification.error p, body .cleanlogin-notification.success p { padding: 0; } body .cleanlogin-notification.success { background: #1ABC9C; } .dark-background .cleanlogin-container { border-color: rgba(255, 255, 255, 0.1); } /*11.12 - Author*/ .listing-types { padding-bottom: 40px; } .listing-types .listing-types-content { margin: -5px; font-size: 0; line-height: 0; text-align: center; } .listing-types .listing-types-content > * { margin: 5px; } @media (max-width: 575px) { .listing-types .listing-types-content { margin: 0; } .listing-types .listing-types-content > * { width: 100%; margin: 0; } } body.archive.author.dark-background.dark-version .author-box { border-color: rgba(255, 255, 255, 0.1); } body.archive.author .author-box { margin-bottom: 40px; padding: 20px; border: 2px solid #E5E5E5; } body.archive.author .author-box .author-box-body:after { content: ''; clear: both; display: table; } body.archive.author .author-box .author-box-body .author-box-avatar { width: 130px; margin-right: 20px; float: left; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; } body.archive.author .author-box .author-box-body .author-box-avatar img { display: block; } body.archive.author .author-box .author-box-body .author-box-content { width: calc(100% - 152px); width: -webkit-calc(100% - 152px); width: -moz-calc(100% - 152px); width: -ms-calc(100% - 152px); float: left; } body.archive.author .author-box .author-box-body .author-box-content .author-name { margin-bottom: 6px; } body.archive.author .author-box .author-box-body .author-box-content .author-name :last-child { margin-bottom: -5px; } body.archive.author .author-box .author-box-body .author-box-content .author-des { margin-bottom: 12px; } body.archive.author .author-box .author-box-body .author-box-content .author-des:last-child { margin-bottom: -8px; } body.archive.author .author-box .author-box-body .author-box-content .author-des:empty:not(:last-child) { margin-bottom: 15px; } @media (max-width: 575px) { body.archive.author .author-box .author-box-body .author-box-avatar { float: none; margin: auto; } body.archive.author .author-box .author-box-body .author-box-avatar + .author-box-content { padding-top: 20px; } body.archive.author .author-box .author-box-body .author-box-content { width: 100%; float: none; text-align: center; } body.archive.author .author-box .author-box-body .author-box-content .social-block.s-grid { text-align: center; font-size: 0; line-height: 0; } body.archive.author .author-box .author-box-body .author-box-content .social-block.s-grid > li { display: inline-block; float: none; padding: 0; margin: 5px; } } /*11.13 - Ads*/ .top-ad-wrap ins, .ads-above-footer ins, .ads-above-single ins, .ads-below-single ins, .ads-between-post ins, .ads-above-single-player ins, .ads-above-channel ins { background-color: transparent; } .ads-above-footer img, .ads-above-single img, .ads-below-single img, .ads-between-post img, .ads-above-single-player img, .ads-above-channel img { display: block; margin: auto; } .ads-above-footer { margin-bottom: 60px; text-align: center; } .ads-above-single { margin-top: 40px; margin-bottom: 40px; text-align: center; } .single-player-video-wrapper .ads-above-single { margin-top: 30px; margin-bottom: 0; } .global-single-content > .ads-above-single:first-child { margin-top: 0; } .ads-below-single { margin-top: 60px; text-align: center; } .ads-between-post { width: 100%; } .ads-above-channel { margin-bottom: 40px; } #youzer ~ #site-footer .ads-above-footer { margin-top: 60px; } #youzify ~ #site-footer .ads-above-footer { margin-top: 60px; } body.single-vid_channel .ads-below-single { margin-bottom: 60px; } /*11.14 - User Submit Post*/ #user-submitted-posts #usp_form { margin: 0; padding: 0; } #user-submitted-posts #usp_form fieldset { margin-top: 0; margin-bottom: 23px; border-bottom: 1px dashed #EAEAEA; padding-bottom: 30px; } #user-submitted-posts #usp_form fieldset input.usp-input, #user-submitted-posts #usp_form fieldset select { width: 100%; } #user-submitted-posts #usp_form label { display: block; width: 100%; font-weight: 700; font-size: 14px; text-transform: uppercase; margin-bottom: 12px; } #user-submitted-posts #usp_form div#usp-error-message.usp-callout-failure, #user-submitted-posts #usp_form div#usp-error-message .usp-error { background-color: #CC0000; color: #FFFFFF; padding: 8px 20px; margin-bottom: 23px; } #user-submitted-posts #usp_form div#usp-success-message { background-color: #1ABC9C; color: #FFFFFF; padding: 8px 20px; margin-bottom: 23px; text-transform: uppercase; } #user-submitted-posts #usp_form ul.parsley-errors-list.filled li.parsley-required { background-color: #CC0000; } .basic-button.user-submit-video { min-width: 0; } .dark-background #user-submitted-posts #usp_form fieldset { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .codedropz-upload-handler { border-color: rgba(255, 255, 255, 0.15); } .dark-background .dnd-upload-status .dnd-upload-image span { color: rgba(255, 255, 255, 0.6); } .dark-background .dnd-upload-status .dnd-upload-details .name { color: #FFFFFF; } .dark-background .dnd-upload-status .dnd-upload-details .name em { color: #999999; } .dark-background .dnd-icon-remove.deleting { color: #999999; } .site-header.header-sport .user-submit-video { border-right: none; } .codedropz-upload-handler { border-radius: 0; -webkit-border-radius: 0; border: 2px dashed #E5E5E5; } .codedropz-upload-container { padding: 30px 20px; } .codedropz-upload-container h3 { font-size: 18px; } .dnd-upload-status .dnd-upload-details .name em { font-weight: normal; } .dnd-upload-status + .dnd-upload-status { margin-top: 15px; } .vidorev-submit-post { padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .vidorev-submit-post h3 { text-transform: uppercase; margin-bottom: 15px; margin-top: -5px; } .vidorev-submit-post p { padding: 0; } .vidorev-submit-post:nth-last-child(2) { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .vidorev-submit-post span.desc-param { font-style: italic; color: #999999; margin-top: -12px; display: block; } .vidorev-submit-post.video-file-dd .desc-param { margin-top: 24px; } .vidorev-submit-post input[type="file"] { display: block; } .vidorev-submit-post .wpcf7-submit, .vidorev-submit-post .ajax-loader { vertical-align: middle; } div.wpcf7-response-output, .wpcf7 form .wpcf7-response-output { margin: 40px 0 0 0; padding: 10px 20px; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: #FF0000; } .form-data-loading { pointer-events: none !important; opacity: 0.5; } .form-front-end-submit .upload-park { border: 1px dashed #999999; padding: 20px; margin-bottom: 40px; } .dark-background .user-settings-ads fieldset { border: 2px solid rgba(255, 255, 255, 0.1); } .dark-background .user-settings-ads fieldset legend { background-color: rgba(255, 255, 255, 0.15); } .dark-background .user-settings-ads fieldset .disable-ads { background-color: rgba(17, 17, 17, 0.68); border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .dark-background .user-settings-ads fieldset .disable-ads .disable-ads-content { background-color: #000000; border: 1px dashed rgba(255, 255, 255, 0.5); } .dark-background .user-settings-ads fieldset .disable-ads .disable-ads-content .level-highlight { background-color: #FFFFFF; border: 1px solid #CC0000; color: #CC0000; } .dark-background .user-settings-ads .dis-notice { color: #999999; } .dark-background .user-settings-ads .desc-param { color: #999999; } .user-settings-ads fieldset { border: 2px solid #E5E5E5; padding: 30px 20px 20px 20px; position: relative; overflow: hidden; } .user-settings-ads fieldset:not(:last-child) { margin-bottom: 40px; } .user-settings-ads fieldset legend { padding: 7px 15px; background-color: #E5E5E5; } .user-settings-ads fieldset .disable-ads { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.6); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; z-index: 1; border-bottom: 2px solid #E5E5E5; } .user-settings-ads fieldset .disable-ads .disable-ads-content { padding: 10px 15px; background-color: #000000; margin-left: 20px; margin-right: 20px; } .user-settings-ads fieldset .disable-ads .disable-ads-content .level-highlight { background-color: #FFFFFF; border: 1px solid #CC0000; color: #CC0000; padding: 2px 8px; font-weight: bold; } .user-settings-ads .frontend-ads-settings-row:not(:last-child) { margin-bottom: 15px; } .user-settings-ads .frontend-ads-settings-row.button-submit { text-align: center; } .user-settings-ads .frontend-ads-settings-row .notice-submit { color: #0CA308; } .user-settings-ads .frontend-ads-settings-row .notice-submit.error-text { color: #CC0000; } .user-settings-ads .frontend-ads-settings-row .notice-submit:not(:empty) { margin-bottom: 30px; } .user-settings-ads input[name="ads_types"] { display: inline-block; vertical-align: middle; } .user-settings-ads input[name="ads_types"] + label { display: inline-block; vertical-align: middle; } .user-settings-ads input[name="ads_types"]:checked + label { font-weight: bold; } .user-settings-ads .dis-notice { color: #999999; font-style: italic; } .user-settings-ads .desc-param { color: #999999; font-style: italic; margin-top: -5px; display: block; } .user-settings-ads #ads_settings_update.loading-submit { opacity: 0.5; pointer-events: none; } /*11.15 - Social Locker*/ .video-player-wrap .onp-sl-content, .video-player-wrap .onp-sl-content-wrap { position: absolute !important; margin: 0 !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; } .video-player-wrap .onp-sl-content + .onp-sl, .video-player-wrap .onp-sl-content-wrap + .onp-sl { position: absolute !important; margin: 0; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; max-width: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-content: center; } .video-player-wrap .onp-sl-content + .onp-sl > *, .video-player-wrap .onp-sl-content-wrap + .onp-sl > * { max-width: 625px; margin: auto; } .video-player-wrap .onp-sl-content + .onp-sl a.onp-sl-control, .video-player-wrap .onp-sl-content-wrap + .onp-sl a.onp-sl-control { color: #1A1A1A; } .video-player-wrap .onp-sl-content .onp-sl-blur-area, .video-player-wrap .onp-sl-content-wrap .onp-sl-blur-area { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .video-player-wrap .onp-sl-control-inner-wrap input.onp-sl-input { border-color: rgba(0, 0, 0, 0.2); color: #1A1A1A; } /*-------------------------------------------------------------- # 11.0 Content (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 12.0 Media (START) --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: left; color: #999999; font-style: italic; } .wp-caption .wp-caption-text { margin: 0.9em 0 1.25em 0; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; margin-left: -10px; margin-right: -10px; font-size: 0; line-height: 0; } .gallery-item { text-align: center; width: 100%; margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px; font-size: 0; line-height: 0; display: inline-block; vertical-align: top; margin-bottom: 10px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } @media (max-width: 767px) { .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 50%; } } /*-------------------------------------------------------------- ## InstagramFeed --------------------------------------------------------------*/ .instagram-feed-wrapper { position: relative; } .instagram-feed-wrapper:after { content: ''; display: table; clear: both; } .instagram-feed-wrapper #sbi_load { padding: 0 !important; } .instagram-feed-wrapper #sb_instagram { margin: 0; padding: 0; max-height: 1000px; transition: opacity 0.5s 0.5s, max-height 1s 0.5s; -webkit-transition: opacity 0.5s 0.5s, max-height 1s 0.5s; } .instagram-feed-wrapper #sb_instagram .sb_instagram_header { display: none; } .instagram-feed-wrapper #sb_instagram:not([data-sbi-index]) { max-height: 0; overflow: hidden; opacity: 0; } .instagram-feed-wrapper #sb_instagram:not([data-sbi-index]) > * { display: none !important; } .instagram-feed-wrapper #sb_instagram #sbi_load .sbi_follow_btn { margin: 0; display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); } .instagram-feed-wrapper #sb_instagram #sbi_load .sbi_follow_btn a { background-color: rgba(255, 255, 255, 0.8); color: #000000; line-height: 1.5; border-radius: 0; -webkit-border-radius: 0; text-transform: uppercase; } .instagram-feed-wrapper #sb_instagram #sbi_load .sbi_follow_btn a i.fa { display: none; } .instagram-feed-wrapper #sb_instagram #sbi_load .sbi_follow_btn a svg.fa-instagram { display: none; } .instagram-feed-wrapper #sb_instagram.sbi_col_8 #sbi_images .sbi_item { width: 12.5%; } .instagram-feed-wrapper #sb_instagram .sbi_photo { height: auto !important; padding-top: 100%; position: relative; overflow: hidden; } .instagram-feed-wrapper #sb_instagram .sbi_photo img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: auto; } @media (max-width: 991px) { .instagram-feed-wrapper #sb_instagram.sbi_col_8 #sbi_images .sbi_item { width: 25%; } } @media (max-width: 480px) { .instagram-feed-wrapper #sb_instagram.sbi_col_8 #sbi_images .sbi_item { width: 50%; } } @media (max-width: 991px) { .instagram-feed-wrapper.pos-header #sb_instagram.sbi_col_8 #sbi_images .sbi_item:nth-child(5), .instagram-feed-wrapper.pos-header #sb_instagram.sbi_col_8 #sbi_images .sbi_item:nth-child(6), .instagram-feed-wrapper.pos-header #sb_instagram.sbi_col_8 #sbi_images .sbi_item:nth-child(7), .instagram-feed-wrapper.pos-header #sb_instagram.sbi_col_8 #sbi_images .sbi_item:nth-child(8) { display: none !important; } } @media (max-width: 480px) { .instagram-feed-wrapper.pos-header #sb_instagram.sbi_col_8 #sbi_images .sbi_item { width: 33.33333333%; } .instagram-feed-wrapper.pos-header #sb_instagram.sbi_col_8 #sbi_images .sbi_item:nth-child(4) { display: none !important; } } .site-footer .instagram-feed-wrapper { margin-bottom: -1px; } /*-------------------------------------------------------------- # 12.0 Media (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 12.6a Membership (START) --------------------------------------------------------------*/ .pmpro_content_message { padding: 20px 15px 25px 15px; border: 2px dashed #CC0000; background-color: white; text-align: center; line-height: 2; font-size: 18px; color: #CC0000; } .pmpro_content_message:not(:first-child) { margin-top: 25px; } .pmpro_content_message a { margin: 5px !important; } table.pmpro_checkout, table.pmpro_invoice { margin-top: 0; margin-bottom: 0; } table.pmpro_checkout thead, table.pmpro_invoice thead { background-color: rgba(0, 0, 0, 0.05); text-transform: uppercase; } #pmpro_levels_table { background-color: transparent; } #pmpro_levels_table.pmpro_checkout thead tr th:last-child { width: 5%; } ul + .pmpro_billing_gateway-none { margin-top: 40px; } @media (max-width: 767px) { body.pmpro-cancel .pmpro_actionlinks a { width: 100%; } body.pmpro-cancel .pmpro_actionlinks a + a { margin-top: 20px; } } #pmpro_cancel table, #pmpro_account table { margin-top: 0; margin-bottom: 0; } #pmpro_cancel table thead, #pmpro_account table thead { background-color: rgba(0, 0, 0, 0.05); text-transform: uppercase; } #nav-below { margin-top: 40px; } #nav-below:before, #nav-below:after { content: ''; display: table; clear: both; } @media (max-width: 767px) { #nav-below > * { float: none; margin: 0; width: 100%; display: block; } #nav-below > * a { width: 100%; } #nav-below > * + * { margin-top: 20px; } } #pmpro_cancel hr { display: none; } #pmpro_cancel h3 { margin-top: -5px; margin-bottom: 33px; display: none; font-weight: 700; text-transform: uppercase; } #pmpro_account .pmpro_box { border-top: none; padding: 0 0 34px 0; margin: 0 0 40px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #pmpro_account .pmpro_box:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #pmpro_account .pmpro_box h3 { margin-top: -5px; margin-bottom: 20px; font-weight: 700; text-transform: uppercase; } .pmpro_actionlinks { margin-top: 10px; margin-bottom: 10px; } .pmpro_actionlinks:last-child { margin-bottom: 0; } .pmpro_actionlinks a { color: #CC0000; text-decoration: none; font-size: 12px; } .pmpro_actionlinks a:hover { color: #CC0000; text-decoration: underline; } .pmpro_actionlinks a.pmpro_nolink.pmpro_cancel { padding: 12px 20px 12px 20px; color: #FFFFFF; } small { font-size: 12px; } small a { color: #CC0000; text-decoration: none; text-transform: capitalize; } small a:hover { color: #CC0000; text-decoration: underline; } .pmpro_message { border-radius: 0; -webkit-border-radius: 0; margin: 0 0 40px 0; padding: 12px 20px; } .pmpro_message a { color: #000000; } .pmpro_message a:hover { color: #CC0000; } body.pmpro-billing .entry-content > #pmpro_form:not(:first-child) { margin-top: 40px; } input[type="button"].pmpro_btn.pmpro_btn-cancel { background-color: #333333; color: #FFFFFF; } input[type="button"].pmpro_btn.pmpro_btn-cancel:hover { background-color: #000000; } .dark-background input[type="button"].pmpro_btn.pmpro_btn-cancel { background-color: #333333; color: #FFFFFF; } .dark-background input[type="button"].pmpro_btn.pmpro_btn-cancel:hover { background-color: #FFFFFF; color: #000000; } #pmpro_form hr { display: none; } #pmpro_form .pmpro_checkout { margin-bottom: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 16px; } #pmpro_form .pmpro_checkout h3 { margin: -5px 0 30px 0; } #pmpro_form .pmpro_checkout h3 span { display: block; } #pmpro_form .pmpro_checkout h3 span.pmpro_checkout-h3-name { margin-bottom: 5px; font-weight: 700; text-transform: uppercase; } #pmpro_form .pmpro_checkout h3 span.pmpro_checkout-h3-msg { font-size: 12px; font-style: normal; } #pmpro_form .pmpro_checkout h3 span.pmpro_checkout-h3-msg a { color: #CC0000; text-decoration: none; text-transform: capitalize; } #pmpro_form .pmpro_checkout h3 span.pmpro_checkout-h3-msg a:hover { color: #CC0000; text-decoration: underline; } #pmpro_form .pmpro_checkout label { margin-bottom: 7px; text-transform: uppercase; } #pmpro_form .pmpro_checkout#pmpro_pricing_fields { padding: 25px 20px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.05); clear: both; } #pmpro_form .pmpro_checkout#pmpro_pricing_fields .pmpro_checkout-fields { margin-left: 0; margin-right: 0; } #pmpro_form .pmpro_checkout#pmpro_pricing_fields .pmpro_checkout-fields > p:first-child { margin-top: -10px; } #pmpro_form .pmpro_checkout#pmpro_pricing_fields #pmpro_level_cost { margin-bottom: -15px; } #pmpro_form .pmpro_checkout .pmpro_checkout-fields { margin-left: -15px; margin-right: -15px; } #pmpro_form .pmpro_checkout .pmpro_checkout-fields:after, #pmpro_form .pmpro_checkout .pmpro_checkout-fields:before { content: ''; clear: both; display: table; } #pmpro_form .pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field { float: left; width: 50%; padding-left: 15px; padding-right: 15px; } @media (max-width: 767px) { #pmpro_form .pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field { width: 100%; float: none; } } #pmpro_form .pmpro_checkout .pmpro_checkout-fields #ExpirationMonth, #pmpro_form .pmpro_checkout .pmpro_checkout-fields #ExpirationYear { width: 25%; } @media (max-width: 1199px) { #pmpro_form .pmpro_checkout .pmpro_checkout-fields #ExpirationMonth, #pmpro_form .pmpro_checkout .pmpro_checkout-fields #ExpirationYear { width: 35%; } } #pmpro_form .pmpro_checkout .pmpro_checkout-fields #ExpirationYear { margin-left: 5px; } #pmpro_form .pmpro_checkout .pmpro_checkout-fields textarea, #pmpro_form .pmpro_checkout .pmpro_checkout-fields select, #pmpro_form .pmpro_checkout .pmpro_checkout-fields input { padding: 6px 15px 5px 15px; border-width: 1px; min-width: 0; width: 90%; max-width: none; } @media (max-width: 767px) { #pmpro_form .pmpro_checkout .pmpro_checkout-fields textarea, #pmpro_form .pmpro_checkout .pmpro_checkout-fields select, #pmpro_form .pmpro_checkout .pmpro_checkout-fields input { width: 95%; } } #pmpro_form .pmpro_checkout .pmpro_checkout-fields textarea.pmpro_error, #pmpro_form .pmpro_checkout .pmpro_checkout-fields select.pmpro_error, #pmpro_form .pmpro_checkout .pmpro_checkout-fields input.pmpro_error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } #pmpro_form .pmpro_checkout .pmpro_checkout-fields select { padding: 7px 15px 7px 15px; } .pmpro_checkout_gateway-stripe #pmpro_form #pmpro_payment_information_fields.pmpro_checkout .pmpro_checkout-fields { display: block; } #pmpro_payment_method.pmpro_checkout .pmpro_checkout-fields { margin-left: 0; margin-right: 0; } #pmpro_payment_method.pmpro_checkout .pmpro_checkout-fields input[type="radio"] { width: auto; } #pmpro_payment_method.pmpro_checkout .pmpro_checkout-fields a { text-decoration: none; } #pmpro_payment_method.pmpro_checkout .pmpro_checkout-fields > span { display: block; margin: 0 0 15px 0; } #pmpro_payment_method.pmpro_checkout .pmpro_checkout-fields > span:last-child { margin-bottom: 0; } #pmpro_payment_method.pmpro_checkout .pmpro_checkout-fields > span > * { display: inline-block; vertical-align: middle; } form.pmpro_form #pmpro_processing_message { margin-top: 0; } form.pmpro_form #pmpro_processing_message[style*="visibility: hidden"] { display: none; } .pmpro_btn-submit-checkout { max-width: 200px; } a.pmpro_a-print ~ hr { background-color: transparent; border-color: rgba(0, 0, 0, 0.1); border-width: 0 0 1px 0; margin-top: 35px; margin-bottom: 35px; } .dark-background .pmpro_content_message { background-color: #252525; } .dark-background table.pmpro_checkout thead, .dark-background table.pmpro_invoice thead { background-color: rgba(255, 255, 255, 0.1); } .dark-background #pmpro_cancel table thead, .dark-background #pmpro_account table thead { background-color: rgba(255, 255, 255, 0.1); } .dark-background #pmpro_account .pmpro_box { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background .pmpro_actionlinks a.pmpro_nolink.pmpro_cancel { color: #FFFFFF; } .dark-background .pmpro_actionlinks a.pmpro_nolink.pmpro_cancel:hover { color: #000000; } .dark-background small a { color: #CC0000; } .dark-background small a:hover { color: #CC0000; } .dark-background #pmpro_form .pmpro_checkout { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background #pmpro_form .pmpro_checkout#pmpro_pricing_fields { border-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1); } .dark-background a.pmpro_a-print ~ hr { border-color: rgba(255, 255, 255, 0.1); } .pmpro_btn:hover, a.pmpro_btn:hover, .entry-content a.pmpro_btn:hover, .pmpro_btn:focus, .pmpro_checkout .pmpro_btn:hover, .pmpro_checkout .pmpro_btn:focus, .pmpro_content_message a:focus, .pmpro_content_message a:hover { border: none; } .woocommerce-info { border-top-color: #CC0000; } .woocommerce-info:before { color: #CC0000; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { top: auto; } .vidorev-membership-content .woocommerce { display: block; width: 100%; margin-bottom: 20px; } .vidorev-membership-content .woocommerce .woocommerce-info { margin: 0 !important; } .vidorev-membership-content .woocommerce .woocommerce-info:before { display: none; } .vidorev-membership-content .woocommerce .woocommerce-info .wc-memberships-products-grant-access a { background-color: #FFFFFF; color: #CC0000; padding: 2px 5px; font-weight: 500; text-decoration: none; } .vidorev-membership-content .woocommerce-error, .vidorev-membership-content .woocommerce-info, .vidorev-membership-content .woocommerce-message { padding: 1em 2em 1em 2em; } .pmpro_lost_password-instructions { margin-bottom: 23px; margin-top: -15px; } .pmpro_actions_nav a { text-decoration: none; } #loginform, #lostpasswordform { margin-top: -15px; } #loginform input[type=text], #loginform input[type=password], #lostpasswordform input[type=text], #lostpasswordform input[type=password] { max-width: none; display: block; margin-bottom: 0; } #loginform label, #lostpasswordform label { text-transform: uppercase; margin-bottom: 7px; } #loginform p, #lostpasswordform p { margin-bottom: 23px; padding: 0; } #loginform #rememberme, #lostpasswordform #rememberme { vertical-align: middle; margin-top: -3px; margin-right: 4px; } #loginform + hr, #lostpasswordform + hr { margin-top: 30px; margin-bottom: 14px; border: 1px solid #E5E5E5; } #loginform .pmpro_lost_password-fields div, #lostpasswordform .pmpro_lost_password-fields div { margin-bottom: 30px; } .dark-background #loginform + hr, .dark-background #lostpasswordform + hr { border-color: rgba(255, 255, 255, 0.1); } .myCred-watch-trailer-btn { display: none !important; } /*Paid Membership Pro New Design*/ body.pmpro-variation_1 .pmpro .pmpro_form_input { border: 1px solid #E5E5E5; font-size: 14px; padding: 11px 20px 10px 20px; box-shadow: none; -webkit-box-shadow: none; } body.pmpro-variation_1 .pmpro .pmpro_card_content { padding: var(--pmpro--base--spacing--large) var(--pmpro--base--spacing--large) var(--pmpro--base--spacing--large); } body.pmpro-variation_1 .pmpro .pmpro_table thead th { padding-left: 0; padding-right: 0; } body.pmpro-variation_1 .pmpro .pmpro_table tbody th, body.pmpro-variation_1 .pmpro .pmpro_table tbody td, body.pmpro-variation_1 .pmpro .pmpro_table tfoot td { padding-left: 0; padding-right: 0; } body.pmpro-variation_1 .pmpro .pmpro_font-large { font-size: 20px; } body.pmpro-variation_1 .pmpro .pmpro_font-x-large { font-size: 23px; } body.pmpro-variation_1 .pmpro .pmpro_btn-print svg { vertical-align: middle; margin-right: 5px; margin-bottom: 2px; } body.pmpro-variation_1 .pmpro .pmpro_btn-cancel, body.pmpro-variation_1 .pmpro .pmpro_btn-print, body.pmpro-variation_1 .pmpro .pmpro_btn[type="submit"] { border: none; background-image: none; text-shadow: none; vertical-align: top; display: inline-block; text-decoration: none; outline: none; margin: 0; cursor: pointer; text-align: center; min-width: 130px; border-radius: 0; -webkit-border-radius: 0; transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s; box-shadow: none; -webkit-box-shadow: none; -webkit-tap-highlight-color: transparent; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; color: #FFFFFF; background-color: #CC0000; background: linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -webkit-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -moz-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); padding: 12px 20px 12px 20px; position: relative; z-index: 0; } body.pmpro-variation_1 .pmpro .pmpro_btn-cancel:focus, body.pmpro-variation_1 .pmpro .pmpro_btn-print:focus, body.pmpro-variation_1 .pmpro .pmpro_btn[type="submit"]:focus { outline: none; text-decoration: none; } body.pmpro-variation_1 .pmpro .pmpro_btn-cancel:visited, body.pmpro-variation_1 .pmpro .pmpro_btn-print:visited, body.pmpro-variation_1 .pmpro .pmpro_btn[type="submit"]:visited { color: #FFFFFF; background-color: #CC0000; background: linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -webkit-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -moz-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); } body.pmpro-variation_1 .pmpro .pmpro_btn-cancel:hover, body.pmpro-variation_1 .pmpro .pmpro_btn-cancel:focus, body.pmpro-variation_1 .pmpro .pmpro_btn-cancel.active-item, body.pmpro-variation_1 .pmpro .pmpro_btn-print:hover, body.pmpro-variation_1 .pmpro .pmpro_btn-print:focus, body.pmpro-variation_1 .pmpro .pmpro_btn-print.active-item, body.pmpro-variation_1 .pmpro .pmpro_btn[type="submit"]:hover, body.pmpro-variation_1 .pmpro .pmpro_btn[type="submit"]:focus, body.pmpro-variation_1 .pmpro .pmpro_btn[type="submit"].active-item { color: #FFFFFF; background-color: black; background: linear-gradient(to left bottom, #1F1F1F 50%, black 50%); background: -webkit-linear-gradient(to left bottom, #1F1F1F 50%, black 50%); background: -moz-linear-gradient(to left bottom, #1F1F1F 50%, black 50%); text-decoration: none; } body.pmpro-variation_1 .pmpro .pmpro_btn-plain, body.pmpro-variation_1 .pmpro .pmpro_btn-plain:hover, body.pmpro-variation_1 .pmpro .pmpro_btn-plain:focus, body.pmpro-variation_1 .pmpro .pmpro_btn-plain:active { background: transparent; padding: 0; color: #000000; font-size: 14px; box-shadow: none; -webkit-box-shadow: none; } body.pmpro-variation_1 .pmpro .pmpro_btn-plain svg, body.pmpro-variation_1 .pmpro .pmpro_btn-plain:hover svg, body.pmpro-variation_1 .pmpro .pmpro_btn-plain:focus svg, body.pmpro-variation_1 .pmpro .pmpro_btn-plain:active svg { stroke: #CC0000; } body.pmpro-variation_1 .pmpro .pmpro_table { background-color: transparent; } body.pmpro-variation_1 .pmpro .pmpro_table thead, body.pmpro-variation_1 .pmpro .pmpro_table thead th, body.pmpro-variation_1 .pmpro .pmpro_table tbody th, body.pmpro-variation_1 .pmpro .pmpro_table tbody td, body.pmpro-variation_1 .pmpro .pmpro_table tfoot td { background-color: transparent; } body.pmpro-variation_1 #site-wrap-parent { --pmpro--base--spacing--large: 30px; } @media (max-width: 575px) { body.pmpro-variation_1 #site-wrap-parent { --pmpro--base--spacing--large: 20px; } } .dark-background { --pmpro--color--contrast: #FFFFFF; --pmpro--color--accent: #CC0000; --pmpro--color--accent--variation: #CC0000; --pmpro--color--border--variation: rgba(255, 255, 255, 0.08); } .dark-background .pmpro .pmpro_card { background-color: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.08); } .dark-background .pmpro .pmpro_btn-plain, .dark-background .pmpro .pmpro_btn-plain:hover, .dark-background .pmpro .pmpro_btn-plain:focus, .dark-background .pmpro .pmpro_btn-plain:active { color: #FFFFFF !important; } .dark-background .pmpro .pmpro_form_input { border-color: rgba(255, 255, 255, 0.1) !important; background-color: transparent; } .dark-background .pmpro .pmpro_form_input-text:focus, .dark-background .pmpro .pmpro_form_input-email:focus, .dark-background .pmpro .pmpro_form_input-url:focus, .dark-background .pmpro .pmpro_form_input-password:focus, .dark-background .pmpro .pmpro_form_input-search:focus, .dark-background .pmpro .pmpro_form_input-select:focus, .dark-background .pmpro .pmpro_form_input-checkbox:focus, .dark-background .pmpro .pmpro_form_input-radio:focus, .dark-background .pmpro .pmpro_form_input-multiselect:focus, .dark-background .pmpro .pmpro_form_input-number:focus, .dark-background .pmpro .pmpro_form_input-file:focus, .dark-background .pmpro .pmpro_form_input-date:focus, .dark-background .pmpro .pmpro_form_input-textarea:focus { background-color: transparent; color: #FFFFFF; } .dark-background #pmpro_cancel table thead, .dark-background #pmpro_account table thead { background-color: transparent; } /*Paid Membership Pro New Design*/ /*-------------------------------------------------------------- # 12.6a Membership (END) --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 12.6b Woo (START) --------------------------------------------------------------*/ .global-woocommerce-content .vidorev-woo-premium-download { clear: both; } .global-woocommerce-content .vidorev-woo-premium-download .already-purchased-package { background-color: #0CA308; color: #FFFFFF; padding: 7px 15px; text-align: center; margin-bottom: 40px; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { position: static; margin-left: 8px; vertical-align: top; } .woocommerce .products ul, .woocommerce ul.products { margin-bottom: 0; } .woocommerce ul.products li.product, .woocommerce ul.products li.product { text-align: center; margin-bottom: 40px; } .woocommerce ul.products li.product .star-rating { text-align: center; font-size: 14px; margin-left: auto; margin-right: auto; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 16px; } .woocommerce ul.products li.product .price { font-size: 14px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 2em; -webkit-border-radius: 2em; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 12px; } .woocommerce span.onsale { border-radius: 0; -webkit-border-radius: 0; margin: 0; min-height: 0; min-width: 0; line-height: 1; padding: 9px 15px; font-size: 12px; font-weight: normal; text-transform: uppercase; z-index: 1; top: 0; left: 0; } .woocommerce ul.products li.product span.onsale { margin: 0; border-radius: 0; -webkit-border-radius: 0; left: auto; right: 0; } .woocommerce a.added_to_cart { display: block; text-transform: uppercase; text-align: center; } .woocommerce nav.woocommerce-pagination .page-numbers { border: none; display: block; text-align: center; font-size: 0; } .woocommerce nav.woocommerce-pagination .page-numbers li { padding: 0; vertical-align: top; display: inline-block; border: none; float: none; } .woocommerce nav.woocommerce-pagination .page-numbers li > * { padding: 10px 15px; min-width: 40px; min-height: 40px; border: 1px solid rgba(0, 0, 0, 0.2); margin: 3px; vertical-align: top; text-align: center; line-height: 1.8; font-size: 12px; color: #000000; font-size: 14px; font-weight: 500; line-height: 1.35; } .woocommerce nav.woocommerce-pagination .page-numbers li > *.current, .woocommerce nav.woocommerce-pagination .page-numbers li > *:hover, .woocommerce nav.woocommerce-pagination .page-numbers li > *:focus { border-color: rgba(0, 0, 0, 0); color: #FFFFFF; background-color: #CC0000; background: linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -webkit-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); background: -moz-linear-gradient(to left bottom, #CC0000 50%, #b80000 50%); } .woocommerce nav.woocommerce-pagination .page-numbers li > *.next, .woocommerce nav.woocommerce-pagination .page-numbers li > *.prev { line-height: 1.2; } .woocommerce .woocommerce-products-header { margin-top: -7px; margin-bottom: 31px; } .woocommerce .woocommerce-products-header h1 { text-transform: uppercase; font-weight: 700; } .woocommerce .woocommerce-result-count { margin-bottom: 40px; padding: 11px 0 11px 0; } .woocommerce .woocommerce-ordering { margin-bottom: 40px; } .woocommerce .woocommerce-ordering select { margin-bottom: 0; } @media (max-width: 575px) { .woocommerce .woocommerce-result-count { width: 100%; float: none; text-align: center; margin-bottom: 0; padding-top: 0; margin-top: -7px; } .woocommerce .woocommerce-ordering { width: 100%; float: none; } } .woocommerce .product.type-product .product_meta { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; } .woocommerce .product.type-product .product_meta > * { display: block; } .woocommerce .product.type-product .product_meta > * a { text-decoration: none; color: #CC0000; } .woocommerce .product.type-product .product_meta > * a:hover { text-decoration: underline; } .woocommerce div.product .woocommerce-product-rating a { text-decoration: none; } .woocommerce .woocommerce-product-details__short-description { margin-bottom: 15px; } .woocommerce div.product form.cart { margin-bottom: 23px; } .woocommerce div.product p.price + form.cart, .woocommerce div.product span.price + form.cart { margin-top: 15px; } .woocommerce .quantity .qty { width: 4em; padding: 6px 0 5px 10px; margin: 0; } .woocommerce div.product form.cart .button { border-radius: 0; -webkit-border-radius: 0; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 7px; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: 8px 15px; } .woocommerce div.product div.images { margin-bottom: 40px; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom: 40px; padding-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius: 0; -webkit-border-radius: 0; background-color: #E5E5E5; border: none; margin: 0; padding: 0; transition: color 0.3s, background-color 0.3s, border-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.35; letter-spacing: 0; font-weight: 700; text-transform: uppercase; text-decoration: none; font-style: normal; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #000000; padding: 11px 15px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #CC0000; color: #FFFFFF; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #FFFFFF; } @media (max-width: 767px) { .woocommerce div.product .woocommerce-tabs ul.tabs li { display: block; margin-bottom: 5px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:last-child { margin-bottom: 0; } } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 0; padding: 0.5px 0; display: none; } .woocommerce div.product .woocommerce-tabs .panel h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-top: -5px; margin-bottom: 25px; } .woocommerce div.product .woocommerce-tabs .panel h2 + p { margin-top: -15px; } .woocommerce div.product .woocommerce-tabs .panel p:first-child { margin-top: -15px; } .woocommerce div.product .woocommerce-tabs .panel p:last-child { margin-bottom: -15px; } .woocommerce .related.products { padding: 40px 0 0 0; border-top: 2px solid rgba(0, 0, 0, 0.1); margin-top: 40px; } .woocommerce .related.products > h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; margin-top: -5px; margin-bottom: 25px; } .woocommerce #review_form_wrapper { padding-top: 23px; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 30px; } .woocommerce #review_form #respond p input, .woocommerce #review_form #respond p textarea { margin-bottom: 0; } .woocommerce #review_form #respond p label { display: block; margin-bottom: 11px; font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.35; letter-spacing: 0; font-weight: 700; text-transform: uppercase; text-decoration: none; font-style: normal; color: #000000; } .woocommerce #review_form #respond p:first-child { margin-top: 0; } .woocommerce #review_form #respond p:last-child { margin-bottom: 0; } .woocommerce #review_form #respond p.form-submit:not(:last-child) { margin-bottom: 0; } .woocommerce table.shop_attributes { margin-bottom: 0; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { padding-top: 1.1em; padding-bottom: 1.1em; margin-bottom: 40px; } .woocommerce table.shop_table { border-radius: 0; -webkit-border-radius: 0; margin-bottom: 26px; } .woocommerce table.shop_table td { padding: 15px 10px; vertical-align: middle; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { padding: 12px 20px 12px 20px; color: #FFFFFF; pointer-events: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-radius: 0; -webkit-border-radius: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-family: "Poppins", sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 0; text-transform: none; text-decoration: none; font-style: normal; padding-top: 0; padding-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { margin-top: 4px; } .woocommerce div.product form.cart .variations { margin-top: 0; margin-bottom: 0; } .woocommerce div.product form.cart .variations tr { background-color: transparent; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { padding-right: 0; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { z-index: 1; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger img.emoji { opacity: 0; } .woocommerce div.product div.images .flex-control-thumbs { margin-left: -2px; margin-right: -2px; padding-top: 4px; } .woocommerce div.product div.images .flex-control-thumbs li { padding-left: 2px; padding-right: 2px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border-radius: 0; -webkit-border-radius: 0; } .woocommerce .select2-container .select2-selection--single { height: 40px; border: 2px solid #E5E5E5; border-radius: 0; -webkit-border-radius: 0; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; padding-left: 15px; } .woocommerce .select2-dropdown, .woocommerce .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #E5E5E5; } .woocommerce form.woocommerce-checkout h3 { font-size: 18px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 26px; padding-bottom: 10px; margin-top: 25px; } .woocommerce div.woocommerce-billing-fields h3 { margin-top: -5px; } .woocommerce form .form-row { padding: 0; margin: 0 0 30px 0; } .woocommerce form .form-row label { display: block; margin-bottom: 11px; font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.35; letter-spacing: 0; font-weight: 700; text-transform: uppercase; text-decoration: none; font-style: normal; color: #000000; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 1.8; padding: 6px 15px 5px 15px; } .woocommerce form .form-row textarea { height: 100px; } .woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2 { width: 100%; } .woocommerce table.shop_table { border-collapse: collapse; } @media (max-width: 767px) { .woocommerce form .form-row-first, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce form .form-row-last { width: 100%; } .woocommerce form .form-row-first:last-child, .woocommerce form .form-row-first:last-child, .woocommerce form .form-row-last:last-child, .woocommerce form .form-row-last:last-child { margin-bottom: 0; } } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 30px; border: 2px solid #E5E5E5; } @media (max-width: 767px) { .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 20px; } } .woocommerce form.login .lost_password { margin-bottom: -15px; margin-top: -15px; } .woocommerce form.login .form-row label.inline { margin-bottom: 0; vertical-align: middle; display: inline-block; } .woocommerce form.login button[name="login"] { vertical-align: middle; margin-right: 8px; } .woocommerce form.login input[name="rememberme"] { vertical-align: middle; margin-bottom: 1px; } @media (max-width: 575px) { .woocommerce form.login .form-row label.inline { width: 100%; } .woocommerce form.login button[name="login"] { width: 100%; margin-right: 0; margin-bottom: 10px; } } .woocommerce .woocommerce-EditAccountForm.edit-account fieldset { padding: 20px; border: 1px solid #E5E5E5; margin-bottom: 22px; } .woocommerce .woocommerce-EditAccountForm.edit-account fieldset .form-row:last-child { margin-bottom: 0; } .woocommerce table.my_account_orders { font-size: 14px; } .woocommerce table.my_account_orders a.button { min-width: 0; margin-bottom: 5px; } .woocommerce h2[class$="__title"]:not(.woocommerce-loop-product__title), .woocommerce .woocommerce-MyAccount-content h3 { font-size: 18px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 26px; padding-bottom: 10px; } .woocommerce .woocommerce-customer-details address { padding: 20px; border-radius: 0; -webkit-border-radius: 0; } .woocommerce td.download-file a.button { min-width: 0; } .woocommerce .woocommerce-Addresses .col-1, .woocommerce .woocommerce-Addresses .col-2 { width: 100%; margin-top: 20px; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 15px 10px; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #F2F2F2; border-radius: 0; -webkit-border-radius: 0; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 20px; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 20px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { margin-top: 15px; } .woocommerce-page .select2-dropdown, .woocommerce-page .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #E5E5E5; border-width: 2px; } .woocommerce-page .select2-container--default .select2-selection--single .select2-selection__arrow { top: 6px; } div.pswp[role="dialog"] .pswp__button { min-width: 0; padding: 0; background-size: 264px 88px; } div.pswp[role="dialog"] .pswp__button--arrow--left, div.pswp[role="dialog"] .pswp__button--arrow--right { position: absolute; } div.pswp[role="dialog"] .pswp__button--close { background-position: 0 -44px; } div.pswp[role="dialog"] .pswp__button--close:hover { background-position: 0 -44px; } div.pswp[role="dialog"] .pswp__button--share { background-position: -44px -44px; } div.pswp[role="dialog"] .pswp--fs .pswp__button--fs { background-position: -44px 0; } div.pswp[role="dialog"] .pswp__button--zoom { background-position: -88px 0; } div.pswp[role="dialog"] .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } div.pswp[role="dialog"] .pswp__button--arrow--left:before { background-position: -138px -44px; } div.pswp[role="dialog"] .pswp__button--arrow--right:before { background-position: -94px -44px; } div.pswp[role="dialog"] .pswp__caption .pswp__caption__center { text-align: center; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { display: block; } #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th { border: none; padding: 15px 10px; } #add_payment_method table.cart td button, #add_payment_method table.cart th button, .woocommerce-cart table.cart td button, .woocommerce-cart table.cart th button, .woocommerce-checkout table.cart td button, .woocommerce-checkout table.cart th button { border-radius: 0; -webkit-border-radius: 0; } #add_payment_method table.cart td.product-name a, #add_payment_method table.cart th.product-name a, .woocommerce-cart table.cart td.product-name a, .woocommerce-cart table.cart th.product-name a, .woocommerce-checkout table.cart td.product-name a, .woocommerce-checkout table.cart th.product-name a { font-weight: 500; font-size: 14px; text-decoration: none; } @media (max-width: 768px) { #add_payment_method table.cart td input.qty, #add_payment_method table.cart th input.qty, .woocommerce-cart table.cart td input.qty, .woocommerce-cart table.cart th input.qty, .woocommerce-checkout table.cart td input.qty, .woocommerce-checkout table.cart th input.qty { margin-left: auto; } } #add_payment_method table.cart th, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart th { text-transform: uppercase; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 180px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 7px 20px 6px 20px; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: 16px; text-transform: uppercase; font-weight: 700; text-align: right; margin-bottom: 25px; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border: none; vertical-align: middle; } #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr th { text-transform: uppercase; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 12px; padding: 12px 20px 12px 20px; } .dark-background #add_payment_method table.cart td.actions .coupon .input-text, .dark-background.woocommerce-cart table.cart td.actions .coupon .input-text, .dark-background.woocommerce-checkout table.cart td.actions .coupon .input-text { border-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce table.shop_table, .dark-background .woocommerce table.shop_table { border-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce div.product .woocommerce-tabs ul.tabs li, .dark-background .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce div.product .woocommerce-tabs ul.tabs li a, .dark-background .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #FFFFFF; } .dark-background.woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .dark-background.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .dark-background .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .dark-background .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #CC0000; } .dark-background.woocommerce table.shop_attributes td, .dark-background .woocommerce table.shop_attributes td { border-color: rgba(255, 255, 255, 0.1); border-style: solid; } .dark-background.woocommerce table.shop_attributes, .dark-background .woocommerce table.shop_attributes { border-color: rgba(255, 255, 255, 0.1); border-style: solid; } .dark-background.woocommerce table.shop_attributes th, .dark-background .woocommerce table.shop_attributes th { border-color: rgba(255, 255, 255, 0.1); border-style: solid; } .dark-background.woocommerce #review_form #respond p label, .dark-background .woocommerce #review_form #respond p label { color: #FFFFFF; } .dark-background.woocommerce .related.products, .dark-background.woocommerce #review_form_wrapper, .dark-background .woocommerce .related.products, .dark-background .woocommerce #review_form_wrapper { border-top-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce .woocommerce-error, .dark-background.woocommerce .woocommerce-info, .dark-background.woocommerce .woocommerce-message, .dark-background .woocommerce .woocommerce-error, .dark-background .woocommerce .woocommerce-info, .dark-background .woocommerce .woocommerce-message { background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .dark-background.woocommerce nav.woocommerce-pagination .page-numbers li > *, .dark-background .woocommerce nav.woocommerce-pagination .page-numbers li > * { border-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .dark-background.woocommerce #reviews #comments ol.commentlist li .comment-text, .dark-background .woocommerce #reviews #comments ol.commentlist li .comment-text { border-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce form .form-row label, .dark-background .woocommerce form .form-row label { color: #FFFFFF; } .dark-background.woocommerce form.woocommerce-checkout h3, .dark-background .woocommerce form.woocommerce-checkout h3 { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce .select2-container--default .select2-selection--single, .dark-background .woocommerce .select2-container--default .select2-selection--single { border-color: rgba(255, 255, 255, 0.1); background-color: transparent; } .dark-background.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered, .dark-background .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { color: #999999; } .dark-background.woocommerce form.checkout_coupon, .dark-background.woocommerce form.login, .dark-background.woocommerce form.register, .dark-background .woocommerce form.checkout_coupon, .dark-background .woocommerce form.login, .dark-background .woocommerce form.register { border-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce .woocommerce-EditAccountForm.edit-account fieldset, .dark-background .woocommerce .woocommerce-EditAccountForm.edit-account fieldset { border-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce .woocommerce-customer-details address, .dark-background .woocommerce .woocommerce-customer-details address { border-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce h2[class$="__title"]:not(.woocommerce-loop-product__title), .dark-background.woocommerce .woocommerce-MyAccount-content h3, .dark-background .woocommerce h2[class$="__title"]:not(.woocommerce-loop-product__title), .dark-background .woocommerce .woocommerce-MyAccount-content h3 { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-background #add_payment_method #payment, .dark-background.woocommerce-cart #payment, .dark-background.woocommerce-checkout #payment { background-color: rgba(255, 255, 255, 0.1); } .dark-background.woocommerce-page .select2-dropdown, .dark-background.woocommerce-page .select2-container--default .select2-search--dropdown .select2-search__field { background-color: #252525; border-color: rgba(255, 255, 255, 0.1); } .woo-cart-elm { position: relative; } .woo-cart-elm a { text-decoration: none; } .woo-cart-elm .cart-total-items { font-size: 10px; text-decoration: none; background-color: #77a464; border-radius: 1em; -webkit-border-radius: 1em; line-height: 1; color: #FFFFFF; padding: 0 2px; padding: 0 5px; height: 15px; line-height: 15px; position: absolute; top: 4px; right: 4px; min-width: 16px; text-align: center; } /*-------------------------------------------------------------- # 12.6b Woo (END) --------------------------------------------------------------*/