/* Theme Name: Zox News Description: Zox News helps you go from blogger to boss by giving you a wide range of tools and options to give you the most professional-looking and functioning news site on the net. Zox News comes with a mobile-first-design, 8 article layouts, 4 Featured Posts layouts, parallax leaderboard ad, Theia Post Slider, Theia Sticky Sidebar, Reviewer Plugin, Woocommerce-ready, and so much more! Author: MVP Themes Author URI: https://themeforest.net/user/mvpthemes/portfolio Theme URI: http://themeforest.net/user/mvpthemes Version: 2.1.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: two-columns, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready Text Domain: zox-news */ /************************************************ Table of Contents 1. Body 2. Hyperlinks 3. Layout 4. Header 5. Navigation 6. Fly-Out Navigation 7. Featured Posts 8. Homepage 9. Sidebar 10. Posts 11. Comments 12. Archives 13. WooCommerce 14. Footer 15. Pagination ************************************************/ /************************************************ 1. Body ************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html { overflow-x: hidden; } body { color: #000; font-size: 1rem; -webkit-font-smoothing: antialiased; font-weight: 400; line-height: 100%; margin: 0px auto; padding: 0px; } h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { -webkit-backface-visibility: hidden; color: #000; } img { max-width: 100%; height: auto; -webkit-backface-visibility: hidden; } iframe, embed, object, video { max-width: 100%; } #truethemes_container #main { float: left; } /************************************************ 2. Hyperlinks ************************************************/ a, a:visited { opacity: 1; text-decoration: none; -webkit-transition: color .25s, background .25s, opacity .25s; -moz-transition: color .25s, background .25s, opacity .25s; -ms-transition: color .25s, background .25s, opacity .25s; -o-transition: color .25s, background .25s, opacity .25s; transition: color .25s, background .25s, opacity .25s; } a:hover { text-decoration: none; } a:active, a:focus { outline: none; } #mvp-side-wrap a { color: #000; font-weight: 700; } /************************************************ 3. Layout ************************************************/ #mvp-site, #mvp-site-wall { overflow: hidden; width: 100%; } #mvp-site-main { width: 100%; } #mvp-site-main { -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-top: 0; z-index: 9999; } .home #mvp-site-main { transition: margin-top .7s; } .relative { position: relative; } .w100 { width: 100% !important; } .right, .alignright { float: right; } .alignright { margin: 20px 0 20px 20px; } .left, .alignleft { float: left; } .alignleft { margin: 20px 20px 20px 0; } .aligncenter { display: block; margin: 0 auto; } .mvp-mob-img { display: none !important; } #mvp-wallpaper { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .mvp-wall-link { margin: 0 auto; position: fixed; top: 0; width: 100%; height: 100%; } .mvp-feat1-pop-img img, .mvp-feat1-feat-img img, .mvp-feat1-list-img img, .mvp-feat1-sub-img img, .mvp-feat1-pop-text h2, .mvp-feat1-list-text h2, .mvp-widget-feat2-right-img img, .mvp-widget-feat2-right-text h2, .mvp-widget-dark-feat-img img, .mvp-widget-dark-sub-img img, .mvp-widget-dark-sub-text h2, .mvp-blog-story-img img, .mvp-blog-story-text h2, .mvp-widget-feat1-bot-text h2, .mvp-widget-feat1-top-img img, .mvp-widget-feat1-bot-img img, #mvp-content-main p a, .mvp-fly-fade, ul.mvp-related-posts-list li:hover .mvp-related-text, ul.mvp-related-posts-list li:hover .mvp-related-img img, #mvp-comments-button span.mvp-comment-but-text, span.mvp-author-box-soc, .mvp-mega-img img, ul.mvp-mega-list li a p, ul.mvp-post-more-list li:hover .mvp-post-more-text p, ul.mvp-post-more-list li:hover .mvp-post-more-img img, .mvp-flex-story-img img, .mvp-flex-story-text h2, a.mvp-inf-more-but, span.mvp-nav-search-but, .mvp-prev-next-text p, .mvp-vid-wide-more-img img, .mvp-vid-wide-more-text p, span.mvp-post-add-link-but, ul.mvp-soc-mob-list li, .woocommerce-loop-product__title, span.mvp-cont-read-but, .mvp-feat2-bot-img img, .mvp-feat2-bot-text h2, span.mvp-woo-cart-num, .mvp-feat3-main-img img, .mvp-feat3-sub-img img, .mvp-feat4-main-img img, .mvp-feat4-main-text h2, .mvp-feat1-list-img:after, .mvp-feat5-small-main-img img, .mvp-feat5-small-main-text h2, .mvp-feat5-mid-sub-text h2, .mvp-feat5-mid-sub-img img, .mvp-feat5-mid-main-text h2, .mvp-feat5-mid-main-img img, #mvp-feat6-img img { -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } #mvp-fly-wrap, #mvp-search-wrap, .mvp-nav-menu ul li.mvp-mega-dropdown .mvp-mega-dropdown, .mvp-prev-post-wrap, .mvp-next-post-wrap, #mvp-main-nav-small .mvp-drop-nav-title { -webkit-transition: -webkit-transform 0.25s ease; -moz-transition: -moz-transform 0.25s ease; -ms-transition: -ms-transform 0.25s ease; -o-transition: -o-transform 0.25s ease; transition: transform 0.25s ease; } /************************************************ 4. Header ************************************************/ #mvp-main-head-wrap { width: 100%; } #mvp-leader-wrap { line-height: 0; overflow: hidden; position: fixed; top: 0; left: 0; text-align: center; width: 100%; z-index: 999; } #mvp-main-nav-wrap, #mvp-main-nav-top-wrap { width: 100%; } #mvp-main-nav-top-wrap { z-index: 9999; } #mvp-main-nav-top { background: #000; padding: 15px 0; width: 100%; height: auto; z-index: 99999; } .mvp-main-box { margin: 0 auto; width: 1200px; height: 100%; } #mvp-nav-top-wrap, .mvp-nav-top-cont { width: 100%; } .mvp-nav-top-right-out { margin-right: -200px; width: 100%; } .mvp-nav-top-right-in { margin-right: 200px; } .mvp-nav-top-left-out { float: right; margin-left: -200px; width: 100%; } .mvp-nav-top-left-in { margin-left: 200px; } .mvp-nav-top-mid { line-height: 0; overflow: hidden; text-align: center; width: 100%; } h1.mvp-logo-title, h2.mvp-logo-title { display: block; font-size: 0px; } .mvp-nav-top-left, .mvp-nav-top-right { position: absolute; top: 0; bottom: 0; width: 200px; height: 100%; } .mvp-nav-top-right .mvp-nav-search-but { display: none; padding: 3px 0 7px; } .single .mvp-fixed .mvp-nav-top-right { display: none; } .single .mvp-fixed .mvp-nav-top-right-out, .single .mvp-fixed .mvp-nav-top-right-in { margin-right: 0; } .mvp-nav-top-left { left: 0; } .mvp-nav-top-right { right: 0; } .mvp-nav-soc-wrap { margin-top: -20px; position: absolute; top: 50%; left: 0; width: 100%; height: 40px; } .mvp-nav-small .mvp-nav-soc-wrap { margin-top: -15px; height: 30px; } .single .mvp-nav-small .mvp-nav-top-left { display: none; } .single .mvp-nav-small .mvp-nav-top-left-out, .single .mvp-nav-small .mvp-nav-top-left-in { margin-left: 0; } .single .mvp-nav-small .mvp-nav-top-mid a { left: 100px; } .mvp-nav-logo-small, .mvp-nav-small .mvp-nav-logo-reg { display: none; } .mvp-nav-small .mvp-nav-logo-small { display: inline; } span.mvp-nav-soc-but { background: rgba(255,255,255,.15); color: #fff; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; float: left; font-size: 20px; margin-left: 10px; padding-top: 10px; text-align: center; width: 40px; height: 30px; } .mvp-nav-small span.mvp-nav-soc-but { font-size: 16px; padding-top: 7px; width: 30px; height: 23px; } .mvp-nav-soc-wrap .fa-facebook:hover { background: #3b5997; box-shadow: 3px 4px 5px rgb(0 0 0 / 35%); -webkit-transform:scale(1.1); transform:scale(1.1); } .mvp-nav-soc-wrap .fa-twitter:hover { background: #00aced; box-shadow: 3px 4px 5px rgb(0 0 0 / 35%); -webkit-transform:scale(1.1); transform:scale(1.1); } .mvp-nav-soc-wrap .fa-instagram:hover { background: url(images/insta-bg.gif) no-repeat; } .mvp-nav-soc-wrap .fa-youtube-play:hover { background: #f00; box-shadow: 3px 4px 5px rgb(0 0 0 / 35%); -webkit-transform:scale(1.1); transform:scale(1.1); } .mvp-nav-soc-wrap a:first-child span.mvp-nav-soc-but { margin-left: 0; } span.mvp-nav-soc-but:hover { opacity: 1; } #mvp-main-nav-bot { -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 50px; z-index: 9000; } #mvp-main-nav-bot-cont { -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 50px; } .mvp-nav-small { position: fixed !important; top: -70px !important; padding: 10px 0 !important; -webkit-transform: translate3d(0,-70px,0) !important; -moz-transform: translate3d(0,-70px,0) !important; -ms-transform: translate3d(0,-70px,0) !important; -o-transform: translate3d(0,-70px,0) !important; transform: translate3d(0,-70px,0) !important; -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; height: 30px !important; z-index: 9999; } .mvp-nav-small-fixed { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: fixed !important; top: -70px !important; -webkit-transform: translate3d(0,-70px,0) !important; -moz-transform: translate3d(0,-70px,0) !important; -ms-transform: translate3d(0,-70px,0) !important; -o-transform: translate3d(0,-70px,0) !important; transform: translate3d(0,-70px,0) !important; -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; z-index: 9999; } .mvp-fixed { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,70px,0) !important; -moz-transform: translate3d(0,70px,0) !important; -ms-transform: translate3d(0,70px,0) !important; -o-transform: translate3d(0,70px,0) !important; transform: translate3d(0,70px,0) !important; } .mvp-nav-small .mvp-nav-top-wrap, .mvp-nav-small .mvp-nav-top-mid { height: 30px !important; } .mvp-nav-small .mvp-nav-top-mid img { height: 100% !important; } .mvp-fixed1 { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block !important; margin-top: 0 !important; position: fixed !important; top: -70px !important; -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; -o-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; height: 50px !important; } .mvp-fixed-shadow { -webkit-box-shadow: 0 1px 16px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 16px 0 rgba(0,0,0,0.3); -ms-box-shadow: 0 1px 16px 0 rgba(0,0,0,0.3); -o-box-shadow: 0 1px 16px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 16px 0 rgba(0,0,0,0.3); } .mvp-fixed-shadow2 { border-bottom: none !important; -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); } .mvp-fixed2 { border-bottom: none !important; -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -webkit-transform: translate3d(0,120px,0) !important; -moz-transform: translate3d(0,120px,0) !important; -ms-transform: translate3d(0,120px,0) !important; -o-transform: translate3d(0,120px,0) !important; transform: translate3d(0,120px,0) !important; } #mvp-nav-bot-wrap, .mvp-nav-bot-cont { width: 100%; } .mvp-nav-bot-right-out { margin-right: -50px; width: 100%; } .mvp-nav-bot-right-in { margin-right: 50px; } .mvp-nav-bot-left-out { float: right; margin-left: -50px; width: 100%; } .mvp-nav-bot-left-in { margin-left: 50px; } .mvp-nav-bot-left, .mvp-nav-bot-right { width: 50px; height: 50px; } span.mvp-nav-search-but { cursor: pointer; float: right; font-size: 20px; line-height: 1; padding: 15px 0; } #mvp-search-wrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0,0,0,.94); opacity: 0; position: fixed; top: 0; left: 0; -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); width: 100%; height: 100%; z-index: 999999; } #mvp-search-wrap .mvp-search-but-wrap span { background: #fff; top: 27px; } #mvp-search-box { margin: -30px 0 0 -25%; position: absolute; top: 50%; left: 50%; width: 50%; } #searchform input { background: none; border: 0; color: #fff; float: left; font-size: 50px; font-weight: 300; line-height: 1; padding: 5px 0; text-transform: uppercase; width: 100%; height: 50px; } #searchform #searchsubmit { border: none; float: left; } #searchform #s:focus { outline: none; } .mvp-search-toggle { opacity: 1 !important; -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; -o-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; } .mvp-fixed-post { text-align: left; } .mvp-fixed-post img { float: left; margin-left: 0 !important; } #mvp-main-nav-small, #mvp-nav-small-wrap, #mvp-main-nav-small-cont, .mvp-nav-small-cont { width: 100%; } #mvp-main-nav-small { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; height: 50px; z-index: 99999; } #mvp-main-nav-small:hover { overflow: visible; } .mvp-nav-small-cont { height: 50px; } .mvp-nav-small-right-out { margin-right: -50px; width: 100%; } .mvp-nav-small-right-in { margin-right: 50px; } .mvp-nav-small-left-out { margin-left: -50px; width: 100%; } .mvp-nav-small-left-in { margin-left: 50px; } #mvp-nav-small-left { margin: 15px 20px 15px 0; width: 30px; height: 20px; } #mvp-main-nav-small .mvp-nav-menu ul { text-align: left; } #mvp-main-nav-small .mvp-drop-nav-title { margin: 0; overflow: hidden; max-width: 680px; height: 0; } .mvp-nav-small-fixed .mvp-drop-nav-title { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline; -webkit-transform: translate3d(0,-70px,0); -moz-transform: translate3d(0,-70px,0); -ms-transform: translate3d(0,-70px,0); -o-transform: translate3d(0,-70px,0); transform: translate3d(0,-70px,0); } .mvp-nav-small-post { margin: 10px 0 !important; height: 30px !important; -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; -o-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; } .mvp-nav-small-mid { width: 100%; } .mvp-nav-small-mid-right { max-width: 780px; } #mvp-main-nav-small .mvp-nav-menu { overflow: hidden; } #mvp-main-nav-small .mvp-nav-menu:hover { overflow: visible; } .mvp-nav-small-logo { line-height: 0; margin: 10px 20px 10px 0; height: 30px; max-width: 200px; } #mvp-nav-small-right { margin-left: 20px; width: 30px; height: 50px; } .mvp-nav-small-post-tog { display: inline; overflow: hidden; height: auto; } .mvp-woo-cart-wrap { margin-top: -11px; position: absolute; top: 50%; right: 0; width: 100%; height: 22px; } span.mvp-woo-cart-icon { color: rgba(255,255,255,.25); float: right; font-size: 22px; margin-right: 10px; } span.mvp-woo-cart-num { background: rgba(255,255,255,.25); color: #fff; border-radius: 50%; float: right; font-size: 12px; font-weight: 400; line-height: 1; padding-top: 5px; text-align: center; width: 22px; height: 17px; } /************************************************ 5. Navigation ************************************************/ .mvp-nav-menu { text-align: center; width: 100%; height: 50px; } .mvp-nav-menu ul { float: left; text-align: center; width: 100%; } .mvp-nav-menu ul li { display: inline-block; position: relative; } .mvp-nav-menu ul li.mvp-mega-dropdown { position: static; } .mvp-nav-menu ul li a { float: left; font-size: 14px; font-weight: 500; line-height: 1; padding: 18px 12px; position: relative; text-transform: uppercase; } .mvp-nav-menu ul li:hover a { padding: 18px 12px 13px; } .mvp-nav-menu ul li.menu-item-has-children ul.sub-menu li a:after, .mvp-nav-menu ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li a:after, .mvp-nav-menu ul li.menu-item-has-children ul.sub-menu li ul.sub-menu li ul.sub-menu li a:after, .mvp-nav-menu ul li.menu-item-has-children ul.mvp-mega-list li a:after { border-color: #000 transparent transparent transparent; border-style: none; border-width: medium; content: ''; position: relative; top: auto; right: auto; } .mvp-nav-menu ul li.menu-item-has-children a:after { border-style: solid; border-width: 3px 3px 0 3px; content: ''; position: absolute; top: 23px; right: 6px; } .mvp-nav-menu ul li.menu-item-has-children a { padding: 18px 17px 18px 12px; } .mvp-nav-menu ul li.menu-item-has-children:hover a { padding: 18px 17px 13px 12px; } .mvp-nav-menu ul li ul.sub-menu { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #fff; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); position: absolute; top: 50px; left: 0; max-width: 200px; opacity: 0; overflow: hidden; text-align: left; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; -webkit-transform: translateY(-999px); -moz-transform: translateY(-999px); -ms-transform: translateY(-999px); -o-transform: translateY(-999px); transform: translateY(-999px); width: auto; height: 0; z-index: 1; } .mvp-nav-menu ul li.mvp-mega-dropdown ul.sub-menu { display: none; } .mvp-nav-menu ul li:hover ul.sub-menu { opacity: 1; overflow: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); height: auto; } .mvp-nav-menu ul li ul.sub-menu li { display: block; float: left; position: relative; width: 100%; } .mvp-nav-menu ul li ul.sub-menu li a { background: #fff; border-top: 1px solid rgba(0,0,0,.1); border-bottom: none; color: #000 !important; float: left; font-size: 13px; font-weight: 500; line-height: 1.1; padding: 12px 20px !important; text-transform: none; width: 160px; } .mvp-nav-menu ul li ul.sub-menu li a:hover { background: rgba(0,0,0,.1); border-bottom: none; padding: 12px 20px; } .mvp-nav-menu ul li ul.sub-menu ul.sub-menu li ul, .mvp-nav-menu ul li ul.sub-menu li ul { display: none; position: absolute; top: 0; left: 200px; z-index: 10; } .mvp-nav-menu ul li ul.sub-menu ul.sub-menu li:hover ul, .mvp-nav-menu ul li ul.sub-menu li:hover ul { display: block; } .mvp-nav-menu ul li ul.sub-menu li .mvp-mega-dropdown { display: none; } .mvp-nav-menu ul li:hover ul.sub-menu li.menu-item-has-children a { position: relative; } .mvp-nav-menu ul li:hover ul.sub-menu li.menu-item-has-children a:after, .mvp-nav-menu ul li:hover ul.sub-menu li ul.sub-menu li.menu-item-has-children a:after { border-color: transparent transparent transparent #444 !important; border-style: solid; border-width: 3px 0 3px 3px; content: ''; position: absolute; top: 14px; right: 10px; } .mvp-nav-menu ul li.mvp-mega-dropdown .mvp-mega-dropdown { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #fff; border-top: 1px solid #ddd; -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); opacity: 0; overflow: hidden; position: absolute; top: 50px; left: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; -webkit-transform: translateY(-999px); -moz-transform: translateY(-999px); -ms-transform: translateY(-999px); -o-transform: translateY(-999px); transform: translateY(-999px); width: 100%; height: 0; z-index: 1; } .mvp-nav-menu ul li.mvp-mega-dropdown:hover .mvp-mega-dropdown { opacity: 1; overflow: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); height: auto; } .mvp-nav-menu ul li.mvp-mega-dropdown:hover .mvp-mega-dropdown .mvp-mega-img img { display: block; } .mvp-nav-menu ul li ul.mvp-mega-list li a, .mvp-nav-menu ul li ul.mvp-mega-list li a p { background: none !important; border-bottom: none; color: #222 !important; float: left; font-size: 1em; font-weight: 400; line-height: 1.2; padding: 0 !important; text-align: left; text-transform: none; } ul.mvp-mega-list li:hover a p { opacity: .6; } .mvp-nav-menu ul li ul.mvp-mega-list li .mvp-mega-img a { line-height: 0; } ul.mvp-mega-list { float: left; width: 100% !important; max-width: none !important; } ul.mvp-mega-list li { float: left; overflow: hidden; padding: 20px 0 20px 1.6666666666%; /* 20px / 1200px */ width: 18.66666666666%; /* 224px / 1200px */ } ul.mvp-mega-list li:first-child { padding-left: 0; } .mvp-mega-img { background: #000; float: left; line-height: 0; margin-bottom: 10px; overflow: hidden; position: relative; width: 100%; max-height: 130px; } .mvp-mega-img img { display: none; width: 100%; } ul.mvp-mega-list li:hover .mvp-mega-img img { opacity: .8; } .mvp-mega-img a { padding: 0; } /************************************************ 6. Fly-Out Navigation ************************************************/ #mvp-fly-wrap { overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translate3d(-370px,0,0); -moz-transform: translate3d(-370px,0,0); -ms-transform: translate3d(-370px,0,0); -o-transform: translate3d(-370px,0,0); transform: translate3d(-370px,0,0); width: 370px; height: 100%; z-index: 999999; } .mvp-fly-but-wrap, .mvp-search-but-wrap { cursor: pointer; width: 30px; } .mvp-fly-but-wrap { height: 20px; } #mvp-fly-wrap .mvp-fly-but-wrap { margin: 15px 0; } .mvp-nav-top-left .mvp-fly-but-wrap { display: none; margin-top: -10px; opacity: 0; position: absolute; top: 50%; left: 0; height: 20px; } .mvp-nav-bot-left { margin: 15px 0; height: 20px; } .mvp-search-but-wrap { position: absolute; top: 60px; right: 80px; width: 60px; height: 60px; } .mvp-fly-but-wrap span, .mvp-search-but-wrap span { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; display: block; position: absolute; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; height: 3px; } .mvp-nav-top-left .mvp-fly-but-wrap { opacity: 1; } .mvp-fly-but-wrap span:nth-child(1) { top: 0; width: 30px; } .mvp-fly-but-wrap span:nth-child(2), .mvp-fly-but-wrap span:nth-child(3) { top: 8px; width: 24px; } .mvp-fly-but-wrap span:nth-child(4) { top: 16px; width: 18px; } .mvp-fly-but-wrap.mvp-fly-open span:nth-child(1), .mvp-fly-but-wrap.mvp-fly-open span:nth-child(4) { top: .5px; left: 50%; width: 0%; } .mvp-fly-but-wrap.mvp-fly-open span:nth-child(2), .mvp-search-but-wrap span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 30px; } .mvp-fly-but-wrap.mvp-fly-open span:nth-child(3), .mvp-search-but-wrap span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 30px; } .mvp-search-but-wrap span:nth-child(1), .mvp-search-but-wrap span:nth-child(2) { width: 60px; } #mvp-fly-menu-top { width: 100%; height: 50px; } .mvp-fly-top-out { margin-right: -100px; left: 50px; width: 100%; } .mvp-fly-top-in { margin-right: 100px; } #mvp-fly-logo { margin: 10px 6.25%; /* 20 / 320 */ text-align: center; width: 87.5%; /* 20 / 320 */ height: 30px; } #mvp-fly-logo img { line-height: 0; height: 100%; } .mvp-fly-but-menu { float: left; margin-left: 15px; position: relative; } .mvp-fly-menu { -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; -o-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; } .mvp-fly-content, .mvp-nav-over { -webkit-transform: translate3d(370px,0,0) !important; -moz-transform: translate3d(370px,0,0) !important; -ms-transform: translate3d(370px,0,0) !important; -o-transform: translate3d(370px,0,0) !important; transform: translate3d(370px,0,0) !important; } .mvp-fly-top { background: rgba(0,0,0,.3); border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; cursor: pointer; opacity: 1; overflow: hidden; position: fixed; right: 0; top: 50%; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translate3d(100px,0,0); -moz-transform: translate3d(100px,0,0); -ms-transform: translate3d(100px,0,0); -o-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0); width: 50px; height: 50px; z-index: 9999; } .mvp-fly-top:hover { color: #000; } .mvp-to-top { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .mvp-fly-top i { font-size: 40px; line-height: 100%; position: absolute; top: 1px; left: 12.1px; } #mvp-fly-menu-wrap { overflow: hidden; position: absolute; top: 50px; left: 0; width: 100%; height: 100%; } nav.mvp-fly-nav-menu { -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 20px 5.40540540541% 0; /* 20px / 370px */ overflow: hidden; position: absolute !important; width: 89.1891891892%; /* 330px / 370px */ max-height: 65%; } nav.mvp-fly-nav-menu ul { float: left; position: relative; width: 100%; } nav.mvp-fly-nav-menu ul div.mvp-mega-dropdown { display: none; } nav.mvp-fly-nav-menu ul li { border-top: 1px solid rgba(255,255,255,.1); cursor: pointer; float: left; position: relative; width: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } nav.mvp-fly-nav-menu ul li:first-child { border-top: none; margin-top: -14px; } nav.mvp-fly-nav-menu ul li ul li:first-child { margin-top: 0; } nav.mvp-fly-nav-menu ul li a { color: #fff; display: inline-block; float: left; font-size: 14px; font-weight: 500; line-height: 1; padding: 14px 0; text-transform: uppercase; } nav.mvp-fly-nav-menu ul li.menu-item-has-children:after { content: '+'; font-family: 'Open Sans', sans-serif; font-size: 32px; font-weight: 700; position: absolute; right: 0; top: 7px; } nav.mvp-fly-nav-menu ul li.menu-item-has-children.tog-minus:after { content: '_'; right: 4px; top: -9px; } nav.mvp-fly-nav-menu ul li ul.sub-menu { border-top: 1px solid rgba(255,255,255,.1); display: none; float: left; padding-left: 6.66666666666%; /* 20px / 300px */ width: 93.333333333%; /* 280px / 300px */ } .mvp-fly-fade { background: #000; cursor: pointer; opacity: 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 99999; } .mvp-fly-fade-trans { opacity: .7; height: 100%; } .mvp-fly-shadow { box-shadow: 0 0 16px 0 rgba(0,0,0,0.7); } #mvp-fly-soc-wrap { margin: 0 5.40540540541%; /* 20px / 370px */ position: absolute; bottom: 20px; left: 0; text-align: center; width: 89.1891891892%; /* 330px / 370px */ } span.mvp-fly-soc-head { display: inline-block; font-size: .7rem; font-weight: 400; line-height: 1; margin-bottom: 15px; text-transform: uppercase; } ul.mvp-fly-soc-list { text-align: center; width: 100%; } ul.mvp-fly-soc-list li { display: inline-block; } ul.mvp-fly-soc-list li a { background: rgba(255,255,255,.15); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; display: inline-block; font-size: 14px; line-height: 1; margin-left: 2px; padding-top: 9px; text-align: center; width: 32px; height: 23px; } ul.mvp-fly-soc-list li:first-child a { margin-left: 0; } ul.mvp-fly-soc-list li a:hover { font-size: 16px; padding-top: 8px; height: 24px; } /************************************************ 7. Featured Posts ************************************************/ #mvp-feat1-wrap { background: #fff; margin-bottom: 60px; width: 100%; } .mvp-feat1-right-out { margin-right: -340px; width: 100%; } .mvp-feat1-right-in { margin-right: 340px; } .mvp-feat1-main { width: 100%; } .mvp-feat1-left-wrap { float: right; width: 60.46511628%; /* 520 / 860 */ } .mvp-feat1-feat-wrap { overflow: hidden; width: 100%; /*border-radius: 25px; box-shadow: 7px 7px 9px rgb(0 0 0 / 35%);*/ } .mvp-feat1-feat-img { background: #000; line-height: 0; overflow: hidden; width: 100%; height: 600px; } .mvp-feat1-feat-img img { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: 100%; min-width: 560px; } .mvp-feat1-feat-wrap:hover .mvp-feat1-feat-img img, .mvp-widget-feat2-left-cont:hover .mvp-feat1-feat-img img { opacity: .2; } .mvp-vid-box-wrap { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #000; font-size: 20px; opacity: .9; position: absolute; top: 20px; left: 20px; text-align: center; width: 46px; height: 46px; } .mvp-vid-box-mid, #mvp-side-wrap .mvp-flex-col .mvp-vid-box-wrap, .mvp-vid-wide-more-wrap .mvp-vid-box-wrap { font-size: 14px; top: 15px; left: 15px; width: 34px; height: 34px; } .mvp-vid-box-small { font-size: 12px; top: 15px; left: 15px; width: 28px; height: 28px; } .mvp-vid-box-wrap i { margin-top: 13px; } .mvp-vid-marg i { margin-left: 4px; } .mvp-vid-marg-small i { margin-left: 1px; } .mvp-vid-box-mid i, #mvp-side-wrap .mvp-flex-col .mvp-vid-box-wrap i, .mvp-vid-wide-more-wrap .mvp-vid-box-wrap i { margin-top: 10px; } .mvp-vid-box-small i { margin-top: 8px; } .mvp-feat1-feat-text, .mvp-feat1-sub-text, .mvp-feat3-main-text, .mvp-feat3-sub-text, .mvp-feat2-top-text-wrap, .mvp-feat5-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); position: absolute; left: 0; bottom: 0; } .mvp-feat1-feat-text { padding: 100px 3.846153846% 20px; /* 20 / 520 */ width: 92.4%; /* 480 / 520 */ } .mvp-feat1-sub-text { padding: 50px 3.846153846% 20px; /* 20 / 520 */ width: 92.4%; /* 480 / 520 */ /*border-radius: 25px;*/ } .mvp-feat1-feat-text h2 { color: #fff; float: left; font-size: 3.2rem; font-weight: 700; letter-spacing: -.02em; line-height: .95; margin-right: 20%; width: 80%; } .mvp-feat1-feat-text h2.mvp-stand-title { font-size: 2.6rem; font-weight: 400; line-height: 1.1; margin-right: 0; text-transform: none; width: 100%; } .mvp-feat1-feat-text p { color: #fff; float: left; font-size: 1rem; font-weight: 400; line-height: 1.4; margin-top: 8px; width: 100%; } .mvp-text-auth { margin-top: 15px; width: 100%; } .mvp-feat1-sub-wrap { width: 100%; } .mvp-feat1-sub-cont { margin-top: 20px; width: 100%; } .mvp-feat1-sub-img { background: #000; line-height: 0; overflow: hidden; width: 100%; min-height: 312px; /*border-radius: 25px; box-shadow: 7px 7px 9px rgb(0 0 0 / 35%);*/ } .mvp-feat1-sub-img img { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: 100%; min-width: 520px; } .mvp-feat1-sub-cont:hover .mvp-feat1-sub-img img { opacity: .8; } .mvp-feat1-sub-text h2 { color: #fff; float: left; font-size: 1.7rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; margin-right: 30%; width: 70%; } .mvp-feat1-mid-wrap { margin-right: 2.325581395%; /* 20 / 860 */ width: 37.20930233%; /* 320 / 860 */ } h3.mvp-feat1-pop-head, h1.mvp-feat1-pop-head { float: left; margin-bottom: 15px; position: relative; text-align: center; width: 100%; /*box-shadow: 7px 7px 9px rgb(0 0 0 / 35%);*/ } h3.mvp-feat1-pop-head:before, h1.mvp-feat1-pop-head:before { content: ''; background: #555; display: inline-block; position: absolute; left: 0; bottom: 50%; width: 100%; height: 1px; z-index: 0; } span.mvp-feat1-pop-head { color: #fff; display: inline-block; font-size: 1.1rem; font-weight: 700; line-height: 1; padding: 5px 13px; position: relative; text-transform: uppercase; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg); z-index: 1; } .mvp-feat1-pop-wrap { width: 100%; } .mvp-feat1-pop-cont { background: #fff; cursor: pointer; margin-top: 25px; width: 100%; } .mvp-feat1-pop-wrap a { counter-increment: mvp-trend; } .mvp-feat1-pop-wrap a:first-child .mvp-feat1-pop-cont { margin-top: 0; } .mvp-feat1-pop-img { background: #000; line-height: 0; overflow: hidden; width: 100%; max-height: 145px; /*border-radius: 15px; box-shadow: 7px 7px 9px rgb(0 0 0 / 35%);*/ } /*Opacidad de las notas laterales*/ /*.mvp-feat1-pop-cont:hover .mvp-feat1-pop-img img { opacity: .2; }*/ .mvp-feat1-pop-text { padding: 15px 0 0 15%; width: 85%; } .mvp-feat1-pop-text:before { content: counter(mvp-trend); color: #ccc; font-size: 40px; font-weight: 700; line-height: 1; margin-top: 32px; position: absolute; top: 0; left: 0; text-align: center; width: 13%; } .mvp-cat-date-wrap { margin-bottom: 7px; width: 100%; } .mvp-feat1-pop-text .mvp-cat-date-wrap { margin-bottom: 5px; } .mvp-feat1-left-wrap .mvp-cat-date-wrap, .mvp-widget-feat1-top-story .mvp-cat-date-wrap, .mvp-widget-feat2-left-cont .mvp-cat-date-wrap, .mvp-widget-dark-feat .mvp-cat-date-wrap { margin-bottom: 8px; } span.mvp-cd-cat, span.mvp-cd-date { color: #777; display: inline-block; float: left; font-size: .7rem; line-height: 1; } span.mvp-cd-cat { font-weight: 700; text-transform: uppercase; } span.mvp-cd-date { font-weight: 400; margin-left: 5px; } .mvp-feat1-left-wrap span.mvp-cd-date, .mvp-widget-feat1-top-story span.mvp-cd-date, .mvp-widget-feat2-left-cont span.mvp-cd-date, .mvp-widget-dark-feat span.mvp-cd-date, .mvp-feat3-main-story span.mvp-cd-date, .mvp-feat3-sub-story span.mvp-cd-date { color: #eee; } span.mvp-cd-date:before { content: "/"; margin-right: 5px; } .mvp-feat1-pop-text h2 { color: #222; float: left; font-size: 1.1rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; opacity: 1; width: 100%; } .mvp-feat1-pop-cont:hover .mvp-feat1-pop-text h2, .mvp-feat1-list-cont:hover .mvp-feat1-list-text h2 { opacity: .6; } .mvp-feat1-right-wrap { margin-left: 20px; width: 320px; } .mvp-feat1-list-ad { line-height: 0; margin-bottom: 20px; text-align: center; width: 100%; } .mvp-ad-label { color: #999; float: left; font-size: 9px; font-weight: 400; letter-spacing: .2em; line-height: 1; margin-top: 4px; position: relative; top: -4px; text-align: center; text-transform: uppercase; width: 100%; } .mvp-feat1-list-wrap, .mvp-feat1-list, .mvp-feat1-list-head-wrap, ul.mvp-feat1-list-buts { width: 100%; /*box-shadow: 7px 7px 9px rgb(0 0 0 / 35%);*/ } .mvp-feat1-list-head-wrap { margin-bottom: 15px; } ul.mvp-feat1-list-buts { text-align: center; } ul.mvp-feat1-list-buts li { display: inline-block; } span.mvp-feat1-list-but { color: #aaa; cursor: pointer; display: inline-block; font-size: 1.1rem; font-weight: 700; line-height: 1; padding: 5px 13px; text-transform: uppercase; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg); } span.mvp-feat1-list-but:hover { color: #000; } ul.mvp-feat1-list-buts li.active span.mvp-feat1-list-but { color: #fff; } .mvp-feat1-list-cont { margin-top: 15px; width: 100%; } .mvp-feat1-list a:first-child .mvp-feat1-list-cont { margin-top: 0; } .mvp-feat1-list-out { float: right; margin-left: -95px; width: 100%; } .mvp-feat1-list-in { margin-left: 95px; } .mvp-feat1-list-img { -webkit-backface-visibility: hidden; background: #000; line-height: 0; margin-right: 15px; overflow: hidden; width: 80px; } .mvp-feat1-list-cont:hover .mvp-feat1-list-img img { opacity: .8; } .mvp-feat1-list-text { width: 100%; } .mvp-feat1-list-text h2 { color: #222; float: left; font-size: 1rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } #mvp-feat2-wrap, .mvp-feat2-top, .mvp-feat2-top-story { width: 100%; } .mvp-feat2-top-story { overflow: hidden; max-height: 600px; } #mvp-feat2-wrap { margin-bottom: 60px; } .mvp-feat2-top-img { background: #000; line-height: 0; overflow: hidden; width: 100%; } .mvp-feat2-top-img img { width: 100%; } .mvp-feat2-top-text-wrap { padding: 100px 0 30px; width: 100%; } .mvp-feat2-top-text-box { margin: 0 auto; width: 1200px; } .mvp-feat2-top-text { text-align: center; width: 100%; } .mvp-feat2-top-text span.mvp-cd-date { color: #eee; } .mvp-feat2-top-text h2 { color: #fff; font-size: 4.5rem; font-weight: 700; letter-spacing: -.02em; line-height: 1; width: 100%; } .mvp-feat2-top-text h2.mvp-stand-title { font-size: 3.3rem; } .mvp-feat2-top-text p { color: #fff; font-size: 1.1rem; font-weight: 400; line-height: 1.4; margin-top: 10px; width: 100%; } .mvp-feat2-bot-wrap { margin-top: 20px; width: 100%; } .mvp-feat2-bot { width: 100%; } .mvp-feat2-bot-story { margin-left: 1.666666666%; /* 20 / 1200 */ width: 23.75%; /* 285 / 1200 */ } .mvp-feat2-bot a:first-child .mvp-feat2-bot-story { margin-left: 0; } .mvp-feat2-bot-img { background: #000; line-height: 0; margin-bottom: 15px; width: 100%; } .mvp-feat2-bot-story:hover .mvp-feat2-bot-img img { opacity: .8; } .mvp-feat2-bot-text { width: 100%; } .mvp-feat2-bot-text h2 { color: #111; float: left; font-size: 1.2rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } .mvp-feat2-bot-story:hover .mvp-feat2-bot-text h2 { opacity: .6; } #mvp-feat3-wrap { margin-bottom: 60px; width: 100%; } .mvp-feat3-cont { width: 100%; } .mvp-feat3-main-wrap { margin-right: 1.6666666666%; /* 20 / 1200 */ width: 46.666666666%; /* 560 / 1200 */ } .mvp-feat3-sub-wrap { width: 51.666666666%; /* 620 / 1200 */ } .mvp-feat3-main-story, .mvp-feat3-sub-story { width: 100%; } .mvp-feat3-main-img, .mvp-feat3-sub-img { background: #000; line-height: 0; width: 100%; } .mvp-feat3-main-story:hover .mvp-feat3-main-img img, .mvp-feat3-sub-story:hover .mvp-feat3-sub-img img { opacity: .8; } .mvp-feat3-main-img { height: 600px; } .mvp-feat3-sub-img { height: 290px; } .mvp-feat3-main-img img, .mvp-feat3-sub-img img { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: 100%; } .mvp-feat3-main-img img { min-width: 560px; } .mvp-feat3-sub-img img { min-width: 620px; } .mvp-feat3-main-text { padding: 100px 3.571428571% 20px; /* 20 / 560 */ width: 92.9%; /* 520 / 560 */ } .mvp-feat3-main-text h2 { color: #fff; font-size: 3.3rem; font-weight: 700; letter-spacing: -.02em; line-height: .95; margin-right: 20%; width: 80%; } .mvp-feat3-main-text h2.mvp-stand-title { font-size: 3.1rem; font-weight: 400; line-height: 1.1; text-transform: none; } .mvp-feat3-main-text p { color: #eee; font-size: 1rem; font-weight: 400; line-height: 1.4; padding-top: 10px; width: 100%; } .mvp-feat3-main-story, .mvp-feat3-sub-story { overflow: hidden; } .mvp-feat3-sub-story { margin-top: 20px; max-height: 290px; } .mvp-feat3-sub-wrap a:first-child .mvp-feat3-sub-story { margin-top: 0; } .mvp-feat3-sub-text { padding: 100px 3.225806452% 20px; /* 20 / 620 */ width: 93.6%; /* 580 / 620 */ } .mvp-feat3-sub-text h2 { color: #fff; font-size: 1.8rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; margin-right: 30%; width: 70%; } #mvp-feat4-wrap { background: #000; margin-bottom: 100px; max-height: 432px; width: 100%; } .mvp-feat4-main, .mvp-feat4-main-story { width: 100%; } .mvp-feat4-main { margin-top: 20px; } .mvp-feat4-main-img { background: #000; line-height: 0; overflow: hidden; width: 64.1666666666%; max-height: 500px; } .mvp-feat4-main-img:hover img { opacity: .8; } .mvp-feat4-main-text { margin-left: 2.5%; /* 30 / 1200 */ width: 33.333333333%; } .mvp-feat4-main-text .mvp-cat-date-wrap { margin-bottom: 10px; } .mvp-feat4-main-text h2 { color: #fff; float: left; font-size: 2.7rem; font-weight: 700; letter-spacing: -.02em; line-height: 1; width: 100%; } .mvp-feat4-main-text:hover h2 { opacity: .6; } .mvp-feat4-main-text p { color: #eee; float: left; font-size: 1.1rem; font-weight: 300; line-height: 1.55; margin-top: 10px; width: 100%; } #mvp-feat5-wrap { margin: 0 0 60px; width: 100%; } .mvp-feat5-side-out { margin: 0 -350px 0 0; width: 100%; } .mvp-feat5-side-in { margin: 0 350px 0 0; } .mvp-feat5-main-wrap, .mvp-feat5-mid-main { width: 100%; } .mvp-feat5-mid-wrap { width: 58.82352941%; /* 500 / 710 */ } .mvp-feat5-mid-main { border-bottom: 1px solid #ddd; margin: 0 0 25px; padding: 0 0 25px; } .mvp-feat5-mid-main-img { background: #000; line-height: 0; margin: 0 0 20px; width: 100%; } .mvp-feat5-mid-main:hover .mvp-feat5-mid-main-img img { opacity: .8; } .mvp-feat5-mid-main-text { width: 100%; } .mvp-feat5-mid-main-text h2 { color: #222; float: left; font-size: 2.2rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } .mvp-feat5-mid-main:hover .mvp-feat5-mid-main-text h2 { opacity: .6; } .mvp-feat5-mid-main-text p { color: #555; float: left; font-size: 1rem; font-weight: 300; line-height: 1.4; margin-top: 10px; width: 100%; } .mvp-feat5-mid-sub-wrap { width: 100%; } .mvp-feat5-mid-sub-story { margin: 25px 0 0; width: 100%; } .mvp-feat5-mid-sub-wrap a:first-child .mvp-feat5-mid-sub-story { margin: 0; } .mvp-feat5-mid-sub-out { margin: 0 0 0 -250px; width: 100%; } .mvp-feat5-mid-sub-in { margin: 0 0 0 250px; } .mvp-feat5-mid-sub-img { background: #000; line-height: 0; margin: 0 20px 0 0; overflow: hidden; width: 230px; } .mvp-feat5-mid-sub-story:hover .mvp-feat5-mid-sub-img img { opacity: .8; } .mvp-feat5-mid-sub-text { width: 100%; } .mvp-feat5-mid-sub-text h2 { color: #222; float: left; font-size: 1.4rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } .mvp-feat5-mid-sub-story:hover .mvp-feat5-mid-sub-text h2 { opacity: .6; } .mvp-feat5-small-wrap { margin: 0 3.529411765% 0 0; /* 30 / 850 */ width: 37.64705882%; /* 320 / 850 */ } .mvp-feat5-small-main { border-bottom: 1px solid #ddd; margin: 0 0 25px; padding: 0 0 25px; width: 100%; } .mvp-feat5-small-main-img { background: #000; line-height: 0; margin: 0 0 20px; overflow: hidden; width: 100%; max-height: 170px; } .mvp-feat5-small-main:hover .mvp-feat5-small-main-img img { opacity: .8; } .mvp-feat5-small-main-text { width: 100%; } .mvp-feat5-small-main-text h2 { color: #222; float: left; font-size: 1.4rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } .mvp-feat5-small-main:hover .mvp-feat5-small-main-text h2 { opacity: .6; } .mvp-feat5-small-main-text p { color: #555; float: left; font-size: 1rem; font-weight: 300; line-height: 1.4; margin-top: 10px; width: 100%; } .mvp-feat5-small-sub { width: 100%; } .mvp-feat5-small-wrap a:first-child .mvp-feat1-list-cont, .mvp-feat5-side-list a:first-child .mvp-feat1-list-cont { margin: 0; } .mvp-feat5-side-wrap { margin: 0 0 0 30px; width: 320px; } .mvp-feat5-side-list .mvp-feat1-list-img img { opacity: .4; } .mvp-feat5-side-list .mvp-feat1-list-cont:hover .mvp-feat1-list-img img { opacity: 1; } .mvp-feat5-side-list a { counter-increment: mvp-trend; } .mvp-feat5-side-list .mvp-feat1-list-img:after { content: counter(mvp-trend); color: #fff; font-size: 30px; font-weight: 700; line-height: 1; margin: 25px 0 0; opacity: 1; position: absolute; top: 0; left: 0; text-align: center; width: 100%; } .mvp-feat5-side-list .mvp-feat1-list-cont:hover .mvp-feat1-list-img:after { opacity: 0; } #mvp-feat6-wrap { background: #000; margin: 0 0 60px; overflow: hidden; width: 100%; } .category #mvp-feat6-wrap { margin: 0 0 40px; } #mvp-feat6-main { width: 100%; } #mvp-feat6-img { line-height: 0; width: 66.666666%; } #mvp-feat6-img:after { content: ''; background-image: -moz-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); background-image: -ms-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); background-image: -o-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); background-image: -webkit-linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); background-image: -webkit-gradient(linear, middle right, middle left, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); background-image: linear-gradient(to left,rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,1) 100%); position: absolute; left: 0; top: 0; width: 50%; height: 100%; } #mvp-feat6-main:hover #mvp-feat6-img img { opacity: .8; } #mvp-feat6-text { position: absolute; left: 50px; top: 50px; width: 45%; } #mvp-feat6-text h3.mvp-feat1-pop-head { text-align: left; } #mvp-feat6-text h3.mvp-feat1-pop-head:before { display: none; } #mvp-feat6-text h2 { color: #fff; float: left; font-size: 3.5rem; font-weight: 700; letter-spacing: -.02em; line-height: 1; width: 100%; } #mvp-feat6-text p { color: #fff; float: left; font-size: 1.15rem; font-weight: 300; line-height: 1.4; margin-top: 20px; width: 100%; } /************************************************ 8. Homepage ************************************************/ #mvp-main-body-wrap { background: #fff; padding-bottom: 60px; width: 100%; } #mvp-home-widget-wrap, .mvp-widget-home { width: 100%; } #mvp-home-widget-wrap { margin-bottom: 60px; } .mvp-widget-home { margin-top: 60px; } .mvp-widget-home:first-child { margin-top: 0; } .mvp-widget-ad { line-height: 0; text-align: center; width: 100%; } #mvp-home-widget-wrap .mvp_ad_widget .mvp-main-box { float: left; margin: 0; width: 100%; } .mvp-widget-home-head { float: left; position: relative; width: 100%; } h4.mvp-widget-home-title { float: left; margin-bottom: 20px; position: relative; text-align: center; width: 100%; } h4.mvp-widget-home-title:before { content: ''; background: #555; display: inline-block; position: absolute; left: 0; bottom: 50%; width: 100%; height: 1px; z-index: 0; } span.mvp-widget-home-title { color: #fff; display: inline-block; font-size: 1.1rem; font-weight: 700; line-height: 1; padding: 5px 13px; position: relative; text-transform: uppercase; transform: skewX(-15deg); z-index: 1; } h4.mvp-widget-home-title2 { border-bottom: 1px solid #ddd; float: left; margin-bottom: 20px; position: relative; width: 100%; } span.mvp-widget-home-title2 { border-bottom: 1px solid #000; color: #000; display: inline-block; font-size: .8rem; font-weight: 700; line-height: 1; padding-bottom: 5px; position: relative; bottom: -1px; text-transform: uppercase; z-index: 1; } .mvp-widget-feat1-wrap, .mvp-widget-feat1-cont { width: 100%; } .mvp-widget-feat1-cont { margin-top: 20px; } .mvp-widget-feat1-cont:first-child { margin-top: 0; } .mvp-widget-feat1-top-story { margin-left: 1.66666666%; /* 20 / 1200 */ overflow: hidden; width: 49.166666666%; /* 590 / 1200 */ } .mvp-widget-feat1-cont a:first-child .mvp-widget-feat1-top-story { margin-left: 0; } .mvp-widget-feat1-top-img { background: #000; line-height: 0; overflow: hidden; width: 100%; } .mvp-widget-feat1-bot-story:hover .mvp-widget-feat1-bot-img img, .mvp-widget-feat1-top-story:hover .mvp-widget-feat1-top-img img { opacity: .8; } .mvp-widget-feat1-top-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); padding: 50px 3.33333333% 20px; /* 20 / 600 */ position: absolute; left: 0; bottom: 0; width: 93.4%; /* 560 / 600 */ } .mvp-widget-feat1-top-text h2 { color: #fff; float: left; font-size: 1.8rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; margin-right: 30%; width: 70%; } .mvp-widget-feat1-bot-story:hover .mvp-widget-feat1-bot-text h2 { opacity: .6; } .mvp-widget-feat1-bot-story { margin-left: 1.66666666%; /* 20 / 1200 */ width: 23.75%; /* 285 / 1200 */ } .mvp-widget-feat1-cont a:first-child .mvp-widget-feat1-bot-story { margin-left: 0; } .mvp-widget-feat1-bot-img { background: #000; line-height: 0; overflow: hidden; width: 100%; } .mvp-widget-feat1-bot-text { margin-top: 15px; width: 100%; } .mvp-widget-feat1-bot-text h2 { color: #222; float: left; font-size: 1.2rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } .mvp-widget-feat1-bot-text p { color: #555; float: left; font-size: .95rem; font-weight: 300; line-height: 1.4; margin-top: 10px; width: 100%; } .mvp-widget-dark-wrap { background: #000; padding: 40px 0 60px; width: 100%; } .mvp-widget-dark-main, .mvp-widget-dark-feat { width: 100%; } .mvp-widget-dark-left { width: 61.66666666666%; /* 740 / 1200 */ } .mvp-widget-dark-feat-img { background: #000; line-height: 0; overflow: hidden; width: 100%; height: 443px; } .mvp-widget-dark-feat-img img { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: 100%; min-width: 744px; } .mvp-widget-dark-feat:hover .mvp-widget-dark-feat-img img { opacity: .8; } .mvp-widget-dark-feat-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); padding: 100px 2.702702703% 20px; /* 20 / 740 */ position: absolute; left: 0; bottom: 0; width: 94.6%; /* 700 / 740 */ } .mvp-widget-dark-feat-text h2 { color: #fff; float: left; font-size: 2rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; margin-right: 30%; width: 70%; } .mvp-widget-dark-right { margin-left: 1.66666666%; /* 20 / 1200 */ width: 36.6666666666%; /* 440 / 1200 */ } .mvp-widget-dark-sub { margin-top: 14px; width: 100%; } .mvp-widget-dark-right a:first-child .mvp-widget-dark-sub { margin-top: 0; } .mvp-widget-dark-sub-out { margin-left: -182px; width: 100%; } .mvp-widget-dark-sub-in { margin-left: 182px; } .mvp-widget-dark-sub-img { -webkit-backface-visibility: hidden; background: #000; line-height: 0; margin-right: 15px; overflow: hidden; width: 167px; } .mvp-widget-dark-sub:hover .mvp-widget-dark-sub-img img { opacity: .8; } .mvp-widget-dark-sub-text { width: 100%; } .mvp-widget-dark-sub-text h2 { color: #fff; float: left; font-size: 1.1rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; opacity: 1; width: 100%; } .mvp-widget-dark-sub:hover .mvp-widget-dark-sub-text h2 { opacity: .6; } .mvp-widget-feat2-wrap, .mvp-widget-feat2-main, .mvp-widget-feat2-left-cont, .mvp-widget-feat2-right-cont { width: 100%; } .mvp-widget-feat2-out { margin-right: -340px; width: 100%; } .mvp-widget-feat2-in { margin-right: 340px; } .mvp-widget-feat2-left { margin-right: 2.325581395%; /* 20 / 860 */ width: 60.46511628%; /* 520 / 860 */ } .mvp-widget-feat2-left-alt { float: right; margin: 0 0 0 2.325581395%; /* 20 / 860 */ } .mvp-widget-feat2-left-img { background: #000; line-height: 0; overflow: hidden; width: 100%; height: 600px; } .mvp-widget-feat2-left-img img { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; width: 100%; min-width: 1000px; } .mvp-widget-feat2-left-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.9))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.9) 100%); padding: 100px 4.761904762% 20px; /* 20 / 420 */ position: absolute; left: 0; bottom: 0; width: 90.5%; /* 380 / 420 */ } .mvp-widget-feat2-left-text h2 { color: #fff; float: left; font-size: 3.3rem; font-weight: 700; letter-spacing: -.02em; line-height: .95; margin-right: 10%; text-shadow: 1px 1px 0 #000; text-transform: uppercase; width: 90%; } .mvp-widget-feat2-left-text p { color: #fff; float: left; font-size: 1rem; font-size: 400; line-height: 1.4; margin-top: 8px; width: 100%; } .mvp-widget-feat2-right { width: 37.20930233%; /* 320 / 860 */ } .mvp-widget-feat2-right-main { width: 100%; } .mvp-widget-feat2-right-cont { overflow: hidden; height: 300px; } .archive .mvp-widget-feat2-right-cont { height: 278px; } .mvp-widget-feat2-right-img { background: #000; line-height: 0; overflow: hidden; width: 100%; max-height: 180px; } .archive .mvp-widget-feat2-right-img { max-height: 155px; } .mvp-widget-feat2-right-cont:hover .mvp-widget-feat2-right-img img { opacity: .8; } .mvp-widget-feat2-right-text { padding: 15px 0 10px; width: 100%; } .mvp-widget-feat2-right-text h2 { color: #222; float: left; font-size: 1.3rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; opacity: 1; width: 100%; } .mvp-widget-feat2-right-cont:hover .mvp-widget-feat2-right-text h2 { opacity: .6; } .mvp-widget-feat2-side { margin-left: 20px; width: 320px; } .mvp-widget-feat2-side-ad { line-height: 0; margin-bottom: 20px; text-align: center; width: 100%; } .mvp-widget-feat2-side-list { width: 100%; } .mvp-widget-feat2-side-more-but { margin-top: 20px; text-align: center; width: 100%; } .mvp-widget-feat2-side-more { display: inline-block; font-size: 14px; font-weight: 400; line-height: 1; text-transform: uppercase; } .mvp-widget-feat2-side-more-but i { display: inline-block; font-size: 14px; line-height: 1; margin-left: 10px; position: relative; top: -2px; } .mvp-main-blog-wrap, .mvp-main-blog-cont, .mvp-main-blog-body, ul.mvp-blog-story-list { width: 100%; } .mvp-main-blog-marg { margin-top: 0 !important; } .mvp-main-blog-out { margin-right: -380px; width: 100%; } .mvp-main-blog-in { margin-right: 380px; } .mvp-blog-story-wrap { border-top: 1px solid #ddd; margin-top: 20px; width: 100%; } ul.mvp-blog-story-list-col { margin-left: -2.43902439%; /* 20 / 820 */ width: 102.43902439%; /* 840 / 820 */ } .mvp-blog-story-col { margin-left: 2.380952381%; /* 20 / 840 */ overflow: hidden; width: 47.61904762%; /* 400 / 840 */ height: 380px; } ul.mvp-blog-story-list .mvp-blog-story-wrap:first-child { margin-top: 10px; } .archive ul.mvp-blog-story-list .mvp-blog-story-wrap:first-child, .search ul.mvp-blog-story-list .mvp-blog-story-wrap:first-child { margin-top: 0; } .mvp-blog-story-out { float: right; margin-left: -410px; width: 100%; } .mvp-blog-story-in { margin-left: 410px; } .mvp-blog-story-col .mvp-blog-story-out, .mvp-blog-story-col .mvp-blog-story-in { margin-left: 0; } .mvp-blog-story-img { background: #000; line-height: 0; margin-right: 30px; overflow: hidden; width: 380px; } .mvp-blog-story-col .mvp-blog-story-img { margin: 0 0 15px 0; width: 100%; max-height: 180px; } .mvp-blog-story-wrap:hover .mvp-blog-story-img img, .mvp-blog-story-col:hover .mvp-blog-story-img img { opacity: .8; } .mvp-blog-story-text { margin-top: 30px; width: 100%; } .mvp-blog-story-col .mvp-blog-story-text { margin-top: 0; } .mvp-blog-story-text h2 { color: #222; float: left; font-size: 1.7rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; width: 100%; } .mvp-blog-story-col .mvp-blog-story-text h2 { font-size: 1.5rem; } .mvp-blog-story-wrap:hover .mvp-blog-story-text h2, .mvp-blog-story-col:hover .mvp-blog-story-text h2 { opacity: .6; } .mvp-blog-story-text p { color: #555; float: left; font-size: 1.1rem; font-weight: 300; line-height: 1.4; margin-top: 10px; width: 100%; } /************************************************ 9. Sidebar ************************************************/ #mvp-side-wrap { font-size: .9rem; margin-left: 60px; width: 320px; } .mvp-side-widget { float: left; margin-top: 30px; width: 100%; } .mvp-side-widget:first-child { margin-top: 0; } .mvp-widget-flex-wrap, .mvp-flex-story-wrap, .mvp-flex-story, .mvp-widget-tab-wrap { width: 100%; } #mvp-home-widget-wrap .mvp-flex-side-out { margin-right: -380px; width: 100%; } #mvp-home-widget-wrap .mvp-flex-side-in { margin-right: 380px; } .mvp-flex-story { margin-top: 15px; } #mvp-home-widget-wrap .mvp-flex-row { border-top: 1px solid #ddd; margin: 20px 0 0; } #mvp-side-wrap .mvp-flex-col { margin-top: 30px; } #mvp-home-widget-wrap .mvp-flex-col { margin: 0 0 30px 2.43902439%; /* 20 / 820 */ width: 48.7804878%; /* 400 / 820 */ height: 430px; } #mvp-home-widget-wrap .mvp-flex-col-noad { margin: 0 0 30px 2.43902439% !important; /* 20 / 820 */ width: 31.70731707%; /* 260 / 820 */ height: 430px; } #mvp-home-widget-wrap a:first-child .mvp-flex-col, #mvp-home-widget-wrap a:nth-child(2n+3) .mvp-flex-col { margin-left: 0; } #mvp-home-widget-wrap a:first-child .mvp-flex-col-noad, #mvp-home-widget-wrap a:nth-child(3n+4) .mvp-flex-col-noad { margin-left: 0 !important; } .mvp-flex-story-wrap a:first-child .mvp-flex-story, #mvp-side-wrap a:first-child .mvp-flex-col, #mvp-home-widget-wrap a:first-child .mvp-flex-story { margin-top: 0; } .mvp-flex-row .mvp-flex-story-out { margin-left: -95px; width: 100%; } #mvp-home-widget-wrap .mvp-flex-row .mvp-flex-story-out { margin-left: -410px; } .mvp-flex-row .mvp-flex-story-in { margin-left: 95px; } #mvp-home-widget-wrap .mvp-flex-row .mvp-flex-story-in { margin-left: 410px; } .mvp-flex-story-img { background: #000; line-height: 0; overflow: hidden; } .mvp-flex-row .mvp-flex-story-img { margin-right: 15px; width: 80px; } #mvp-home-widget-wrap .mvp-flex-row .mvp-flex-story-img { margin-right: 30px; width: 380px; } .mvp-flex-col .mvp-flex-story-img { margin-bottom: 15px; width: 100%; max-height: 150px; } #mvp-home-widget-wrap .mvp-flex-col .mvp-flex-story-img { max-height: none; } .mvp-flex-story:hover .mvp-flex-story-img img { opacity: .8; } #mvp-side-wrap .mvp-flex-row .mvp-vid-box-wrap { display: none; } .mvp-flex-story-text { width: 100%; } #mvp-home-widget-wrap .mvp-flex-story-text { margin-top: 30px; } #mvp-home-widget-wrap .mvp-flex-col .mvp-flex-story-text { margin-top: 0; } .mvp-flex-story-text h2 { color: #222; float: left; font-size: 1.1rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; width: 100%; } #mvp-side-wrap .mvp-flex-col .mvp-flex-story-text h2 { font-size: 1.3rem; } #mvp-home-widget-wrap .mvp-flex-row .mvp-flex-story-text h2 { font-size: 1.7rem; } #mvp-home-widget-wrap .mvp-flex-col .mvp-flex-story-text h2 { font-size: 1.6rem; } .mvp-flex-story:hover .mvp-flex-story-text h2 { opacity: .6; } .mvp-flex-story-text p { color: #555; float: left; font-size: 1rem; font-weight: 300; line-height: 1.4; margin-top: 10px; width: 100%; } #mvp-side-wrap .mvp-flex-story-text p { display: none; } .mvp-flex-side-wrap { margin-top: 30px; width: 100%; } #mvp-home-widget-wrap .mvp-flex-side-wrap { margin: 0 0 0 60px; width: 320px; } #mvp-home-widget-wrap .mvp-flex-side-wrap .mvp-ad-label { display: block; } .mvp-flex-ad { line-height: 0; text-align: center; width: 100%; } #mvp-side-wrap .mvp-flex-row .mvp-mob-img { display: block !important; } #mvp-side-wrap .mvp-flex-row .mvp-reg-img { display: none !important; } .mvp_facebook_widget { text-align: center; } .widget_calendar { float: left; } #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } .widget_rss ul, .widget_rss ul li { float: left; width: 100%; } .widget_rss ul li a { float: left; font-weight: 700; line-height: 123%; margin-bottom: 5px; width: 100%; } .widget_rss ul li span.rss-date { float: left; font-size: .75rem; margin-bottom: 5px; width: 100%; } .widget_rss ul li .rssSummary { float: left; margin-bottom: 8px; width: 100%; } .widget_rss ul li cite { float: left; font-size: .8rem; width: 100%; } .widget_recent_entries li { float: left; margin-bottom: 10px; width: 100%; } .widget_categories ul, .widget_categories ul li, .widget_archive ul, .widget_archive ul li, .widget_recent_comments ul, .widget_recent_comments ul li, .widget_pages ul, .widget_pages ul li { float: left; width: 100%; } .widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li { padding: 5px 0; } .widget_recent_comments ul li, .widget_recent_entries ul li { border-top: 1px solid #ddd; line-height: 1.4; margin-top: 10px; padding-top: 10px; } .widget_rss ul li { border-top: 1px solid #ddd; line-height: 1.4; margin-top: 15px; padding-top: 15px; } .widget_recent_comments ul li:first-child, .widget_recent_entries ul li:first-child, .widget_rss ul li:first-child { border-top: none; margin-top: 0; padding-top: 0; } #mvp-side-wrap .mvp-widget-home-title a.rsswidget { color: #fff; } .widget_rss { line-height: 1.4; } #mvp-side-wrap #searchform input, #mvp-home-widget-wrap #searchform input { background: #fff; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #999; font-size: 16px; padding: 5px 5%; height: 16px; width: 88%; } .textwidget p, .textwidget div { float: left; line-height: 1.4; } .textwidget p { margin-bottom: 15px; } /************************************************ 10. Posts ************************************************/ #mvp-article-wrap, #mvp-article-cont { width: 100%; } #mvp-article-wrap { float: left; position: relative; } #mvp-post-main { margin: 10px 0 60px; width: 100%; } .page #mvp-post-main { margin-bottom: 0; } #mvp-post-head { margin-bottom: 30px; width: 100%; } .page #mvp-post-head, .archive #mvp-post-head, .attachment #mvp-post-head, .search #mvp-post-head { margin-top: 10px; } h3.mvp-post-cat { margin-bottom: 10px; width: 100%; } span.mvp-post-cat { color: #fff; display: inline-block; font-size: 1rem; font-weight: 700; line-height: 1; padding: 5px 13px; text-transform: uppercase; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); transform: skewX(-15deg); } h1.mvp-post-title { color: #000; font-size: 3.5rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; margin-right: 20%; width: 80%; } #mvp-post-content h1.mvp-post-title { font-size: 2.9rem; margin-right: 0; width: 100%; } .page h1.mvp-post-title, .attachment h1.mvp-post-title, .archive h1.mvp-post-title, .search h1.mvp-post-title { font-size: 2.5rem; margin-right: 0; text-align: center; width: 100%; } span.mvp-post-excerpt { color: #555; font-size: 1.2rem; font-weight: 400; line-height: 1.55; margin-top: 15px; width: 100%; } .mvp-author-info-wrap, ul.mvp-author-info-list { width: 100%; } .mvp-author-info-wrap { margin-top: 12px; } #mvp-content-wrap .mvp-author-info-wrap { margin: 0 0 20px; } .mvp-author-info-thumb { line-height: 0; width: 46px; } .mvp-author-info-thumb img { border: 2px solid #ddd; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; } .mvp-author-info-text { color: #999; display: inline-block; float: left; font-size: 14px; font-weight: 400; line-height: 1; margin: 8px 0 0 15px; } .mvp-author-info-text p { display: inline-block; } .mvp-author-info-text a { color: #000 !important; font-weight: 700; } .mvp-author-info-text a:hover { opacity: .6; } .mvp-post-date { font-weight: 500; } .mvp-author-info-name { clear: both; margin-top: 5px; } a.mvp-twit-but { color: #55acee !important; display: inline-block; font-size: 16px; margin-left: 5px; } .mvp-post-main-out { margin-right: -380px; width: 100%; } .mvp-post-main-in { margin-right: 380px; } #mvp-post-content { width: 100%; } #mvp-post-feat-img { line-height: 0; margin-bottom: 30px; text-align: center; width: 100%; } #mvp-post-feat-img-wide { background: #000; margin-bottom: 30px; overflow: hidden; width: 100%; max-height: 720px; } #mvp-post-feat-img-wide #mvp-post-feat-img { margin-bottom: 0; } #mvp-post-feat-img-wide #mvp-post-feat-img img { opacity: .4; width: 100%; } #mvp-post-feat-text-wrap { position: absolute; left: 0; bottom: 30%; width: 100%; } .mvp-post-feat-text-main { margin: 0 auto; max-width: 1200px; } .mvp-post-feat-text { width: 37%; } h1.mvp-post-title-wide { color: #fff; font-size: 3.5rem; font-weight: 700; letter-spacing: -.02em; line-height: 1; margin-right: 0; text-shadow: 1px 1px 0 #000; width: 100%; } .mvp-post-feat-text span.mvp-post-excerpt { color: #fff; font-size: 1.1rem; margin-top: 10px; } #mvp-video-embed-wrap { margin-bottom: 30px; width: 100%; } #mvp-video-embed-cont { width: 100%; } span.mvp-video-close { background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; cursor: pointer; display: none; font-size: 14px; line-height: 1; padding-top: 5px; position: absolute; top: -10px; left: -10px; text-align: center; width: 24px; height: 19px; z-index: 5; } #mvp-video-embed, span.embed-youtube { overflow: hidden; padding-bottom: 56.25%; position: relative; text-align: center; width: 100%; height: 0; } #mvp-video-embed-wrap { margin-bottom: 30px; width: 100%; } .mvp-vid-fixed { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); -o-box-shadow: 0 0 10px 0 rgba(0,0,0,.5); box-shadow: 0 0 10px 0 rgba(0,0,0,.5); margin-top: -102px; padding-bottom: 0 !important; position: fixed !important; right: 20px; bottom: 20px; width: 360px !important; height: 203px !important; z-index: 9999; } .mvp-vid-height { height: 461px; } #mvp-video-embed iframe, #mvp-video-embed object, #mvp-video-embed embed, span.embed-youtube iframe, span.embed-youtube object, span.embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mvp-video-embed-wide { margin: -20px 0 30px; } #mvp-vid-wide-wrap { background: #000; margin-bottom: 30px; width: 100%; } .mvp-vid-wide-cont { margin: 60px 0; width: 100%; } .mvp-vid-wide-top, .mvp-vid-wide-bot { width: 100%; } .mvp-vid-wide-top { margin-bottom: 30px; } .mvp-vid-wide-out { margin-right: -350px; width: 100%; } .mvp-vid-wide-in { margin-right: 350px; } .mvp-vid-wide-left { width: 100%; } .mvp-vid-wide-left #mvp-video-embed-wrap { margin-bottom: 0; } .mvp-vid-wide-right { margin-left: 30px; width: 320px; } .mvp-vid-wide-text { width: 100%; } .mvp-vid-wide-text span.mvp-post-cat { font-size: .75rem; } .mvp-vid-wide-text h1.mvp-vid-wide-title { color: #fff; font-size: 2.1rem; margin-right: 0; width: 100%; } .mvp-vid-wide-text span.mvp-post-excerpt { color: #aaa; font-size: 1rem; margin-top: 10px; } .mvp-vid-wide-bot span.mvp-widget-home-title { font-size: 1rem; } .mvp-vid-wide-soc { border-top: 1px solid #222; margin-top: 20px; padding-top: 20px; width: 100%; } ul.mvp-vid-wide-soc-list { width: 100%; } ul.mvp-vid-wide-soc-list li { background: #222; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; float: left; font-size: 18px; line-height: 1; margin-left: 10px; padding-top: 11px; position: relative; text-align: center; width: 40px; height: 29px; } ul.mvp-vid-wide-soc-list a:first-child li { margin-left: 0; } ul.mvp-vid-wide-soc-list li:hover { font-size: 20px; padding-top: 10px; height: 30px; } ul.mvp-vid-wide-soc-list li.mvp-post-soc-com { background: #000; border: 2px solid #222; color: #fff; padding-top: 10px; width: 38px; height: 28px; } ul.mvp-vid-wide-soc-list li.mvp-post-soc-com:hover { font-size: 20px; padding-top: 9px; height: 29px; } .mvp-vid-wide-soc-share-but { color: #fff; cursor: pointer; display: none !important; float: left; font-size: 18px !important; line-height: 1; margin: 0; padding-top: 12px; position: relative; text-align: center; width: 42px; height: 30px; z-index: 1; } .mvp-vid-wide-more-wrap, ul.mvp-vid-wide-more-list { width: 100%; } ul.mvp-vid-wide-more-list li { float: left; margin-left: 1.666666666%; /* 20 / 1200 */ overflow: hidden; width: 23.75%; /* 285 / 1200 */ } ul.mvp-vid-wide-more-list a:first-child li { margin-left: 0; } .mvp-vid-wide-more-img { line-height: 0; margin-bottom: 15px; width: 100%; } ul.mvp-vid-wide-more-list li:hover .mvp-vid-wide-more-img img { opacity: .8; } .mvp-vid-wide-more-text { width: 100%; } .mvp-vid-wide-more-text p { color: #fff; font-size: 1.2rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; width: 100%; } ul.mvp-vid-wide-more-list li:hover .mvp-vid-wide-more-text p { opacity: .6; } .mvp-post-img-hide { display: none; } span.mvp-feat-caption { color: #888; float: left; font-size: .8rem; font-weight: 400; line-height: 1.1; margin-top: -30px; padding: 8px 0 20px; text-align: right; width: 100%; } #mvp-post-feat-img-wide span.mvp-feat-caption { margin-top: 0; padding: 0; position: absolute; right: 13%; bottom: 10px; } #mvp-content-wrap, #mvp-content-body, #mvp-content-main, #mvp-content-body-top, .mvp-post-add-body { width: 100%; } #mvp-content-main, .mvp-post-add-main { line-height: 1.55; /*border: solid 0.1px rgb(205,205,205); border-radius: 15px; padding: 10px; box-shadow: 7px 7px 9px rgb(0 0 0 / 35%); text-align: justify;*/ } .attachment #mvp-content-main { text-align: center; } .mvp-post-soc-out { margin-left: -80px; width: 100%; } .mvp-post-soc-in { margin-left: 80px; } .mvp-post-soc-wrap { margin-right: 38px; width: 42px; } ul.mvp-post-soc-list { width: 100%; } ul.mvp-post-soc-list li { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; float: left; font-size: 18px; line-height: 1; margin-bottom: 8px; padding-top: 11px; position: relative; text-align: center; width: 40px; height: 29px; } ul.mvp-post-soc-list li:hover { font-size: 20px; padding-top: 10px; height: 30px; } ul.mvp-post-soc-list li.mvp-post-soc-fb { background: #3b5998; } ul.mvp-post-soc-list li.mvp-post-soc-twit { background: #55acee; } ul.mvp-post-soc-list li.mvp-post-soc-pin { background: #bd081c; } ul.mvp-post-soc-list li.mvp-post-soc-email { background: #bbb; } ul.mvp-post-soc-list li.mvp-post-soc-com { background: #fff; border: 2px solid #bbb; color: #bbb; padding-top: 10px; width: 38px; height: 28px; } ul.mvp-post-soc-list li.mvp-post-soc-com:hover { font-size: 20px; padding-top: 9px; height: 29px; } .mvp-post-soc-share-but { color: #fff; cursor: pointer; display: none !important; float: left; font-size: 18px !important; line-height: 1; margin: 0; padding-top: 12px; position: relative; text-align: center; width: 42px; height: 30px; z-index: 1; } #mvp-content-main p, .mvp-post-add-main p { color: #000; display: block; font-size: 1.1rem; font-weight: 400; line-height: 1.55; margin-bottom: 20px; } #mvp-content-main p a, .mvp-post-add-main p a { color: #000; } #mvp-content-bot { width: 100%; } .mvp-post-tags { float: left; font-size: .8rem; line-height: 1; margin-top: 15px; text-transform: uppercase; width: 100%; } .mvp-post-tags a, .mvp-post-tags a:visited { color: #777 !important; display: inline-block; float: left; font-weight: 600; margin: 0 10px 5px 8px; position: relative; } .mvp-post-tags a:before { content: '#'; position: absolute; left: -8px; } .mvp-post-tags a:hover { color: #000 !important; } .mvp-post-tags-header { color: #000; float: left; font-weight: 700; margin-right: 10px; } .posts-nav-link { display: none; } #mvp-author-box-wrap { margin-top: 30px; width: 100%; } .mvp-author-box-out { margin-left: -80px; width: 100%; } .mvp-author-box-in { margin-left: 80px; } #mvp-author-box-img { line-height: 0; margin-right: 20px; width: 60px; } #mvp-author-box-img img { border: 2px solid #ddd; border-radius: 50%; } #mvp-author-box-head, #mvp-author-box-text { width: 100%; } #mvp-author-box-text { margin-top: 8px; } span.mvp-author-box-name { font-size: 1.1rem; line-height: 1; margin-top: 10px; width: 100%; } span.mvp-author-box-name a { color: #444; font-weight: 700; } #mvp-author-box-text p { color: #777; float: left; font-size: .9rem; font-weight: 400; line-height: 1.5; margin-bottom: 0; width: 100%; } #mvp-author-box-soc-wrap { margin-top: 10px; width: 100%; } span.mvp-author-box-soc { color: #999; display: inline-block; font-size: 20px; line-height: 1; margin-right: 5px; vertical-align: top; } span.mvp-author-box-soc:hover { color: #000; } #mvp-drop-nav-wrap { margin-left: 1.6666666%; /* 20 / 1200 */ width: 65%; /* 780 / 1200 */ } .mvp-drop-nav-title { display: none; margin-left: 20px; max-width: 780px; overflow: hidden; height: 30px; } .mvp-drop-nav-title h4 { color: #fff; float: left; font-size: 23px; font-weight: 700; letter-spacing: -.02em; line-height: 30px; padding: 0; width: 200%; } #mvp-prev-next-wrap { border-bottom: 1px solid #ddd; margin-top: 30px; padding-bottom: 30px; width: 100%; } .mvp-next-post-wrap, .mvp-prev-post-wrap { width: 47.6%; /* 390 / 820 */ } .mvp-prev-next-cont { width: 100%; } .mvp-next-post-wrap { margin-left: 4.8%; } .mvp-next-cont-out { margin-right: -50px; width: 100%; } .mvp-next-cont-in { margin-right: 50px; } .mvp-prev-cont-out { margin-left: -50px; width: 100%; } .mvp-prev-cont-in { margin-left: 50px; } .mvp-prev-next-text { width: 100%; } .mvp-prev-next-cont:hover .mvp-prev-next-text p { opacity: .6; } span.mvp-prev-arr, span.mvp-next-arr { color: #bbb; font-size: 26px; line-height: 1; margin-top: 20px; width: 20px; } span.mvp-prev-arr { margin-right: 30px; } span.mvp-next-arr { margin-left: 30px; } span.mvp-prev-next-label { font-size: .7rem; font-weight: 700; line-height: 1; margin-bottom: 5px; text-transform: uppercase; width: 100%; } .mvp-prev-next-text p { color: #222 !important; float: left; font-size: 1.2rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } .mvp-cont-read-wrap { float: left; position: relative; width: 100%; } .mvp-cont-read-but-wrap { background-image: -moz-linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); background-image: -ms-linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); background-image: -o-linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1))); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); display: none; padding: 120px 0 20px; position: absolute; top: -163px; left: 0; text-align: center; width: 100%; } span.mvp-cont-read-but { background: #fff; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #000; cursor: pointer; display: inline-block; font-size: .8rem; font-weight: 600; letter-spacing: .02em; line-height: 100%; padding: 10px 0; text-transform: uppercase; width: 70%; } span.mvp-cont-read-but:hover { background: #000; color: #fff; } #mvp-post-bot-ad { line-height: 0; margin-top: 30px; text-align: center; width: 100%; } #mvp-related-posts { margin-top: 30px; width: 100%; } ul.mvp-related-posts-list { width: 100%; } ul.mvp-related-posts-list li { float: left; margin-left: 2.027027027%; /* 15 / 740 */ overflow: hidden; width: 31.98198198%; /* 236.6666 / 740 */ height: 225px; } ul.mvp-related-posts-list a:first-child li, ul.mvp-related-posts-list a:nth-child(3n+4) li { margin-left: 0; } .mvp-related-img { background: #000; line-height: 0; margin-bottom: 10px; width: 100%; } ul.mvp-related-posts-list li:hover .mvp-related-img img { opacity: .8; } .mvp-related-text { color: #222; font-size: 1rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } ul.mvp-related-posts-list li:hover .mvp-related-text { opacity: .6; } #mvp-post-add-wrap { margin-top: 60px; width: 100%; } .mvp-post-add-story { border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px; width: 100%; } .mvp-post-add-story:first-child { margin-top: 0; } .mvp-post-add-head { margin-bottom: 30px; width: 100%; } .mvp-post-add-img { line-height: 0; margin-bottom: 30px; text-align: center; width: 100%; } .mvp-post-add-cont { overflow: hidden; width: 100%; height: 400px; } .mvp-post-add-cont .theiaPostSlider_nav { display: none; } .mvp-post-add-main { margin: 0 5%; width: 90%; } .mvp-post-add-link { background: #fff; padding-top: 5px; position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; } .mvp-post-add-link:before { content: ''; background-image: -moz-linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); background-image: -ms-linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); background-image: -o-linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,1))); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); position: absolute; top: -99px; left: 0; width: 100%; height: 100px; } span.mvp-post-add-link-but { background: #fff; border: 1px solid #000; border-radius: 3px; color: #000; display: inline-block; font-size: .8rem; font-weight: 700; letter-spacing: .02em; line-height: 1; padding: 15px 0; text-transform: uppercase; width: 50%; } span.mvp-post-add-link-but:hover { background: #000; color: #fff; } #mvp-post-more-wrap, ul.mvp-post-more-list { width: 100%; } ul.mvp-post-more-list li { float: left; margin-left: 1.25%; /* 15 / 1200 */ overflow: hidden; width: 24.0625%; /* 288.75 / 1200 */ height: 285px; } ul.mvp-post-more-list a:first-child li, ul.mvp-post-more-list a:nth-child(4n+5) li { margin-left: 0; } .mvp-post-more-img { background: #000; line-height: 0; margin-bottom: 15px; width: 100%; } ul.mvp-post-more-list li:hover .mvp-post-more-img img { opacity: .8; } .mvp-post-more-text { width: 100%; } .mvp-post-more-text p { color: #000; float: left; font-size: 1.1rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; width: 100%; } ul.mvp-post-more-list li:hover .mvp-post-more-text p { opacity: .6; } .mvp-post-gallery-wrap { margin: 15px 0 30px; overflow: hidden; width: 100%; } .mvp-post-gallery-wrap { background: #000; } .mvp-post-gallery-top { line-height: 0; margin-bottom: 10px; width: 100%; } ul.mvp-post-gallery-top-list li { display: none !important; overflow: hidden; position: relative; } ul.mvp-post-gallery-top-list li img { opacity: .9; width: 100%; } .mvp-post-gallery-text { float: left; padding: 10px 2.702702703% 0; /* 20 / 740 */ position: relative; width: 94.6%; /* 700 / 740 */ } .mvp-post-gallery-text p { color: #fff; font-size: .9rem; font-weight: 400; line-height: 1.4; width: 100%; } ul.mvp-post-gallery-top-list li.flex-active-slide { display: block !important; } .mvp-post-gallery-top .flex-direction-nav a { -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,.5); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,.5); -ms-text-shadow: 1px 1px 3px rgba(0,0,0,.5); -o-text-shadow: 1px 1px 3px rgba(0,0,0,.5); text-shadow: 1px 1px 3px rgba(0,0,0,.5); color: #fff !important; font-family: 'Advent Pro', sans-serif; font-size: 70px; font-weight: 700; line-height: 100%; margin-top: -35px; opacity: 0; position: absolute; top: 45%; z-index: 10; } .mvp-post-gallery-top .flex-direction-nav .flex-prev { left: 0; margin-left: 10px; } .mvp-post-gallery-top .flex-direction-nav .flex-next { right: 0; margin-right: 10px; } .mvp-post-gallery-top:hover .flex-direction-nav a { opacity: .7; } .mvp-post-gallery-top .flex-direction-nav a:hover { opacity: 1; } .mvp-post-gallery-bot { margin-bottom: 10px; width: 100%; height: 80px; } ul.mvp-post-gallery-bot-list { float: left; overflow: hidden; height: 80px; } ul.mvp-post-gallery-bot-list li { cursor: pointer; float: left; margin-left: 10px !important; width: 80px; } ul.mvp-post-gallery-bot-list li img { opacity: .4; } ul.mvp-post-gallery-bot-list li.flex-active-slide img, ul.mvp-post-gallery-bot-list li:hover img { opacity: 1; } .mvp-post-gallery-bot ul.flex-direction-nav { display: none; } #mvp-soc-mob-wrap { background: #fff; -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); box-shadow: 0 0 16px 0 rgba(0,0,0,0.2); display: none; position: fixed; left: 0; bottom: 0; -webkit-transform: translate3d(0,70px,0); -moz-transform: translate3d(0,70px,0); -ms-transform: translate3d(0,70px,0); -o-transform: translate3d(0,70px,0); transform: translate3d(0,70px,0); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; width: 100%; height: 40px; z-index: 9999; } .mvp-soc-mob-out { margin-right: -50px; width: 100%; } .mvp-soc-mob-in { margin-right: 50px; } .mvp-soc-mob-left { width: 100%; } .mvp-soc-mob-right { text-align: center; width: 50px; height: 40px; } .mvp-soc-mob-right i { font-size: 20px; padding: 10px 0; vertical-align: top; } ul.mvp-soc-mob-list { width: 100%; } ul.mvp-soc-mob-list li { float: left; overflow: hidden; text-align: center; height: 40px; } ul.mvp-soc-mob-list li.mvp-soc-mob-fb, ul.mvp-soc-mob-list li.mvp-soc-mob-twit { width: 50%; } ul.mvp-soc-mob-list li.mvp-soc-mob-pin, ul.mvp-soc-mob-list li.mvp-soc-mob-what, ul.mvp-soc-mob-list li.mvp-soc-mob-email, ul.mvp-soc-mob-list li.mvp-soc-mob-com { width: 0; } .mvp-soc-mob-more ul.mvp-soc-mob-list li { width: 16.66666666%; } ul.mvp-soc-mob-list li.mvp-soc-mob-fb { background: #3b5998; } ul.mvp-soc-mob-list li.mvp-soc-mob-twit { background: #55acee; } ul.mvp-soc-mob-list li.mvp-soc-mob-pin { background: #bd081c; } ul.mvp-soc-mob-list li.mvp-soc-mob-what { background: #29a71a; } ul.mvp-soc-mob-list li.mvp-soc-mob-email { background: #bbb; } ul.mvp-soc-mob-list li span { color: #fff; display: inline-block; font-size: 12px; font-weight: 400; line-height: 1; padding: 14px 0; text-transform: uppercase; vertical-align: top; } .mvp-soc-mob-more ul.mvp-soc-mob-list li span { display: none; } ul.mvp-soc-mob-list li i { color: #fff; font-size: 20px; line-height: 1; margin-right: 10px; padding: 10px 0; vertical-align: top; } .mvp-soc-mob-more ul.mvp-soc-mob-list li i { margin-right: 0; } #mvp-content-main ul, .mvp-post-add-main ul { list-style: disc outside; margin: 10px 0; } #mvp-content-main ol, .mvp-post-add-main ol { list-style: decimal outside; margin: 10px 0; } #mvp-content-main ul li, #mvp-content-main ol li, .mvp-post-add-main ul li, .mvp-post-add-main ol li { margin-left: 50px; padding: 5px 0px; } #mvp-content-main h1, #mvp-content-main h2, #mvp-content-main h3, #mvp-content-main h4, #mvp-content-main h5, #mvp-content-main h6, .mvp-post-add-main h1, .mvp-post-add-main h2, .mvp-post-add-main h3, .mvp-post-add-main h4, .mvp-post-add-main h5, .mvp-post-add-main h6 { font-weight: 700; letter-spacing: -.02em; line-height: 1.4; margin: 10px 0; overflow: hidden; width: 100%; } #mvp-content-main h1, .mvp-post-add-main hi { font-size: 2rem; } #mvp-content-main h2, .mvp-post-add-main h2 { font-size: 1.8rem; } #mvp-content-main h3, .mvp-post-add-main h3 { font-size: 1.6rem; } #mvp-content-main h4, .mvp-post-add-main h4 { font-size: 1.4rem; } #mvp-content-main h5, .mvp-post-add-main h5 { font-size: 1.2rem; } #mvp-content-main h6, .mvp-post-add-main h6 { font-size: 1rem; } #mvp-content-main blockquote p, .mvp-post-add-main blockquote p { color: #000; font-size: 1.9rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; margin: 30px 10%; width: 80%; } #mvp-content-main blockquote p cite, .mvp-post-add-main blockquote p cite { color: #555; display: inline-block; font-size: 1rem; font-weight: 400; } #mvp-content-main dt, .mvp-post-add-main dt { font-weight: bold; margin: 5px 0; } #mvp-content-main dd, .mvp-post-add-main dd { line-height: 1.5; margin-left: 20px; } #mvp-content-main abbr, #mvp-content-main acronym, .mvp-post-add-main abbr, .mvp-post-add-main acronym { font-weight: bold; text-transform: uppercase; } #mvp-content-main code, .mvp-post-add-main code { font-size: 1.1rem; } #mvp-content-main sub, .mvp-post-add-main sub { font-size: smaller; vertical-align: sub; } #mvp-content-main sup, .mvp-post-add-main sup { font-size: smaller; vertical-align: super; } #mvp-content-main table, .mvp-post-add-main table { font-size: .9rem; width: 100%; } #mvp-content-main thead, .mvp-post-add-main thead { background: #ccc; } #mvp-content-main tbody tr, .mvp-post-add-main tbody tr { background: #eee; } #mvp-content-main tbody tr:nth-child(2n+2), .mvp-post-add-main tbody tr:nth-child(2n+2) { background: none; } #mvp-content-main td, #mvp-content-main th, .mvp-post-add-main td, .mvp-post-add-main th { padding: 5px 1.5%; } #mvp-content-main tr.odd, .mvp-post-add-main tr.odd { background: #eee; } .wp-caption, #mvp-content-main p.wp-caption-text, .gallery-caption, .mvp-post-add-main p.wp-caption-text { color: #777; font-size: .8rem; margin-top: 5px; margin-bottom: 30px; max-width: 100%; text-align: left; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .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. */ } .sticky { font-weight: 700; } .posts-nav-link { display: none; } .mvp-org-wrap { display: none; } .theiaPostSlider_nav { float: left; width: 100%; } .post-password-form label { font-size: 1rem; font-weight: 700; } .post-password-form p { font-size: 1rem !important; } .post-password-form { float: left; margin: 100px 0; text-align: center; width: 100%; } .post-password-form input { background: #888; border: none; color: #fff; cursor: pointer; font-size: 12px; font-weight: 700; line-height: 1; padding: 5px 10px; text-transform: uppercase; } .post-password-form label input { background: #fff; border: 1px solid #ddd; color: #000; margin: 0 10px; } /************************************************ 11. Comments ************************************************/ #mvp-comments-button { margin-top: 30px; text-align: center; width: 100%; } #mvp-comments-button a, #mvp-comments-button span.mvp-comment-but-text { background: #fff; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #000; cursor: pointer; display: inline-block; font-size: .8rem; font-weight: 600; letter-spacing: .02em; line-height: 100%; padding: 15px 0; text-transform: uppercase; width: 70%; } #mvp-comments-button span.mvp-comment-but-text:hover { background: #000; color: #fff; } #comments { display: none; float: left; font-size: .8rem; line-height: 120%; margin-top: 30px; overflow: hidden; width: 100%; } .woocommerce #comments { display: block; margin-top: 0; } #disqus_thread { display: none; float: left; margin-top: 30px; width: 100%; } .comment-inner { float: left; border-bottom: 1px solid #ddd; margin-bottom: 15px; padding: 15px 0 0; width: 100%; } ol.commentlist li.bypostauthor > .comment-wrapper > .comment-inner { background: #f5f5f5; padding: 15px 15px 0; } ol.commentlist li.bypostauthor > .comment-wrapper > .comment-inner .comment-reply a { margin-right: 15px; } #comments .comment-inner:after { content: ''; display: block; clear: both; } #comments .comment-avatar, #tab3 .comment-avatar { float: left; width: 46px; } #comments .avatar { display: block; background-color: #fff; } .comment-avatar img { -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; border-radius: 23px; overflow: hidden; } #comments .commentmeta { display: block; float: left; margin: 0 10px 10px; width: 75%; } .comment-reply a, #cancel-comment-reply-link { clear: both; color: #fff !important; font-size: 12px; font-weight: 700; line-height: 1; padding: 5px 10px; text-transform: uppercase; } .comment-reply a { background: #888; float: right; } #cancel-comment-reply-link { background: #999; float: left; margin: 0 0 20px; } .comment-reply a:hover, #cancel-comment-reply-link:hover { background: #555; color: #fff !important; text-decoration: none; } #content-main ol.commentlist { float: left; list-style: none; margin: 0; width: 100%; } #content-main ol.commentlist li { margin: 0; padding: 0; } ol.commentlist h3.comment-header { display: none; } ol.commentlist #respond { border-top: none; } #comments .comment-meta-1 { display: block; float: left; font-size: 14px; font-weight: bold; margin-bottom: 5px; width: 100%; } #comments .comment-meta-1 .fn { float: left; font-style: normal; font-weight: bold; width: auto; } #comments .comment-meta-1 .reply { display: inline-block; float: right; font-size: 11px; line-height: 11px; padding-top: 2px; } #comments .comment-meta-1 .reply a { color: #555; } #comments .comment-meta-2 { display: block; float: left; font-size: .8rem; line-height: 100%; margin: 0; } #comments .text { clear: both; display: block; float: left; margin-top: 10px; } #comments .text .waiting_approval { font-size: 14px; font-style: italic; font-weight: bold; } #comments .c { line-height: 20px; } #comments .c p, #comments .c code, #comments .c blockquote, #comments .c ul, #comments .c ol { display: block; margin: 5px 0; } #comments .c p { color: #444; font-size: .9rem; font-weight: 400; line-height: 1.5; } #comments .c a { text-decoration: underline; } #comments .c a:hover { text-decoration: none; } #comments .depth-2 .comment-wrapper { padding-left: 40px; } #comments .depth-2 .commentmeta { width: 75%; } #comments .depth-3 .comment-wrapper { padding-left: 80px; } #comments .depth-3 .commentmeta { width: 75%; } #comments .depth-4 .comment-wrapper { padding-left: 120px; } #comments .depth-4 .commentmeta { width: 75%; } #comments .depth-5 .comment-wrapper { padding-left: 160px; } #comments .depth-5 .commentmeta { width: 75%; } #respond { clear: both; position: relative; } #respond form { float: left; padding-bottom: 20px; width: 100%; } #respond p { font-size: 12px; margin: 0; } #respond .logged-in-as { margin-bottom: 10px; } #respond .comment-notes { margin-bottom: 1rem; } .children #respond { margin: 0 48px 0 0; } #mvp-comments-list #respond { margin: 0 0 18px 0; } #mvp-comments-list ul #respond { margin: 0; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; display: inline-block; font-size: 14px; margin-bottom: 5px; width: 100%; } #respond input { background: #f6f6f6; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 5px 0px #eee inset; -moz-box-shadow: 2px 2px 5px 0px #eee inset; -ms-box-shadow: 2px 2px 5px 0px #eee inset; -o-box-shadow: 2px 2px 5px 0px #eee inset; box-shadow: 2px 2px 5px 0px #eee inset; display: inline-block; margin: 0 0 9px; padding: 5px; width: auto; } #respond textarea { background: #f6f6f6; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 5px 0px #eee inset; -moz-box-shadow: 2px 2px 5px 0px #eee inset; -ms-box-shadow: 2px 2px 5px 0px #eee inset; -o-box-shadow: 2px 2px 5px 0px #eee inset; box-shadow: 2px 2px 5px 0px #eee inset; display: inline-block; margin-bottom: 9px; width: 99%; } #respond #submit { background: #888; border: 0; box-shadow: none; color: #fff; cursor:pointer; font-size: 12px; font-weight: 700; line-height: 1; margin-top:10px; padding: 5px 15px; text-transform: uppercase; } #respond #submit:hover { background: #555; } h3#reply-title, h2.comments { color: #fff; font-size: 14px; font-weight: 700; line-height: 1; margin-bottom: 10px; padding: 5px 10px; text-shadow: 1px 1px 0 #000; text-transform: uppercase; } h3#reply-title { display: none; } span.comments { background: #fff; color: #aaa; float: left; font-size: 20px; line-height: 100%; padding-right: 15px; text-transform: uppercase; } span.comments a { color: #666; } span.comments a:hover { color: #f00; text-decoration: none; } #comment-input label { margin-bottom: 10px; } p.cancel-comment-reply { clear: both; } p.form-allowed-tags { display: none !important; } .fb-comments, .fb-comments span { width: 100% !important; } /************************************************ 12. Archives ************************************************/ h1.mvp-page-head { float: left; margin: 10px 0 30px; width: 100%; } span.mvp-page-head { color: #000; float: left; font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; line-height: 1; text-align: center; text-transform: uppercase; width: 100%; } #mvp-cat-feat-wrap { margin-bottom: 20px; width: 100%; } .mvp-search-text { width: 100%; } .mvp-search-text p { color: #444; font-size: 1rem; font-weight: 400; line-height: 1.4; width: 100%; } .archive .mvp-widget-feat2-left-alt { margin: 0 0 0 2.43902439%; /* 20 / 820 */ width: 63.41463415%; /* 520 / 820 */ } .archive .mvp-widget-feat2-right { width: 34.14634146%; /* 280 / 820 */ } #mvp-404 { margin: 150px 0 200px; text-align: center; width: 100%; } #mvp-404 h1 { color: #000; font-size: 5rem; font-weight: 700; letter-spacing: -.02em; line-height: 1; margin-bottom: 20px; } #mvp-404 p { color: #999; font-size: 1rem; line-height: 130%; } #mvp-author-page-top { margin-bottom: 30px; padding: 40px 5%; width: 90%; } .mvp-author-top-out { margin-left: -250px; width: 100%; } .mvp-author-top-in { margin-left: 250px; } #mvp-author-top-left { margin-right: 50px; width: 200px; } #mvp-author-top-left img { border: 8px solid #ddd; -webkit-border-radius: 50%; border-radius: 50%; line-height: 0; margin-top: -8px; } #mvp-author-top-right { width: 100%; } h1.mvp-author-top-head { color: #000; font-size: 3.3rem; font-weight: 900; letter-spacing: -.02em; line-height: 1; margin-bottom: 15px; width: 100%; } span.mvp-author-page-desc { color: #555; font-size: 1.2rem; font-weight: 400; line-height: 150%; width: 100%; } ul.mvp-author-page-list { margin-top: 20px; width: 100%; } ul.mvp-author-page-list li { background: #888; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; display: inline-block; font-size: 20px; line-height: 1; margin-left: 8px; padding-top: 10px; text-align: center; width: 40px; height: 30px; } ul.mvp-author-page-list a:first-child li { margin-left: 0; } ul.mvp-author-page-list .fa-facebook:hover { background: #3b5997; } ul.mvp-author-page-list .fa-twitter:hover { background: #00aced; } ul.mvp-author-page-list .fa-pinterest-p:hover { background: #cb2027; } ul.mvp-author-page-list .fa-instagram:hover { background: url(images/insta-bg.gif) no-repeat; } ul.mvp-author-page-list .fa-google-plus:hover { background: #cd3627; } ul.mvp-author-page-list .fa-linkedin:hover { background: #069; } .author h4.mvp-widget-home-title { margin-bottom: 30px; } .mvp-authors-wrap { margin-top: 30px; width: 100%; } .mvp-authors-list-wrap { margin-left: 3.94736842105%; /* 30 / 760 */ text-align: center; width: 30.701754386%; /* 233.3333 / 760 */ height: 300px; } .mvp-authors-list-wrap:first-child, .mvp-authors-list-wrap:nth-child(3n+4) { margin-left: 0; } .mvp-authors-list-img { line-height: 0; margin-bottom: 20px; width: 100%; } .mvp-authors-list-img img { border: 5px solid #ddd; -webkit-border-radius: 50%; border-radius: 50%; width: 120px; } .mvp-authors-name { display: inline-block; font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; line-height: 1; margin-bottom: 15px; padding-bottom: 15px; } .mvp-authors-name a { color: #000 !important; } h2.mvp-authors-latest { display: inline-block; } h2.mvp-authors-latest a { color: #000; font-size: 1.2rem; font-weight: 400; letter-spacing: -.02em; line-height: 1.1; } .mvp-authors-name a:hover, h2.mvp-authors-latest a:hover { opacity: .6; } #bbpress-forums ol, #bbpress-forums ul { list-style: none; margin: 0; } #bbpress-forums ul li, #bbpress-forums ol li { margin-left: 0; padding: 0; } div.bbp-breadcrumb, div.bbp-topic-tags, div.bbp-breadcrumb a, div.bbp-breadcrumb span { font-size: .75rem; } #subscription-toggle { float: left; margin: 5px 0 15px; width: 100%; } .rwp-review-wrap { border-bottom: 1px solid #ddd; padding-bottom: 30px; } .rwp-summary, .rwp-u-review__comment { font-size: 1rem; font-weight: 400; line-height: 1.55; } /************************************************ 13. WooCommerce ************************************************/ #woo-content { float: left; position: relative; width: 100%; } #mvp-woo-side-wrap { margin-right: 30px; width: 210px; } .mvp-woo-side-out { margin-left: -240px; width: 100%; } .mvp-woo-side-in { margin-left: 240px; } #woo-content h1.page-title { color: #222; font-size: 2.9rem; font-weight: 700; line-height: 100%; margin-bottom: 30px; text-align: center; width: 100%; } #woo-content p { color: #222; display: block; font-size: .95rem; font-weight: 400; line-height: 155%; margin-bottom: 20px; } #woo-content .summary p { color: #555; } #woo-content .summary p.price { color: #222; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 15px; } .woocommerce div.product form.cart { margin-top: 15px; } .woocommerce .woocommerce-breadcrumb { border-bottom: 1px solid #ddd; font-size: .8rem; line-height: 100%; margin-bottom: 20px; padding-bottom: 20px; } .woocommerce div.product .product_title { font-size: 1.7rem; font-weight: 700; line-height: 130%; margin-bottom: 15px; } .woocommerce div.product p.price { margin-bottom: 15px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del { display: inline-block; margin-right: 10px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: #222; text-decoration: none; } .woocommerce div.product p.price, .woocommerce div.product p.price ins, .woocommerce div.product p.price del { font-size: 1.2rem; } .woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price { font-size: .9rem; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price { font-weight: 700; } .woocommerce div.product { overflow: hidden; } .woocommerce .quantity .qty { height: 23px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff !important; opacity: .8; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .widget_price_filter .price_slider_amount .button { font-size: .7rem; font-weight: 700; line-height: 100%; padding: 9px 25px; text-transform: uppercase; } .woocommerce div.product form.cart div.quantity { margin-right: 10px; } .woocommerce .product_meta { font-size: .8rem; } .woocommerce span.onsale { border-radius: 0; font-weight: 700; line-height: 100%; padding: 30px 35px 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: -10px; left: -35px; min-width: 0; min-height: 0; } .woocommerce ul.products li.product .onsale { top: -5px; left: -35px; right: auto; } .woocommerce ul.products li.product h3 { font-size: 1.1rem; font-weight: 400; line-height: 120%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { overflow: hidden; } .woocommerce ul.products li.product .add_to_cart_button { display: none; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { float: left; margin: 10px 5% 20px; width: 90%; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { margin-left: 10px; width: 60px; } .woocommerce ul.product_list_widget span.product-title, .woocommerce ul.product_list_widget li a { color: #000; font-size: .9rem; font-weight: 400; margin-bottom: 5px; } .woocommerce ul.product_list_widget li a.remove { font-size: 1.5rem; } .woocommerce ul.product_list_widget span.quantity, .woocommerce ul.product_list_widget span.amount { font-size: .8rem; text-decoration: none !important; } .woocommerce ul.product_list_widget del { margin-right: 5px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px solid #ddd; font-size: .9em; line-height: 100%; margin-top: 10px; padding: 10px 0; text-align: center; } .woocommerce .sidebar-widget a { color: #222; } .woocommerce .sidebar-widget p.buttons a, .woocommerce .sidebar-widget p.buttons a:hover { color: #222; } .widget_shopping_cart_content { float: left; font-size: .9rem; } .woocommerce .sidebar-widget select, .mvp-side-widget select { width: 100%; } .woocommerce #woo-content select, .woocommerce #mvp-side-wrap select, .woocommerce #woo-content div.product form.cart .variations select, .woocommerce-page #woo-content div.product form.cart .variations select, .woocommerce #woo-content div.product form.cart .variations select, .woocommerce-page #woo-content div.product form.cart .variations select, .woocommerce #woo-content .woocommerce-ordering select, .woocommerce-page #woo-content .woocommerce-ordering select, .woocommerce #woo-content form .form-row select, .woocommerce-page #woo-content form .form-row select, .widget_product_categories select#dropdown_product_cat,.mvp-side-widget select { padding: 5px; background: #fff; border: 1px solid #ddd; color: #888; font-size: 12px; text-transform: uppercase; } .woocommerce #mvp-side-wrap select, .mvp-side-widget select { padding: 5px 2%; width: 95.6%; } .woocommerce .related h2, .woocommerce div.product .woocommerce-tabs .panel h2 { color: #000; font-size: 1.1rem; font-weight: 700; line-height: 100%; margin-bottom: 15px; position: relative; } .woocommerce .related h2 { margin-bottom: 30px; } .woocommerce-review-link { font-size: .75rem; font-weight: 400; } .woocommerce .star-rating { margin-bottom: 5px; } .woocommerce .widget_top_rated_products ul.product_list_widget li { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 15px 0 0 0; } .woocommerce .widget_top_rated_products ul.product_list_widget li:first-child { border-top: none; margin: 0; padding: 0; } #woo-content p.woocommerce-result-count { font-size: .8rem; font-weight: 400; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-width: 0; box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: .8rem; font-weight: 400; } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs { border-bottom: 1px solid #ddd; margin-bottom: 30px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { background: none; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: .8rem; font-weight: 400; } .woocommerce div.product .woocommerce-tabs .panel { margin-bottom: 30px; } .widget_top_rated_products .star-rating { display: none; } .widget_product_categories ul.product-categories li { font-size: .9rem; margin-bottom: 5px; } .widget_product_categories ul.product-categories li a { color: #000; } #mvp-woo-side-wrap a { opacity: 1; } #mvp-woo-side-wrap a:hover { opacity: .6; } li.product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title { opacity: .6; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #ddd; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #555; } .woocommerce-page .mvp-post-soc-out, .woocommerce-page .mvp-post-soc-in { margin-left: 0; } .woocommerce-page .mvp-post-soc-wrap { display: none; } .woocommerce nav.woocommerce-pagination ul li a, a.woocommerce-review-link { color: #000; } .pswp { z-index: 9999; } /************************************************ 14. Footer ************************************************/ #mvp-foot-top, #mvp-foot-bot, #mvp-foot-logo, #mvp-foot-soc, #mvp-foot-menu, #mvp-foot-copy { width: 100%; } #mvp-foot-wrap { background: #111; width: 100%; } #mvp-foot-top { padding: 40px 0; } #mvp-foot-logo { line-height: 0; margin-bottom: 30px; text-align: center; } #mvp-foot-soc { margin-bottom: 30px; } ul.mvp-foot-soc-list { text-align: center; width: 100%; } ul.mvp-foot-soc-list li { display: inline-block; } ul.mvp-foot-soc-list li a { -webkit-border-radius: 50%; border-radius: 50%; background: #333; color: #fff !important; display: inline-block; font-size: 20px; line-height: 1; margin-left: 8px; padding-top: 10px; text-align: center; width: 40px; height: 30px; } ul.mvp-foot-soc-list li:first-child a { margin-left: 0; } ul.mvp-foot-soc-list .fa-facebook:hover { background: #3b5997; } ul.mvp-foot-soc-list .fa-twitter:hover { background: #00aced; } ul.mvp-foot-soc-list .fa-pinterest-p:hover { background: #cb2027; } ul.mvp-foot-soc-list .fa-instagram:hover { background: url(images/insta-bg.gif) no-repeat; } ul.mvp-foot-soc-list .fa-google-plus:hover { background: #cd3627; } ul.mvp-foot-soc-list .fa-youtube-play:hover { background: #f00; } ul.mvp-foot-soc-list .fa-linkedin:hover { background: #069; } ul.mvp-foot-soc-list .fa-tumblr:hover { background: #304e6c; } #mvp-foot-menu-wrap { width: 100%; } #mvp-foot-menu ul { text-align: center; width: 100%; } #mvp-foot-menu ul li { display: inline-block; margin: 0 0 10px 20px; } #mvp-foot-menu ul li a { color: #888; font-size: .9rem; font-weight: 400; line-height: 1; text-transform: uppercase; } #mvp-foot-menu ul li a:hover { color: #fff !important; } #mvp-foot-menu ul li:first-child { margin-left: 0; } #mvp-foot-menu ul li ul { display: none; } #mvp-foot-bot { background: #000; padding: 20px 0; } #mvp-foot-copy { text-align: center; width: 100%; } #mvp-foot-copy p { color: #777; font-size: .9rem; font-weight: 400; line-height: 1.4; } #mvp-foot-copy a:hover { color: #fff; } /************************************************ 15. Pagination ************************************************/ .mvp-nav-links { float: left; margin-top: 20px; position: relative; width: 100%; } .pagination { clear: both; display: inline-block; position: relative; font-size: .8rem; font-weight: 700; line-height: 100%; padding: 0; text-transform: uppercase; } .pagination span, .pagination a { background: #fff; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #aaa; display: block; float: left; font-size: .8rem; font-weight: 400; margin: 2px 5px 2px 0; padding: 9px 12px 8px; text-decoration: none; width: auto; } .pagination .current, .pagination a:hover { background: #aaa; color: #fff; } .pagination a, .pagination a:visited { color: #aaa; } .mvp-inf-more-wrap { margin-top: 30px; text-align: center; width: 100%; } a.mvp-inf-more-but { background: #fff; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #000 !important; display: inline-block; font-size: .8rem; font-weight: 600; letter-spacing: .02em; line-height: 1; padding: 15px 0; text-align: center; text-transform: uppercase; width: 70%; } a.mvp-inf-more-but:hover { background: #000; color: #fff !important; } #infscr-loading, #infscr-loading img { display: none !important; } #infscr-loading em { float: left; width: 100%; } .paginate-links { display: none; } /*Estilos de las estaciones*/ /*.menu-top-estaciones img{ border-radius: 50%; box-shadow: 7px 7px 9px rgb(0 0 0 / 35%);}*/ /*.menu-top-estaciones img:hover{-webkit-transform:scale(1.1); transform:scale(1.1);}*/ /*Estilos de las fotos de noticias tamaƱo XL*/ /*img.attachment-.size-.wp-post-image { border-radius: 25px; box-shadow: 7px 7px 9px rgb(0 0 0 / 35%);}*/