.rightButton { margin-left: 16px; } .mdc-button--premium { box-shadow: inset 0 0 0 1px #5050cc; background-color: #5050cc; } .colorWhiteText { color: #ffff; } .today__recommended-topic { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 2px; color: #5e5e5e; display: inline-block; font-family: UniversNextMorningStarW04, Univers, HelveticaNeue, "Helvetica Neue", Helvetica, PingFangTC, "Microsoft JhengHei", Arial, sans-serif; font-weight: 300; margin-left: 8px; min-width: -webkit-max-content; min-width: max-content; outline: 0; overflow: visible; padding: 8px; position: relative; text-align: center; transition: color .3s,box-shadow .3s; text-decoration: none; } .today__recommended-title { font-weight: 600; } .today__recommended-container { margin: 6px auto 0 auto; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; max-width: 1114px; } .today__recommended { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scrollbar-width: none; overflow-x: auto; -ms-overflow-style: none; scroll-behavior: smooth; } .today__recommended-topic--highlighted { color: black !important; border-color: black; } .menu-button { display: none; } .mds-search-field { width: 250px; } .mdc-user-popover__header { font-weight: 400; line-height: 1.375; font-weight: 200; line-height: 1.2; font-size: 18px; font-weight: 300; font-weight: 600; display: block; } .mdc-user-popover__account-type { font-weight: 400; line-height: 1.375; font-size: 16px; font-weight: 300; margin-top: 8px; padding-bottom: 8px; border-bottom: 2px solid #333; display: block; } #eurt_menu { padding: 6px; position: relative; } #eurt_menu_content { display: none; position: absolute; right: 10px; overflow: hidden; -webkit-transition: all 500ms; transition: all 500ms; z-index: 100; width: 300px; background-color: #fff; border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); color: #1e1e1e; padding: 16px; } .my__account_button { display: none } #Tabbase .mds-site-navigation .mds-site-navigation__list { max-width: 1126px !important; margin: auto; width: 100% !important; } /* Start new header Ads on the top page*/ .TopRelPos { position: relative; } #LayerMainContent { margin-top: 0px !important; } #Tabbase { margin-bottom: 0px !important; } .mdc-bar { min-height: 0; width: 100vw; max-width: 100vw; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; background-color: #f2f2f2; overflow: hidden; } .mdc-bar:empty { display: none; } .mdc-bar > * { margin-top: 8px; margin-bottom: 8px; } .mdc-top-ad { position: fixed; top: 0; } .mdc-top-ad__visible { background: #f2f2f2; } .mdc-top-ad__drawer { text-align: center; position: relative; } .mdc-top-ad__wrapper { margin: 0 auto; max-width: 970px; } .mdc-ad { background-color: transparent; display: block; margin-left: auto; margin-right: auto; position: relative; } .mdc-ad--collapse-leave-active { max-height: 0 !important; transition: all 0.15s ease; } @media only screen and (min-device-width: 320px) { .mdc-ad--complete, .mdc-top-ad__placeholder { height: auto; width: 100%; max-height: 300px; padding-bottom: 10px; } } @media only screen and (min-device-width: 768px) { .mdc-ad--complete, .mdc-top-ad__placeholder { height: auto; width: 100%; max-height: 300px; padding-bottom: 10px; } } @media only screen and (min-device-width: 801px) { .mdc-ad--complete, .mdc-top-ad__placeholder { height: auto; width: 100%; max-height: 500px; padding-bottom: 10px; } } /* End new header Ads on the top page*/ /*Responsive*/ @media screen and (max-width: 830px) { #LogoDesign-Premium { left: 18%; margin-top: -35px; position: absolute; } .my__account_button { display: block; margin-left: 100px; margin-top: 15px; } .menu-button { display: block; width: 46px; height: 46px; } .datatextButton { display: none } .mdc-button--premium { display: none } #signInLabel { display: none; } #lnkSignup { display: none } .rightButton { margin-left: 0px; } #searchpanel_newDesing { float: left; left: 50% !important; margin-left: -70px; margin-top: 34px; position: relative; } #LogoDesign { left: 31%; margin-top: -35px; position: absolute; } #Header1 { height: 95px; border-bottom: 1px solid #999; margin-top: 9px; } #premiumWrapper2 { display: none; } #lnkLogin { float: left; left: 50% !important; position: relative; } #_companySite { display: none } } @media screen and (max-width: 398px) { .my__account_button { display: block; margin-left: 74px; margin-top: 15px; } #lnkLogin { float: left; left: 50% !important; position: relative; } }