/* Theme Name: Zox News Child Theme URI: https://themeforest.net/user/mvpthemes/ Description: Zox News Child Wordpress Theme Author: MVP Themes Author URI: https://themeforest.net/user/mvpthemes/portfolio Template: zox-news-tdim Version: 1.0.12 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-child */ /* 1 */ @font-face { font-family: 'tex_gyre_adventorbold'; font-style: normal; font-weight: normal; src: url('https://thisdayinmusic.com/wp-content/themes/zox-news-child-tdim/fonts/texgyreadventor-bold-webfont.woff2') format('woff2'); font-display: swap; } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; } body { font-family: Arial, Helvetica, sans-serif } /* Fallback Font */ @-moz-document url-prefix() { body { font-weight: lighter !important; } } /* 2 */ @media (min-width: 481px) { #hide-mobile-newmenu-tabs, #below-479-pixels, .mobile-footer { display: none !important; } } @media (max-width: 480px) { .ud-hide-smartphone, #above-480-pixels, .desktop-footer { display: none; } .mid-content-store-ad, .mid-content-store-ad-home-page { width: 100%; margin-top: 0px !important; padding-top: 20px !important; margin-bottom: 0px; overflow: hidden; } } @media (min-width: 481px) and (max-width: 990px) { .ud-hide-tablet{ display: none; } .mid-content-store-ad, .mid-content-store-ad-home-page { width: 100%; padding-top: 20px; margin-bottom: 0px; overflow: hidden; } } @media (min-width: 991px) { .ud-hide-desktop{ display: none; margin-top: 20px; } span.mvp-post-cat, span.mvp-feat1-list-but { transform: none; padding: 4px 8px 5px 8px !important} .mid-content-store-ad-home-page { width: 100%; margin-top: 0px !important; padding-top: 20px !important; margin-bottom: 0px; overflow: hidden; } } @media (min-width: 1004px) { .udiscover-mobile-search { display: none } } @media (max-width: 1004px) { .mvp-nav-top-right { display: none } .udiscover-mobile-search #udiscover-search { max-height: 22px !important; } .udiscover-mobile-search { margin-top: -8px; margin-right: -2px; } } /* 3 */ 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; } 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%; } a, a:visited { opacity: 1; color: #000; 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; cursor: pointer !important } a:active, a:focus { outline: none; } #mvp-content-main a, a:visited { border-bottom: 2px dotted #2AB3E2; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } .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; } .centre-them-divs { text-align: center; } #mvp-content-main h2, .mvp-post-add-main h2 { font-size: 2rem ; margin: 0 0 3px 0 ; line-height: 1.3; } #mvp-content-main h3, .mvp-post-add-main h3 { font-size: 1.3rem ; margin: 0 0 4px 0 ; } #mvp-content-main h4, .mvp-post-add-main h4 { font-size: 1.2rem ; margin: 0 0 4px 0 ; font-weight: 500; letter-spacing: -.02em; line-height: 1.4; } #mvp-content-main blockquote p, .mvp-post-add-main blockquote p { margin: 30px 9%; width: 82% } #mvp-content-main blockquote p, #mvp-content-main h1, #mvp-content-main h2, #mvp-content-main h3, #mvp-content-main h4, #mvp-content-main h5, #mvp-content-main h6 { font-family: tex_gyre_adventorbold, sans-serif!important; } /* 4 */ #mvp-site, #mvp-site-wall { overflow: hidden; width: 100%; } #mvp-site-main { width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-top: 0; z-index: 9999; transition: margin-top .7s !important; } #mvp-main-head-wrap { width: 100%; } #mvp-main-nav-wrap, #mvp-main-nav-top-wrap { width: 100%; } #mvp-main-nav-top { background: #fff; padding: 15px 0; width: 100%; height: auto; z-index: 99999; } #mvp-fly-wrap, .mvp-soc-mob-right, #mvp-main-nav-small-cont { background: #494949; } .mvp-main-box { margin: 0 auto; width: 1200px; height: 100%; } #mvp-article-wrap { margin: 0 auto; width: 1000px; } #mvp-nav-top-wrap, .mvp-nav-top-cont { width: 100%; } #mvp-nav-top-wrap span.mvp-nav-search-but { color: #000 !important; } #mvp-nav-top-wrap span.mvp-nav-search-but:hover { color: #2AB3E2; } #mvp-nav-top-wrap .mvp-fly-but-wrap:hover span { background: #2AB3E2; } .mvp-nav-top-right-out { margin-right: -200px; width: 100%; } .mvp-nav-top-right-in { margin-right: 200px; } .single .mvp-fixed .mvp-nav-top-right-out, .single .mvp-fixed .mvp-nav-top-right-in { margin-right: 0; } .mvp-nav-top-left-out { float: right; margin-left: -200px; width: 100%; } .mvp-nav-top-left, .mvp-nav-top-right { position: absolute; top: 0; bottom: 0; width: 200px; height: 100%; } .mvp-nav-top-left { left: 0; width: 240px } .mvp-nav-top-left .mvp-fly-but-wrap { display: none; margin-top: -10px; opacity: 1; position: absolute; top: 50%; left: 0; height: 20px; } .mvp-nav-top-left .mvp-fly-but-wrap span, #mvp-fly-wrap .mvp-fly-but-wrap span { background: #000 !important; } .mvp-nav-top-left-in { margin-left: 200px; } .mvp-nav-top-mid { line-height: 0; overflow: hidden; text-align: center; width: 100%; } #ascrail2000-hr { display: none !important } /* 5 */ .mvp-nav-top-right { right: 0; } .mvp-nav-top-right .mvp-nav-search-but { display: none; padding: 4px 0 7px !important; } .mvp-nav-top-right .mvp-nav-search-but, span.mvp-fly-soc-head, .mvp-soc-mob-right i { color: #000;} .single .mvp-fixed .mvp-nav-top-right { display: none; } .mvp-woo-cart-wrap { margin-top: -11px; position: absolute; top: 50%; right: 0; width: 100%; height: 22px; } .join-us-and-win { border-radius: 3px; font-family: 'tex_gyre_adventorbold', sans-serif !important; color: #fff; float: right; font-size: 1rem; font-weight: 500; letter-spacing: -.02em; line-height: 1.2; background: linear-gradient(#777, #333) !important; padding: 2px 6px 5px 6px; margin-top: -2px; } .join-us-and-win:hover { background: #2AB3E2 !important; cursor:pointer } .store-top-button { margin-right: 10px } .join-us-fly-out-menu .join-us-and-win { border-radius: 5px; } #udiscover-caret-right { width: 20px; height: 18px; margin-top: -5px; margin-left: -8px; margin-bottom: -1px; background: url(https://media.udiscovermusic.com/img/udiscover-social-icons-site-fonts.png) 252px 0px } /* 6 */ /* .mvp-fly-but-wrap { display: none } */ .mvp-fly-but-wrap, .mvp-search-but-wrap { cursor: pointer; width: 30px; } .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-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-wrap .mvp-fly-but-wrap span { background: #000 !important; } #mvp-main-nav-small .mvp-fly-but-wrap span, #mvp-main-nav-small .mvp-search-but-wrap span { background: #333333; } #mvp-nav-bot-wrap .mvp-fly-but-wrap span, #mvp-nav-bot-wrap .mvp-search-but-wrap span { background: #000000; } .mvp-nav-soc-wrap { margin-top: -20px; position: absolute; top: 50%; left: 0; width: 100%; height: 40px; } .mvp-nav-soc-wrap .fa-facebook:hover { background: #3b5997; } .mvp-nav-soc-wrap .fa-twitter:hover { background: #00aced; } .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; } .mvp-nav-soc-wrap a:first-child span.mvp-nav-soc-but { margin-left: 0; } .main-ud-social-wrap ul.mvp-fly-soc-list { margin-left: -29px !important } .main-ud-social-wrap ul.mvp-fly-soc-list li a { margin-left: 1px } ul.mvp-fly-soc-list li a:hover{font-size:16px;padding-top:9px;height:23px;} .ud-facebook:hover { background: #3b5999 } .ud-twitter:hover { background: #55acee } .ud-instagram:hover { background: #e4405f } .ud-tiktok:hover { background: #fe2c55 } .ud-youtube:hover { background: #cd201f } .ud-spotify:hover { background: #1DBA53 } /* 7 */ #mvp-nav-top-wrap span.mvp-nav-search-but:hover, #mvp-nav-bot-wrap span.mvp-nav-search-but:hover, #mvp-nav-top-wrap .mvp-fly-but-wrap:hover span, #mvp-nav-bot-wrap .mvp-fly-but-wrap:hover span { color: #2AB3E2 !important; } .mvp-fly-but-wrap{cursor:pointer;width:30px; height:20px;} #mvp-fly-wrap .mvp-fly-but-wrap{margin:15px 0 0 15px;} #mvp-fly-wrap .mvp-fly-but-wrap span{background:#000!important;} .mvp-fly-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(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-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-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){-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){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); width:30px;} #mvp-fly-soc-wrap span.mvp-fly-soc-head { font-family: 'Roboto', sans-serif !important; font-weight: 500; font-size: 12px !important; color: #FFF; margin-bottom: 10px; } .mvp-fly-but-wrap.mvp-fly-open span:nth-child(2), .mvp-fly-but-wrap.mvp-fly-open span:nth-child(3) { width: 20px; } ul.mvp-fly-soc-list{text-align:center;width:100%;margin-bottom: 20px !important} ul.mvp-fly-soc-list li{display:inline-block;} ul.mvp-fly-soc-list li:first-child a{margin-left:0;} ul.mvp-fly-soc-list li a {background:#333333;-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:5px;padding-top:9px;text-align:center;width:32px;height:23px;} #udiscover-fly-facebook { width: 28px; height: 22px; margin-top: -4px; background: url(https://www.thisdayinmusic.com/wp-content/uploads/2024/11/udiscover-social-icons-udiscover-site.png) -28px 0px } #udiscover-fly-twitter { width: 28px; height: 22px; margin-top: -4px; background: url(https://www.thisdayinmusic.com/wp-content/uploads/2024/11/udiscover-social-icons-udiscover-site.png) 112px 0px } #udiscover-fly-instagram { width: 28px; height: 22px; margin-top: -4px; background: url(https://www.thisdayinmusic.com/wp-content/uploads/2024/11/udiscover-social-icons-udiscover-site.png) 504px 0px } #udiscover-fly-tiktok { width: 28px; height: 22px; margin-top: -4px; background: url(https://www.thisdayinmusic.com/wp-content/uploads/2024/11/udiscover-social-icons-udiscover-site.png) 0px 0px } #udiscover-fly-youtube { width: 28px; height: 22px; margin-top: -4px; background: url(https://www.thisdayinmusic.com/wp-content/uploads/2024/11/udiscover-social-icons-udiscover-site.png) 448px 0px } #udiscover-fly-spotify { width: 28px; height: 22px; margin-top: -4px; background: url(https://www.thisdayinmusic.com/wp-content/uploads/2024/11/udiscover-social-icons-udiscover-site.png) 168px 0px } /* 8 */ .single .mvp-fixed .mvp-nav-top-right, .single .mvp-nav-small .mvp-nav-top-left { display: none; } .single .mvp-fixed .mvp-nav-top-right-out, .single .mvp-fixed .mvp-nav-top-right-in, .single .mvp-nav-small .mvp-nav-top-left-out, .single .mvp-nav-small .mvp-nav-top-left-in { margin-right: 0; } .single .mvp-nav-small .mvp-nav-top-left-in, .single .mvp-nav-small .mvp-nav-top-left-out { margin-left: -15px; } .udiscover-music-logo { width: 527px; height: 66px; } .mvp-nav-logo-small, .mvp-nav-small .mvp-nav-logo-reg { display: none; } .mvp-nav-logo-small img { width: 230px !important; height: 28px !important; } .mvp-logo-title { display: none; } .mvp-nav-small { position: fixed !important; top: -70px !important; padding: 10px 0 13px 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-main-nav-small .mvp-drop-nav-title { margin: 0; overflow: hidden; max-width: 680px; height: 0; -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; -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-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-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-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-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-nav-small .mvp-nav-soc-wrap { margin-top: -15px; height: 30px; } .mvp-nav-small .mvp-nav-top-wrap, .mvp-nav-small .mvp-nav-top-mid { height: 34px !important; } .mvp-nav-small .mvp-nav-logo-small { display: inline; } .mvp-nav-small .mvp-nav-top-mid img { height: 34px !important; } .mvp-fixed-post { text-align: left; } .mvp-fixed-post img { float: left; margin-top: 0px; margin-left: 0px !important; } .mvp-drop-nav-title { display: none; margin-left: 20px; max-width: 728px; overflow: hidden; height: 30px; } .mvp-drop-nav-title h4 { float: left; font-family: 'tex_gyre_adventorbold', sans-serif; font-size: 21px; color: #08190f; font-weight: 500; letter-spacing: -.02em; line-height: 26px; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 725px } /* 9 */ #mvp-search-box { margin: -30px 0 0 -25%; position: absolute; top: 50%; left: 50%; width: 50%; } #mvp-search-wrap { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0,0,0,.80); 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; -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; } #mvp-search-wrap .mvp-search-but-wrap span { background: #fff; top: 27px; } .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; } #searchform input {font-family: 'Roboto', sans-serif !important; font-weight: 300 !important; border-bottom: 1px solid #2AB3E2 !important; background: none; border: 0; color: #fff; float: left; font-size: 50px; line-height: 1; padding: 5px 0; text-transform: uppercase; width: 100%; height: 50px; } #searchform #searchsubmit { border: none; float: left; } #searchform #s:focus { outline: none; } #udiscover-search { width: 28px; height: 22px; margin-top: 15px; margin-left: 10px; background: url(https://media.udiscovermusic.com/img/udiscover-social-icons-site-fonts.png) 224px 0px } #udiscover-search:hover { cursor: pointer; filter: opacity(75%); } /* 10 */ #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; background: #ffffff; } #mvp-nav-bot-wrap, .mvp-nav-bot-cont { width: 100%; } #mvp-nav-top-wrap span.mvp-nav-search-but:hover, #mvp-nav-bot-wrap span.mvp-nav-search-but:hover, #mvp-nav-top-wrap .mvp-fly-but-wrap:hover span, #mvp-nav-bot-wrap .mvp-fly-but-wrap:hover span { color: #2AB3E2 !important; } #mvp-nav-bot-wrap .mvp-fly-but-wrap span, #mvp-nav-bot-wrap .mvp-search-but-wrap span { background: #000000; } #mvp-nav-bot-wrap span.mvp-nav-search-but, #mvp-nav-bot-wrap .mvp-nav-menu ul li a { color: #000000; } #mvp-nav-bot-wrap .mvp-nav-menu ul li a:hover { color: #2AB3E2 } #mvp-nav-bot-wrap .mvp-nav-menu ul li.menu-item-has-children a:after { border-color: #000000 transparent transparent transparent; } #mvp-nav-bot-wrap .mvp-fly-but-wrap:hover span { background: #2AB3E2; } .mvp-widget-feat2-right-text h2, .mvp-feat1-list-text h2 { color: #333 } .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, .mvp-nav-bot-right { width: 50px; height: 50px; } .mvp-nav-bot-left { margin: 12px 0; height: 20px; } .mvp-nav-bot-left-in { margin-left: 50px; } /* 11 */ #menu-top-menu { margin-top: -5px; } .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; margin-left: -4px; } .mvp-nav-menu ul li a { font-family: 'Oswald', sans-serif !important; font-size: 18px; float: left; font-weight: 500; line-height: 1; padding: 18px 12px; position: relative; text-transform: uppercase; white-space: nowrap } .mvp-nav-menu ul li:hover a { padding: 18px 12px 13px; border-bottom: 6.5px solid #FFF; margin-bottom: 5px; line-height: 5px; } .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 { padding: 18px 17px 18px 12px; } .mvp-nav-menu ul li.menu-item-has-children:hover a { padding: 20.5px 17px 6.5px 12px !important } .mvp-nav-menu ul li.menu-item-has-children a:after { border-style: solid; border-width: 3px 3px 0 3px; content: none; position: absolute; top: 23px; right: 6px; } .sub-menu li a { margin-top: -10px; } .mvp-nav-menu ul li.menu-item-has-children:hover a { padding: 18px 17px 8px 12px; } .mvp-nav-menu ul li ul.sub-menu { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #000; border-radius: 4px; padding-top: 4px; padding-bottom: 10px; -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: 51px; left: 0; max-width: 178px !important; 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 ul.sub-menu li { display: block; float: left; position: relative; width: 100%; margin-left: 0px; } .mvp-nav-menu ul li ul.sub-menu li a { font-family: 'Oswald', sans-serif; background: transparent !important; color: #fff !important; margin-bottom: 0px !important; border-top: 0px solid rgba(0,0,0,0); padding: 7px 12px 5px 12px !important; border-bottom: none; float: left; font-size: 15px !important; font-weight: 500; line-height: 1.1; 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; color: #2AB3E2 !important; } .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 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: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 a, #mvp-foot-menu ul li a { font-family: 'Oswald', sans-serif; } .mvp-nav-top-right .mvp-nav-search-but, span.mvp-fly-soc-head, .mvp-soc-mob-right i { color: #333333; } #mvp-nav-bot-wrap span.mvp-nav-search-but, #mvp-nav-bot-wrap .mvp-nav-menu ul li a { color: #333333; } #mvp-nav-bot-wrap .mvp-nav-menu ul li.menu-item-has-children a:after { border-color: #333333 transparent transparent transparent; } #mvp-nav-bot-wrap .mvp-nav-menu ul li a:hover { color: #0b90bd } #mvp-nav-bot-wrap span.mvp-nav-search-but, #mvp-nav-bot-wrap .mvp-nav-menu ul li a { color: #000000; } #mvp-nav-bot-wrap .mvp-nav-menu ul li.menu-item-has-children a:after { border-color: #000000 transparent transparent transparent; } #mvp-nav-bot-wrap span.mvp-nav-search-but, #mvp-nav-bot-wrap .mvp-nav-menu ul li a, .mvp-widget-feat2-right-text h2, .mvp-feat1-list-text h2 { color: #333 } .ud-menu-arrow-top { font-size: 15px; color: #2AB3E2; line-height: 16px; display: inline; position: relative; top: -1px; margin-left: -13px; right: -12px; } /* 12 */ .larger-tdim-menu-font { font-size: 16px !important; } .larger-tdim-menu-font:hover { margin-bottom: 0px; border-bottom: 1.5px solid #FFF; } .tdim-menu-font { font-size: 16px !important; } .mobile-news-hide-on-load { display: none; } .mobile-tab-newmenu { margin-top: 3px; } #mvp_tabber_widget-2 { margin-bottom: 15px !important; } .mvp-widget-tab-wrap, .mvp-feat1-list-wrap, ul.mvp-feat1-list-buts { width: 100%; } .mobile-news-tab-newmenu { margin-top: 13px; } .mobile-news-tab-newmenu .rpwe-block { margin-bottom: 25px !important; } .mobile-tab-newmenu .mvp-feat1-list-head-wrap { width: 110% !important; margin-left: -20px !important; margin-bottom: 0px; } .mobile-tab-newmenu .mvp-feat1-list-buts { border-top: 1px solid #dedede !important; border-bottom: 1px solid #dedede !important; } ul.mvp-feat1-list-buts { text-align: center; } ul.mvp-feat1-list-buts li { display: inline-block; } .rpwe-block ul { list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .rpwe-block li { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-clearfix { zoom: 1; } .mobile-news-tab-newmenu .rpwe-block h3 { font-size: 1rem !important; } .mobile-news-tab-newmenu .rpwe-title, .mobile-news-tab-newmenu .rpwe-block a, .mobile-news-tab-newmenu .rpwe-block a:visited, .mobile-news-tab-newmenu .rpwe-block a:active { font-family: 'tex_gyre_adventorbold', sans-serif !important; line-height: 1.1; color: #333333; } .rpwe-block h3 { background: none !important; clear: none; margin-bottom: 0 !important; margin-top: 0 !important; font-weight: 400; } .rpwe-title { letter-spacing: -.02em; } .mobile-news-tab-newmenu .rpwe-block a:hover { color: #2AB3E2; } ul.mvp-feat1-list-buts li.active span.mvp-feat1-list-but, span.mvp-widget-home-title, span.mvp-post-cat, span.mvp-feat1-pop-head { background: #232323; } ul.mvp-feat1-list-buts li.active span.mvp-feat1-list-but { color: #fff; } .mobile-tab-newmenu span.mvp-feat1-list-but { padding: 5px 7px 7px 7px !important; } .mobile-tab-newmenu .mvp-feat1-list-but { font-family: 'tex_gyre_adventorbold', sans-serif !important; color: #333333; font-size: .8rem; font-weight: 600; letter-spacing: .02em; line-height: 100%; } span.mvp-feat1-list-but { cursor: pointer; display: inline-block; text-transform: uppercase; } /* 13 */ #mvp-fly-wrap{background:#fff; -webkit-transition:-webkit-transform .25s ease;-moz-transition:-moz-transform .25s ease;-ms-transition:-ms-transform .25s ease;-o-transition:-o-transform .25s ease;transition:transform .25s ease; 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:330px;height:100%;z-index:999999; } #mvp-fly-wrap, .mvp-soc-mob-right, #mvp-main-nav-small-cont { background: #fff; } .mvp-nav-top-left .mvp-fly-but-wrap span, #mvp-fly-wrap .mvp-fly-but-wrap span { background: #000 !important; } #mvp-nav-top-wrap span.mvp-nav-search-but:hover, #mvp-nav-bot-wrap span.mvp-nav-search-but:hover, #mvp-main-nav-small span.mvp-nav-search-but:hover, #mvp-nav-top-wrap .mvp-fly-but-wrap:hover span, #mvp-nav-bot-wrap .mvp-fly-but-wrap:hover span { color: #2AB3E2 !important; } #mvp-fly-menu-wrap, .mega-sub-menu { background: #000; } nav.mvp-fly-nav-menu { max-height: 76%; margin: 0 !important ; width: 100% !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 20px 5.40540540541% 0; overflow: hidden; position: absolute !important; width: 89.1891891892%; max-height: 65%; } .mvp-fly-but-wrap{cursor:pointer;width:30px; height:20px;} #mvp-fly-wrap .mvp-fly-but-wrap{margin:15px 0 0 15px;} #mvp-fly-wrap .mvp-fly-but-wrap span{background:#000!important;} .mvp-fly-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(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-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-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){-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){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:30px;} #mvp-fly-menu-top{width:100%;height:50px;background:#fff;} #mvp-fly-logo { width: 250px !important; height: 30px !important; margin: 10px -17.75% !important; text-align:center } #mvp-fly-logo img{line-height:0;height:34px;width:230px;margin-left:-3px;margin-top: -2px !important;} .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-menu-wrap{overflow:hidden;position:absolute;top:50px;left:0;width:100%;height:100%;} #mvp-fly-soc-wrap{margin:0 5.40540540541%;position:absolute;bottom:20px;left:0;text-align:center;width:89.1891891892%;background-color:#000!important;} span.mvp-fly-soc-head{font-family:Roboto,sans-serif!important;display:inline-block;font-size:.7rem;font-weight:500;line-height:1;margin-bottom:15px;text-transform:uppercase;} #mvp-fly-soc-wrap span.mvp-fly-soc-head{font-family:Roboto,sans-serif!important;font-weight:500;font-size:12px!important;color:#fff;margin-bottom:10px;} ul.mvp-fly-soc-list {text-align:center;width:100%;margin-bottom: 20px !important} ul.mvp-fly-soc-list li{display:inline-block;} ul.mvp-fly-soc-list li:first-child a{margin-left:0;} ul.mvp-fly-soc-list li a {background:#333333;-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:5px;padding-top:9px;text-align:center;width:32px;height:23px;} ul.mvp-fly-soc-list li a:hover{font-size:16px;padding-top:9px;height:23px;} #mvp-fly-wrap .mvp-fly-but-wrap { margin: 15px 0px 0px 75px; } #mvp-fly-soc-wrap span.mvp-fly-soc-head { font-family: 'Roboto', sans-serif !important; font-weight: 500; font-size: 12px !important; color: #FFF; margin-bottom: 10px; } .mvp-fly-but-wrap.mvp-fly-open span:nth-child(2), .mvp-fly-but-wrap.mvp-fly-open span:nth-child(3) { width: 20px; } span.mvp-nav-soc-but { background: #494949; margin-left: 5px } nav.mvp-fly-nav-menu ul { float: left; position: relative; width: 100%; } nav.mvp-fly-nav-menu ul li a { font-family: 'tex_gyre_adventorbold', sans-serif !important; font-size: 18px; color: #fff; font-weight: 500 !important; padding: 10px 0 10px 25px !important; text-transform: uppercase; display:inline-block; width: 100%; float:left;line-height:1; } #mvp-fly-menu-wrap,.mega-sub-menu{background:#000;} nav.mvp-fly-nav-menu ul li a:hover { color: #0b90bd; } nav.mvp-fly-nav-menu ul li .sub-menu a { font-size: 16px !important; padding: 15px 0px 10px 24px !important; } nav.mvp-fly-nav-menu ul li, nav.mvp-fly-nav-menu ul li ul.sub-menu { border-top: 1px solid rgba(0,0,0,.1); } nav.mvp-fly-nav-menu ul li ul.sub-menu { display: none; float: left; padding-left: 6.66666666666%; width: 93.333333333%; } nav.mvp-fly-nav-menu ul li:first-child { border-top: none; margin-top: 14px } nav.mvp-fly-nav-menu ul li:last-child { border-bottom: none !important; } nav.mvp-fly-nav-menu{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:0!important;overflow:hidden;position:absolute!important;width:100%!important;max-height:76%;} nav.mvp-fly-nav-menu ul{float:left;position:relative;width:100%;} nav.mvp-fly-nav-menu ul li {border-top:1px solid rgba(0,0,0,.1);border-bottom: 1px solid #333!important;cursor:pointer;float:left;position:relative;width:100%;-webkit-tap-highlight-color:transparent;} nav.mvp-fly-nav-menu ul li ul li:first-child{margin-top:0;} nav.mvp-fly-nav-menu ul li.menu-item-has-children:after { content: '+'; color: #fff !important; font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight: 500; position: absolute; top: 11px; right: 22px; } nav.mvp-fly-nav-menu ul li.menu-item-has-children.tog-minus:after { content: '_'; right: 25px; top: -3px;} .mvp-fly-shadow{box-shadow:0 0 16px 0 rgba(0,0,0,.7);} .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: .3; height: 100%; } .join-us-fly-out-menu .join-us-and-win { border-radius: 5px; } #ascrail2000-hr { display: none !important } /* 14 */ #mvp-main-body-wrap { background: #fff; padding-bottom: 60px; width: 100%; padding: 20px 0px 0px 0px } .main-header-ad { text-align: center; width: 100%; margin: 0 auto; margin-top: 20px; margin-bottom: 14px !important; } .under-featured-ad { display: inline-block; width: 100%; margin: 0 auto; margin-top: 25px; margin-bottom: 10px !important; } .under-birthday-no1-ad { display: inline-block; width: 100%; margin: 0 auto; margin-top: 0px; margin-bottom: 30px !important; } .under-birthday-no1-ad .google-advertisement-tag { margin: -5px 0 -11px 0 !important; } .sidebar-google-ads { display: inline-block; width: 100%; margin: 0 auto; margin-top: 0px; margin-bottom: 10px !important; } .google-advertisement-tag { font-family: 'Roboto',sans-serif; font-size: 9px; color: #757575; text-align: center; margin: -5px 0 -2px 0; padding-top: 1px; text-transform: uppercase; } #mvp-post-content-top .google-ad-center .google-advertisement-tag, #mvp-post-content-top .google-ad-center-below-posts .google-advertisement-tag { margin: -5px 0 -12px 0!important; } #mvp-article-cont { width: 100%; } #mvp-post-main { width: 100%; } #mvp-post-head { margin-bottom: 30px; width: 1000px; } h1.mvp-post-title { font-family: 'tex_gyre_adventorbold', sans-serif; font-weight: 500; font-size: 3.2rem; color: #08190f; letter-spacing: -.05em !important; line-height: 1; margin-right: 0%; width: 1000px; text-align: left; } span.mvp-post-excerpt { font-family: 'PT Serif', sans-serif; color: #555; font-size: 1.1rem; font-weight: 400; line-height: 1.2; margin-top: 12px; width: 100%; } .mvp-author-info-wrap { margin-top: 20px; width: 100%; } .mvp-author-info-text { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #757575; margin: 0; display: inline-block; float: left; line-height: 1; } .mvp-author-info-text p { display: inline-block; } .mvp-author-info-text a:hover { opacity: .6; } .mvp-post-date { font-weight: 500; } .mvp-author-info-name { clear: both; margin-top: 5px; } .author-name a { color: #666 !important; font-weight: 500 !important; } #mvp-post-content-top, #mvp-post-content-bottom { width: 1000px; font-family: 'PT Serif',sans-serif; } #mvp-post-feat-img { line-height: 0; margin-bottom: 30px; text-align: center; width: 100%; } .page #mvp-post-feat-img { margin-bottom: 5px; } .featured-image-caption { text-align: center; font-family: 'PT Serif', sans-serif !important; color: #757575; padding: 4px 0 20px; font-size: .8rem; font-weight: 400; line-height: 1.1; width: 100%; } .wp-caption-text { font-size: 12px !important; } .mvp-feat-caption { font-family: 'PT Serif', sans-serif !important; color: #757575; padding: 4px 0 20px; float: left; font-size: .8rem; font-weight: 400; line-height: 1.1; margin-top: -30px; text-align: center; width: 100%; } .lL { text-align: center; margin-top: -4px !important; } .lyte_disclaimer { font-family: 'tex_gyre_adventorbold', sans-serif !important; color: #757575; font-size: .8rem; } #mvp-content-main { width: 728px; margin: 0 auto; } .home #mvp-content-main { margin-top: 600px !important; } #mvp-content-main p { font-family: 'PT Serif', sans-serif !important; color: #000; display: block; font-size: 1.1rem; font-weight: 400; line-height: 1.55; margin-bottom: 20px; } .page-id-7050 #mvp-content-main p { margin-bottom: 0px !important; } #mvp-content-main p a { box-shadow: none; color: #000; font-weight: 500; text-decoration: none; border-bottom: 2px dotted #2AB3E2; } #mvp-content-main p a:hover { background: none; color: #2AB3E2; } h2 { font-family: 'tex_gyre_adventorbold', sans-serif; font-size: 1.5rem ; margin: 0 0 3px 0 ; line-height: 1.3; } #mvp-content-main iframe { display: block!important; margin: 0 auto!important; padding: 10px 0 10px 0; } .lyte-wrapper iframe {padding: 0 0 0 0 !important;} /* UD STORE ADS START */ .store-order-ads-top { width: 100%; display:flex; flex-wrap: wrap; margin-bottom: 20px; padding-top: 20px; } .store-order-ads-bottom { width: 100%; display:inline-flex; flex-wrap: wrap; margin-bottom: 0px; padding-bottom: 30px; /* margin-top: 20px !important; */ } .single .store-order-ads-top { padding-top: 30px !important; } .store-ad-1 { margin-left: 0px; padding: 10px 20px 10px 20px ; text-align: center; } .store-ad-2 { margin-left: -8px; padding: 10px 20px 10px 20px ; text-align: center; } .store-ad-3 { margin-left: -18px; padding: 10px 20px 10px 20px ; text-align: center; } .store-ad-text { font-family: 'tex_gyre_adventorbold',sans-serif !important; font-size: 14px; line-height: 1} .store-ad-container a { color: #000; } .store-ad-container a:hover { color: #d7212e; } .store-ad-container .store-ad-button:hover { background: #1DB954; } .store-order-ads-top .store-ad-button { margin: auto; max-width: 125px; margin-top: 10px; font-family: 'tex_gyre_adventorbold',sans-serif !important; font-size: 14px; background: #d7212e; color: #fff; padding: 5px 5px 7px 5px } .store-order-ads-bottom .store-ad-button { margin: auto; max-width: 125px; margin-top: 10px; font-family: 'tex_gyre_adventorbold',sans-serif !important; font-size: 14px; background: #d7212e; color: #fff; padding: 5px 5px 7px 5px } .google-ad-center-footer { padding-top: 10px !important; } @media (max-width: 480px) { .store-ad-container { margin: auto; } .store-ad-1, .store-ad-2, .store-ad-3 { margin-left: 0px; } } @media (min-width: 481px) and (max-width: 819px) { .store-ad-container { margin: auto; } .store-ad-1, .store-ad-2, .store-ad-3 { margin-left: 0px; } } @media (min-width: 820px) and (max-width: 1229px) { } @media (min-width: 820px) { .store-order-ads-top > * { width:calc(100% / 3); } .store-order-ads-bottom > * { width:calc(100% / 3); } } /* UD STORE ADS FINISH */ /* TDIM unique code */ @media (min-width: 481px) { #mobile-hide-show { display: none !important; } .tdim-widget { margin-top: 35px; } } .buylinks-text { font-weight: 500; font-size: 20px; line-height: 1.2; padding-bottom: 20px; margin-top: 25px; } .buylinks-text a:hover { border-bottom: 0px dotted #2AB3E2 !important; color: #2AB3E2; } .buylinks-button-container { display: flex; margin-bottom: 20px !important; margin: 0 auto; max-width: 500px; } .buylinks-button-container a { border-bottom: 0px dotted #2AB3E2 !important } .buylinks-button-container a:hover { filter: drop-shadow(1px 1px 1px #2AB3E2); border-bottom: 0px dotted #2AB3E2 !important } .buylinks-button-column { flex: 50%; padding: 5px; text-align: center; } #tdim-date-search label { font-size: 18px !important; margin-bottom: 18px !important; } #tdim-date-search select { font-size: 18px !important; border-radius: 4px !important; line-height: 18px !important; margin-right: 8px; } #tdim-date-search [type=submit], #tdim-date-search button { margin-top: -3px !important; padding: 3px 23px 5px 23px !important; } .home .tdim-search-form-container { margin-top: 50px !important; } .search-results-description a { font-weight: 500; } .search-results-description a:hover { color: #2AB3E2; } .widget_date_search { padding-top: 23px !important; } #mvp-side-wrap .tdim-search-form-container { width: 100%; } /*Chris Hodges 13/2/2019 - I've added a couple of styles to the search widget form here. Feel free to change as suits*/ input#tdim-csh-search-keyword { width: 100% } #tdim-csh-search .form-row-2 {width:100%; display:table;} #tdim-csh-search .form-row-2-cell {display:table-cell; padding-right:3px;} #tdim-csh-search .form-row-2-cell:last-child {padding-right:0;} #tdim-csh-search .form-row-2 select, #tdim-csh-search .form-row-2 button {width:100%} #tdim-csh-search .form-row-2 select { margin-right:2px;} .tdim-search-form-container label, .tdim-search-form-container legend, #tdim-date-search label { font: 500 16px/16px serif; font-family: 'tex_gyre_adventorbold' ,sans-serif; letter-spacing: normal; text-transform: none; line-height: 25px; } .tdim-search-form-container input { font-size: .9rem !important; line-height: 22px !important; font-family: 'Roboto' ,sans-serif !important; font-weight: 400 !important; -webkit-font-smoothing: antialiased !important; padding: 8px 24px 8px 8px !important; cursor: pointer !important; box-sizing: border-box; max-width: 100%; margin: 0; border-width: 1px; border-style: solid; border-color: #d4d4d4 !important; background-color: transparent; color: inherit; border-radius: 4px; -webkit-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out; -moz-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out; -o-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out; transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out; } #tdim-csh-search select, #tdim-email-signup-fields select, #tdim-date-search select { font-size: .9rem !important; line-height: 22px !important; font-family: 'Roboto' ,sans-serif !important; font-weight: 400 !important; -webkit-font-smoothing: antialiased !important; padding: 8px 24px 8px 8px !important; cursor: pointer !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: calc(100% - 15px) 16px,calc(100% - 10px) 16px; background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%); background-size: 5px 4px,5px 4px; background-repeat: no-repeat; box-sizing: border-box; max-width: 100%; margin: 0; border-width: 1px; border-style: solid; border-color: #d4d4d4 !important; background-color: transparent; color: inherit; border-radius: 4px; -webkit-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out; -moz-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out; -o-transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out; transition: border-color 375ms ease-in-out,background-color 375ms ease-in-out,color 375ms ease-in-out; } .tdim-search-form-container [type=submit]:disabled, .tdim-search-form-container button:disabled { filter: grayscale(100%); opacity: .333; box-shadow: none; } .widget_date_search [type=submit]:disabled { filter: grayscale(100%); opacity: .333; box-shadow: none; } .widget_date_search [type=submit], .tdim-search-form-container button[disabled], .tdim-search-form-container input[disabled] { cursor: default; opacity: .666; } .widget_date_search [type=submit], .tdim-search-form-container [type=button], .tdim-search-form-container [type=reset], .tdim-search-form-container [type=submit], .tdim-search-form-container button { box-sizing: border-box; display: inline-block; margin-right: 0.2px; position: relative; z-index: 0; text-decoration: none; text-align: center; vertical-align: middle; zoom: 1; cursor: pointer; font: 500 18px/22px serif; font-family: 'tex_gyre_adventorbold' ,sans-serif; text-transform: uppercase; letter-spacing: -.03em; border-radius: 4px; transition: border-color 175ms ease-in-out,background-color 175ms ease-in-out,color 175ms ease-in-out,padding 175ms ease-in-out; } .widget_date_search [type=submit] { border-width: 0px; } .widget_date_search button { background-color: #2AB3E2; color: #fff; max-width: 100%; margin: 0; } .tdim-search-form-container [type=submit], .tdim-search-form-container button { width: auto; padding: 3px 23px 5px 23px; border: none; cursor: pointer; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tdim-search-form-container button { background-color: #2AB3E2; color: #fff; max-width: 100%; margin: 0; } .page .tdim-iframe-holder { margin-top: 20px !important; margin-bottom: 10px !important; } .crossline-break { margin-top: 40px; margin-bottom: 40px; } .page-id-7046 h1.mvp-post-title, .page-id-7041 h1.mvp-post-title { margin-top: 25px; margin-bottom: 10px; } .artist-info-on-this-day .google-ad-in-feed, .widget-search-results .google-ad-in-feed { margin-top: 40px !important } .artist-info-on-this-day .TDIM-YT-container, .widget-search-results .TDIM-YT-container {margin-top: 30px !important; margin-bottom: 30px !important; } .artist-info-on-this-day .tdim-iframe-holder, .widget-search-results .tdim-iframe-holder {margin-top: 30px !important; } .artist-info-on-this-day .search-results-description, .widget-search-results .search-results-description { font-size: 1.1rem; line-height: 1.55; } @media (min-width: 481px) { .tdim-search-form-container { margin-bottom: 50px !important; margin-top: -20px !important; } } @media (min-width: 991px) { .tdim-search-form { width:100%; margin: 0 auto; } .tdim-search-form-container { width:70%; margin: 0 auto; } } @media (max-width: 480px) { .tdim-search-form-container { width:90% !important; margin: 0 auto !important; } #tdim-csh-search { max-width: 360px !important; max-width: none !important; width:100%; display: inline-block; text-align:left;} } @media (min-width: 480px) { #tdim-csh-search { /* min-width:360px; */ width:100%; display: inline-block; text-align:left; } } .home h1 { font-size: 32px !important; font-weight: 500 } .home .widget-onthisday h2, .home .widget-birthday h2 { color: #000 !important; font-size: 24px; font-weight: 500 } .home .sidebar-line-top { width: 100%; width: 997px; margin-bottom: -17px; } .home .sidebar-line-bottom { width: 100%; margin-top: -10px; margin-bottom: -3px; } .page-id-7046 .tdim-search-form-container, .page-id-7041 .tdim-search-form-container { margin-top: -25px; margin-bottom: 60px ; } #mvp-side-wrap .tdim-search-form-container { width: 100%; } .mind-the-gap { height: 30px } .tdim-widget-title { color: #ccc !important; margin-bottom: 10px !important;} .tdim-featured-product-sidebar-text { font-size: 20px !important; } .tdim-search-featured-product-sidebar-text { font-size: 18px !important; margin-bottom: -30px; } .page-id-7050 .tdim-search-featured-product-sidebar-text, .page-id-7003 .tdim-search-featured-product-sidebar-text { font-size: 18px !important; margin-bottom: -10px; } @media (min-width: 0px) and (max-width: 480px) { .page-id-7003 #primary .tdim-search-form-container { display: none !important} } .tdim-widget-title-images { margin: 0px 0px -8px 0px } .tdim-button-container { text-align: center !important} .tdim-buy-button { text-align: center !important; font-weight: 500; background: linear-gradient(to bottom, #61CD01 0%, #439300 100%); color: #ffffff; border-radius: 4px; padding: 10px 10px 10px 10px; margin: 0 auto; width: 40%; border: 0 !important; } .tdim-buy-button:hover { color: #333; } .tdim-iframe-holder { margin-top: 10px; /* margin-bottom: 10px; */ text-align: center } .tdim-bornday-container { margin-bottom: 30px !important; margin-top: 30px;} #tdim-bornday { margin-bottom: 10px !important} .tdim-on-this-day-titles { font-size: 24px; line-height: 1.125; font-family: 'tex_gyre_adventorbold', sans-serif !important; font-weight: 500; letter-spacing: 0; color: #000; margin-bottom: 3px } .tdim-on-this-day-main-text { font-size: 18px !important; margin-top: 20px; line-height: 24px !important; font-family: 'PT Serif', serif !important; font-weight: 400 !important; color: #444 !important; margin-bottom: 20px !important } .tdim-on-this-day-main-text a { font-weight: 500; } .tdim-on-this-day-main-text a:hover { color: #2AB3E2; } #birthday--loop .tdim-on-this-day-main-text { padding: 0px 20px 0px 20px } .tdim-on-this-day-birthday-titles { font-size: 24px; line-height: 1.125; font-family: Spartan, Roboto, sans-serif !important; font-weight: 600; letter-spacing: 0; color: #000; margin-top: 10px; margin-bottom: 3px; padding: 10px; } .birthday--artist { font-family: 'tex_gyre_adventorbold', sans-serif; font-size: 22px; margin: 4px 0px 3px 0px; color: #6d6d6d; font-weight: 500; } .birthday--number1 { font-family: 'tex_gyre_adventorbold', sans-serif; margin-left: 91px; font-weight: 500; } .tdim-birthday-error { font-size: 14px !important; } #birthday--loop { background-color: #f3f3f3 !important; margin-top: 20px; border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; min-height: 69px; } .mashsb-box .mashsb-buttons a { border-bottom: none !important; } /* .tdim_ga_dynamic_div { display: none !important; } */ .google-ad-in-feed .google-advertisement-tag { margin-bottom: -12px; } .artist-info-on-this-day { margin-top: 60px; margin-bottom: 60px } .artist-info-on-this-day h3 { font-size: 32px !important; } .artist-info-on-this-day .search-subheadings-top { display: none } @media (min-width: 0px) and (max-width: 480px) { ol.jukebox-list { max-width: 100%; counter-reset: my-awesome-counter; list-style: none; padding-left: 24px; margin-bottom: 30px; } .jukebox-list li { margin: 0 0 30px 0; counter-increment: my-awesome-counter; position: relative; padding-left: 35px; font-family: 'tex_gyre_adventorbold', sans-serif; color: #000; font-size: 1.4rem; font-weight: 500; line-height: 1.1; } .jukebox-list li::before { content: counter(my-awesome-counter); color: #fff; font-size: 1.7rem; font-weight: 500; position: absolute; left: -22px !important; height: 32px; width: 32px; line-height: 1.7rem; padding: 7px; background: #2db2e2; border-radius: 50%; text-align: center; } .first-juke { margin-top: 0px; line-height: 2.7rem !important; } .second-juke { margin-top: -10px !important; line-height: 1.4rem !important; } .third-juke { margin-top: -13px !important; line-height: 1.4rem !important; } .TDIM-Birthday-No1-jukebox-container-background { position: relative; } .TDIM-Birthday-No1-jukebox-container-background::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 400px !important; background-image: url("https://www.thisdayinmusic.com/wp-content/uploads/2022/09/Birthday-no1-blue-background.jpg"); background-repeat: no-repeat; background-position: center; border-radius: 22px; filter: opacity(50%) saturate(100%); } .TDIM-Birthday-No1-jukebox-container { position: relative; height: 400px !important; margin-top: 40px; width: auto; position: relative; text-align: center; display: block; overflow: hidden; margin-bottom: 30px; } .TDIM-Birthday-No1-jukebox-container select { border: 0px !important; border-radius: 10px; background: #2db2e2; color: #ffffff; font-size: 38px; line-height: 38px; font-weight: 500; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; padding: 0px 0px 2px 0px !important; margin: 5px; } .TDIM-Birthday-No1-jukebox-container select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right 0.16em top 50%, 0 0; background-size: 0.4em auto, 100%; } .TDIM-Birthday-No1-jukebox-container select:focus { outline-color: #001c0d !important } .TDIM-jukebox-day { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 55px } .TDIM-jukebox-month { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 0px} .TDIM-jukebox-year { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 0px} .TDIM-jukebox-day .selectlist, .TDIM-jukebox-month .selectlist, .TDIM-jukebox-year .selectlist { margin-top: 12px !important; padding: 10px 25px 13px 20px !important; } .jukebox-button-container { width: auto; height: auto; text-align: center; overflow: hidden; margin-top: 10px; padding: 10px 20px 10px 20px } .TDIM-jukebox-button { border: 0px !important; border-radius: 10px; background: #1bd760; color: #ffffff; font-size: 32px; line-height: 32px; font-weight: 500; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; padding: 12px 12px 14px 12px !important; margin: 5px; cursor: pointer; } .TDIM-jukebox-button:hover { background: #2db2e2 } .birthday-button-arrow { color: #007cb2 } .TDIM-Birthday-No1-jukebox-text { text-align: left !important; } .TDIM-Birthday-No1-jukebox-text-below { margin-top: 20px; margin-bottom: -25px; text-align: center !important; } .tdim-flags-container { width: 100%; text-align: center; margin-top: -40px; } .tdim-flags { width: 30%; margin-left: 3px ; margin-right: 3px; border-radius: 10px; } .birthday-no1-text { font-family: 'PT Serif', serif !important; font-weight: 600 !important; font-size: 20px !important; position: relative; right: 0px !important; margin-top: 0px !important; margin-bottom: 40px; line-height: 1.6rem; } .birthday-arrow-up { font-size: 29px } .country-flags-tdim { float: left !important; border-radius: 10px; width: auto; margin: 0px 100% 10px 10px; display: inline-block; } .tdim-on-this-day-birthday-titles .birthday--artist { margin: 78px 5px 5px 10px } .tdim-on-this-day-birthday-titles .birthday--number1 { margin-left: 10px !important; } .tdim-buy-button { width: 300px !important; } .tdim-search-form { margin-top: 40px !important; } #css-birthday-no-1-sidebar { margin-top: 15px; } .sidebar-google-ads { margin-top: 10px; margin-bottom: 0px !important; } .store-order-ads-top { padding-top: 10px !important; } #mvp-side-wrap ul.widgetthreecol { display: grid; grid-template-columns: auto !important; gap: 13px; padding: 20px 0px 0px 0px !important; } .page .sidebar-line-bottom { margin-bottom: -4px; } .mashsb-box .mashsb-buttons a { margin: 6px 0 0 3px; } .tdim-on-this-day-titles { font-size: 22px; } .home .g1-mosaic-item { margin-bottom: 10px; } .home h1 { font-size: 28px !important; margin-top: -20px !important; line-height: 30px; } .home .tdim-search-form-container { margin-top: 25px !important; margin-bottom: 30px !important; } .tdim-search-form-container { margin-bottom: 50px !important; margin-top: -20px !important; } .page-id-7046 .tdim-search-form-container, .page-id-7041 .tdim-search-form-container { margin-top: -30px !important; margin-bottom: 55px !important; } .tdim-on-this-day-main-text { line-height: 24px !important; } .widget-search-results td { min-width: 50px !important; } .search-results-date { font-family: Spartan,Roboto,sans-serif !important ;font-size: 20px !important; line-height: 20px !important; margin-top: 20px !important; margin-bottom: 5px !important;} } @media (min-width: 481px) and (max-width: 990px) { .udiscover-music-logo { width: 527px !important; height: 66px !important; margin-top: 20px; } .mvp-nav-menu { margin-top: 70px; } .mvp-fixed2 .mvp-nav-menu { margin-top: -1px; } #mvp-main-body-wrap { padding: 20px 0px 0px 0px; } ol.jukebox-list { max-width: 100%; counter-reset: my-awesome-counter; list-style: none; padding-left: 24px; margin-bottom: 30px; } .jukebox-list li { margin: 0 0 30px 0; counter-increment: my-awesome-counter; position: relative; padding-left: 35px; font-family: 'tex_gyre_adventorbold', sans-serif; color: #000; font-size: 1.4rem; font-weight: 500; line-height: 1.1; } .jukebox-list li::before { content: counter(my-awesome-counter); color: #fff; font-size: 1.7rem; font-weight: 500; position: absolute; left: -22px !important; height: 32px; width: 32px; line-height: 1.7rem; padding: 7px; background: #2db2e2; border-radius: 50%; text-align: center; } .first-juke { margin-top: 0px; line-height: 2.7rem !important; } .second-juke { margin-top: -17px !important; line-height: 2.7rem !important; } .third-juke { margin-top: -17px !important; line-height: 2.7rem !important; } .TDIM-Birthday-No1-jukebox-container-background { position: relative; } .TDIM-Birthday-No1-jukebox-container-background::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 400px !important; background-image: url("https://www.thisdayinmusic.com/wp-content/uploads/2022/09/Birthday-no1-blue-background.jpg"); background-repeat: no-repeat; background-position: center; border-radius: 22px; filter: opacity(50%) saturate(100%); } .TDIM-Birthday-No1-jukebox-container { position: relative; height: 400px !important; margin-top: 40px; width: auto; position: relative; text-align: center; display: block; overflow: hidden; margin-bottom: 40px; } .TDIM-Birthday-No1-jukebox-container select { border: 0px !important; border-radius: 10px; background: #2db2e2; color: #ffffff; font-size: 38px; line-height: 38px; font-weight: 500; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; padding: 0px 0px 2px 0px !important; margin: 5px; } .TDIM-Birthday-No1-jukebox-container select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right 0.16em top 50%, 0 0; background-size: 0.4em auto, 100%; } .TDIM-Birthday-No1-jukebox-container select:focus { outline-color: #001c0d !important } .TDIM-jukebox-day { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 115px } .TDIM-jukebox-month { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 0px} .TDIM-jukebox-year { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 0px} .TDIM-jukebox-day .selectlist, .TDIM-jukebox-month .selectlist, .TDIM-jukebox-year .selectlist { margin-top: 12px !important; padding: 10px 25px 13px 20px !important; } .jukebox-button-container { width: auto; height: auto; text-align: center; overflow: hidden; margin-top: 10px; } .TDIM-jukebox-button { border: 0px !important; border-radius: 10px; background: #1bd760; color: #ffffff; font-size: 32px; line-height: 32px; font-weight: 500; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; padding: 12px 12px 14px 12px !important; margin: 5px; cursor: pointer; } .TDIM-jukebox-button:hover { background: #2db2e2 } .birthday-button-arrow { color: #007cb2 } #birthday--loop .tdim-on-this-day-main-text { padding: 10px 20px 0px 20px } .TDIM-Birthday-No1-jukebox-text { text-align: left !important; margin-left: 20px; } .TDIM-Birthday-No1-jukebox-text-below { text-align: center !important; } .tdim-flags-container { width: 100%; text-align: center; margin-top: -40px; } .tdim-flags { width: auto; margin-left: 3px ; margin-right: 3px; border-radius: 10px; } .birthday-no1-text { font-family: 'PT Serif', serif !important; font-weight: 600 !important; font-size: 20px !important; position: relative; right: 0px !important; margin-top: 0px !important; margin-bottom: 40px; line-height: 1.6rem; } .birthday-arrow-up { font-size: 29px } .country-flags-tdim { float: left !important; border-radius: 10px; width: auto; margin: 0px 10px 10px 10px; display: inline-block; } .tdim-on-this-day-birthday-titles .birthday--artist { margin: 0px 5px 5px 10px } .tdim-on-this-day-birthday-titles .birthday--number1 { margin-left: 10px !important; } .tdim-buy-button { width: 500px !important; } .tdim-search-form { margin-top: 40px !important; } #mvp-side-wrap ul.widgetthreecol { display: grid; grid-template-columns: auto auto !important; gap: 13px; padding: 20px 5px 0px 0px !important; } } @media (min-width: 991px) { ol.jukebox-list { max-width: 100%; counter-reset: my-awesome-counter; list-style: none; padding-left: 20px; margin-bottom: 30px; } .jukebox-list li { margin: 0 0 15px 0; counter-increment: my-awesome-counter; position: relative; padding-left: 35px; font-family: 'tex_gyre_adventorbold', sans-serif; color: #000; font-size: 1.4rem; font-weight: 500; line-height: 1.9; } .jukebox-list li::before { content: counter(my-awesome-counter); color: #fff; font-size: 1.7rem; font-weight: 500; position: absolute; left: -22px !important; height: 32px; width: 32px; line-height: 1.7rem; padding: 7px; background: #2db2e2; border-radius: 50%; text-align: center; } .TDIM-Birthday-No1-jukebox-container-background { position: relative; } .TDIM-Birthday-No1-jukebox-container-background::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 400px !important; background-image: url("https://www.thisdayinmusic.com/wp-content/uploads/2022/09/Birthday-no1-blue-background.jpg"); background-repeat: no-repeat; background-position: center; border-radius: 22px; filter: opacity(50%) saturate(100%); } .TDIM-Birthday-No1-jukebox-container { position: relative; height: 400px !important; margin-top: 40px; width: auto; position: relative; text-align: center; display: block; overflow: hidden; margin-bottom: 40px; } .TDIM-Birthday-No1-jukebox-container select { border: 0px !important; border-radius: 10px; background: #2db2e2; color: #ffffff; font-size: 38px; line-height: 38px; font-weight: 500; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; padding: 0px 0px 2px 0px !important; margin: 5px; } .TDIM-Birthday-No1-jukebox-container select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right 0.16em top 50%, 0 0; background-size: 0.4em auto, 100%; } .TDIM-Birthday-No1-jukebox-container select:focus { outline-color: #001c0d !important } .TDIM-jukebox-day { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 0px } .TDIM-jukebox-month { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 0px} .TDIM-jukebox-year { width: auto; height: auto; display: inline-block; text-align: center; overflow: hidden; margin-top: 0px} .TDIM-jukebox-day .selectlist, .TDIM-jukebox-month .selectlist, .TDIM-jukebox-year .selectlist { margin-top: 130px !important; padding: 10px 25px 13px 20px !important; } .jukebox-button-container { width: auto; height: auto; text-align: center; overflow: hidden; margin-top: 10px; } .TDIM-jukebox-button { border: 0px !important; border-radius: 10px; background: #1bd760; color: #ffffff; font-size: 32px; line-height: 32px; font-weight: 500; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; padding: 12px 12px 14px 12px !important; margin: 5px; cursor: pointer; } .TDIM-jukebox-button:hover { background: #2db2e2 } .birthday-button-arrow { color: #007cb2 } .TDIM-Birthday-No1-jukebox-text { text-align: left !important; } .TDIM-Birthday-No1-jukebox-text-below { text-align: center !important; } .tdim-flags-container { width: 728px; text-align: center; } .tdim-flags { margin-left: 3px ; margin-right: 3px; border-radius: 10px; } .birthday-no1-text { font-family: 'PT Serif', serif !important; font-weight: 600 !important; font-size: 20px !important; position: relative; right: 48px !important; margin-top: 0px !important; margin-bottom: 40px } .birthday-arrow-up { font-size: 29px } .country-flags-tdim {float: left !important; border-radius: 10px; margin: 0px 12px 0px 10px; } } .page h1.mvp-post-title {margin-bottom: 20px} .g1-content-narrow>div { max-width: 728px !important } .database-ads a { border-bottom: none !important; } .widget-search-results td { min-width: 115px; } .search-subheadings-top { font-family: 'tex_gyre_adventorbold', sans-serif !important; font-size: 2rem; text-transform: uppercase; line-height: 1.125; font-weight: 500; letter-spacing: 0; color: #000; margin-bottom: 3px; margin-top: 0px; } .search-subheadings-mid { font-family: 'tex_gyre_adventorbold', sans-serif !important; font-size: 2rem; text-transform: uppercase; line-height: 1.125; font-weight: 500; letter-spacing: 0; color: #000; margin-bottom: 3px; margin-top: 25px; } .search-results-date { font-family: 'tex_gyre_adventorbold', sans-serif !important; font-size: 24px; line-height: 1.125; font-weight: 500; letter-spacing: 0; color: #000; margin-bottom: 3px; margin-top: 25px;} .search-results-description { font-size: 18px; line-height: 30px; font-family: 'PT Serif', serif; font-weight: 400; color: #444; } .tdim-search-form-container .search-results-date { margin-top: 60px } /*Chris Hodges 13/2/2019 - I've added a couple of styles to the search widget form here. Feel free to change as suits*/ input#tdim-csh-search-keyword { width: 100% } #tdim-csh-search .form-row-2 {width:100%; display:table;} #tdim-csh-search .form-row-2-cell {display:table-cell; padding-right:3px;} #tdim-csh-search .form-row-2-cell:last-child {padding-right:0;} #tdim-csh-search .form-row-2 select, #tdim-csh-search .form-row-2 button {width:100%; bottom: 1px;} #tdim-csh-search .form-row-2 select { margin-right:2px;} .tdim-search-form { width:100%; margin: 0 auto; } .tdim-search-form-container { width:70%; margin: 0 auto; } @media (max-width: 480px) { .tdim-search-form-container { width:90% !important; margin: 0 auto !important; } #tdim-csh-search { max-width: 360px !important; max-width: none !important; width:100%; display: inline-block; text-align:left;} } @media (min-width: 480px) { #tdim-csh-search { /* min-width:360px; */ width:100%; display: inline-block; text-align:left; } } /* end of TDIM unique code */ .uD-YT-container { margin-top: 30px; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 38px; } .uD-YT-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .TDIM-YT-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 40px; } .TDIM-YT-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tdim-buy-button { text-align: center !important; border-radius: 10px; background: #2db2e2; color: #ffffff; padding: 10px 10px 12px 10px; margin: 0 auto; width: 68%; border: 0 !important; font-size: 28px; line-height: 28px; font-weight: 500; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; } .tdim-buy-button:hover { color: #fff !important; background: #1bd760; cursor: pointer } .tdim-buy-button a { color: #fff !important; } .mvp-widget-feat1-top-story:hover .mvp-widget-feat1-top-img img, .mvp-feat3-main-story:hover .mvp-feat3-main-img img, .mvp-feat3-sub-story:hover .mvp-feat3-sub-img img { opacity: 1; filter: brightness(110%)!important; } .ud-related-content { font-family: 'tex_gyre_adventorbold',sans-serif !important; font-weight: 500; font-size: 17px; margin-bottom: 10px; } .ud-related-content li { padding: 10px; } .ud-related-content a { color: #000; } .ud-related-content a:hover { color: #2AB3E2; } /* 15 */ body .mvp-post-tags > span:not(.mvp-post-tags-header) { width: 100%; float: left; text-align: center; } body .mvp-post-tags a, body .mvp-post-tags a:visited { float: none; font-weight: normal; } .mvp-post-tags-header, span.mvp-cd-date { display: none; } .mvp-post-tags { clear: both; margin: 0 auto; font-size: .8rem; line-height: 1; margin-top: 15px; margin-bottom: 20px; text-transform: uppercase; width: 728px; overflow: hidden } .mvp-post-tags a, .mvp-post-tags a:visited { font-family: 'tex_gyre_adventorbold', sans-serif !important; color: #333 !important; border: 1px solid #333; display: inline-block; padding: 4px 6px 6px 7px; float: left; font-weight: 600; position: relative; margin-right: 8px; margin-left: 8px; margin-top: 10px; } .mvp-post-tags a:hover { color: #fff !important; background: #2AB3E2; cursor: pointer !important; } .english-version-credit { font-family:'Roboto', sans-serif; clear: both; font-size: 12px; color: #757575; float: right; margin-top: 0px; margin-bottom: 20px; font-weight: 500; } .uk-english-icon { margin: 0px 4px -1px 1px} 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, span.mvp-feat1-pop-head { transform: none; padding: 4px 8px 5px 8px; border: 5px solid; font-weight: 600; } span.mvp-widget-home-title { font-family: 'tex_gyre_adventorbold', sans-serif !important; background: #232323; color: #fff; display: inline-block; font-size: 1rem; line-height: 1; padding-top: 2px; position: relative; text-transform: uppercase; z-index: 1; } /* scripts */ #mvp-side-wrap .ud-grid-container > li { margin: 0 auto; padding: 0px; } #mvp-side-wrap ul.widgetthreecol { display: grid; grid-template-columns: auto auto auto; gap: 13px; padding: 20px 1.8% 0px 1% } #mvp-side-wrap .ud-grid-container.widgetthreecol li { width: 320px !important; } #mvp-side-wrap .tdim-widget-title-images { margin: -3px 0px 12px 0px; } .factoids-box { background-image: url(/wp-content/uploads/2018/05/factoids-back-2.jpg); background-size: cover; text-align: center; color: #fff; padding: 20px 10px 3px 10px; font-family: 'PT Serif', sans-serif !important; border-radius: 12px; } #mvp-side-wrap .factoid { display: block !important; font-size: 16px; color: #000; background-color: #fff; padding: 8px 10px 8px 10px; border-radius: 10px; line-height: 18px; margin-bottom: 16px; } .quotes-box { background-image: url(/wp-content/uploads/2018/06/quotes-background-2.jpg); background-size: cover; text-align: center; padding: 20px 10px 3px 10px; font-family: 'PT Serif', sans-serif !important; border-radius: 12px; } #mvp-side-wrap .artist-quote { display: block !important; font-size: 16px; color: #000; background-color: #fff ; padding: 8px 10px 8px 10px; border-radius: 10px; margin-bottom: 16px; } #mvp-side-wrap .artist-quote strong { font-family: 'tex_gyre_adventorbold', sans-serif !important; line-height: 22px !important ; font-weight: 500 } .i-fought-the-law-box { background-image: url(https://www.thisdayinmusic.com/wp-content/uploads/2022/07/i-fought-the-law-background.jpg); background-size: cover; text-align: center; color: #fff; padding: 20px 10px 3px 10px; font-family: 'PT Serif', sans-serif !important; border-radius: 12px; } #mvp-side-wrap .i-fought-the-law { display: block !important; font-size: 16px; line-height: 18px !important; color: #000; background-color: #fff; padding: 8px 10px 8px 10px; border-radius: 10px; margin-bottom: 16px; } .my-first-record-box { background-image: url(/wp-content/uploads/2018/05/my-first-record-back-6.jpg); text-align: center; color: #fff; padding: 20px 10px 10px 10px; font-family: 'PT Serif', sans-serif !important; border-radius: 12px; } #mvp-side-wrap .first-record-person { display: block !important; font-family: 'tex_gyre_adventorbold', sans-serif !important; font-size: 16px; line-height: 18px !important; color: #000; font-weight: 500; background-color: #fff ; padding: 10px 10px 2px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } #mvp-side-wrap .first-record-bought { display: block !important; font-size: 16px; line-height: 18px !important; color: #000; background-color: #fff ; padding: 2px 10px 10px 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 10px; } .my-first-gig-box { background-image: url(/wp-content/uploads/2018/05/my-first-gig-background.jpg); text-align: center; color: #fff; padding: 20px 10px 10px 10px; font-family: 'PT Serif', sans-serif !important; border-radius: 12px; } #mvp-side-wrap .first-gig-person { display: block !important; font-family: 'tex_gyre_adventorbold', sans-serif !important; font-size: 16px; line-height: 18px !important; color: #000; font-weight: 500; background-color: #fff ; padding: 10px 10px 2px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } #mvp-side-wrap .first-gig-star { display: block !important; font-size: 16px; line-height: 18px !important; color: #000; background-color: #fff ; padding: 2px 10px 10px 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 10px;} .my-first-job-box { background-image: url(/wp-content/uploads/2018/06/my-first-job-sidebar-back-3.jpg); background-position: center; text-align: center; color: #fff; padding: 20px 10px 10px 10px; font-family: 'PT Serif', sans-serif !important; border-radius: 12px; } #mvp-side-wrap .first-job-person { display: block !important; font-family: 'tex_gyre_adventorbold', sans-serif !important; font-size: 16px; line-height: 18px !important; color: #000; font-weight: 500; background-color: #fff ; padding: 10px 10px 2px 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } #mvp-side-wrap .first-job { display: block !important; font-size: 16px; line-height: 18px !important; color: #000; background-color: #fff ; padding: 2px 10px 10px 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-bottom: 10px; } /* 16 */ #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: 500; 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; margin: 0 auto; font-size: .8rem; line-height: 120%; margin-top: 115px; overflow: hidden; width: 728px; } #comments, h2.comments, #mvp-comments-button a, #mvp-comments-button span.mvp-comment-but-text { font-family: 'Roboto', sans-serif; } #mvp-comments-button span.mvp-comment-but-text { font-family: 'tex_gyre_adventorbold', sans-serif !important } #mvp-comments-button, .mvp-inf-more-wrap { margin-bottom: 30px } .comment-form-url { display: none } .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: 500; 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; color: #333; font-size: 14px; font-weight: 500; margin-bottom: 5px; width: 100%; } #comments .comment-meta-1 .fn { float: left; font-style: normal; font-weight: 500; 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; color:#b9b9b9; 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: 500; } #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: #828282; 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 h4.mvp-widget-home-title { margin-top: 20px; } #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: 500; } #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: 500; 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: 500; 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; } /* 17 */ .udrelated-posts { margin: -5px 0 26px -40px; } #mvp-content-main ul li {margin-left: 40px;} .rpwe-block ul { list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .udrelated-posts .rpwe-block ul li { background: url(https://www.udiscovermusic.com/wp-content/uploads/2021/07/blackdot.png) 0 16px; background-repeat: no-repeat; padding: 9px 0 0 17px!important; } .udrelated-posts .rpwe-block li { border-bottom: none; } .rpwe-block li { margin-bottom: 10px; list-style-type: none; } .rpwe-clearfix { zoom: 1; } .rpwe-clearfix:before, .rpwe-clearfix:after { content: ""; display: table !important; } #mvp-content-main h3 { font-family: 'tex_gyre_adventorbold',sans-serif!important; margin: 0 0 4px 0; font-weight: 500; letter-spacing: none; line-height: 1.4 !important; overflow: hidden; width: 100%; } .rpwe-block h3 a { font-size: 1.1rem!important; line-height: 1.1!important; text-underline-offset: 4px; } .rpwe-block a { display: inline !important; color: #000 } .rpwe-bloctext-decoration-line:hover { color: #2AB3E2 } .google-ad-center { width: 728px !important; margin: 0 auto; margin-top: -5px; margin-bottom: 25px; text-align: center; } .google-ad-center-below-posts { width: 728px !important; margin: 0 auto; } /* 18 */ #mvp-side-wrap { margin-top: 10px !important; font-size: .9rem; width: 100%; margin: 0 auto } .textwidget div, .textwidget p { float: none; line-height: 1; } #mvp-side-wrap .google-ad-center { width: 300px !important; margin: 0 auto; } #mvp-side-wrap .udsidebar .google-advertisement-tag { margin-top: 2px !important; margin-bottom: 1px; } .uds-widget-text, uds-widget-recent_posts { margin-bottom: 20px; } .sidebar-line-desktop-top-ad { border-bottom: 1px solid #b7b7b7; margin-top: 6px; } .widget_custom_posts .mvp-widget-feat1-wrap { margin-bottom: 0 !important; } .mvp-widget-feat1-cont, .mvp-widget-feat1-wrap { width: 1000px; text-align: center; } #mvp-side-wrap .udsidebar .mvp-widget-feat1-cont .three-column-module-box { width: 320px; margin: 5px; } .three-column-module-box { display: inline-block; width: 32%; min-width: 280px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .three-column-module-content { padding: 0; clear: both; vertical-align: top; } #mvp-side-wrap a { font-family: 'tex_gyre_adventorbold',sans-serif!important; font-size: 1rem; line-height: 1.1; color: #333; font-weight: 400; } #mvp-side-wrap .three-column-module-content .mvp-widget-feat1-top-story, #mvp-post-more-wrap .three-column-module-content .mvp-widget-feat1-top-story { overflow: hidden; max-height: 206px; /* width: 320px; */ } #mvp-side-wrap .three-column-module-content .mvp-mob-square-img, #mvp-post-more-wrap .three-column-module-content .mvp-mob-square-img { max-height: 206px; max-width: 206px; box-shadow: 12px 0 25px -8px rgb(0 0 0 / 30%), -12px 0 28px -8px rgb(0 0 0 / 30%); } #mvp-side-wrap .mvp-widget-feat1-top-text { width: 100%; } /* 19 */ .mvp-widget-feat1-top-img { z-index: 0; text-align: center; overflow: hidden; line-height: 0; width: 100%; background: 0 0 !important; } .mvp-widget-feat1-top-img img { min-height: 206px; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .three-column-module-content .mvp-widget-feat1-top-text { padding: 40px 12px 11px; } .mvp-widget-feat1-top-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 60%,rgba(0,0,0,.9) 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 60%,rgba(0,0,0,.9) 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 60%,rgba(0,0,0,.9) 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 60%,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,.9))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 60%,rgba(0,0,0,.9) 100%); padding: 100px 16px 17px; position: absolute; left: 0; bottom: 0; width: 100% ; } .udsidebar-title { font-family: 'tex_gyre_adventorbold',sans-serif !important; font-size: 1.2rem; color: #fff; float: left; margin-right: 0 !important; width: 100% !important; font-weight: 500; line-height: 1; -webkit-backface-visibility: hidden; margin: 0; padding: 0; border: 0; vertical-align: baseline; text-align: left; } .mvp-widget-feat1-cont:first-child { margin-top: 0; } .mvp-widget-feat1-top-story { overflow: hidden; } .mvp-widget-feat1-top-text .udsidebar-title { font-size: 1.2rem; font-weight: 500; margin-right: 5% !important; margin-left: -4px; margin-bottom: -2px !important; width: 95% !important; line-height: 1; } .feat1_widget_multi_3column_responsive .mvp-widget-home-title-background { margin-bottom: 10px !important ;} .mvp-widget-feat1-cont a:first-child .mvp-widget-feat1-top-story { margin-left: 4px; margin-right: 4px; } .three-column-module-content .mvp-widget-feat1-top-story { height: 234px; margin-left: 1.66666666%; overflow: hidden; width: 100%; } .feat1_widget_multi_3column_responsive .three-column-module-content .mvp-mob-square-img { max-height: 235px; max-width: 235px; box-shadow: 12px 0 25px -8px rgb(0 0 0 / 30%), -12px 0 28px -8px rgb(0 0 0 / 30%); } .mvp-widget-feat1-top-story:hover .mvp-widget-feat1-top-img .img-blured-background { opacity: 1; filter: blur(5px) brightness(110%)!important; } .mvp-widget-home { margin-top: 30px; } .feat1_widget_multi_3column_responsive { margin-bottom: 0px; } #mvp-home-widget-wrap, .homepage-featured-artists { margin-bottom: 20px; } #mvp-home-widget-wrap, .mvp-widget-home { margin: 0 auto; width: 100%; } #feat1_widget_child_6large3column_category_responsive-2, #feat1_widget_child_9large3column_category_responsive-2 { margin-bottom: -12px; } .mvp-widget-home:first-child { margin-top: 0; } .mvp-widget-home-head { float: left; position: relative; width: 100%; } .mvp-widget-home-title-background { float: left; margin-bottom: 20px; position: relative; text-align: center; width: 100%; } /* 21 */ #mvp-post-more-wrap { width: 1000px; margin-top: 20px } #mvp-post-more-wrap .mvp-main-box { width: 100%; } .mvp-widget-home-title-background:before { content: ''; background: #b7b7b7; display: inline-block; position: absolute; left: 0; bottom: 50%; width: 100%; height: 1px; z-index: 0; } #mvp-post-more-wrap span.mvp-widget-home-title { background: #232323; } #mvp-post-more-wrap .mvp-widget-feat1-top-story { max-height: 206px } #mvp-post-more-wrap .mvp-mob-square-img { max-height: 206px; max-width: 206px; } .sidebar-line-top { border-bottom: 1px solid #b7b7b7; margin-right: -3px; } .sidebar-line-bottom { border-bottom: 1px solid #b7b7b7; margin-right: -3px; } /* PRAGMATIC */ .blured-background img.img-blured-background { position: relative; max-width: none; max-height: none; width: 100%; height: 100%; } .blured-background { position: absolute; z-index: -1; width: 110%; height: 110%; top: -10px; left: -19px; } .img-blured-background { filter: blur(5px) grayscale(33%); -webkit-filter: blur(5px) grayscale(33%); -moz-filter: blur(5px) grayscale(33%); -o-filter: blur(5px) grayscale(33%); -ms-filter: blur(5px) grayscale(33%); } .mvp-widget-dark-feat-img img { margin: 0 auto; position: relative; left: initial; right: initial; width: 100%; min-width: none; max-height: 530px; } .mvp-blog-story-img, .mvp-post-feat-img-wide2, .mvp-post-more-img, .mvp-related-img, .mvp-widget-feat1-top-img, .mvp-widget-feat1-bot-img, .mvp-widget-feat2-right-img, .mvp-feat3-sub-img, .mvp-widget-dark-feat-img, .mvp-widget-dark-sub-img, .mvp-feat1-list-img { z-index: 0; text-align: center; overflow: hidden; } @media (max-width: 480px) { .blured-background { position: absolute; z-index: -1; width: 110%; height: 110%; top: -10px; left: -19px; filter: blur(5px) grayscale(33%) !important; } } /* END PRAGMATIC */ /* TABLET 700 - 1052 PIXELS @media (min-width: 700px) and (max-width: 1052px) { #mvp-side-wrap .three-column-module-box:last-child, #mvp-post-more-wrap .three-column-module-box:last-child { display: none; } } END OF TABLET 700 - 1052 PIXELS */ /* THE REST!! */ /** HOME PAGE */ #mvp-feat3-wrap { margin-bottom: 40px; width: 100%; } .mvp-feat3-cont { width: 100%; } .mvp-feat3-main-wrap { margin-right: 1.6666666666%; width: 46.666666666%; } .mvp-feat3-main-story, .mvp-feat3-sub-story { overflow: hidden; width: 100%; } .mvp-feat3-main-img { height: 600px; } .mvp-feat3-main-img, .mvp-feat3-sub-img { line-height: 0; width: 100%; } .mvp-feat3-main-img img { max-width: 1000px; width: 1000px; height: 600px; min-width: 560px; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .mvp-feat3-main-img img, .mvp-feat3-sub-img img { margin: 0 auto; position: absolute; left: -9999px; right: -9999px; } .mvp-feat3-main-text { padding: 100px 18px 16px; width: 94%; } .mvp-feat3-main-text, .mvp-feat3-sub-text { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(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,.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,.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,.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,.9))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 100%); position: absolute; left: 0; bottom: 0; } #mvp-feat3-wrap span.mvp-cd-cat, span.mvp-cd-date, .mvp-post-tags-header { display: none; } .mvp-feat3-main-text h2, .mvp-feat3-main-text h2.mvp-stand-title { font-family: 'tex_gyre_adventorbold',sans-serif!important; font-size: 2.8rem; font-weight: 500; line-height: 1; letter-spacing: -.02em; text-transform: none; } .mvp-feat3-main-text h2 { color: #fff; margin-right: 10%; width: 90%; } .mvp-feat3-main-text p { font-family: 'PT Serif',sans-serif!important; font-size: 1.1rem; font-weight: 500; line-height: 1.1; color: #eee; padding-top: 10px; width: 100%; } .mvp-feat3-sub-wrap { width: 51.666666666%; } .mvp-feat3-sub-wrap a:first-child .mvp-feat3-sub-story { margin-top: 0; } .mvp-feat3-sub-story { margin-top: 20px; max-height: 290px; } .mvp-feat3-sub-img { z-index: 0; text-align: center; overflow: hidden; height: 290px; } .mvp-feat3-sub-story .blured-background img.img-blured-background { position: absolute; } .mvp-feat3-sub-story:hover .blured-background img.img-blured-background { filter: blur(5px) brightness(110%) !important; } .page .mvp-feat3-sub-img img, .tag .mvp-feat3-sub-img img { min-width: auto; } .mvp-feat3-sub-img img { -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .mvp-feat3-sub-text { padding: 100px 16px 11px; width: 95%; } .mvp-feat3-sub-text h2 { font-family: 'tex_gyre_adventorbold',sans-serif!important; font-size: 1.4rem; margin-right: 20%; width: 95%; font-weight: 500; color: #fff; letter-spacing: -.02em; line-height: 1.1; } .feat1_widget_multi_column_responsive .mvp-widget-home-head { margin-bottom: -28px; } .feat1_widget_multi_column_responsive .mvp-widget-feat2-side-more-but { margin-top: 4px; margin-bottom: 15px } .ud-grid-container > li { margin: 0 auto; padding: 0px; } .widgetthreecol ul.ud-grid-container { display: grid; grid-template-columns: auto auto auto; gap: 16px; padding: 20px 0.5% 0px 0.5%; } .widgetthreecol ul.ud-grid-container .mvp-widget-feat1-top-story { width: 385px; } .widgetthreecol ul.ud-grid-container .mvp-mob-square-img { height: 231px; width: 231px; } .widgettwocol ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 0.75% 0px 0.75%; } .widgettwocol ul.ud-grid-container .mvp-widget-feat1-top-story { width: 583px; } .widgettwocol ul.ud-grid-container .mvp-mob-square-img { height: 349px; width: 349px; } .widgettwocol .mvp-widget-feat1-top-text .udsidebar-title { font-size: 1.4rem; } #feat1_widget_multi_column_responsive-5 .mvp-widget-feat2-side-more-but, #feat1_widget_multi_column_responsive-6 .mvp-widget-feat2-side-more-but, #feat1_widget_multi_column_responsive-7 .mvp-widget-feat2-side-more-but, #feat1_widget_multi_column_responsive-8 .mvp-widget-feat2-side-more-but, #feat1_widget_multi_column_responsive-9 .mvp-widget-feat2-side-more-but, #feat1_widget_multi_column_responsive-12 .mvp-widget-feat2-side-more-but { margin-left: -3px; } .home .mvp-widget-feat1-top-text { width: 100% ; } .home #feat1_widget_multi_3column_responsive-3 .mvp-mob-square-img { width: 234px; height: 234px; } /* .ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 16% 0px 16%; } */ .mvp-widget-feat2-side-more-but { text-align: right; color: #2AB3E2 !important; width: 100%; } .mvp-widget-feat2-side-more { font-family: 'tex_gyre_adventorbold',sans-serif !important; font-size: 16px; font-weight: 400; color: #2AB3E2; display: inline-block; line-height: 1; text-transform: uppercase; } #udiscover-long-arrow { width: 28px; height: 18px; margin-top: -1px; background: url(https://media.udiscovermusic.com/img/udiscover-social-icons-site-fonts.png) 196px 0; } .mvp-widget-feat2-side-more-but:hover, .mvp-widget-feat2-side-more:hover { color: #494949; } .multi-2column-responsive .mvp-widget-feat1-wrap { width: 100%; text-align: center; } .multi-2column-responsive .mvp-widget-feat1-cont { width: 100%; text-align: center; } .multi-2column-responsive .udsidebar-title { font-size: 1.4rem; margin-left: -2px; margin-bottom: -2px; letter-spacing: -.02em; } .multi-2column-responsive .mvp-widget-feat1-top-story { margin: 0% 0.75% 1.5% 0.75%; display: inline-block; overflow: hidden; width: 48.5%; } .home .mvp-mob-square-img { max-height: auto; } .multi-2column-responsive .mvp-widget-feat2-side-more-but { margin-bottom: 10px; margin-top: -15px; margin-left: -5px; } .feat1_widget_multi_2column_responsive .mvp-widget-home-title-background { margin-bottom: 14px } #feat1_widget_multi_2column_dark_responsive-2 { background-color: #333 !important; padding-top: 30px; padding-bottom: 40px; margin-top: 32px; } #feat1_widget_multi_2column_dark_responsive-2 span.mvp-widget-home-title { border: 5px solid #333; } .multi-2column-responsive.dark2column { width: 99.9%; margin: 0 auto; } .multi-2column-responsive.dark2column .mvp-widget-feat2-side-more { color: #fff; } .multi-2column-responsive.dark2column .mvp-widget-feat2-side-more:hover { color: #2AB3E2; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat1-wrap { width: 100% ; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat1-cont { width: 100% ; } #feat1_widget_child_4_new_in_store_large_responsive-2 { margin-top: 25px !important; margin-bottom: 10px } #feat1_widget_child_4_new_in_store_large_responsive-2 .udsidebar-title { font-size: 1.4rem; margin-left: -2px; margin-bottom: -5px; letter-spacing: -.02em; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat2-side-more-but { margin-top: 0px; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat1-top-story { margin: 0% 0.75% 1.5% 0.75%; display: inline-block; overflow: hidden; width: 48.5%; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-home-title-background { margin-bottom: 14px !important } .home a[href*="homepage-lists"], .home a[href*="featured-artist"], .home a[href*="featured-news"], .home a[href*="featured-playlist"] { display: inline; } /** END OF HOME PAGE */ /** CATEGORY PAGE */ .mvp-main-blog-cont, .mvp-main-blog-wrap, ul.mvp-blog-story-list { width: 100%; } #mvp-feat6-wrap { margin: 0 0 0px !important; background: #000; overflow: hidden; width: 100%; } #mvp-feat6-main { width: 100%; } #mvp-feat6-img { z-index: 0; line-height: 0; width: 66.666666%; } #mvp-feat6-img img { float: right; height: 438px; object-fit: contain; margin-right: -81px; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } #mvp-feat6-img .mvp-square-438-tag-img { margin-right: 0px; } #mvp-feat6-img:after { content: ''; background-image: -webkit-linear-gradient(to left,rgba(0,0,0,0) 0,#000 70%,#000 100%); background-image: -webkit-gradient(linear,middle right,middle left,from(rgba(0,0,0,0)),to(#000)); background-image: linear-gradient(to left,rgba(0,0,0,0) 0,#000 70%,#000 100%); position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .category #mvp-feat6-wrap .blured-background, .tag #mvp-feat6-wrap .blured-background { display: none !important; } #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 span.mvp-feat1-pop-head { border: 0; } h3.mvp-feat1-pop-head { float: left; margin-bottom: 15px; position: relative; width: 100%; } span.mvp-feat1-pop-head { font-family: 'Oswald',sans-serif !important; background: #2AB3E2; transform: none; padding: 4px 8px 5px 8px; font-weight: 500; color: #fff; display: inline-block; font-size: 1.1rem; line-height: 1; position: relative; text-transform: uppercase; z-index: 1; } #mvp-feat6-text h2 { font-family: 'tex_gyre_adventorbold',sans-serif !important; font-weight: 500; font-size: 2.8rem; color: #fff; float: left; letter-spacing: -.02em; line-height: 1; width: 100%; } #mvp-feat6-text p { font-family: 'PT Serif',sans-serif !important; font-weight: 300; font-size: 1.3rem; line-height: 1.1; color: #fff; float: left; margin-top: 20px; width: 100%;} .mvp-main-blog-out { width: 840px; margin : 0 auto; /* top: -30px; */ } .mvp-blog-story-wrap { margin-top: 20px; width: 400px; padding-left: 10px; padding-right: 10px; } .category ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .category ul.ud-grid-container .mvp-widget-feat1-top-story { width: 400px !important; } .category ul.ud-grid-container .mvp-mob-square-img { min-height: 240px !important; max-width: 240px !important; } .category .mvp-blog-story-list .udsidebar-title { margin-bottom: -7px !important; } #mvp-comments-button, .mvp-inf-more-wrap { margin-bottom: 30px; } .mvp-inf-more-wrap { margin-top: 30px; text-align: center; width: 100%; } a.mvp-inf-more-but { font-family: 'Roboto',sans-serif; 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; font-size: .8rem; font-weight: 500; letter-spacing: .02em; line-height: 1; padding: 15px 0; text-align: center; text-transform: uppercase; width: 70%; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } a.mvp-inf-more-but:hover { background: #000; color: #fff !important; } .mvp-nav-links { display: none !important; } .category #mvp-side-wrap { width: 1016px ; float: none; margin: 0 auto !important; margin-top: 100px !important; overflow: hidden; } .category .sidebar-line-top { width: 997px; margin-bottom: -17px; } .category .sidebar-line-bottom { width: 997px; margin-top: -10px; margin-bottom: -3px; } .category-books ul.ud-grid-container .mvp-widget-feat1-top-story { width: 400px !important; } .category-books .mvp-widget-feat1-top-text .udsidebar-title { font-family: 'tex_gyre_adventorbold',sans-serif !important; font-size: 1.2rem; font-weight: 500; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: -2px !important; width: 95% !important; line-height: 1; color: #030101; text-align: center; } .category-books .mvp-widget-feat1-top-text { position: relative; background-image: none !important; padding: 0px 0px 10px 0px; } #infscr-loading, #infscr-loading img { display: none !important; } /** END OF CATEGORY PAGE */ /** GENRE/TAG PAGE */ .tag #mvp-feat3-wrap { margin-bottom: 10px; width: 100%; } #posts-list-wrap { width: 840px; margin: 0 auto } .tag h1.mvp-post-title { font-size: 2rem; margin-bottom: 0; margin-top: 0; } .archive h1.mvp-post-title { text-align: left; font-weight: 500; margin-right: 0; width: 100%; } .tag .mvp-feat3-sub-img img {width:100%} .tag .mvp-feat3-sub-img .mvp-square-img { width: 296px; } .tag .mvp-feat3-sub-img .blured-background img.img-blured-background { position: inherit; } .tag .mvp-feat3-sub-story:hover .blured-background img.img-blured-background { filter: blur(5px) brightness(110%) !important; -webkit-filter: blur(5px) brightness(110%) !important; -moz-filter: blur(5px) brightness(110%) !important; -o-filter: blur(5px) brightness(110%) !important; -ms-filter: blur(5px) brightness(110%) !important; } .tag ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .tag ul.ud-grid-container .mvp-widget-feat1-top-story { width: 400px !important; } .tag ul.ud-grid-container .mvp-mob-square-img { min-height: 240px !important; max-width: 240px !important; } .tag #mvp-side-wrap { width: 1016px !important; float: none; margin: 0 auto !important; margin-top: 100px !important; overflow: hidden; } .tag .sidebar-line-top { width: 997px; } .tag .sidebar-line-bottom { width: 997px; } /* .tag #mvp-side-wrap .mvp-widget-feat1-top-story { width: -webkit-fill-available; } */ .tag #mvp-side-wrap .mvp-widget-feat1-top-story .mvp-mob-square-img { width: 206px; min-height: 206px !important; } /** END OF GENRE PAGE */ /** PAGE TEMPLATE */ .page #mvp-article-wrap { width: 1200px ; margin: 0 auto; } .page #mvp-post-head { text-align: center ; width: 1200px ; } .page h1.mvp-post-title { font-family: 'tex_gyre_adventorbold', sans-serif; font-weight: 500; font-size: 3.2rem; color: #08190f; letter-spacing: -.04em !important; line-height: 1; margin-right: 0%; width: 100% ; text-align: center; } .page #mvp-post-content { width: 728px !important; margin: 0 auto !important; } .page #mvp-side-wrap { width: 1016px !important; padding-top: 30px; float: none; margin: 0 auto !important; margin-top: -15px !important; overflow: hidden; } .page #mvp-side-wrap .three-column-module-content .mvp-mob-square-img { max-height: 206px; max-width: 206px; } .alternate-title-large-heading { font-family: 'tex_gyre_adventorbold',sans-serif !important; font-size: 2rem; margin-bottom: 25px; margin-left: -3px !important; } .twenty-pixel-gap { height: 20px } .force-below { clear: both; } /** END OF PAGE TEMPLATE */ /** UDISCOVER VIDEOS PAGE + CAMPAIGN BRANDS NEWS SECTION */ h3.red-box-page-top-title { font-family: 'Oswald',sans-serif !important; float: left; margin-bottom: 15px; position: relative; text-align: left; width: 100%; } span.red-box-page-top-title { background: #2AB3E2; color: #fff; border: 0; display: inline-block; font-size: 1.1rem; font-weight: 600; line-height: 1; padding: 4px 8px 5px 8px; position: relative; text-transform: uppercase; z-index: 1; } .mvp-widget-home:first-child { margin-top: 0; } .mvp-widget-feat2-left-cont, .mvp-widget-feat2-main, .mvp-widget-feat2-right-cont, .mvp-widget-feat2-wrap { width: 100%; } .mvp-widget-feat2-out { margin-right: -340px; width: 100%; } .mvp-widget-feat2-in { margin-right: 340px; } .mvp-widget-feat2-left-alt { float: right; margin: 0 0 0 2.325581395%; } .mvp-widget-feat2-left { width: 60.46511628%; } .mvp-feat1-feat-img { 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; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .mvp-widget-feat2-left-cont:hover .mvp-feat1-feat-img img { opacity: 1; filter: brightness(110%) !important; } .mvp-feat1-feat-text { padding: 100px 3.846153846% 20px; width: 92.4%; background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(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,.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,.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,.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,.9))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 100%); position: absolute; left: 0; bottom: 0; } .mvp-feat1-feat-text h2.mvp-stand-title { font-family: 'tex_gyre_adventorbold', sans-serif !important; font-weight: 500; font-size: 2.2rem; line-height: 1; letter-spacing: -.02em; margin-right: 0; text-transform: none; width: 100%; } .mvp-widget-feat2-left-cont .mvp-cat-date-wrap { display: none; } .mvp-feat1-feat-text h2 { color: #fff; float: left; } .mvp-feat1-feat-text p { font-family: 'PT Serif',sans-serif !important; font-size: 1.1rem; font-weight: 500; line-height: 1.1; color: #fff; float: left; margin-top: 8px; width: 100%; } .udvideos-page ul.ud-grid-container { display: grid; grid-template-columns: auto auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .udvideos-page ul.ud-grid-container .mvp-widget-feat1-top-story { width: 385px; } .udvideos-page ul.ud-grid-container .mvp-mob-square-img { height: 231px; width: 231px; } /** END OF UDISCOVER VIDEOS PAGE + CAMPAIGN BRANDS NEWS SECTION */ /** SEARCH PAGE */ .search #mvp-post-head { width: 100%; margin-bottom: 0px; } .search ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .search ul.ud-grid-container .mvp-widget-feat1-top-story { width: 400px !important; } .search ul.ud-grid-container .mvp-mob-square-img { min-height: 240px !important; max-width: 240px !important; } .search h1.mvp-post-title { width: 1200px; text-align: center; margin-bottom: 20px } .search #mvp-side-wrap { margin-top: 80px !important; } /** END OF SEARCH PAGE */ /** AUTHOR PAGE */ .author .mvp-widget-home-head { margin-bottom: -20px; margin-top: 20px } .author #mvp-post-head { width: 100%; margin-bottom: 0px; } .author .mvp-post-excerpt { margin-bottom: 20px } .author ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .author ul.ud-grid-container .mvp-widget-feat1-top-story { width: 400px !important; } .author ul.ud-grid-container .mvp-mob-square-img { min-height: 240px !important; max-width: 240px !important; } .author h1.mvp-post-title { width: 1200px; text-align: center; margin-bottom: 20px } .author #mvp-side-wrap { margin-top: 80px !important; } /** END OF AUTHOR PAGE */ /* MOBILE LESS THAN 480 PIXELS */ @media (max-width: 480px) { #mvp-main-nav-bot, .mvp-nav-soc-wrap, .mvp-nav-logo-reg, .mvp-drop-nav-title { display: none!important; } #mvp-search-box { margin: -50px 0 0 0!important; width: 80%!important; padding: 0 0 0 10%!important; left: 0!important; position: absolute; top: 50%; } #searchform input { font-size: 18px !important; height: 30px; border-bottom: 1px solid #2AB3E2 !important; } .mvp-search-but-wrap { top: 20px; right: 20px; position: absolute; width: 60px; height: 60px; cursor: pointer; } #mvp-main-nav-top { padding: 10px 0!important; height: 30px!important; z-index: 9999; } #mvp-nav-top-wrap { margin-top: 3px; } .mvp-nav-top-right-out { margin-right: -50px; width: 100%; } .mvp-nav-top-right-in { margin-right: 0!important; } .single .mvp-nav-small .mvp-nav-top-left { display: block; } .single .mvp-nav-small .mvp-nav-top-mid { margin-left: 60px; } .single .mvp-nav-small .udiscover-mobile-search { margin-right: 50px; } .mvp-nav-top-left-out { margin-left: -50px; float: right; width: 100%; } .mvp-nav-top-left { display: block; } #mvp-soc-mob-wrap, .mvp-nav-logo-small, .mvp-nav-top-left .mvp-fly-but-wrap { display: inline; } .mvp-nav-top-left-in { margin-left: 50px; } .mvp-nav-top-mid, .mvp-nav-top-wrap { height: 34px !important; left: -2px; } .udiscover-mobile-search #udiscover-search { margin-right: 2px; } .mvp-nav-small .mvp-nav-top-mid a, .mvp-nav-top-mid a, .single .mvp-nav-small .mvp-nav-top-mid a { left: 0; } .mvp-nav-top-mid img { margin-left: 0; height: 34px !important; } .mvp-nav-top-right { width: 50px; } .mvp-main-box { margin: 0 4.1666666666%; width: 91.6666666666%; height: 100%; } .main-header-ad { width: 100%; } #mvp-article-wrap { width: 100%; } h1.mvp-post-title { width: 100%; font-size: 2rem !important; margin-right: 0; margin-bottom: 15px !important; margin-top: 8px; } h2 { font-family: 'tex_gyre_adventorbold', sans-serif; font-size: 1.3rem ; margin: 0 0 3px 0 ; line-height: 1.3; letter-spacing: -0.02em; } #mvp-post-content-top, #mvp-post-content-bottom { width: 100%; } #mvp-content-main { width: 100%; overflow: hidden } #mvp-content-main .wp-caption { max-width: 100%; } .wp-caption-text { font-size: 14px !important; line-height: 1.3 !important; } .mvp-post-tags { width: 100%; } #comments { width: 100%; } .mvp-widget-feat1-cont, .mvp-widget-feat1-wrap { width: 100%; } .google-ad-center { width: 100% !important; } .google-ad-center-below-posts { width: 100% !important; } .single #mvp-main-body-wrap { padding-bottom: 0; margin-bottom: -10px; padding-top: 5px; } .main-header-ad { text-align: center; width: 320px; margin: 0 auto; padding-top: 5px; } .main-header-ad .google-advertisement-tag { text-align: right !important; } #mvp-post-head { margin-bottom: 15px; width: 100% } span.mvp-post-excerpt { margin-top: 10px; font-size: 1rem!important; width: 100% } .mvp-author-info-wrap { margin-top: 10px; } .mvp-author-info-text { font-size: 12px; margin-top: 10px; } .mvp-author-info-name { margin-top: 2px; } #mvp-post-content-top #mvp-post-feat-img, .mvp-post-add-img { margin-left: -4.5454545454%; width: 109.0909090909%; } #mvp-post-feat-img, .mvp-post-add-img { margin-bottom: 20px; } #mvp-post-feat-img { line-height: 0; text-align: center; } .mvp-post-feat-img-wide2 { z-index: 0; overflow: hidden; } .mvp-feat-caption { margin-top: -20px; padding-bottom: 15px; } #mvp-side-wrap { margin-top: -5px !important; } #mvp-side-wrap .udsidebar .mvp-widget-feat1-wrap { margin-top: 4px; } #mvp-side-wrap .udsidebar .mvp-widget-feat1-cont .three-column-module-box { width: 100%; min-width: 200px; margin: 0px; margin-bottom: -2px; } #mvp-side-wrap .three-column-module-content .mvp-widget-feat1-top-story { overflow: hidden; max-height: 206px; width: 100%; } #mvp-side-wrap .google-ad-center {height: 295px; } #mvp-side-wrap .sidebar-line-mobile-bottom-ad .google-ad-center {height: 342px; } .sidebar-line-top { margin-bottom: -24px; } .sidebar-line-bottom { margin-bottom: -24px; } #mvp-post-more-wrap { width: 100%; margin-bottom: 30px; margin-top: 10px;} #mvp-post-more-wrap .mvp-widget-home-title-background { margin-bottom: 10px !important; } .mvp-feat1-feat-text h2.mvp-stand-title, .mvp-feat3-main-text h2.mvp-stand-title { font-size: 1.8rem !important; } .feat1_widget_multi_3column_responsive .three-column-module-content .mvp-mob-square-img { max-height: 206px; max-width: 206px; box-shadow: 12px 0 25px -8px rgb(0 0 0 / 30%), -12px 0 28px -8px rgb(0 0 0 / 30%); } #mvp-home-widget-wrap { margin-bottom: 30px; } .mvp-feat2-bot a:first-child .mvp-feat2-bot-story, .mvp-widget-feat1-cont a:first-child .mvp-widget-feat1-bot-story, .mvp-widget-feat1-cont a:first-child .multi-3column-responsive .mvp-widget-feat1-top-story:first-child { margin-bottom: 2px; } .mvp-widget-feat1-top-story { margin: 0; margin-bottom: 4px; } .home .mvp-widget-feat1-top-img { overflow: hidden; max-height: 206px !important; } .mvp-widget-feat1-top-text { padding: 40px 9px 12px; width: 99%; } .category .mvp-widget-feat1-top-text .udsidebar-title { margin-bottom: -5px !important; } .mvp-feat2-bot-story, .mvp-widget-feat1-bot-story, .mvp-widget-feat1-top-story { margin: 15px 0 0 0; width: 100%; } .multi-3column-responsive .mvp-widget-feat1-wrap, .multi-3column-responsive .mvp-widget-feat1-cont { width: 100% !important; margin-top: 0px !important; left: 0px; } .multi-3column-responsive .mvp-widget-feat1-wrap .three-column-module-box { width: 100%; } .feat1_widget_multi_3column_responsive .mvp-widget-home-title-background { margin-bottom: 5px !important; } .multi-3column-responsive .mvp-widget-feat2-side-more-but { margin-top: -10px; margin-left: 5px; } .three-column-module-content .mvp-widget-feat1-top-story { height: 206px; } .feat1_widget_multi_2column_responsive .mvp-widget-home-title-background { margin-bottom: -7px !important; } #feat1_widget_multi_3column_responsive-container .mvp-main-box { margin: 0 auto ; width: 100%; } #feat1_widget_multi_3column_responsive-container .three-column-module-content .mvp-widget-feat1-top-text { padding: 40px 10px 11px; } .multi-3column-responsive .mvp-widget-feat1-wrap, .multi-3column-responsive .mvp-widget-feat1-cont { width: 100% !important; margin-top: -14px !important; } .multi-3column-responsive .three-column-module-box { margin-top: 3px ; margin-bottom: 10px ; } .multi-3column-responsive .mvp-widget-feat2-side-more-but { margin-top: -10px; margin-left: -3px; } .multi-3column-responsive .udsidebar-title { font-size: 1.2rem !important; } .page .feat1_widget_multi_3column_responsive span.mvp-widget-home-title { background: #232323; font-family: 'tex_gyre_adventorbold',sans-serif !important; padding-top: 3px; font-size: 1rem !important; } .multi-3column-responsive .mvp-widget-feat1-cont { margin-top: 10px !important; left: -5px } .multi-3column-responsive .mvp-widget-feat1-top-story:first-child { margin-left: 0px; margin-top: 0px; } .three-column-module-content .mvp-widget-feat1-top-story { margin-left: 0px !important; } /** HOME PAGE */ .home .mvp-widget-feat1-top-img .mvp-mob-square-img { width: 206px; } .home #mvp-feat3-wrap { margin: 20px 0 30px !important; } .mvp-feat3-main-wrap { margin-right: 1.612903226%; margin-top: 0; } .archive .mvp-widget-feat2-left-alt, .mvp-feat1-feat-wrap, .mvp-feat3-main-wrap, .mvp-feat4-main-img, .mvp-feat5-mid-main-img { margin: -15px 0 0 -4.5454545454%; width: 109.0909090909%; } .mvp-feat3-main-img { height: 390px; } .mvp-feat3-main-img img { min-width: 560px !important; } .mvp-feat3-main-text { padding: 75px 4.166666666% 20px; width: 91.7%; } /* .mvp-feat3-main-text h2 { display: none !important; } */ .mvp-feat3-sub-wrap { width: 100%; margin-top: 3px; } .mvp-feat3-sub-wrap a:first-child .mvp-feat3-sub-story { margin-top: 15px; } .mvp-feat3-sub-story { max-height: none; width: 100% !important; margin-top: 19px; } .home .mvp-feat3-sub-img { min-height: 216px; height: auto; } .mvp-feat3-sub-text { padding: 50px 4.5454545454% 20px; width: 91%; } .mvp-feat3-sub-text h2 { margin-right: 0; width: 100%; } .mvp-feat3-sub-text h2, .mvp-widget-feat1-top-text h2 { font-size: 1.2rem !important; margin-bottom: -9px; margin-left: -7px; } .home .feat1_widget_multi_column_responsive .mvp-widget-home-head { margin-bottom: -28px; } .home .feat1_widget_multi_column_responsive .mvp-widget-home-title-background { margin-bottom: 0px; } .widgetthreecol ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 1px; padding: 20px 0.5% 0px 0.5%; } .widgetthreecol ul.ud-grid-container .mvp-widget-feat1-top-story { width: 91vw; } .widgetthreecol ul.ud-grid-container .mvp-mob-square-img { height: 231px; width: 231px; } .widgettwocol ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 1px; padding: 20px 0.5% 0px 0.5%; } .widgettwocol ul.ud-grid-container .mvp-widget-feat1-top-story { width: 91vw; } .widgettwocol ul.ud-grid-container .mvp-mob-square-img { height: 231px; width: 231px; } .widgettwocol .mvp-widget-feat1-top-text .udsidebar-title { font-size: 1.2rem; } .home .feat1_widget_multi_column_responsive .mvp-widget-feat2-side-more-but { margin-top: 4px; margin-bottom: 15px } .home .sidebar-line-top { width: 100%; } .home .sidebar-line-bottom { width: 100%; margin-bottom: -16px; } .sidebar-line-top { border-bottom: 1px solid #ffffff !important; } .sidebar-line-bottom { border-bottom: 1px solid #ffffff !important; } #feat1_widget_multi_column_responsive-5 .mvp-widget-feat2-side-more-but, #feat1_widget_multi_column_responsive-6 .mvp-widget-feat2-side-more-but, #feat1_widget_multi_column_responsive-9 .mvp-widget-feat2-side-more-but, #feat1_widget_multi_column_responsive-12 .mvp-widget-feat2-side-more-but { margin-left: 4px; } #feat1_widget_multi_2column_dark_responsive-2 { margin-top: 20px; } #feat1_widget_multi_2column_dark_responsive-2 .mvp-widget-home-title-background { margin-top: -10px; margin-bottom: -1px !important; } .multi-2column-responsive .mvp-widget-feat2-side-more-but { margin-top: 10px; } #feat1_widget_child_4_new_in_store_large_responsive-2 { margin-bottom: 25px } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat1-wrap, .multi-2column-responsive .mvp-widget-feat1-cont { width: 100% !important; margin-top: 0px !important; left: 0px; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat1-wrap .three-column-module-box { width: 100%; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat1-cont { margin-top: -25px; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat1-top-story { margin: 0 auto; width: 100%; margin-bottom: 15px; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-home-title-background { margin-bottom: 34px !important; } #feat1_widget_child_4_new_in_store_large_responsive-2 .udsidebar-title { font-size: 1.2rem; margin-bottom: -9px; margin-left: 0px; } #feat1_widget_child_4_new_in_store_large_responsive-2 .new-in-store-second-row { margin-top: 0px; margin-bottom: -20px; } #feat1_widget_child_4_new_in_store_large_responsive-2 .mvp-widget-feat2-side-more-but { margin-top: -12px; margin-left: 5px; } /** END OF HOME PAGE */ /** GENRE/TAG PAGE */ .mvp-main-blog-wrap { margin: 0 auto ; } .tag #mvp-feat3-wrap {margin-bottom: 10px; } .tag #mvp-feat3-wrap .mvp-main-box { margin: 0 auto ; width: 100%; } .tag .mvp-feat3-sub-story { /* min-width: 358px; */ min-height: 206px; margin-top: 16px; } .tag .mvp-feat3-sub-img { min-height: 206px; height: auto; } .tag .mvp-feat3-sub-wrap { margin-bottom: -9px; } .tag .mvp-feat3-sub-img .mvp-square-img { width: 206px; } .mvp-main-blog-out { width: 100%; } .mvp-blog-story-wrap { margin-top: 0px; width: 100%; padding-left: 0px; padding-right: 0px; } .tag .ud-grid-box { width: 100%; } .tag #posts-list-wrap { width: 100% } .tag ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 0px; padding: 0px 1% 0px 1%; justify-content: center; } .tag ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .tag ul.ud-grid-container .mvp-mob-square-img { min-height: 210px !important; max-width: 210px !important; } .archive h1.mvp-post-title { text-align: left; font-weight: 500; margin-right: 0; width: 100%; margin-top: -5px; padding-bottom: 10px; } .tag h1.mvp-post-title { font-size: 2rem; margin-bottom: 0; margin-top: 0; } .tag .mvp-widget-feat1-top-img { max-height: 206px; } .tag .mvp-widget-feat1-top-text { width: 95% ; } .tag #mvp-side-wrap { width: 100% !important; float: none; margin: 0 auto !important; margin-top: 90px !important; overflow: hidden; } .tag .sidebar-line-top { width: 100%; margin-bottom: -22px; } .tag .sidebar-line-bottom { width: 100%; margin-bottom: -22px; } .tag #mvp-side-wrap .udsidebar .mvp-widget-feat1-cont .three-column-module-box { width: 100%; min-width: 200px; margin: 0px; margin-bottom: -2px; } .tag #mvp-side-wrap .udsidebar .mvp-widget-feat1-cont .three-column-module-box:last-child { margin-bottom: 0px; } /** END OF GENRE/TAG PAGE */ /** GENRES PAGE */ #feat1_widget_multi_3column_responsive-container .mvp-main-box { margin: 0 auto ; width: 100%; } #feat1_widget_multi_3column_responsive-container .three-column-module-content .mvp-widget-feat1-top-text { padding: 40px 10px 11px; } .udgenres-page ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 0px; padding: 0px 1% 0px 1%; justify-content: center; } .udgenres-page ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .udgenres-page ul.ud-grid-container .mvp-mob-square-img { min-height: 210px !important; max-width: 210px !important; } /** END OF GENRES PAGE */ /** CATEGORY PAGE */ #mvp-feat6-wrap { margin: 0 0 11px -20px !important; width: 113% !important; background: #000; overflow: hidden; } #mvp-feat6-img { width: 100%; } #mvp-feat6-img img { margin-right: 0 !important; margin-top: 0 !important; object-fit: contain !important; height: 100% !important; float: right; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } #mvp-feat6-img:after { background-image: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,#000 100%); background-image: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,#000 100%); background-image: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,#000 100%); background-image: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,#000 100%); background-image: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),to(#000)); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,#000 100%); top: auto; bottom: 0; width: 100%; height: 50%; } #mvp-feat6-text { float: left; margin-top: -120px !important; padding: 0 4.16666666% 20px; position: relative; top: auto; left: auto; width: 91.66666666%; } #mvp-feat6-text h2 { font-size: 2rem !important; } #mvp-feat6-text p { display: none !important; } .category #posts-list-wrap { width: 100%; } .category ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 0px; padding: 0px 1% 0px 1%; justify-content: center; } .category ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .category ul.ud-grid-container .mvp-mob-square-img { min-height: 210px !important; max-width: 210px !important; } .category .mvp-widget-feat1-top-text { padding: 40px 10px 19px; width: auto; } .category-books .mvp-widget-feat1-top-text { padding: 0px 5px 19px 5px; width: 100%; } .category-books .mvp-widget-feat1-top-text .udsidebar-title { font-size: 1.1rem; width: 100% !important; } .category .mvp-widget-feat1-top-img img { max-height: 206px; } .category .mvp-blog-story-list { margin-top: -10px; } .category #mvp-side-wrap { width: 100%; padding-bottom: 30px; } .category .sidebar-line-top { width: 100%; } .category .sidebar-line-bottom { width: 100%; } /** END OF CATEGORY PAGE */ /** TAG PAGE */ .tag #mvp-side-wrap { width: 100%; padding-bottom: 30px; } .tag .sidebar-line-top { width: 100%; } .tag .sidebar-line-bottom { width: 100%; } .tag #mvp-feat6-wrap { margin: 0 0 0px -20px !important; } /** END OF TAG PAGE */ /** PAGE TEMPLATE */ .page #mvp-post-head { width: 100%; } .page #mvp-content-main { width: 90%; } .page #mvp-article-wrap { width: 100% ; margin: 0 auto; } .page #mvp-feat3-wrap { margin: 5px 0 30px !important; } .page .mvp-feat3-main-wrap { margin-right: 1.612903226%; margin-top: 0; } .page .mvp-feat3-main-img { height: 390px; } .page .mvp-feat3-main-img img { min-width: 560px !important; } .page .mvp-feat3-main-text { padding: 75px 4.166666666% 20px; width: 91.7%; } .page .mvp-feat1-feat-text h2.mvp-stand-title, .mvp-feat3-main-text h2.mvp-stand-title { font-size: 1.8rem !important; } .page .mvp-feat3-main-text h2 { margin-right: 0; width: 100%; } .page .mvp-feat3-main-text p { display: none !important; } .page .mvp-feat3-sub-wrap { width: 100%; margin-top: 3px; } .page .mvp-feat3-sub-wrap a:first-child .mvp-feat3-sub-story { margin-top: 13px; } .page .mvp-feat3-sub-story { max-height: 198px; width: 100% !important; margin-top: 17px; } .page .mvp-feat3-sub-img { min-height: 216px; height: auto; } .page .mvp-feat3-sub-text { padding: 50px 4.5454545454% 20px; width: 91%; } .page .mvp-feat3-sub-text h2 { margin-right: 0; width: 100%; } .page .mvp-feat3-sub-text h2, .page .mvp-widget-feat1-top-text h2 { font-size: 1.2rem !important; margin-bottom: -9px; margin-left: -7px; } .page .feat1_widget_multi_3column_responsive .three-column-module-content .mvp-mob-square-img { max-height: 206px; max-width: 206px; box-shadow: 12px 0 25px -8px rgb(0 0 0 / 30%), -12px 0 28px -8px rgb(0 0 0 / 30%); } .page #mvp-home-widget-wrap { margin-bottom: 30px; } .page .mvp-feat2-bot a:first-child .mvp-feat2-bot-story, .page .mvp-widget-feat1-cont a:first-child .mvp-widget-feat1-bot-story, .page .mvp-widget-feat1-cont a:first-child .multi-3column-responsive .mvp-widget-feat1-top-story:first-child { margin-bottom: 2px; } .page .mvp-widget-feat1-top-story { margin: 0; margin-bottom: 4px; } .page .mvp-widget-feat1-top-img { overflow: hidden; max-height: 206px !important; } .page .mvp-widget-feat1-top-text { padding: 40px 9px 12px; width: 99%; } .page .mvp-feat2-bot-story, .page .mvp-widget-feat1-bot-story, .page .mvp-widget-feat1-top-story { margin: 15px 0 0 0; width: 91vw; } .page .multi-3column-responsive .mvp-widget-feat1-wrap, .page .multi-3column-responsive .mvp-widget-feat1-cont { width: 100% !important; margin-top: 0px !important; left: 0px; } .page .multi-3column-responsive .mvp-widget-feat1-wrap .three-column-module-box { width: 100%; } .page .feat1_widget_multi_3column_responsive .mvp-widget-home-title-background { margin-bottom: 5px !important; } .page .multi-3column-responsive .mvp-widget-feat2-side-more-but { margin-top: -10px; margin-left: 5px; } .page .three-column-module-content .mvp-widget-feat1-top-story { height: 206px; } .page .mvp-widget-feat1-top-img .mvp-mob-square-img { width: 206px; height: 206px; } .page .mvp-main-box { margin: 0 4.1666666666% !important; width: 91.6666666666% !important; } .page #mvp-post-content { width: 100% !important; margin: 0 auto !important; } .page #mvp-side-wrap { width: auto !important; padding-bottom: 30px; padding: 4% 4% 0% 4%; } .page .alternate-title-large-heading { font-family: 'tex_gyre_adventorbold',sans-serif !important; font-size: 1.6rem; margin-bottom: 25px; margin-left: 0px !important; } .page #mvp-side-wrap .three-column-module-content .mvp-mob-square-img { max-height: 206px; max-width: 206px; } /** END OF PAGE TEMPLATE */ /** PAGE FULL - WIDTH TEMPLATE */ .page-template-page-fullwidth #mvp-content-main { width: 100%; } #ud-artist-page-list { float: left; width: 100%; } .ud-artist-page-columns { -moz-column-width: 10em; -webkit-column-width: 10em; column-width: 10em; } .ud-artist-page-columns ul li { padding: 0 0 11px 0 !important; } .page-template-page-fullwidth #mvp-content-wrap { width: 100%; } /** END OF PAGE FULL - WIDTH TEMPLATE */ /** UDISCOVER VIDEOS PAGE + CAMPAIGN BRANDS NEWS SECTION */ .udvideos-page ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 0px; padding: 0px 1% 0px 1%; justify-content: center; } .udvideos-page ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .udvideos-page ul.ud-grid-container .mvp-mob-square-img { min-height: 210px !important; max-width: 210px !important; } /** END OF UDISCOVER VIDEOS PAGE + CAMPAIGN BRANDS NEWS SECTION */ /** SEARCH PAGE */ .search h1.mvp-post-title { width: 100%; } .search #posts-list-wrap { width: 100%; } .search ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 0px; padding: 0px 1% 0px 1%; justify-content: center; } .search ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .search ul.ud-grid-container .mvp-mob-square-img { min-height: 210px !important; max-width: 210px !important; } .search .mvp-widget-feat1-top-text { width: -webkit-fill-available; } .search .mvp-widget-feat1-top-img img { max-height: 206px; } /** END OF SEARCH PAGE */ /** AUTHOR PAGE */ .author h1.mvp-post-title { width: 100%; } .author #posts-list-wrap { width: 100%; } .author ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 0px; padding: 0px 1% 0px 1%; justify-content: center; } .author ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .author ul.ud-grid-container .mvp-mob-square-img { min-height: 210px !important; max-width: 210px !important; } .author .mvp-widget-feat1-top-text { width: -webkit-fill-available; } .author .mvp-widget-feat1-top-img img { max-height: 206px; } /** END OF AUTHOR PAGE */ } /* END OF MOBILE LESS THAN 480 PIXELS */ /* TABLET 480 - 819 PIXELS */ @media (min-width: 481px) and (max-width: 819px) { .main-header-ad { width: 100%; } #mvp-article-wrap { width: 100%; } h1.mvp-post-title { width: 100%; font-size: 2rem !important; margin-right: 0; margin-bottom: 8px !important; margin-top: -5px; } h2 { font-family: 'tex_gyre_adventorbold', sans-serif; font-size: 1.3rem ; margin: 0 0 3px 0 ; line-height: 1.3; letter-spacing: -0.02em; } #mvp-post-content-top, #mvp-post-content-bottom { width: 100%; } #mvp-content-main { width: 100%; overflow: hidden; margin-top: 528px !important; } #mvp-content-main .wp-caption { max-width: 100%; } .wp-caption-text { font-size: 14px !important; line-height: 1.3 !important; } .mvp-post-tags { width: 100%; } #comments { width: 100%; } .mvp-widget-feat1-cont, .mvp-widget-feat1-wrap { width: 100%; } .google-ad-center { width: 100% !important; } .google-ad-center-below-posts { width: 100% !important; } .mvp-nav-logo-small img { width: 230px !important; height: 34px !important; margin-top: -3px !important; } #mvp-main-nav-top { padding: 10px 0 !important; height: 30px; } .mvp-main-box { margin: 0 2.60416666666%; width: 94.7916666666%; } #mvp-main-nav-top .mvp-main-box { width: 100%; } .mvp-nav-top-right-out { margin-right: -50px; } .mvp-nav-top-right-in { margin-right: 50px; } .single .mvp-nav-small .mvp-nav-top-left { display: block; } .single .mvp-nav-small .mvp-nav-top-mid { margin-left: 32%; } .single .mvp-nav-small .udiscover-mobile-search { margin-right: 39%; } .mvp-nav-top-left-out { margin-left: -50px; } .mvp-nav-top-left { display: block; } #mvp-wallpaper, .mvp-nav-soc-wrap, .mvp-fly-top, .mvp-feat1-mid-wrap .mvp-cd-date, .mvp-widget-feat2-right .mvp-cd-date, .mvp-widget-dark-sub-text .mvp-cd-date, .mvp-widget-feat1-bot-story .mvp-cd-date, ul.mvp-post-more-list li .mvp-cd-date, .mvp-feat2-top-text .mvp-cd-date, .mvp-widget-feat1-bot-text p, .mvp-drop-nav-title, .mvp-post-soc-wrap, span.mvp-video-close, .mvp-nav-logo-reg, #mvp-nav-small-wrap .mvp-nav-menu, .mvp-woo-cart-wrap, .mvp-feat5-small-main-text p { display: none !important; } #mvp-soc-mob-wrap, .mvp-nav-logo-small, .mvp-nav-top-left .mvp-fly-but-wrap { display: inline; } .mvp-nav-top-left-in { margin-left: 50px; } .mvp-nav-top-wrap, .mvp-nav-top-mid { height: 30px !important; } .mvp-nav-top-mid { overflow: inherit; } .mvp-nav-top-mid a, .mvp-nav-small .mvp-nav-top-mid a, .single .mvp-nav-small .mvp-nav-top-mid a { left: 0; } .mvp-nav-top-mid img { margin-left: 0; height: 100%; } #mvp-main-nav-bot { border-bottom: none; display: none !important; height: 0; } .udiscover-mobile-search { margin-top: -12px; margin-right: -2px; } .udiscover-mobile-search #udiscover-search { max-height: 22px !important; margin-right: -30%; margin-top: 18px } #mvp-search-box { left: 40%; width: 70%; } #searchform input { font-size: 32px; } #mvp-post-head { margin-bottom: 30px; width: 100%; } #mvp-post-more-wrap { width: 100%; } .three-column-module-box { width: 320px; min-width: 330px; margin-right: 5px; margin-left: 5px; } .three-column-module-content .mvp-widget-feat1-top-story { height: 206px; } .multi-3column-responsive .mvp-widget-feat1-cont { margin-top: 10px !important; left: 0px; } .multi-3column-responsive .three-column-module-box { margin-top: 13px; margin-bottom: 10px; } .multi-3column-responsive .mvp-widget-feat2-side-more-but { margin-top: -5px; margin-bottom: -20px; margin-left: -3px; } .sidebar-line-top { border-bottom: 1px solid #ffffff !important; } .sidebar-line-bottom { border-bottom: 1px solid #ffffff !important; } #mvp-post-more-wrap .mvp-main-box { width: 100%; margin: 0 } #mvp-side-wrap .three-column-module-content .mvp-widget-feat1-top-story, #mvp-post-more-wrap .three-column-module-content .mvp-widget-feat1-top-story { width: 320px; } .feat1_widget_multi_3column_responsive .mvp-widget-home-title-background { margin-bottom: 0px !important; } .mvp-feat3-main-img { height: 500px; } .mvp-feat3-sub-img { height: 240px; } .mvp-feat3-main-text h2, .mvp-feat3-main-text h2.mvp-stand-title { font-size: 2.2rem; } .mvp-feat3-main-text { padding: 100px 11px 16px; } .mvp-feat3-sub-text { padding: 100px 14px 11px; } .ud-grid-container { grid-template-columns: auto auto !important; gap: 20px; padding: 20px 6% 0px 6% !important; } .widgetthreecol ul.ud-grid-container { display: grid; gap: 22px; grid-template-columns: auto; } .widgetthreecol ul.ud-grid-container .mvp-widget-feat1-top-story { width: 590px; height: auto; min-height: 100%; } .widgetthreecol ul.ud-grid-container .mvp-mob-square-img { height: 354px; width: auto; } .widgettwocol ul.ud-grid-container { display: grid; gap: 22px; grid-template-columns: auto; } .widgettwocol ul.ud-grid-container .mvp-widget-feat1-top-story { width: 590px; height: auto; min-height: 100%; } .widgettwocol ul.ud-grid-container .mvp-mob-square-img { height: 354px; width: auto; } .feat1_widget_multi_2column_dark_responsive .mvp-mob-square-img { width: 212px; height: 212px; } .multi-column-responsive .mvp-widget-feat2-side-more-but { margin-top: 14px; } .multi-2column-responsive .mvp-widget-feat2-side-more-but { margin-top: 10px; margin-left: -1px; } .multi-2column-responsive .udsidebar-title, #feat1_widget_child_4_new_in_store_large_responsive-2 .udsidebar-title { font-size: 1.2rem; } .tag ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .tag ul.ud-grid-container .mvp-widget-feat1-top-story { width: 400px !important; } .tag ul.ud-grid-container .mvp-mob-square-img { min-height: 240px !important; max-width: 240px !important; } .tag .mvp-widget-feat1-top-img img { min-height: 198px; } .tag .mvp-feat3-sub-img img { height: 240px; } .tag #mvp-side-wrap, .tag .sidebar-line-top, .tag .sidebar-line-bottom { width: 100% !important; } .category ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .category ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .category ul.ud-grid-container .mvp-mob-square-img { min-height: 240px !important; max-width: 240px !important; } .category .mvp-widget-feat1-top-img img { min-height: 198px; } .category #mvp-side-wrap, .category .sidebar-line-top, .category .sidebar-line-bottom { width: 100% !important; } #mvp-feat6-text h2 {font-size: 2.2rem;} #mvp-feat6-text { left: 30px; width: 52% } .category #mvp-feat6-img img { height: 290px !important; } .udgenres-page ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .udgenres-page ul.ud-grid-container .mvp-widget-feat1-top-story { width: 400px !important; } .udgenres-page ul.ud-grid-container .mvp-mob-square-img { min-height: 240px !important; max-width: 240px !important; } .udvideos-page ul.ud-grid-container { display: grid; grid-template-columns: auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .udvideos-page ul.ud-grid-container .mvp-widget-feat1-top-story { width: 400px !important; } .udvideos-page ul.ud-grid-container .mvp-mob-square-img { min-height: 240px !important; max-width: 240px !important; } .page #mvp-content-main { width: 95% } .page #mvp-post-head { text-align: center; width: 100%; } .page #mvp-article-wrap, .page #mvp-post-content, .page #mvp-side-wrap, .page #mvp-content-wrap { width: 100% !important; } .page h1.mvp-post-title { margin-bottom: 0px !important } .page #mvp-side-wrap .three-column-module-box:last-child { display: inline-block; } .page-template-page-fullwidth #mvp-content-main { width: 100%; } .page #feat1_widget_multi_3column_responsive-container .mvp-mob-square-img { width: 206px; } .alternate-title-large-heading { margin-left: 0px !important; } .search h1.mvp-post-title { width: 100%; margin-bottom: 0px !important; } .search ul.ud-grid-container { display: grid; grid-template-columns: auto auto !important; gap: 16px; padding: 20px 6% 0px 6% !important; justify-content: center; } .search ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .search ul.ud-grid-container .mvp-mob-square-img { min-height: 210px !important; max-width: 210px !important; } .author .mvp-main-blog-out { width: 100% } .author h1.mvp-post-title { width: 100%; margin-bottom: 0px !important; } .author ul.ud-grid-container { display: grid; grid-template-columns: auto auto !important; gap: 16px; padding: 20px 6% 0px 6% !important; justify-content: center; } .author ul.ud-grid-container .mvp-widget-feat1-top-story { width: 350px !important; } .author ul.ud-grid-container .mvp-mob-square-img { min-height: 210px !important; max-width: 210px !important; } #mvp-404 h1 { font-size: 3rem !important; } } /* END OF TABLET 480 - 819 PIXELS */ /* TABLET 820 - 1230 PIXELS */ @media (min-width: 820px) and (max-width: 1229px) { #mvp-main-body-wrap { margin-top: 120px !important; } .home #mvp-main-body-wrap { margin-top: 0px !important; } #mvp-article-wrap { width: 100%; } h1.mvp-post-title { width: 100%; font-size: 2.6rem !important; margin-right: 0; margin-bottom: 8px !important; margin-top: -60px; } .mvp-author-info-wrap { margin-top: 0px; } h2 { font-family: 'tex_gyre_adventorbold', sans-serif; font-size: 1.3rem ; margin: 0 0 3px 0 ; line-height: 1.3; letter-spacing: -0.02em; } #mvp-post-content-top, #mvp-post-content-bottom { width: 100%; } #mvp-content-main { width: 100%; overflow: hidden } #mvp-content-main .wp-caption { max-width: 100%; } .wp-caption-text { font-size: 14px !important; line-height: 1.3 !important; } .mvp-post-tags { width: 100%; } #comments { width: 100%; } .mvp-widget-feat1-cont, .mvp-widget-feat1-wrap { width: 100%; } .google-ad-center { width: 100% !important; } .google-ad-center-below-posts { width: 100% !important; } #mvp-main-nav-top { padding: 10px 0 !important; height: 30px; background: transparent ; } .mvp-main-box { margin: 0 2.60416666666%; width: 94.7916666666%; } #mvp-main-nav-top .mvp-main-box { width: 100%; margin-top: -25px; } .mvp-nav-top-right-out { margin-right: -50px; } .mvp-nav-top-right-in { margin-right: 50px; } .mvp-nav-top-left-out { margin-left: -50px; } .mvp-nav-bot-left { margin: 10px 0; } #mvp-main-nav-bot-cont { margin-top: -25px; } .mvp-nav-menu { margin-top: 45px !important; } #mvp-feat3-wrap { margin-top: 55px; } .mvp-fixed, .mvp-fixed1, .mvp-fixed2 { background: #fff !important; } .mvp-fixed1 #menu-top-menu { margin-top: -22px !important; } .mvp-nav-small .mvp-nav-top-mid { margin-top: 24px; } .single .mvp-nav-small .mvp-nav-top-left { display: block; } .single .mvp-nav-small .mvp-nav-top-mid { margin-left: 36%; } .mvp-nav-small .mvp-nav-top-mid img { height: 34px !important; margin-top: -1px !important; } .mvp-fixed1 .mvp-nav-bot-left { margin-top: 40px; } .mvp-fixed1 #udiscover-search { margin-top: 36px; } .mvp-nav-top-left .mvp-fly-but-wrap { display: none !important; } #mvp-wallpaper, .mvp-nav-soc-wrap, .mvp-fly-top, .mvp-feat1-mid-wrap .mvp-cd-date, .mvp-widget-feat2-right .mvp-cd-date, .mvp-widget-dark-sub-text .mvp-cd-date, .mvp-widget-feat1-bot-story .mvp-cd-date, ul.mvp-post-more-list li .mvp-cd-date, .mvp-feat2-top-text .mvp-cd-date, .mvp-widget-feat1-bot-text p, .mvp-drop-nav-title, .mvp-post-soc-wrap, span.mvp-video-close, #mvp-nav-small-wrap .mvp-nav-menu, .mvp-woo-cart-wrap, .mvp-feat5-small-main-text p { display: none !important; } #mvp-soc-mob-wrap, .mvp-nav-logo-small, .mvp-nav-top-left .mvp-fly-but-wrap { display: inline; } .mvp-nav-top-left, .mvp-nav-top-right { position: absolute; top: 0; bottom: 0; width: 0px !important; height: 100%; } .mvp-nav-top-mid { overflow: inherit; } .mvp-nav-top-mid a, .mvp-nav-small .mvp-nav-top-mid a, .single .mvp-nav-small .mvp-nav-top-mid a { left: 0; } .mvp-nav-top-mid img { margin-left: 0; height: 100%; } #mvp-main-nav-bot { border-bottom: none; display: inline !important; height: 0; margin-top: 0px; } .main-header-ad { width: 100%; margin-top: 10px !important; margin-bottom: 0px !important; } .mvp-nav-top-left { display: none; } .udiscover-mobile-search { display: none !important; } #udiscover-search { margin-top: 10px; } .mvp-nav-logo-small { display: none} .mvp-nav-top-wrap, .mvp-nav-top-mid { height: 40px !important; } .mvp-nav-top-left-in { margin-left: 0px; } .udiscover-mobile-search { margin-top: -12px; margin-right: -2px; } .udiscover-mobile-search #udiscover-search { max-height: 22px !important; margin-right: -30%; } #mvp-search-box { left: 40%; width: 70%; } #searchform input { font-size: 32px; } #udiscover-search:hover { cursor: pointer; filter: opacity(75%); } #mvp-post-head { margin-bottom: 30px; width: 100%; } #mvp-post-more-wrap { width: 100%; } #mvp-post-more-wrap .mvp-main-box { width: 100%; margin: 0 } #mvp-side-wrap .three-column-module-content .mvp-widget-feat1-top-story, #mvp-post-more-wrap .three-column-module-content .mvp-widget-feat1-top-story { width: 320px; } #mvp-post-more-wrap .three-column-module-box { min-width: 320px; } #mvp-post-more-wrap .feat1_widget_multi_3column_responsive .mvp-widget-home-title-background { margin-bottom: 10px !important; } .three-column-module-content .mvp-widget-feat1-top-story { height: 206px; } .mvp-widget-feat1-top-img .mvp-mob-square-img { max-width: 206px; } .feat1_widget_multi_3column_responsive .mvp-widget-home-title-background { margin-bottom: 0px !important; } .udiscover-music-logo { width: 395px !important; height: 50px !important; margin-top: 29px; } .mvp-nav-menu ul li { margin-left: -12px; } .mvp-nav-menu ul li a { padding: 18px 13px; font-size: 13px !important; } .TDIM-Birthday-No1-jukebox-text { text-align: center; } .tdim-flags-container { margin: 0 auto; } .sidebar-line-top { border-bottom: 1px solid #ffffff !important; } .sidebar-line-bottom { border-bottom: 1px solid #ffffff !important; } .home #mvp-side-wrap ul.widgetthreecol { width: 80%; margin: auto; } .home .multi-2column-responsive .mvp-widget-feat1-cont .mvp-mob-square-img { max-width: 280px; max-height: 280px; } .home .mvp-mob-square-img { max-width: 282px; max-height: 282px; } .home #feat1_widget_multi_3column_responsive-3 .three-column-module-box { width: 40%; } .widgetthreecol ul.ud-grid-container { display: grid; gap: 22px; grid-template-columns: auto; } .widgetthreecol ul.ud-grid-container .mvp-widget-feat1-top-story { width: 590px; height: auto; min-height: 100%; } .widgetthreecol ul.ud-grid-container .mvp-mob-square-img { height: 354px; width: auto; } .widgettwocol ul.ud-grid-container { display: grid; gap: 22px; grid-template-columns: auto; } .widgettwocol ul.ud-grid-container .mvp-widget-feat1-top-story { width: 590px; height: auto; min-height: 100%; } .widgettwocol ul.ud-grid-container .mvp-mob-square-img { height: 354px; width: auto; } .feat1_widget_multi_2column_dark_responsive .mvp-mob-square-img { width: 212px; height: 212px; } .multi-column-responsive .mvp-widget-feat2-side-more-but { margin-top: 14px; } .multi-2column-responsive .mvp-widget-feat2-side-more-but { margin-top: -10px } .multi-3column-responsive .mvp-widget-feat2-side-more-but { margin-top: -5px; } .multi-2column-responsive .udsidebar-title, #feat1_widget_child_4_new_in_store_large_responsive-2 .udsidebar-title { font-size: 1.2rem; } .multi-2column-responsive .mvp-widget-feat1-top-story { width: 48.3%; max-height: 206px; } .ud-grid-container { padding: 20px 20% 0px 20%; } #mvp-feat6-text h2 { font-size: 2.4rem; } .tag .ud-grid-box { width: 100% } .tag ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .tag ul.ud-grid-container .mvp-widget-feat1-top-story { width: 380px !important; } .tag ul.ud-grid-container .mvp-mob-square-img { min-height: 228px !important; max-width: 228px !important; } .tag #mvp-side-wrap, .tag .sidebar-line-top, .tag .sidebar-line-bottom { width: 100% !important; } .udgenres-page ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .udgenres-page ul.ud-grid-container .mvp-widget-feat1-top-story { width: 380px !important; } .udgenres-page ul.ud-grid-container .mvp-mob-square-img { min-height: 228px !important; max-width: 228px !important; } .category ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .category ul.ud-grid-container .mvp-widget-feat1-top-story { width: 380px !important; } .category ul.ud-grid-container .mvp-mob-square-img { min-height: 228px !important; max-width: 228px !important; } .category #mvp-side-wrap, .category .sidebar-line-top, .category .sidebar-line-bottom { width: 100% !important; } .udvideos-page ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .udvideos-page ul.ud-grid-container .mvp-widget-feat1-top-story { width: 380px !important; } .udvideos-page ul.ud-grid-container .mvp-mob-square-img { min-height: 228px !important; max-width: 228px !important; } .page #mvp-content-main { width: 95% } .page #mvp-post-head { text-align: center; width: 100%; } .page #mvp-article-wrap, .page #mvp-post-content, .page #mvp-side-wrap, .page #mvp-content-wrap { width: 100% !important; } .page .mvp-feat3-sub-img img, .tag .mvp-feat3-sub-img img { min-width: 500px; } .page-template-page-fullwidth #mvp-content-main { width: 100%; } .alternate-title-large-heading { margin-left: 0px !important; } .search h1.mvp-post-title { width: 100%; margin-bottom: 0px !important; } .search ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .search ul.ud-grid-container .mvp-widget-feat1-top-story { width: 380px !important; } .search ul.ud-grid-container .mvp-mob-square-img { min-height: 228px !important; max-width: 228px !important; } .author .mvp-main-blog-out { width: 100% } .author h1.mvp-post-title { width: 100%; margin-bottom: 0px !important; } .author ul.ud-grid-container { display: grid; grid-template-columns: auto auto; gap: 16px; padding: 20px 4% 0px 4%; justify-content: center; } .author ul.ud-grid-container .mvp-widget-feat1-top-story { width: 380px !important; } .author ul.ud-grid-container .mvp-mob-square-img { min-height: 228px !important; max-width: 228px !important; } #mvp-404 h1 { font-size: 3rem !important; } } /* END OF TABLET 820 - 1230 PIXELS */