@charset "UTF-8"; @font-face { font-family: CenturyGothicBold; src: url('../fonts/CenturyGothicBold.woff2') format('woff2'),url('../fonts/CenturyGothicBold.woff') format('woff'); font-style: normal; font-weight: 400; font-display: swap } @font-face { font-family: BebasNeueBold; src: url('../fonts/BebasNeueBold.woff2?ver=0.1') format('woff2'),url('../fonts/BebasNeueBold.woff?ver=0.1') format('woff'); font-style: normal; font-weight: 400; font-display: swap } @font-face { font-family: arrows; src: url('../fonts/arrows.woff2') format('woff2'),url('../fonts/arrows.woff') format('woff'); font-style: normal; font-weight: 400; font-display: swap } .icon-leftArr:after, .custom-header nav span:before, .icon-more:after, .bx-wrapper .bx-next:before, .bx-wrapper .bx-prev:before, .breadcrumb li a:after, .lg-toolbar .lg-close:after, .lg-autoplay-button:after, .lg-show-autoplay .lg-autoplay-button:after, .lg-actions .lg-next:before, .lg-actions .lg-prev:after, .cd-tab-filter::after, .ui-datepicker .ui-icon-circle-triangle-w:before, .ui-datepicker .ui-icon-circle-triangle-e:before, article .details blockquote:before, .surveyDiv .allQues .answersDiv .answerItem.selected .imgMask:after, .surveyDiv .allQues .nxtPrevDiv .btn a.prev:before, .surveyDiv .allQues .nxtPrevDiv .btn a.next:after, .icon-down:after, .lg-outer .lg-toogle-thumb:after, .lg-outer #lg-share:after, .lg-outer #lg-share-facebook .lg-icon:after, .lg-outer #lg-share-twitter .lg-icon:after, .lg-outer #lg-share-googleplus .lg-icon:after, .answerOverlay:after, a.return:after, .close-ACN:before, a.compare:before, .article .totalQues .answer.correct:before, .article .totalQues .answer.wrong:before, .stickySeries .time p.text:after, .prayerNotification p.text:after, .icon-image span:before, .icon-video span:before,.seriesContainer .indicatorBtns.icon-next:after, .seriesContainer .seriesDiv ul li .channelContainer .boxContainer .time:after{ font-family: "MasrawyIcons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1.7em; } * { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); -o-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; } html {box-sizing: border-box;touch-action: manipulation;} a { text-decoration: none; color: #1d1d1d; } button { border: none; outline: none;font-family:inherit } h1, h2, h3, h4, a, button, li, p { /*-webkit-touch-action: manipulation;-moz-touch-action: manipulation;-o-touch-action: manipulation;-ms-touch-action: manipulation;touch-action: manipulation;*/cursor: pointer; } h1, h2, h3, h4, p, li { cursor: unset } .fixed { width: 300px !important; left: auto !important; background: #1d1d1d !important; } h1, h2, h3, p, ul, li { direction: rtl; text-align: right; margin: 0; font-weight: normal } p { direction: rtl; } html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit } /*body { width: 100%; margin: 0 auto; min-width: 320px; max-width: 100%;direction: rtl;overflow-x: hidden !important; overflow-y: scroll !important; }*/ /*body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;direction: rtl;height: auto;position: relative;}*/ body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;direction: rtl;-webkit-overflow-scrolling: touch;overflow:auto;font-family: DroidKufiLight,Arial size-adjust,sans-serif;height: auto;position: relative;display: flex;flex-direction: column;} /*body.showSponsor{overflow-y: hidden !important;}*/ img { -ms-interpolation-mode: bicubic; vertical-align: middle; text-indent: -1000%; object-fit: cover;} ul, li { list-style: none outside none; text-decoration: none; } .clear, .clr { clear: both; float: none; line-height: 0 } ::-moz-selection { background: #1d1d1d; color: #fff; text-shadow: none; } ::selection { background: #1d1d1d; color: #fff; text-shadow: none; } iframe { margin: 0; padding: 0; border: none; float: right; display: inline-block } section { display: inline-block; width: 100%; background: #fff; margin-bottom: 50px; float: right } input, textarea {font-family:inherit;outline: none; -webkit-appearance: textfield !important;} input:focus, textarea:focus { border: 1px solid #666 !important; outline: none; } /** Checkbox and Radio **/ input[type="checkbox"] { display: none; } input[type="checkbox"] + label { color: #1d1d1d; font-size: 12px; float: right; margin: 0 5px 10px; text-align: right; display: inline-block; width: 100%; direction: rtl; } input[type="checkbox"] + label span { display: inline-block; width: 16px; height: 16px; margin: 2px 0 0 5px; vertical-align: middle; background: url(../Images/check-radio-img.png) 0 top no-repeat; cursor: pointer } input[type="checkbox"]:checked + label span { background: url(../Images/check-radio-img.png) -18px top no-repeat; } input[type="radio"] { display: none; } input[type="radio"] + label { color: #1d1d1d; font-size: 12px; float: right; margin: 0 5px 10px; text-align: right; display: inline-block; width: 100%; direction: rtl } input[type="radio"] + label span { display: inline-block; width: 16px; height: 16px; margin: 2px 0 0 5px; vertical-align: middle; background: url(../Images/check-radio-img.png) -37px top no-repeat; cursor: pointer; } input[type="radio"]:checked + label span { background: url(../Images/check-radio-img.png) -55px top no-repeat; } /** Calendar **/ .custom-calendar-wrap { margin: 10px auto; position: relative; overflow: hidden; } .custom-inner { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .custom-inner:before, .custom-inner:after { content: ''; width: 99%; height: 50%; position: absolute; background: #f6f6f6; bottom: -4px; left: 0.5%; z-index: -1; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .custom-inner:after { content: ''; width: 98%; bottom: -7px; left: 1%; z-index: -2; } .custom-header { background: #fff; padding: 5px 10px 10px 20px; height: 70px; position: relative; border-top: 5px solid #E03322; border-bottom: 1px solid #ddd; } .custom-header h2, .custom-header h3 { text-align: center; display: block } .custom-header h2 { color: #1d1d1d; font-size: 20px; margin-top: 10px; } .custom-header h3 { font-size: 12px; color: #666; font-family: arial } .custom-header nav span { position: absolute; top: 17px; width: 30px; height: 30px; color: transparent; cursor: pointer; margin: 0 1px; font-size: 20px; line-height: 30px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-header nav span:first-child { left: 5px; } .custom-header nav span:last-child { right: 5px; } .custom-header nav span:before { color: #E03322; position: absolute; text-align: center; width: 100%; font-size: 12px;} .custom-header nav span.custom-prev:before { content: 'q'; } .custom-header nav span.custom-next:before { content: 'r'; } .custom-header nav span:hover:before { color: #495468; } .custom-content-reveal { background: #f6f6f6; background: rgba(246, 246, 246, 0.9); width: 100%; height: 100%; position: absolute; z-index: 100; top: 100%; left: 0px; text-align: center; } .custom-content-reveal span.custom-content-close { position: absolute; top: 15px; right: 10px; width: 20px; height: 20px; text-align: center; background: #ef4f69; box-shadow: 0 1px 1px rgba(0,0,0,0.1); cursor: pointer; line-height: 13px; padding: 0; } .custom-content-reveal span.custom-content-close:after { content: 'x'; font-size: 18px; color: #fff; } .custom-content-reveal a, .custom-content-reveal span { font-size: 22px; padding: 10px 30px; display: block; } .custom-content-reveal h4 { text-transform: uppercase; font-size: 13px; font-weight: 300; letter-spacing: 3px; color: #777; padding: 20px; background: #fff; border-bottom: 1px solid #ddd; border-top: 5px solid #ef4f69; box-shadow: 0 1px rgba(255,255,255,0.9); margin-bottom: 30px; } .custom-content-reveal span { color: #666; } .custom-content-reveal a { color: #ef4f69; } .custom-content-reveal a:hover { color: #333; } .sports .pattern01 .ttl h3 { background: #056818!important;padding:0 16px } /** Calendar **/ .ui-datepicker { width: 250px; direction: ltr; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); line-height: normal; pointer-events: visible } .ui-datepicker .ui-datepicker-header { background: #fff; padding: 5px 10px; height: 60px; position: relative; border-bottom: 1px solid #ddd; text-align: center } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 14px; cursor: pointer; color: #1d1d1d; background: none !important; font-size: 30px; z-index: 1; line-height: 1 } .ui-datepicker .ui-datepicker-prev { left: 10px; } .ui-icon { display: block; overflow: hidden; background-repeat: no-repeat; font-size: 20px } .ui-datepicker span { cursor: pointer !important; } .ui-widget-content .ui-state-disabled span { cursor: auto !important } .ui-datepicker .ui-icon-circle-triangle-w:before { content: "q" } .ui-datepicker .ui-icon-circle-triangle-e:before { content: "r" } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { color: #E03322 } .ui-state-disabled, .ui-widget-content .ui-state-disabled { background: transparent } .ui-datepicker .ui-datepicker-next { right: 10px; } .ui-datepicker .ui-datepicker-title { display: inline-block; width: 100%; height: 60px; font-size: 0px; position: absolute; left: 0; top: 0; *display: inline; zoom: 1; /* for IE */ } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { display: inline-block; width: 100%; float: right; line-height: normal; margin: 0 !important; font-size: 20px; color: #1d1d1d; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { display: inline-block; width: 100%; float: right; font-size: 14px; color: #666; font-family: arial; line-height: normal } .ui-datepicker table { width: 100%; padding: 12px; position: relative; background: #f6f6f6; box-shadow: inset 0 1px rgba(255,255,255,0.8); display: inline-block; border-collapse: collapse; font-size: 12px; line-height: 2.4 } .ui-datepicker thead { background: transparent; color: #E03322; font-weight: bold; text-transform: uppercase; font-family: arial; font-size: 10px; line-height: 1; display: table-row-group } .ui-datepicker thead tr { display: table-row; width: 100%; height: 22px } .ui-datepicker th { height: 100%; width: calc(228px / 7); position: relative; text-align: center; line-height: 2; display: table-cell } .ui-datepicker tbody { display: table-row-group; border: 1px solid #ddd; width: 100% } .ui-datepicker tbody tr { display: table-row; width: 100%; height: 28px; border-bottom: 1px solid #ddd; } .ui-datepicker tbody tr:last-child { border-bottom: 0 } .ui-datepicker tbody td { width: calc(222px / 7); position: relative; display: table-cell; height: 100%; border-right: 1px solid #ddd; padding: 0; margin: 0 } .ui-datepicker tbody td:nth-child(7n) { border-right: 0 } .ui-state-disabled { cursor: default !important; color: #ddd !important; } .ui-widget-content .ui-state-default { display: block; position: relative; background: #fff; width: 100%; height: 100%; font-family: arial; color: #1d1d1d; margin: 0; top: 0; right: 0; text-align: center; } .ui-widget-content .ui-state-default:hover { background: #ddd; color: #1d1d1d } .ui-widget-content a.ui-state-active { background: #ddd; color: #1d1d1d } .ui-widget-content .ui-datepicker-today .ui-state-default { background: #E03322; color: #fff } .ui-widget-content .ui-datepicker-today .ui-state-default:hover { background: #E03322; color: #fff } .ui-widget-content .ui-state-disabled .ui-state-default { cursor: default !important; color: #ddd } .ui-widget-content .ui-state-disabled .ui-state-default:hover { background: #fff; color: #ddd } /******************** Last News Notification ********************/ .lstNwsNtfy { display: none; width: 1282px; height: 50px; background: #E03322; overflow: hidden; position: fixed; bottom: -50px; left: 50%; transform: translateX(-50%); z-index: 9; text-align: center;} .lstNwsNtfy .cnts { width: 85%; margin: 0 60px 0 84px; display: inline-block; padding: 8px 0 } .lstNwsNtfy .cnts img { float: right; margin-left: 12px; border: none } .lstNwsNtfy .cnts p, .lstNwsNtfy .cnts a { display: inline-block; color: #fff; font-size: 14px; opacity: 1; overflow: hidden; max-height: 28px; } .lstNwsNtfy .cnts .icon-notify:before {display:none;content: "i"; float: right; margin-left: 5px; font-size: 20px; line-height: 28px } .lstNwsNtfy .close { position: absolute; width: 50px; height: 50px; background: #ce2c25; top: 0; left: 0;z-index:1 } .lstNwsNtfy .icon-close:before { content: "O"; color: #fff; font-size: 14px; line-height: 50px; width: 50px } .showLastNews .lstNwsNtfy { display: inline-block; bottom: 0 } .openVideoPopupMain .lstNwsNtfy { display: none } .openVideoPopupMain .stickyTop { display: none } /******************** Header ********************/ h1.hpTag { display: none } header { position: fixed; width: 100%; float: right; height: 50px; display: inline-block; top: 0; right: 0; z-index: 3; background: #1d1d1d; box-shadow: 0 0 1px 1px #1d1d1d; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } #cd-top-nav {display:inline-block!important;float: right; margin-right: 14px; display: inline-block; width: calc(100% - 74px); height: 50px; } #cd-top-nav .rightDiv { float: right; display: inline-block; } #cd-top-nav .masLogo { float: right; width: 137px; height: 40px; background: url(../Images/masrawyLogo.webp?ver=00.00) center center no-repeat; background-size: 137px 40px; margin-top: 6px; opacity: 1; visibility: visible; transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; } #cd-top-nav .rightDiv date, #cd-top-nav .rightDiv .octLogo { float: right; direction: rtl; color: #b8b8b8; font-size: 16px; margin-right: 14px; padding-right: 14px; border-right: 1px solid #474747; height: 50px; line-height: 3.4; opacity: 1; visibility: visible;} #cd-top-nav .rightDiv .octLogo { padding: 3px 14px 3px 0; line-height: 1 } #cd-top-nav .rightDiv .octLogo img { height: 44px; width: auto; border: none } .lateral-menu-is-open #cd-top-nav .masLogo { opacity: 0; visibility: hidden; } .lateral-menu-is-open #cd-top-nav date { opacity: 0; visibility: hidden; } #cd-top-nav > ul { float: left; margin-left: 84px; opacity: 1; -webkit-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s } .overflow-hidden #cd-top-nav > ul { opacity: 0 } #cd-top-nav > ul > li { float: right; width: 84px; height: 50px; border-left: 1px solid #474747; position: relative; transition: background-color 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s; } #cd-top-nav > ul > li:hover { background-color: #444; } #cd-top-nav > ul > li > a { color: #b8b8b8; font-size: 10px; display: block; text-align: center; width: 100%; height: 50px; padding-top: 5px } #cd-top-nav > ul > li:hover > a { color: #fff } #cd-top-nav > ul > li:first-child { width: 70px } /*#cd-top-nav > ul > li.thanawya{width:100px}*/ /*#cd-top-nav > ul > li.thanawya .firstLevel{width:100px}*/ /*#cd-top-nav ul li.thanawya .firstLevel .thanawyaIcon{background:url(../Images/thanawya.png) center center no-repeat;height:24px}*/ #cd-top-nav ul li .icon-newsPntr:before { content: "b"; display: block; font-size: 24px; line-height: 1; } #cd-top-nav ul li .icon-archive:before { content: "c"; display: block; font-size: 20px; line-height: 1; margin: 2px 0 } #cd-top-nav ul li .icon-prayerTms:before{content:"T";display:block;font-size:24px;line-height:1;} /*#cd-top-nav ul li .icon-prayerTms .mosqueImg { display: inline-block; width: 100%; text-align: center; } #cd-top-nav ul li .icon-prayerTms .mosqueImg img { display: inline-block; width: 24px; height: auto; border: 0; }*/ #cd-top-nav ul li .icon-currency:before { content: "d"; display: block; font-size: 24px; line-height: 1; } #cd-top-nav ul li .icon-gold:before { content: "2"; display: block; font-size: 24px; line-height: 1; } #cd-top-nav ul li .icon-vas:before { content: "I"; display: block; font-size: 24px; line-height: 1; } #cd-top-nav ul li .icon-ads:before { content: "n"; display: block; font-size: 24px; line-height: 1 } #cd-top-nav ul li > .icon-search:before { content: "f"; display: block; font-size: 22px; line-height: 1; margin: 1px 0 } /*#cd-top-nav ul li .weather.sunnyCloud{background:url(../Images/weather.png) 10px center no-repeat} #cd-top-nav ul li .weather.sunnyCloud:hover{background:url(../Images/weather.png) 10px center no-repeat #444}*/ #cd-top-nav ul li .weather > span { float: right; font-family: Arial; font-size: 20px; font-weight: bold; margin-right: 14px; line-height: 2.2; position: relative } #cd-top-nav ul li .weather > .icon-temp:before { content: "H"; font-size: 8px; position: absolute; right: -5px; top: 5px } #cd-top-nav > ul > li > a.icon-education:before { content: '6'; display: block; font-size: 24px; line-height: 1; } #cd-top-nav > ul > li > a.icon-cop:before { content: '^'; display: block; font-size: 24px; line-height: 1; } #cd-top-nav > ul > li > a.icon-market:before { content: '_'; display: block; font-size: 24px; line-height: 1; } #cd-top-nav > ul > li > a.icon-shift:before { content: 'C'; display: block; font-size: 24px; line-height: 1; color: #26ff00; } #cd-top-nav > ul > li > a.icon-masrawyTV:before { content: '|'; display: block; font-size: 24px; line-height: 1; } #cd-top-nav > ul > li > a.icon-ramadan:before { content: 'Y'; display: block; font-size: 24px; line-height: 1; } #cd-top-nav > ul > li > a.icon-Live:before { content: 'a'; display: block; font-size: 24px; line-height:1; } #cd-top-nav > ul > li > a.icon-Live:after { content: ""; position: absolute; left: 6px; top: 6px; width: 8px; height: 8px; opacity: 0.3; border-radius: 50%; background: #E03322; animation: liveFade 2s ease-in-out infinite; } #cd-top-nav > ul > li.new:after { position: absolute; top: 0; left: 0; content: "جديد"; background: #E03322; width: 25px; height: 14px; color: #fff; text-align: center; font-size: 10px; line-height: 1.4; } @keyframes liveFade { 0% { opacity: .2 } 50% { opacity: 1 } 100% { opacity: .2 } } #cd-top-nav ul li .weather .weatherIconHeader { background: transparent; background-size: 30px;display: inline-block; float: left; width: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 8px } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.clearDay { background: url("../images/weatherSprite1.webp") 0 0 no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.clearNight { background: url(../images/weatherSprite1.webp) 0px -225px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.clouds { background: url(../images/weatherSprite1.webp) 0px -32px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.showerRain { background: url(../images/weatherSprite1.webp) 0 -130px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.rainDay { background: url(../images/weatherSprite1.webp) 0 -96px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.rainNight { background: url(../images/weatherSprite1.webp) 0 -130px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.drizzle { background: url(../images/weatherSprite1.webp) 0 -310px no-repeat; background-size: 33px; height: 25px; width: 35px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.mist { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.smoke { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.haze { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.dust { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.fog { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.sand { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.ash { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.squall { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.tornado { background: url(../images/weatherSprite1.webp) 0 -254px no-repeat; background-size: 30px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.snow { background: url(../images/weatherSprite1.webp) 0 -174px no-repeat; background-size: 33px; height: 30px; } #cd-top-nav ul li .weather .weatherIconHeader.lazyLoaded.visible.thunderstorm { background: url(../images/weatherSprite1.webp) 0 -194px no-repeat; background-size: 30px; height: 30px; } /** Sub Header Menu **/ #cd-top-nav ul > li > .subMenu { background: #444; width: 252px; height: 0; position: absolute; right: -1px; top: 50px; z-index: 999; visibility: hidden; opacity: 0; overflow: hidden; padding: 12px; -moz-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; } #cd-top-nav ul > li:hover > .subMenu { z-index: 9999; visibility: visible; opacity: 1; transition-delay: 0s; height: 278px; overflow: visible; } #cd-top-nav ul > li:first-child > .subMenu { right: 0 } #cd-top-nav ul .subMenu .more { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 40px; background: #333; font-size: 14px; text-align: center; color: #fff; float: right; line-height: 2.8 } #cd-top-nav ul .subMenu .icon-more:after { content: "q"; margin-right: 12px; font-size: 10px } #cd-top-nav ul .subMenu .more:hover { background: #1d1d1d } /** Thanawya Amma **/ #cd-top-nav ul > li > .subMenu.thanawya{display:none !important} #cd-top-nav ul .subMenu.thanawya .thanawyaCnts { display: inline-block; width: 100%; background: none; margin-bottom: 0; box-shadow: none } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts { display: inline-block; width: 100%; margin: 12px 0 0; font-size: 20px; color: #fff; text-align: center; } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon p { width: 100%; display: block; font-size: 26px; color: #fff; text-align: center; line-height: 2; margin-top: 30px; } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon p span { display: block; font-family: DroidKufiBold, Arial; color: #E03322; font-size: 36px } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .ttl { display: none } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv { float: right; width: 100% } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv label {font-size: 16px; color: #fff; direction: rtl; text-align: right; float: right; margin-bottom: 5px } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .labelDiv span { color: #E03322; float: right; margin-right: 2px; line-height: 1.5; } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber input { width: 100%; height: 40px !important; border: 1px solid #ddd; float: right; outline: none; padding: 12px; color: #666; font-size: 14px; } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .errorMsg { position: relative; float: right; right: 0; display: inline-block; font-size: 12px; color: #666; direction: rtl; text-align: right; visibility: hidden; margin-top: 5px } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber a { display: inline-block; width: 132px; background: #E03322; color: #fff; font-size: 16px; text-align: center; padding: 5px 0; margin: 5px calc((100% - 132px) / 2) 12px } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber a:hover { background: #E03322 } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor { display: inline-block; width: 100% } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts { display: inline-block; width: 166px; margin: 0 calc((100% - 166px) / 2); float: right; padding: 8px 0; } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts .spnsr { float: right; margin-left: 24px; margin-top: 4px; color: #fff; font-size: 14px } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts a { float: right; width: auto; background: none; color: none; padding: 0; margin: 0 } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.seatNumber .thanawyaSponsor .cnts img { width: auto; height: 27px; border: none } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor { display: inline-block; width: 100% } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts { display: inline-block; width: 166px; margin: 0 calc((100% - 166px) / 2); float: right; padding: 8px 0; } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts .spnsr { float: right; margin-left: 24px; margin-top: 4px; color: #fff; font-size: 14px } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts a { float: right; width: auto; background: none; color: none; padding: 0; margin: 0 } #cd-top-nav ul .subMenu.thanawya .thanawyaCnts .cnts.comingSoon .thanawyaSponsor .cnts img { width: auto; height: 27px; border: none } /** News Pointer **/ #cd-top-nav ul .subMenu.newsPntr ul { display: inline-block; width: 100%; height: 254px } #cd-top-nav ul .subMenu.newsPntr ul li { display: inline-block; width: 100%; height: 76px; border-bottom: 1px solid #555; float: right; } #cd-top-nav ul .subMenu.newsPntr ul li:last-child { border-bottom: none } #cd-top-nav ul .subMenu.newsPntr ul li .trendDiv { float: right; width: 40px; height: 60px; border: 1px solid #666; display: inline-block; margin: 8px 0 0 12px } #cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .trendImg { width: 38px; height: 29px; display: block; text-align: center } #cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .trendImg img { width: 18px; height: 18px; border: none; margin-top: 5px } #cd-top-nav ul .subMenu.newsPntr ul li .trendDiv .vstrs { text-align: center; background: #666; width: 38px; height: 29px; font-family: Arial; color: #1d1d1d; font-size: 12px; line-height: 2.8 } #cd-top-nav ul .subMenu.newsPntr ul li .news { float: right; display: block; color: #fff; font-size: 13px; width: calc(100% - 52px); padding: 0; text-align: right; height: 66px; overflow: hidden; margin-top: 6px; line-height: 1.6 } #cd-top-nav ul .subMenu.newsPntr ul li .news:hover { color: #666 } /** Archive **/ #cd-top-nav ul > li:hover > .subMenu.archive { height: auto } #cd-top-nav ul .subMenu.archive .ui-datepicker { width: 228px; height: auto; box-shadow: none } /** Prayer Times **/ #cd-top-nav ul .subMenu.prayerTms .cnts { display: inline-block; width: 100%; height: 254px; background: none; margin-bottom: 0; box-shadow: none } #cd-top-nav ul .subMenu.prayerTms .cnts date { display: inline-block; color: #fff; width: 100%; margin: 12px 0 0; font-size: 13px } #cd-top-nav ul .subMenu.prayerTms .cnts .location { display: inline-block; width: 100%; margin: 22px 0; color: #fff; font-size: 24px; } #cd-top-nav ul .subMenu.prayerTms .cnts .cntdwn { display: inline-block; width: 100% } #cd-top-nav ul .subMenu.prayerTms .cnts p { display: inline-block; width: 100%; color: #666; font-size: 14px; margin: 0 0 12px; text-align: center } #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv { display: inline-block; width: 100%; } #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul { display: inline-block; width: 100%; margin: 0 auto } #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li { float: left; width: 60px; height: 50px; text-align: center; color: #fff; font-family: Arial; font-size: 32px; position: relative; background: #4e4e4e; margin-right: 24px; line-height: 1.5 } #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:last-child { margin-right: 0 } #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:nth-child(1):after, #cd-top-nav ul .subMenu.prayerTms .cnts .timerDiv ul li:nth-child(2):after { content: ":"; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; display: block; font-size: 28px; position: absolute; top: 3px; right: -16px } /** Weather **/ #cd-top-nav ul .subMenu.weather .wtrCnts { display: inline-block; width: 100%; height: 254px; background: none; margin-bottom: 0; box-shadow: none } #cd-top-nav ul .subMenu.weather .wtrCnts .location { display: inline-block; width: 100%; color: #fff; font-size: 24px; margin: 12px 0; text-align: right; } #cd-top-nav ul .subMenu.weather .wtrCnts .cntdwn { display: inline-block; width: 100% } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls { display: inline-block; width: 100%; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon { float: right; width: 70px; height: 70px; margin-left: 24px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .highTemp { float: right; position: relative; margin-left: 10px; width: 62px; height: 70px; text-align: center; font-family: arial; font-size: 48px; color: #fff; line-height: 1.8 } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .icon-high:before { content: "H"; font-size: 14px; position: absolute; right: -5px; top: 5px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .lowTemp { float: right; position: relative; width: 62px; height: 70px; text-align: center; font-family: arial; font-size: 32px; color: #666; line-height: 2.8 } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .icon-low:before { content: "H"; font-size: 10px; position: absolute; right: 6px; top: 18px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.clearDay { background: url("../images/weatherSprite1.webp") 0 0 no-repeat; height: 70px; margin: 2px 0 12px 24px; background-size: 70px } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.clearNight { background: url(../images/weatherSprite1.webp) 0px -429px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 56px } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.clouds { background: url(../images/weatherSprite1.webp) 0px -71px no-repeat; height: 46px; margin: 8px 0 18px 24px; background-size: 60px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.showerRain { background: url(../images/weatherSprite1.webp) 0 -263px no-repeat; height: 55px; margin: 8px 0 10px 24px; background-size: 60px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.rainDay { background: url(../images/weatherSprite1.webp) 0 -192px no-repeat; height: 65px; margin: 8px 0 8px 24px; background-size: 60px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.rainNight { background: url(../images/weatherSprite1.webp) 0 -263px no-repeat; height: 55px; margin: 8px 0 10px 24px; background-size: 60px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.drizzle { background: url(../images/weatherSprite1.webp) 0 -662px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.mist { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.smoke { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.haze { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.dust { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.fog { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.sand { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.ash { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.squall { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.tornado { background: url(../images/weatherSprite1.webp) 0 -600px no-repeat; height: 46px; margin: 14px 0 14px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.snow { background: url(../images/weatherSprite1.webp) 0 -380px no-repeat; height: 58px; margin: 8px 0 8px 24px; background-size: 70px; } #cd-top-nav ul .subMenu.weather .wtrCnts .weatherDtls .weatherIcon.lazyLoaded.thunderstorm { background: url(../images/weatherSprite1.webp) 0 -390px no-repeat; height: 60px; margin: 8px 0 8px 24px; background-size: 60px; } #cd-top-nav ul .subMenu.weather .wtrCnts .windHum { display: inline-block; width: 100%; margin-top: 5px; } #cd-top-nav ul .subMenu.weather .wtrCnts .windHum > div { width: 100%; float: right; color: #666; font-size: 13px; display: inline-block } #cd-top-nav ul .subMenu.weather .wtrCnts .windHum > div span { color: #fff } #cd-top-nav ul .subMenu.weather .wtrCnts .windHum .hum { margin-bottom: 2px } #cd-top-nav ul .subMenu.weather .wtrCnts .windHum .icon-hum:before { content: "K"; float: right; margin-left: 5px; font-size: 16px } #cd-top-nav ul .subMenu.weather .wtrCnts .windHum .icon-wind:before { content: "L"; float: right; margin-left: 5px; font-size: 16px } .weatherDiv .temp .windHum { display: inline-block; width: 300px; float: left; margin-top: 30px; } .weatherDiv .temp .windHum > div { width: 100%; float: right; color: #c4d5df; font-size: 13px; display: inline-block; text-align: right } .weatherDiv .temp .windHum > div span { color: #fff } .weatherDiv .temp .windHum .hum { margin-bottom: 2px } .weatherDiv .temp .windHum .icon-hum:before { content: "K"; float: right; margin-left: 5px; font-size: 16px } .weatherDiv .temp .windHum .icon-wind:before { content: "L"; float: right; margin-left: 5px; font-size: 16px } /** Currency **/ #cd-top-nav ul .subMenu.currency .currCnts { display: inline-block; width: 100%; background: none; margin-bottom: 0; box-shadow: none; } #cd-top-nav ul .subMenu.currency .currCnts p { display: inline-block; width: 100%; margin: 12px 0 0; font-size: 20px; color: #fff; text-align: center } #cd-top-nav ul .subMenu.currency .currCnts p:nth-child(2) { color: #666; font-size: 14px; margin: 12px 0 } #cd-top-nav ul .subMenu.currency .currCnts .number { display: inline-block; width: 100%; text-align: center; font-family: Arial; font-size: 36px; color: #fff; margin-top: 24px } #cd-top-nav ul .subMenu.currency .currCnts .number span { font-size: 16px; color: #666;} /** Gold **/ #cd-top-nav ul .subMenu.gold .goldCnts { display: inline-block; width: 100%; background: none; margin-bottom: 0; box-shadow: none } #cd-top-nav ul .subMenu.gold .goldCnts p { display: inline-block; width: 100%; margin: 12px 0 0; font-size: 20px; color: #fff; text-align: center } #cd-top-nav ul .subMenu.gold .goldCnts p:nth-child(2) { color: #666; font-size: 14px; margin: 12px 0 } #cd-top-nav ul .subMenu.gold .goldCnts .number { display: inline-block; width: 100%; text-align: center; font-family: Arial; font-size: 36px; color: #fff; margin-top: 24px } #cd-top-nav ul .subMenu.gold .goldCnts .number span { margin-right: 8px; font-size: 16px; color: #666;} /** Search **/ .morphSearchDiv {display:inline-block!important;position: fixed; width: 84px; height: 50px; display: inline-block; top: 0; left: 0; z-index: 4; background: transparent; overflow: hidden } .openSearch .morphSearchDiv { width: 100%; height: 100%; box-shadow: none !important } .morphsearch { width: 84px; min-height: 50px; background: #1d1d1d; position: absolute; z-index: 10000; top: 0px; left: 0px; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .openSearch .morphsearch.open { width: 100%; min-height: 100%; top: 0px; left: 0px; background: #fff } .morphsearch-form { width: 100%; height: 50px; margin: 0 auto; position: relative; } .morphsearch-form.icon-search:before { content: "f"; display: inline-block; font-size: 22px; line-height: 1; color: #b8b8b8; pointer-events: none; position: absolute; right: 50%; margin: 6px -11px 0 0; visibility: visible; opacity: 1; } .openSearch .morphsearch.open .morphsearch-form { width: 80%; height: 160px; -webkit-transform: translate3d(0,3em,0); transform: translate3d(0,3em,0); } .openSearch .morphsearch.open .morphsearch-form.icon-search:before { visibility: hidden; opacity: 0 } .morphsearch-input { width: 100%; height: 100%; padding: 28px 28px 0 20px; text-align: right; border: none !important; cursor: pointer; background: transparent; font-family: inherit; font-size: 10px; color: #b8b8b8;height: 50px;min-height: 50px;max-height: 50px;} .morphsearch-input::-ms-clear { display: none; } .morphsearch.hideInput .morphsearch-input { color: transparent; } .openSearch .morphsearch.open .morphsearch-input { font-size: 36px; text-align: right; cursor: text; padding: 0 } .openSearch .morphsearch.open .morphsearch-input:hover img, .openSearch .morphsearch.open .morphsearch-input:focus img { display: none } .openSearch .morphsearch.open .morphsearch-input:focus { border: none !important } input[type="search"]::-webkit-search-cancel-button { display: none } .overflow-hidden .morphSearchDiv { opacity: 0 } /* placeholder */ .morphsearch-input::-webkit-input-placeholder { color: #c2c2c2; } .morphsearch-input:-moz-placeholder { color: #c2c2c2; } .morphsearch-input::-moz-placeholder { color: #c2c2c2; } .morphsearch-input:-ms-input-placeholder { color: #c2c2c2; } .gn-search:focus::-webkit-input-placeholder { color: transparent; } input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; } .morphsearch-input:focus, .morphsearch-submit:focus { outline: none; } .morphsearch-submit.icon-search:before { content: "f"; color: #ddd; font-size: 48px; position: absolute; width: 80px; height: 80px; line-height: 1.6; overflow: hidden; left: 0; top: 50%; border: none; pointer-events: none; transform-origin: 50% 50%; opacity: 0; -webkit-transform: translate3d(-30px,-50%,0) scale3d(0,0,1); transform: translate3d(-30px,-50%,0) scale3d(0,0,1); } .openSearch .morphsearch.open .morphsearch-submit.icon-search:before { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(-30px,-50%,0) scale3d(1,1,1); transform: translate3d(-30px,-50%,0) scale3d(1,1,1); } .morphsearch-submit.icon-search:hover:before { color: #b8b8b8 } .morphsearch-close { width: 36px; height: 36px; position: absolute; left: 1em; top: 1em; overflow: hidden; text-indent: 100%; cursor: pointer; pointer-events: none; opacity: 0; -webkit-transform: scale3d(0,0,1); transform: scale3d(0,0,1); } .openSearch .morphsearch.open .morphsearch-close { opacity: 1; pointer-events: auto; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .morphsearch-close::before, .morphsearch-close::after { content: ''; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; border-radius: 3px; opacity: 0.2; background: #1d1d1d;} .morphsearch-close:hover.morphsearch-close::before, .morphsearch-close:hover.morphsearch-close::after { opacity: 1; } .morphsearch-close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .morphsearch-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .morphsearch-content { color: #333; margin-top: 4.5em; width: 100%; height: 0; overflow: hidden; padding: 0 10.5%; background: #fff; position: absolute; opacity: 0; } .openSearch .morphsearch.open .morphsearch-content { opacity: 1; height: auto; overflow: visible; } .morphsearch-content h2, .morphsearch-content p { float: right; display: block; font-family: DroidKufiBold, Arial; font-size: 24px; color: #1d1d1d; margin-bottom: 24px } .morphsearch-content .keywordsDiv { display: inline-block; width: 100%; } .morphsearch-content .keywordsDiv .item { float: right; padding: 4px 30px; background: #eee; margin: 0 0 24px 24px; font-size: 14px; color: #1d1d1d } .morphsearch-content .keywordsDiv .item:hover { background: #e2e2e2 } .overflow-hidden.openSearch .openSearch .morphsearch.open { width: calc(100% - 320px); } .morphSearchDiv #text-field-container {min-height:20px} /** Nav **/ #cd-lateral-nav .masLogo { display: inline-block; width: 150px; height: 44px; background: url(../Images/masrawyLogo.webp?ver=00.00) center center no-repeat; background-size: 150px 44px; margin: 10px calc((100% - 150px) / 2) 24px; } .cd-img-replace { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; } .overflow-hidden { overflow: hidden; margin-right: 17px; width: calc(100% - 17px) } .cd-main-content { min-height: 100%; position: relative; z-index: 2; width: 100%; display: inline-block;order:2; pointer-events: none; -webkit-backface-visibility: hidden; /*-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;*/ } /*.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}*/ header.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } header.is-fixed { position: fixed; } header.lateral-menu-is-open #cd-menu-trigger { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); -o-transform: translateX(-320px); transform: translateX(-320px); visibility: visible; -webkit-transition: -webkit-transform .2s 0s, visibility 0s 0s; -moz-transition: -moz-transform .2s 0s, visibility 0s 0s; transition: transform .2s 0s, visibility 0s 0s; -webkit-overflow-scrolling: touch; } #cd-menu-trigger { position: relative; right: 0; top: 0; height: 100%; width: 60px; background-color: #E03322; float: right; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .2s 0s, visibility 0s .2s; -moz-transition: -moz-transform .2s 0s, visibility 0s .2s; transition: transform .2s 0s, visibility 0s .2s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #cd-menu-trigger .cd-menu-icon { display: inline-block; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; width: 30px; height: 3px; background-color: #FFF; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; } #cd-menu-trigger .cd-menu-icon::before { bottom: 8px; } #cd-menu-trigger .cd-menu-icon::after { top: 8px; } #cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0); } #cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: white; } #cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #cd-lateral-nav { position: fixed; height: 100%; right: 0; top: 0; visibility: hidden; z-index: 3; width: 320px; background-color: #1d1d1d; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .2s 0s, visibility 0s .2s; -moz-transition: -moz-transform .2s 0s, visibility 0s .2s; transition: transform .2s 0s, visibility 0s .2s; -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -ms-transform: translateX(320px); -o-transform: translateX(320px); transform: translateX(320px); } #cd-menu-trigger .notify { position: absolute; top: 5px; left: -10px; width: 20px; height: 20px; background: red; border-radius: 50%; color: #fff; text-align: center; font-family: Arial; font-size: 14px; line-height: 1.5; } #cd-lateral-nav .scroll { width: 320px; height: 100%; overflow-y: scroll; margin: 0; mix-blend-mode: multiply; background: #1d1d1d; } .scrollContainer { width: 320px; height: calc(100% - 88px); margin: 0; position: relative; overflow: auto; position: absolute; top: 0; right: 0; background: url(../Images/scrollBarBg.jpg) left top repeat-y #fff; background-size: 19px } /*.ps-container {-ms-touch-action: none;touch-action: none;overflow: hidden !important;-ms-overflow-style: none; }*/ @supports (-ms-overflow-style: none) { .ps-container { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container { overflow: auto !important; } } .scrollContainer .scroll { width: 310px; height: 100%; margin: 0 calc((100% - 310px) / 2) } .ps-container.ps-active-y > .ps-scrollbar-x-rail { display: none } .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #1d1d1d; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #444; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 3px; width: 6px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; background-color: #444; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; width: 6px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #1d1d1d; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #444; } .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #1d1d1d; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #444; } #show-result #content { -moz-transition: opacity .2s; -webkit-transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; transition: opacity .2s; opacity: 0; } #branding, #branding .changelog-badge, #content, #header, .abuseDetected { position: relative; height: 100% } #cd-lateral-nav .cd-navigation { margin: 0 0 24px; display: inline-block; width: 100%; } #cd-lateral-nav .sub-menu { padding: 0 10px 20px 15px; display: none; font-size: 14px; } #cd-lateral-nav a { display: block; line-height: 60px; padding: 0 10px; color: #fff; font-size: 16px; } #cd-lateral-nav .sub-menu a { line-height: 50px; } #cd-lateral-nav li .sub-menu li.selected a { color: #fff; background: none } #cd-lateral-nav li:hover .sub-menu a { background: none } #cd-lateral-nav .item-has-children .sub-menu li a { color: #666; font-size: 13px; line-height: 4.5 } #cd-lateral-nav .item-has-children .sub-menu li a:hover { color: #fff } #cd-lateral-nav.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; -webkit-transition: -webkit-transform .2s 0s, visibility 0s 0s; -moz-transition: -moz-transform .2s 0s, visibility 0s 0s; transition: transform .2s 0s, visibility 0s 0s; -webkit-overflow-scrolling: touch; } #cd-lateral-nav li { margin: 0 10px 0 5px } #cd-lateral-nav .sub-menu li { border-bottom: none; margin: 0 } #cd-lateral-nav li > a { position: relative; height: 60px; font-size: 14px; color: #fff; overflow: hidden; border-bottom: 1px solid #333; width: 100%; margin: 0 } #cd-lateral-nav li:hover > a, #cd-lateral-nav li.selected > a { background: #333 } #cd-lateral-nav .item-has-children > .icon-leftArr:after { content: "q"; position: absolute; left: 10px; top: 20px; transition: transform 0.2s ease-in-out 0s; -webkit-transition: -webkit-transform 0.2s ease-in-out 0s; -moz-transition: -moz-transform 0.2s ease-in-out 0s; -ms-transition: -ms-transform 0.2s ease-in-out 0s; -o-transition: -o-transform 0.2s ease-in-out 0s; } #cd-lateral-nav .item-has-children > .icon-leftArr.submenu-open:after { transform: rotate(-90deg) } #cd-lateral-nav .cd-navigation li a:before{line-height:60px;font-size:20px} #cd-lateral-nav .item-has-children .icon-news:before { content: "g"; float: right; margin-left: 8px;} #cd-lateral-nav .item-has-children .icon-sports:before { content: "Z"; float: right; margin-left: 10px;} #cd-lateral-nav .item-has-children .icon-howa_w_hya:before { content: "V"; float: right; margin-left: 10px;} #cd-lateral-nav .item-has-children .icon-arts:before { content: "X"; float: right; margin-left: 9px;} #cd-lateral-nav .item-has-children .icon-autos:before { content: "l"; float: right; margin-left: 10px;} #cd-lateral-nav .item-has-children .icon-islameyat:before { content: "P"; margin-right: 2px; float: right; margin-left: 8px;} #cd-lateral-nav .icon-economy:before { content: "U"; float: right; margin-left: 9px;} #cd-lateral-nav .icon-sms:before { content: "I"; float: right; margin-left: 9px;} #cd-lateral-nav .icon-career:before { content: "$"; float: right; margin-left: 9px;} #cd-lateral-nav .icon-banking:before { content: "*"; float: right; margin-left: 9px;} #cd-lateral-nav .icon-education:before { content: "6"; float: right; margin-left: 9px;} #cd-lateral-nav .icon-cop:before { content: "^"; float: right; margin-left: 9px;} #cd-lateral-nav .icon-market:before { content: "_"; float: right; margin-left: 9px;} #cd-lateral-nav .icon-reports:before { content: "W"; float: right; margin-left: 10px;} #cd-lateral-nav .icon-media:before { content: "j"; float: right; margin-left: 10px;} #cd-lateral-nav .icon-technology:before { content: "0"; float: right; margin-left: 10px;} #cd-lateral-nav .icon-donation:before { content: "]"; float: right; margin-left: 10px;} #cd-lateral-nav .icon-service:before { content: "1"; float: right; margin-left: 10px;} #cd-lateral-nav .icon-ashtar:before {content:'\E000';float: right;margin-left: 9px;} #cd-lateral-nav .cd-navigation .icon-newspntr:before { content: "b"; float: right; margin-left: 8px;} #cd-lateral-nav .cd-navigation .icon-archive:before { content: "c"; float: right; margin-left: 10px;} #cd-lateral-nav .cd-navigation .icon-prayertms:before { content: "T"; float: right; margin-left: 8px;} #cd-lateral-nav .cd-navigation .icon-weather:before { content: "J"; float: right; margin-left: 8px;} #cd-lateral-nav .cd-navigation .icon-currency:before { content: "d"; float: right; margin-left: 8px;} #cd-lateral-nav .cd-navigation .icon-gold:before { content: "2"; float: right; margin-left: 8px;} #cd-lateral-nav .cd-navigation .icon-ads:before { content: "n"; float: right; margin-left: 6px;} #cd-lateral-nav .cd-navigation .icon-ramadan:before { content: "Y"; float: right; margin-left: 6px;} #cd-lateral-nav .cd-navigation .icon-thanawya:before { content: "6"; float: right; margin-left: 6px;} #cd-lateral-nav .cd-navigation .icon-aqar:before { content: "m"; float: right; margin-left: 6px;} #cd-lateral-nav .cd-navigation .icon-elections:before { content: "7"; float: right; margin-left: 6px;} #cd-lateral-nav .cd-navigation .icon-cross:before { content: "8"; float: right; margin-left: 6px;} #cd-lateral-nav .icon-vas:before { content: "I"; float: right; margin-left: 8px;} #cd-lateral-nav .icon-albums:before { content: "t"; margin-right: 2px; float: right; margin-left: 8px;} #cd-lateral-nav .icon-offeat:before { content: "M"; float: right; margin-left: 8px;} #cd-lateral-nav .linksMenu { width: 234px; margin: 12px calc((100% - 234px) / 2) 40px; display: none } #cd-lateral-nav .linksMenu a { display: inline-block; font-size: 12px; color: #fff; float: right; margin-left: 20px; padding: 0; line-height: 1 } #cd-lateral-nav .linksMenu a:last-child { margin-left: 0 } #cd-lateral-nav .linksMenu a:hover { color: #666 } #cd-lateral-nav .socialDiv { width: 230px; height: 40px; margin: 0 calc((100% - 230px) / 2) 24px; display: inline-block } #cd-lateral-nav .socialDiv a { width: 30px; height: 30px; display: inline-block; font-size: 20px; color: #fff; text-align: center; background: #2d2d2d; float: right; margin-left: 10px; border-radius: 50%; padding: 0; line-height: 1; } #cd-lateral-nav .socialDiv a.icon-tw{font-size:17px} #cd-lateral-nav .socialDiv a:before{line-height:30px} #cd-lateral-nav .socialDiv a:last-child { margin-left: 0 } #cd-lateral-nav .socialDiv a:hover { color: #fff; } #cd-lateral-nav .icon-fb:before { content: "u"; } #cd-lateral-nav .icon-fb:hover { background: #3c5899; } #cd-lateral-nav .icon-tw:before { content: "?"; } #cd-lateral-nav .icon-tw:hover { background: #229ff3; } #cd-lateral-nav .icon-ggl:before { content: "w"; } #cd-lateral-nav .icon-ggl:hover { background: #d65142; } #cd-lateral-nav .icon-yt:before { content: "x"; } #cd-lateral-nav .icon-yt:hover { background: #e62117; } #cd-lateral-nav .icon-rss:before { content: "A"; } #cd-lateral-nav .icon-rss:hover { background: #ffaf5c; } #cd-lateral-nav .icon-sptfy:before { content: "<"; color: #fff } #cd-lateral-nav .icon-sptfy:hover { background: #1ed760; } #cd-lateral-nav .icon-pod:before { content: "="; color: #fff;font-size:24px } #cd-lateral-nav .icon-pod:hover{ background: #ea4335;} #cd-lateral-nav .topIcons { display: inline-block; width: 100%; float: right; text-align: center; padding: 0 10px; height: 50px; border-bottom: 1px solid #333; } #cd-lateral-nav .topIcons .cntnrIcons { display: inline-block;width:100%;float:right} #cd-lateral-nav .topIcons .icons { display: inline-block; float: right; position: relative; margin-left: 20px; padding: 0; width: calc((100% - 60px) / 4); height: 40px;} #cd-lateral-nav .topIcons .prayerTimer a { padding: 0; line-height: inherit } #cd-lateral-nav .topIcons .prayerTimer a img { display: inline-block; width: 30px; height: auto; border: 0; margin-top: 5px } #cd-lateral-nav .topIcons .icons:last-child { margin-left: 0 } #cd-lateral-nav .topIcons .icons a:before { color: #b8b8b8 } #cd-lateral-nav .topIcons .prayerTimer a:before{content: "T"; display: block; font-size: 24px; line-height: 1.6; color: #1588ca; position: absolute; width: 100%; right: 0} #cd-lateral-nav .topIcons .currency a:before { content: "d"; display: block; font-size: 24px; line-height: 1.6; color: #ffd311; position: absolute; width: 100%; right: 0 } #cd-lateral-nav .topIcons .gold a:before { content: "2"; display: block; font-size: 24px; line-height: 1.6; color: #ffd311; position: absolute; width: 100%; right: 0 } #cd-lateral-nav .topIcons .ramadan a:before { content: "Y"; display: block; font-size: 24px; line-height: 1.6; color: #ffd311; position: absolute; width: 100%; right: 0 } #cd-lateral-nav .topIcons .market a:before { content: "_"; display: block; font-size: 24px; line-height: 1.6; color: #E03322; position: absolute; width: 100%; right: 0 } #cd-lateral-nav .topIcons .icons:hover { background-color: #333 } #cd-lateral-nav .topIcons .weather:before { display: none } #cd-lateral-nav .topIcons .weather .icon-temp {float: right;font-family: Arial;font-size: 14px;line-height:30px;color: #b8b8b8;position: absolute;right:6px;bottom: 0;} #cd-lateral-nav .topIcons .weather .icon-temp:before { content: "H"; font-size: 5px; position: absolute; right: -5px; top: 5px; } #cd-lateral-nav .topIcons .weather .subMenu { display: none } #cd-lateral-nav .topIcons .weather .weatherIconHeader { display: inline-block; float: left; width: 30px; position: absolute; top: 50%; transform: translateY(-50%); left: 3px } #cd-lateral-nav .topIcons .weather .weatherIconHeader.clearDay { background: url("../images/weatherSprite1.webp") 0 2px no-repeat; background-size: 25px; height: 30px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.clearNight { background: url(../images/weatherSprite1.webp) 0px -187px no-repeat; background-size: 25px; height: 30px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.clouds { background: url(../images/weatherSprite1.webp) 0px -28px no-repeat; background-size: 25px; height: 25px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.showerRain { background: url(../images/weatherSprite1.webp) 0 -107px no-repeat; background-size: 25px; height: 27px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.rainDay { background: url(../images/weatherSprite1.webp) 0 -79px no-repeat; background-size: 25px; height: 30px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.rainNight { background: url(../images/weatherSprite1.webp) 0 -107px no-repeat; background-size: 25px; height: 27px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.drizzle { background: url(../images/weatherSprite1.webp) 0 -243px no-repeat; background-size: 26px; height: 25px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.mist { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.smoke { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.haze { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.dust { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.fog { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.sand { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.ash { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.squall { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.tornado { background: url(../images/weatherSprite1.webp) 0 -213px no-repeat; background-size: 25px; height: 24px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.snow { background: url(../images/weatherSprite1.webp) 0 -132px no-repeat; background-size: 25px; height: 30px; } #cd-lateral-nav .topIcons .weather .weatherIconHeader.thunderstorm { background: url(../images/weatherSprite1.webp) 0 -161px no-repeat; background-size: 25px; height: 30px; } #cd-lateral-nav .cd-navigation li a.icon-elgouna:before{content: '\aa';} #cd-top-nav > ul > li > a.icon-elgouna:before{content: '\aa';display: block;font-size: 24px;line-height: 1;} #cd-lateral-nav .topIcons .gouna a:before {content: "\aa";display: block;font-size: 24px;line-height: 1.6;color: #b5a28a;position: absolute;width: 100%;right: 0;} .leftHP .eventEntryPoint { width: 300px; height: 150px; margin: 0 calc((100% - 300px) / 2) 30px } .leftHP .eventEntryPoint.ramadan{margin:0;overflow:hidden} .leftHP .eventEntryPoint a { width: 100%; margin-left: 0; height: 150px } .leftHP .eventEntryPoint a:last-child { margin-bottom: 0 } .leftHP .eventEntryPoint a img { width: 300px; height: 150px;position:relative;left:0;top:0;transform:none } .eventEntryPoint .flickity-viewport{ overflow: hidden; position: relative; height: 100%; width: 100%;} .eventEntryPoint .flickity-slider { position: absolute; width: 100%; height: 100%; } /** Overlay **/ .overlay { position: absolute; left: 0; top: 0; background: #000; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 5; transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s } .overflow-hidden .overlay { visibility: visible; opacity: 0.85 } /******************** Content ********************/ .container { width: 100%; display: inline-block; margin-top: 50px; position: relative; text-align: center; } /*.sponsorStickyOpen .container { margin-top: 0px }*/ .masrawyContainer { position: relative; display: inline-block; width: 100%; z-index: 2 } /*.showSponsor .masrawyContainer{overflow-y:scroll;padding-right:17px;box-sizing: content-box}*/ .content-wrap { position: relative; top: 0; background: #f8f8f8; width: 100%; margin: 0; padding: 0; display: inline-block; pointer-events: visible; -webkit-overflow-scrolling: touch; z-index: 2 } .articlePage .content-wrap{background:#fff} /*.showSponsor .content-wrap{margin: 0 0 0 17px}*/ .content { position: relative; background: #f8f8f8; display: inline-block;float:right; width: 100%; padding: 20px 16px } /* Overlay */ .content-wrap::before { position: absolute; top: 0; left: 0; visibility: hidden; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ''; opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity 0.2s, -webkit-transform 0s 0.2s; transition: opacity 0.2s, transform 0s 0.2s; } #cd-vertical-nav::before { position: absolute; top: 0; right: 0; visibility: hidden; z-index: 10; width: 36px; height: 100%; background: rgba(0,0,0,0.5); content: ''; opacity: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: opacity 0.2s, -webkit-transform 0s 0.2s; transition: opacity 0.2s, transform 0s 0.2s; } /******************** Footer ********************/ footer { display: inline-block; float: right; width: 100%; position: relative; z-index: 5; background: #111 } /** Menu **/ footer .middle { display: inline-block; width: 100%; text-align: center } footer .middle .cnts { width: 100%; display: inline-block; margin: 0 auto; padding: 30px 50px 0 } footer .middle .cnts .midTop { width: 100%; display: inline-block; float: right; border-bottom: 1px solid #333 } footer .middle .navMenu { width: 100%; display: inline-block; margin: 0 auto; margin-bottom: 20px } footer .middle .navMenu .title { display: inline-block; width: 100%; float: right; font-family: DroidKufiBold, Arial; font-size: 22px; color: #fff; text-align: right; direction: rtl; margin-bottom: 20px } footer .middle .navMenu .item { float: right; display: inline-block; margin-left: 20px; width: calc((100% - 190.1px) / 4) } footer .middle .navMenu .item:last-child { margin-left: 0; width: 110px } footer .middle .navMenu .item .ttl { display: inline-block; width: 100%; margin-bottom: 0; height: auto; float: right; direction: rtl; text-align: right; font-family: DroidKufiBold, Arial; font-size: 16px; color: #fff; line-height: 1.8; background: none; border: none; padding: 0 } footer .footerLogo { display: inline-block; float: right; width: 206px; height: 50px; margin: 0 calc((100% - 206px) / 2); } footer .footerLogo img { width: auto; height: 50px } footer .middle .navMenu .item ul { display: inline-block; float: right; width: 100%; padding-top: 10px; } footer .middle .navMenu .item ul li { width: 100%; font-size: 12px; color: #ccc; margin-bottom: 5px } footer .middle .footerMainMenu { display: inline-block; width: 100%; float: right; margin-top: 20px } footer .middle .mainMenu { float: right; display: inline-block; width: 100%; height: 44px; margin: 20px 0; position: relative; text-align: center } footer .middle .mainMenu .menuLinks { display: inline-block; margin: 0 auto } footer .middle .mainMenu a { float: right; display: inline-block; padding: 0 10px; line-height: 3.3; font-size: 13px; color: #fff; background: #111; position: relative } footer .middle .mainMenu a:hover { color: #E03322 } footer .middle .mainMenu a:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #2c2c2c } footer .middle .mainMenu a:last-child:after { display: none } /*footer .middle .mainMenu a:hover{background:#E03322} footer .middle .mainMenu a:hover:after{display:none}*/ /** Social Media **/ footer .middle .midBottom { display: inline-block; width: 100%; padding: 10px 0 } footer .middle .social { display: inline-block; float: right; width: 244px; margin: 0 calc((100% - 244px) / 2) 20px; position: relative } footer .middle .social a { float: right; margin-left: 24px; color: #7f7f7f; font-size: 20px; } footer .middle .social a:last-child { margin-left: 0 } footer .middle .social a:hover { color: #fff } footer .middle .social a:before{line-height:30px} footer .middle .social a.icon-fb:before { content: "u"; color: #fff } footer .middle .social a.icon-tw:before { content: "?"; color: #fff } footer .middle .social a.icon-yt:before { content: "x"; color: #fff } footer .middle .social a.icon-rss:before { content: "A"; color: #fff } footer .middle .social a.icon-sptfy:before { content: "<"; color: #fff } footer .middle .social a.icon-pod:before { content: "="; color: #fff;font-size:24px } footer .middle .midBottom .copyright { display: inline-block; float: left; margin: 0 } footer .middle .midBottom .copyright p {display: flex;float: right; font-size: 11px; color: #eee; line-height: 34px; margin-left: 6px;} footer .middle .midBottom .copyright p span { font-size: 16px;margin-left: 4px;} footer .middle .midBottom .copyright .copyrightLogo { float: right; width: 20px; height: 17px; margin-top: 8px; } footer .middle .midBottom .copyright .copyrightLogo img{display: inline-block; width: 100%; height: auto; float: left;} footer .middle .midBottom .linksMenu { float: right; display: inline-block } footer .middle .midBottom .linksMenu a { float: right; display: inline-block; margin-left: 20px; line-height: 36px; font-size: 11px; color: #fff; position: relative } footer .middle .midBottom .linksMenu a:last-child { margin-left: 0 } footer .middle .midBottom .linksMenu a:hover { color: #E03322 } /********** Shortcut Icons Menu **********/ #cd-vertical-nav { position: fixed; margin-right: -36px; top: auto; z-index: 4; background: #fff; padding: 8px 0; width: 36px; box-shadow: 0px 0px 6px rgba(0,0,0,0.15); } .sponsorStickyOpen #cd-vertical-nav { top: 0; z-index: 51; position: absolute } .sponsorStickyOpen.showSponsor #cd-vertical-nav { top: 124px; z-index: 51; position: fixed } #cd-vertical-nav li { text-align: right; margin: 0 calc((100% - 28px) / 2) 8px; width: 28px } #cd-vertical-nav li:last-child { margin-bottom: 0 } #cd-vertical-nav a { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: center } #cd-vertical-nav a:after { content: ""; display: table; clear: both; } #cd-vertical-nav a span { display: inline-block; } #cd-vertical-nav a:hover .cd-label { opacity: 1; } #cd-vertical-nav .cd-dot { position: relative; height: 28px; width: 28px; border-radius: 50%; background-color: #ddd; color: #1d1d1d; -webkit-transition: -webkit-transform 0.2s, background-color 0.2s; -moz-transition: -moz-transform 0.2s, background-color 0.2s; transition: transform 0.2s, background-color 0.2s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #cd-vertical-nav .icon-news:before { content: "g"; font-size: 20px; line-height: 1.4; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-seen:before { content: "N"; font-size: 22px; line-height: 1.3; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-ramadan:before { content: "Y"; font-size: 20px; line-height: 1.4; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-sports:before { content: "Z"; font-size: 18px; line-height: 1.5; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-media:before { content: "j"; font-size: 16px; line-height: 1.7; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-economy:before { content: "U"; font-size: 18px; line-height: 1.7; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-howa_w_hya:before { content: "V"; font-size: 18px; line-height: 1.7; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-arts:before { content: "X"; font-size: 22px; line-height: 1.4; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-autos:before { content: "l"; font-size: 18px; line-height: 1.5; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-islameyat:before { content: "P"; margin-right: 2px; font-size: 18px; line-height: 1.4; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-ads:before { content: "n"; font-size: 20px; line-height: 1.4; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-wc:before { content: "k"; font-size: 20px; line-height: 1.4; transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -webkit-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -moz-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -ms-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; -o-transition: background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s 0.2s ease-in-out 0s; } #cd-vertical-nav .icon-news:hover, #cd-vertical-nav a.is-selected .icon-news { background-color: #E03322; color: #fff } #cd-vertical-nav .icon-seen:hover, #cd-vertical-nav a.is-selected .icon-seen { background-color: #E03322; color: #fff } #cd-vertical-nav .icon-ramadan:hover, #cd-vertical-nav a.is-selected .icon-ramadan { background-color: #330D46; color: #fff } #cd-vertical-nav .icon-sports:hover, #cd-vertical-nav a.is-selected .icon-sports { background-color: #056818; color: #fff } #cd-vertical-nav .icon-media:hover, #cd-vertical-nav a.is-selected .icon-media { background-color: #1d1d1d; color: #fff } #cd-vertical-nav .icon-economy:hover, #cd-vertical-nav a.is-selected .icon-economy { background-color: #E03322; color: #fff } #cd-vertical-nav .icon-howa_w_hya:hover, #cd-vertical-nav a.is-selected .icon-howa_w_hya { background-color: #7b1fa2; color: #fff } #cd-vertical-nav .icon-arts:hover, #cd-vertical-nav a.is-selected .icon-arts { background-color: #A8006B; color: #fff } #cd-vertical-nav .icon-autos:hover, #cd-vertical-nav a.is-selected .icon-autos { background-color: #1a237e; color: #fff } #cd-vertical-nav .icon-islameyat:hover, #cd-vertical-nav a.is-selected .icon-islameyat { background-color: #075C99; color: #fff } #cd-vertical-nav .icon-wc:hover, #cd-vertical-nav a.is-selected .icon-wc { background-color: #056818; color: #fff } #cd-vertical-nav .icon-ads:hover { background-color: #3c14c1; color: #fff } img[src*=".doubleclick"] { position: absolute; } /********** Title **********/ .ttl { display: block; width: 100%; border-bottom: 2px solid #E03322; float: right } .ttl img.bbcHeaderImg { display: none } .ttl h3, .ttl h1, .ttl h2 { float: right; display: inline-block; padding: 0; font-family: DroidKufiBold, Arial; font-size: 17px; color: #fff; display: inline-block; line-height: 36px; padding: 0px 16px; background: #E03322 } .ttl h3 a, .ttl h1 a, .ttl h2 a { color: #fff } /*.ttl h3:after, .ttl h1:after{content:"";width:4px;height:24px;background:#E03322;float:right;margin-left:12px;margin-top:4px}*/ .ttl .more { float: left; display: inline-block; font-size: 14px; color: #1d1d1d; display: block; position: relative; z-index: 1; line-height: 34px } .ttl .icon-more:before { content: "q"; font-size: 14px; float: left; margin-right: 5px; line-height: 34px; width: 11px } .ttl .more:hover { color: #E03322 } .ttl .moreLnks { display: inline-block; float: left } .ttl .moreLnksBtn { display: none!important;font-size:13px } .ttl .moreLnksBtn.icon-more:before{font-size:12px} .ttl .secMenu { float: left; display: inline-block; margin-top: 2px; } .ttl .secMenu li { display: inline-block; float: right; padding: 0; margin: 0 0 0 30px !important; width: auto !important; border: none; } .ttl .secMenu li:last-child { margin-left: 0 !important } .ttl .secMenu li a { float: left; display: inline-block; font-size: 13px; color: #333; position: relative; z-index: 1; line-height: 34px } .adTtl{min-height:16px;transition:none} /****************************** ADS ******************************/ /** Fixed Ad Placement **/ .customSponsor { width: 100%;min-height:auto; display: inline-block; float: right; border: 0; background: none; box-sizing: content-box; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); -moz-clip-path: inset(0 0 0 0); -ms-clip-path: inset(0 0 0 0); -o-clip-path: inset(0 0 0 0); left: 0; margin: 0 auto; overflow: visible; top: 0; visibility: visible;position:relative; z-index: 1;margin-right: 0 } .customSponsor > div { overflow: hidden; width: 100% !important; min-width: auto!important;min-height: auto!important;} .customSponsor > div > div { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0 } .customSponsor > div > div iframe { position: fixed !important; width: 1258px; height: inherit; border: none; margin: 0 !important; left:50%;transform:translateX(-50%);top:0; bottom: 0} .showFixedAd .customSponsor {min-height:400px;margin-bottom: 30px;} .matchcenter .customSponsor > div > div iframe{width:938px;right: calc(((100% - 1258px) / 2) + 12px);left: auto;transform: none;} @media screen and (min-width:1360px) and (max-width:1919px) { .customSponsor > div > div iframe {width: 1076px} .showFixedAd .customSponsor{min-height:342px} .matchcenter .customSponsor > div > div iframe{width:756px;right: calc(((100% - 1100px) / 2) + 12px)} } @media screen and (min-width:1280px) and (max-width:1359px) { .customSponsor > div > div iframe {width: 976px} .showFixedAd .customSponsor{min-height:310px} .matchcenter .customSponsor > div > div iframe{width:656px;right: calc(((100% - 1000px) / 2) + 12px)} } @media screen and (min-width:1024px) and (max-width:1279px) { .customSponsor > div > div iframe {width: 776px} .showFixedAd .customSponsor{min-height:246px} .matchcenter .customSponsor > div > div iframe{width:456px;right: calc(((100% - 800px) / 2) + 12px)} } @media only screen and (max-width: 1023px) { .customSponsor > div > div iframe {width: 100%} .showFixedAd .customSponsor{min-height:246px} .matchcenter .customSponsor > div > div iframe{width:100%;right:0} } @media screen and (min-width: 320px) and (max-width: 767px) { .customSponsor { width: calc(100% + 24px);margin-right: -12px; } .customSponsor > div > div iframe {width: 100%} .showFixedAd .customSponsor{min-height:420px} .matchcenter .customSponsor > div > div iframe{width:100%;right:0} } #adxbox{transition:none!important} .october50 { content: ""; width: 86px; height: 90px; background: url(../Images/marchLogo.png?ver=0.01) top 28px center no-repeat #1d1d1d; background-size: auto 55px; position: fixed; top: 0; left: 50%; transform: translateX(-50%); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 0px 0px 50px 50px; z-index: 9999999999 } @media screen and (min-width:1360px) and (max-width:1439px) { .october50 { transform: none; left: 50% } } @media screen and (min-width:1280px) and (max-width:1359px) { .october50 { transform: none; left: 53% } } @media screen and (min-width:1152px) and (max-width:1279px) { .october50 { transform: none; left: 53% } } @media screen and (min-width:1024px) and (max-width:1151px) { .october50 { transform: none; left: 53% } } @media only screen and (max-width: 1023px) { .october50 { transform: none; left: 10px } } @media screen and (min-width: 320px) and (max-width: 767px) { .october50 { width: 82px; height: 50px; background: url(../Images/marchLogo.png?ver=0.01) top 4px center no-repeat #1d1d1d; background-size: auto 50px; left: 5px;border-radius:unset } .lg-on .october50{z-index:999} } .overflow-hidden .october50{z-index:2} /********** Showcase **********/ .showcaseDiv { display: inline-block; width: 300px; float: left; height: auto; margin-bottom: 20px; overflow: hidden; box-shadow: none; min-width: 300px; min-height: 262px} .articleDiv .showcaseDiv { margin-bottom: 30px } .showcaseDiv .adTtl:not(.ivbsDescription p) { text-align: center !important; color: #666 !important; background: #fff; font-size: 11px !important; width: 300px; height: 16px;max-height:16px; line-height: 16px; cursor: default; margin: 0 } .showcaseDiv .showcase { background: #ddd; width: 300px; height: auto; display: flex; min-height: 250px } .showcaseDiv .showcase > div { float: right; display: flex } .showcaseDiv .showcase.sc1 { background: #fff } .showcaseDiv .geminiSC1Ad { display: none !important } .showcaseDiv .geminiSC1Ad.showSC1 { display: flex !important } .showcaseDiv .geminiSC2Ad { display: none !important } .showcaseDiv .geminiSC2Ad.showSC2 { display: flex !important } .showcaseDiv .geminiSC3Ad { display: none !important } .showcaseDiv .geminiSC3Ad.showSC3 { display: flex !important } .showcaseDiv .geminiSCIGAd { display: none !important } .showcaseDiv .geminiSCIGAd.showSCIG { display: flex !important } .showcaseDiv img { border: none !important } .showcaseDiv .geminiSC1Ad .hcSlider { display: none } .showcaseDiv .geminiSC1Ad.showSC1 .hcSlider { display: inline-block } .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper, .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important } .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block } .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important } .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none } /** second showcase **/ .showcaseDiv .geminiSC2Ad .hcSlider { display: none } .showcaseDiv .geminiSC2Ad.showSC2 .hcSlider { display: inline-block } .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper, .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important } .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block } .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important } .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none } .showcaseDiv .geminiSC3Ad .hcSlider { display: none } .showcaseDiv .geminiSC3Ad.showSC3 .hcSlider { display: inline-block } .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper, .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important } .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block } .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important } .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none } /********** ASYNC OTP **********/ /** Desktop **/ .showOTP .showcaseDiv { overflow: visible; height: 266px; background: #fff } .showOTP .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; } .showOTP .showcaseDiv .sc1 iframe { width: 100%; height: 400px; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 130px; visibility: visible; z-index: 9999; } .hideOTP .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important;z-index: 1; } .hideOTP .showcaseDiv .showcase.sc1 { width: 300px; left: auto } .showOTP .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important } .adAsync div[style] { width: auto !important; height: auto !important } /********** ASYNC OVERLAY **********/ /** Desktop **/ .showOverlay .showcaseDiv { overflow: visible; height: 266px; background: #fff } .showOverlay .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; } .showOverlay .showcaseDiv .sc1 iframe { width: 100%; height: calc(100% - 50px); display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 50px; visibility: visible; z-index: 9999; } .hideOverlay .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; } .hideOverlay .showcaseDiv .showcase.sc1 { width: 300px; left: auto } .showOverlay .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important } .showOverlay .sponsorAsync { display: none } .hideOverlay .sponsorAsync { display: block } .showOverlay-clsdSpnsr .showcaseDiv { overflow: visible; height: 266px; background: #fff } .showOverlay-clsdSpnsr .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; } .showOverlay-clsdSpnsr .showcaseDiv .sc1 iframe { width: 100%; height: calc(100% - 50px); display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 50px; visibility: visible; z-index: 9999; } .hideOverlay-clsdSpnsr .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; } .hideOverlay-clsdSpnsr .showcaseDiv .showcase.sc1 { width: 300px; left: auto } .showOverlay-clsdSpnsr .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important } /********** Billboard **********/ /*.billboardDiv{display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 auto 40px;overflow:hidden;box-shadow:none;float:none;min-width:728px}*/ .billboardDiv { display: inline-block; width: 100%;height:266px;position:relative; float: right; text-align: center; box-shadow: none;background:none ;} .billboardDiv .billboardCnts { display: inline-block; width: 728px; height: auto; overflow: hidden; box-shadow: none; float: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); } .billboardDiv .adTtl { text-align: center; color: #666; background: #fff; font-size: 11px !important; width: auto; height: 16px;max-height:16px; line-height: 16px; cursor: default } .billboardDiv .billboard { background: #f8f8f8; width: auto; height: auto; display: flex } .billboardDiv .billboard > div { float: right; display: flex } .billboardDiv .geminiBB1Ad { display: none !important } .billboardDiv .geminiBB1Ad.showBB1 { display: flex !important } .billboardDiv img { border: none !important } .billboardDiv .geminiBB1Ad .hcSlider { display: none } .billboardDiv .geminiBB1Ad.showBB1 .hcSlider { display: inline-block } .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important } .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block } .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important } .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none } .content .mainMedia .billboardDiv, .content .mainMedia .leaderboardDiv { background: none } /********** Monster **********/ .monsterDiv { display: inline-block; width: 300px; height: 616px; overflow: hidden; box-shadow: none; margin-left: 24px; min-width: 300px; float: right } .monsterDiv .adTtl { text-align: center; color: #666; background: #fff; font-size: 11px !important; width: 300px; height: 16px; max-height:16px; line-height: 16px; cursor: default } .monsterDiv .monster { background: #ddd; width: 300px; height: auto; display: flex } .monsterDiv .geminiMonsterAd { display: none !important } .monsterDiv .geminiMonsterAd.showMonster { display: flex !important } .monsterDiv img { border: none !important } .monsterDiv .geminiMonsterAd .hcSlider { display: none } .monsterDiv .geminiMonsterAd.showMonster .hcSlider { display: inline-block } .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper, .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 600px !important } .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a { display: inline-block } .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a img { max-width: 300px !important } .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a iframe { width: 300px; height: 600px; pointer-events: none } /********** Leaderboard **********/ /*.leaderboardDiv{display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 auto 40px;overflow:hidden;box-shadow:none;float:none;min-width:728px}*/ .leaderboardDiv { display: inline-block; width: 100%;height:266px;position:relative; float: right; text-align: center; box-shadow: none;background:none } .leaderboardDiv .leaderboardCnts { display: inline-block; width: auto; height: auto; overflow: hidden; overflow: hidden; box-shadow: none; float: none; min-width: 728px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); } .leaderboardDiv .adTtl { text-align: center; color: #666; background: #fff; font-size: 11px !important; width: auto; height: 16px; max-height:16px; line-height: 16px; cursor: default } .leaderboardDiv .leaderboard { background: #ddd; width: auto; height: auto; display: flex } /*.leaderboardDiv .leaderboard iframe{width:100%}*/ .leaderboardDiv .leaderboard > div { float: right; display: flex } .leaderboardDiv .geminiLB2Ad { display: none !important } .leaderboardDiv .geminiLB2Ad.showLB2 { display: flex !important } .leaderboardDiv .geminiLB3Ad { display: none !important } .leaderboardDiv .geminiLB3Ad.showLB3 { display: flex !important } .leaderboardDiv img { border: none !important } .leaderboardDiv .geminiLB1Ad .hcSlider { display: none } .leaderboardDiv .geminiLB1Ad.showLB1 .hcSlider { display: inline-block } .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important } .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block } .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important } .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none } .leaderboardDiv .geminiLB2Ad .hcSlider { display: none } .leaderboardDiv .geminiLB2Ad.showLB2 .hcSlider { display: inline-block } .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important } .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block } .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important } .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none } .leaderboardDiv .geminiLB3Ad .hcSlider { display: none } .leaderboardDiv .geminiLB3Ad.showLB3 .hcSlider { display: inline-block } .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important } .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block } .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important } .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none } .hcSlider ul, .hcSlider li { width: 100% !important; margin: 0 !important; height: 100% !important } .hcSlider li { width: 100% !important; background: none !important; border: none !important } /********** Interscroller **********/ /*.interscrollerIframe, article .details .interscrollerIframe{display:none;margin:0;height:auto;width:100%;} .interscrollerShow .interscrollerIframe, .interscrollerShow article .details .interscrollerIframe{display:block}*/ #InterScroller { display: inline-block; float: right; width: 100% } .interscrollerShow .interScrollerAsync, .interscrollerShow article .details .interScrollerAsync { display: inline-block; position: relative; float: left; width: 100%; margin-bottom: 20px; margin-top: 16px } .interScrollerAsync, article .details .interScrollerAsync { display: none } .interScrollerAsync > div, article .details .interScrollerAsync > div { width: 100% !important } .isAdTtl, article .details .isAdTtl { text-align: center !important; color: #b9b9b9 !important; background: #000; font-size: 11px !important; width: 100%; position: absolute; z-index: 2; height: 16px; right: calc(((100% - 85%) / 2) + 12px); line-height: 1.5; cursor: default; margin: 0 !important; display: inline-block; float: right; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .isAdTtl.first, article .details .isAdTtl.first { top: 0; right: 0 !important; z-index: 3 } .isAdTtl.spareLast, article .details .isAdTtl.spareLast { bottom: 0; position: fixed; display: none } .showAdttl .isAdTtl.spareLast, article .details .showAdttl .isAdTtl.spareLast { display: inline-block } .isAdTtl.last, article .details .isAdTtl.last { display: none } .isWrapper, article .details .isWrapper { width: 100%; display: inline-block; float: right; border: 0; background: #f2f2f2; box-sizing: content-box; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); -moz-clip-path: inset(0 0 0 0); -ms-clip-path: inset(0 0 0 0); -o-clip-path: inset(0 0 0 0); left: 0; margin: 0 auto; overflow: visible; position: relative; top: 16px; visibility: visible; z-index: auto; } .isWrapper > div, article .details .isWrapper > div { position: relative; z-index: 1; overflow: hidden; width: 100% !important; padding-bottom: 41.4% } .isWrapper > div > div, article .details .isWrapper > div > div { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0 } .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { position: fixed !important; width: inherit; height: inherit; border: none; z-index: 1; margin: 0 !important; right: calc(((100% - 85%) / 2) + 12px); right: -webkit-calc(((100% - 85%) / 2) + 12px); bottom: 16px } /*.isWrapper > div > div.active iframe, .isWrapper > div > div:hover iframe, article .details .isWrapper > div > div.active iframe, article .details .isWrapper > div > div:hover iframe {pointer-events: all;}*/ .isWrapper .closeIS { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 15px; background: rgba(0,0,0,0.7); color: #fff; text-align: center; font-family: Arial; font-size: 26px; line-height: 1.1; font-weight: normal; z-index: 3; visibility: hidden; opacity: 0; transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s, visibility 0.2s ease-in-out 0s} .scrollISFrame .isWrapper .closeIS { visibility: visible; opacity: 1 } .scrollISFrame .isWrapper > div > div iframe, article .details .scrollISFrame .isWrapper > div > div iframe { position: absolute !important; right: 0 !important; top: 0; bottom: auto !important } .scrollISFrame .isAdTtl.spareLast, article .details .scrollISFrame .isAdTtl.spareLast { position: absolute !important; right: 0 !important } .scrollISFrame .isAdTtl.spareLast, article .details .scrollISFrame .isAdTtl.spareLast { display: none } .scrollISFrame .isAdTtl.last, article .details .scrollISFrame .isAdTtl.last { z-index: 4; display: inline-block !important; bottom: 0 } .fixedIS .isWrapper .closeIS { visibility: hidden; opacity: 0 } .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { position: fixed !important; right: calc(((100% - 85%) / 2) + 12px) !important; top: 65px } .fixedIS .isAdTtl.first, article .details .fixedIS .isAdTtl.first { position: fixed; top: 50px; right: calc(((100% - 85%) / 2) + 12px) !important } @media only screen and (max-width: 1023px) { .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important } .fixedIS .isAdTtl.first, article .details .fixedIS .isAdTtl.first { right: 10px !important } .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { right: 10px !important } .isAdTtl.spareLast, article .details .isAdTtl.spareLast { right: 10px !important } } @media screen and (min-width:320px) and (max-width:767px) { .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important; bottom: auto !important; top: calc(50% + 25px); transform: translateY(-50%) } .isWrapper > div, article .details .isWrapper > div { padding-bottom: 196%; } .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { top: calc(50% + 25px) } } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */ /* Safari only override */ ::i-block-chrome, .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important; bottom: auto !important; top: -50px; transform: none; } ::i-block-chrome, .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { top: -50px; } ::i-block-chrome, .scrollISFrame .isWrapper > div > div iframe, article .details .scrollISFrame .isWrapper > div > div iframe { top: -50px !important; right: 10px !important; position: fixed !important } } /********** ASYNC Native Ads **********/ .nativeAds { position: absolute; z-index: 2; width: 100%; top:0;right:0;height:100%;pointer-events:none } .nativeAds iframe {position: absolute;top: 0;right:0;width: 100%!important;height: 100%!important;margin: 0;background: #fff;pointer-events: visible;} .nativeAds .adsbygoogle {width: 100%!important;height: 100%!important;position: absolute;background: #fff;} .nativeAds .adsbygoogle div{width: 100%!important;height: 100%!important;} /********** AD Blocker Detected **********/ .adBlkrDtctd .popupNotify { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.95); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s; -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s; transition: opacity 0.2s 0s, visibility 0s 0.2s; } .adBlkrDtctd .popupNotify.is-visible { opacity: 1; visibility: visible; z-index: 10; -webkit-transition: opacity 0.2s 0s, visibility 0s 0s; -moz-transition: opacity 0.2s 0s, visibility 0s 0s; transition: opacity 0.2s 0s, visibility 0s 0s; } .adBlkrDtctd .cd-popup-container { position: relative; padding: 24px; width: 600px; height: 400px; margin: 120px auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; } .adBlkrDtctd .cd-popup-container .cd-buttons { position: absolute; right: 0; bottom: 0; width: 100%; height: 60px } .adBlkrDtctd .cd-popup-container .cd-buttons a { position: relative; top: 0; left: 0; float: right; background: #ddd; width: calc(100% / 2); height: 60px; font-size: 16px; color: #1d1d1d; text-align: center; display: block; line-height: 3.5; } .adBlkrDtctd .cd-popup-container .cd-buttons a:first-child { background: #1d1d1d; color: #fff } .adBlkrDtctd .cd-popup-container .cd-buttons a:hover { background: #ccc } .adBlkrDtctd .cd-popup-container .cd-buttons a:first-child:hover { background: #E03322 } .adBlkrDtctd .cd-popup-container .cd-buttons a:before, .adBlkrDtctd .cd-popup-container .cd-buttons a:after { display: none } .adBlkrDtctd .cd-popup-container .cd-popup-close { position: absolute; top: 12px; left: 12px; width: 36px; height: 36px; } .adBlkrDtctd .cd-popup-container .cd-popup-close::before, .adBlkrDtctd .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #1d1d1d; opacity: 0.2; transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s; } .adBlkrDtctd .cd-popup-container .cd-popup-close:hover::before, .adBlkrDtctd .cd-popup-container .cd-popup-close:hover::after { opacity: 1; } .adBlkrDtctd .cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .adBlkrDtctd .cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .adBlkrDtctd .cd-popup-container .warnMsg { width: 480px; display: inline-block;; margin: 30px calc((100% - 480px) / 2) 15px } .adBlkrDtctd .cd-popup-container .icon-warn { display: inline-block; width: 100%; text-align: center } .adBlkrDtctd .cd-popup-container .icon-warn:before { content: "h"; font-size: 42px; color: #E03322; float: right; line-height: 1 } .adBlkrDtctd .cd-popup-container h2, .adBlkrDtctd .cd-popup-container h4 { display: inline-block; width: 100%; text-align: center; font-family: DroidKufiBold, Arial; font-size: 24px; color: #1d1d1d; margin: 15px 0; } .adBlkrDtctd .cd-popup-container h2 spanm .adBlkrDtctd .cd-popup-container h4 span { color: #999; font-family: arial } .adBlkrDtctd .cd-popup-container .msg p { display: inline-block; width: 100%; text-align: right; direction: rtl; font-size: 16px } .adBlkrDtctd .cd-popup-container .msg p:first-child { margin-bottom: 10px } .adBlkrDtctd .cd-popup-container .msg p:last-child { margin-top: 30px } @media screen and (min-width:1920px) { .content-wrap{width:1282px} } @media screen and (min-width:1360px) and (max-width:1919px) { .content-wrap{width:1100px} } @media screen and (min-width:1280px) and (max-width:1359px) { .content-wrap{width:1000px} } /*@media screen and (min-width:1024px) and (max-width:1151px) { .sponsorAd .desktop .gutterAd .gutterFrame iframe{width: 104px!important;height: 390px!important;} } */ @media screen and (min-width:1024px) and (max-width:1279px) { .content-wrap{width:800px} #cd-top-nav > ul { margin-left: 70px } #cd-top-nav ul li { width: 70px; } #cd-top-nav > ul > li:first-child { width: 70px; } #cd-top-nav ul li > a { width: 70px; font-size: 9px; } #cd-top-nav ul li .weather .weatherIconHeader { left: 3px } #cd-top-nav ul li .weather > span { margin-right: 10px } .morphSearchDiv { width: 70px } .morphsearch { width: 70px } .morphsearch-input { padding: 28px 24px 0 24px; font-size: 9px } #cd-top-nav .rightDiv date, #cd-top-nav .rightDiv .octLogo { font-size: 14px; line-height: 52px } } @media only screen and (max-width: 1023px) { .content-wrap{min-width:100%;max-width:100%;margin: 0; width: 100%; padding-bottom: 0;} .content { padding-bottom: 60px; } .masrawyContainer { width: 100% } #cd-top-nav .rightDiv date { font-size: 14px; line-height: 3.7 } .mainKeywords .keywords a { font-size: 13px; padding: 5px 12px } #cd-vertical-nav { display: none } #cd-top-nav ul li { display: none } #cd-lateral-nav .linksMenu { display: inline-block } .morphSearchDiv { width: 60px } .morphsearch { width: 60px } .morphsearch-input { padding: 28px 16px 0 16px } .morphsearch-content .keywordsDiv .item { margin: 0 0 12px 12px } footer { display: none } .no-touch #cd-vertical-nav { display: none } body.openSearch .content-wrap { width: 100%; margin: 60px 0 0 } .showcaseDiv { margin: 0 calc((100% - 300px) / 2) 40px } .billboardDiv { min-width: 300px } .leaderboardDiv { min-width: 300px } } @media screen and (min-width: 320px) and (max-width: 767px) { img { border: none !important; max-height: unset } body { -webkit-text-size-adjust: none;} .leaderboardDiv, .showcaseDiv, .billboardDiv, .monsterDiv { margin-bottom: 30px } .newsPointer .allItems ul .leaderboardDiv, .newsPointer .allItems ul .showcaseDiv, .newsPointer .allItems ul .billboardDiv, .newsPointer .allItems ul .monsterDiv { margin: 30px 0; } .cd-main-content { background: none } .container { position: relative; top: 0; right: 0; left: 0; width: 100%; height: 100%; background: none } .content-wrap { padding: 100px 0 0; position: relative; height: 100%; top: 0; left: 0; right: 0; width: 100% } .content { padding: 0 0 20px } .masrawyContainer { width: 100% } #cd-top-nav .rightDiv date { display: none } #cd-vertical-nav::before, .content-wrap::before { } #cd-top-nav { margin-right: 0; width: calc(100% - 60px) } #cd-top-nav > ul { width: 60px; } #cd-top-nav ul li:last-child { width: 60px } #cd-top-nav > ul > li:hover { background: none } .morphSearchDiv { width: 60px; transition: 0s; } .morphsearch { width: 60px; background: none; } .morphsearch-input { padding: 28px 18px 0 18px; transition: 0s; } .morphsearch-form.icon-search:before { transition: 0s; } .morphsearch-form { transition: 0s } .morphsearch-submit.icon-search { transition: 0s } .openSearch .morphsearch.open .morphsearch-submit.icon-search:before { width: 54px; height: 54px; font-size: 34px; left: 24px; line-height: 1.8; transition: 0s } .openSearch .morphsearch.open .morphsearch-input { font-size: 24px; } /** October Changes **/ #cd-top-nav .rightDiv { width: calc(100% - 60px); } #cd-top-nav .masLogo { margin: 5px calc((100% - 150px) / 2); } .overflow-hidden { margin-right: 0; width: 100%; } .overflow-hidden .cd-main-content { position: relative } .overflow-hidden #cd-top-nav { display: none } footer .top { height: auto; } footer .top .cnts { width: calc(100% - 24px); margin: 0 12px; padding: 10px 0 15px } footer .top .cnts h2 { float: right; margin-left: 0; display: inline-block; width: 100% } footer .top .cnts .subTxt { width: 300px; float: right; height: 40px; display: inline-block } footer .middle .navMenu { width: 100%; padding: 10px 0; margin: 0 } footer .middle .navMenu ul .has-children { float: right; width: 100%; height: 40px; margin-left: 0; margin-bottom: 12px } footer .middle .navMenu ul .has-children a { display: block; width: calc(100% - 24px); height: 40px; padding-right: 12px; margin: 0 12px; line-height: 3; background: #1a1a1a; } footer .middle .navMenu ul .has-children:last-child { width: 100%; margin-bottom: 0 } footer .middle .navMenu ul .is-hidden { display: none } .mainKeywords { display: none } body.openSearch .content-wrap { width: 100%; margin: 0 } .openSearch .morphsearch.open .morphsearch-form { height: 100px; width: 90% } .morphsearch-content h2, .morphsearch-content p { font-size: 18px; margin-bottom: 16px } .morphsearch-content .keywordsDiv .item { font-size: 13px; padding: 4px 10px } #cd-top-nav { margin-right: 0; width: calc(100% - 60px) } #cd-top-nav > ul { width: 60px; } #cd-top-nav ul li:last-child { width: 60px } #cd-top-nav > ul > li:hover { background: none } .morphSearchDiv { width: 60px; transition: 0s; } .morphsearch { width: 60px; background: none; } .morphsearch-input { padding: 28px 18px 0 18px; transition: 0s; } .morphsearch-form.icon-search:before { transition: 0s; } .morphsearch-form { transition: 0s } .morphsearch-submit.icon-search { transition: 0s } .openSearch .morphsearch.open .morphsearch-submit.icon-search:before { width: 54px; height: 54px; font-size: 34px; left: 24px; line-height: 1.8; transition: 0s } .openSearch .morphsearch.open .morphsearch-input { font-size: 24px; } /** October Changes **/ #cd-top-nav .rightDiv { width: calc(100% - 60px); } #cd-top-nav .masLogo { margin: 5px calc((100% - 150px) / 2); } .u-form-group button { font-size: 13px } .page::after { display: none } #cd-lateral-nav .topIcons{padding:0} #cd-lateral-nav .topIcons .icons {width: calc((100% - 30px)/ 4);margin-left:10px} #cd-lateral-nav .topIcons .weather .icon-temp{right:8px} #cd-lateral-nav .topIcons .weather .weatherIconHeader{left:5px} .currGoldDiv .currencyDiv .currGoldTable .title .name { font-size: 14px; width: calc((100% - 150px) / 2) } .currGoldDiv .currencyDiv .currGoldTable .title .name:first-child { width: 150px; } .currGoldDiv .currencyDiv .currGoldTable .title .name:nth-child(2) { display: none } .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item { font-size: 14px; width: calc((100% - 150px) / 2) } .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item:first-child { width: 150px; } .currGoldDiv .currencyDiv .currGoldTable .currGoldDtls .item:nth-child(2) { display: none } .currGoldDiv .goldDiv .currGoldTable .title .name:nth-child(2) { display: block } .currGoldDiv .goldDiv .currGoldTable .currGoldDtls .item:nth-child(2) { display: block } header.lateral-menu-is-open #cd-menu-trigger { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } #cd-lateral-nav { width: 260px; -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } .scrollContainer { width: 260px } .scrollContainer .scroll { width: 250px; margin: 0 calc((100% - 250px) / 2) } #cd-lateral-nav .socialDiv a { margin-left: 10px } #cd-lateral-nav .scroll { mix-blend-mode: normal; background: none; width: 100%; } .scrollContainer { background: none } .prayerTimes .main { padding: 10px } .prayerTimes .main .ttl { margin-bottom: 12px } .prayerTimes .main .location { margin-bottom: 12px } .prayerTimes .main .cityDate .cityName { font-size: 20px } .prayerTimes .main .cityDate .cityName:after { font-size: 20px } .prayerTimes .main .cityDate .countryName { font-size: 20px } .prayerTimes .main .cityDate date { font-size: 14px } .prayerTimes .cntdwn .timerDiv { width: 182px; height: 40px } .prayerTimes .cntdwn .timerDiv ul li { float: left; width: 50px; height: 40px; font-size: 20px; margin-right: 16px; line-height: 2 } .prayerTimes .cntdwn .timerDiv ul li:last-child { margin-right: 0 } .prayerTimes .cntdwn .timerDiv ul li:nth-child(1):after, .prayerTimes .cntdwn .timerDiv ul li:nth-child(2):after { font-size: 20px; position: absolute; top: 0; right: -11px } .prayerTimes .main .dropDownDiv { width: 100%; margin-bottom: 24px } .prayerTimes .main .cityDate { width: 100%; margin-left: 0 } .prayerTimes .main .wrapperDropdown { font-size: 13px } .prayerTimes .cntdwn { width: 100%; margin: 0 0 24px 0 } .prayerTimes .mainTable .prayersTable { width: 100% } .prayerTimes .mainTable .prayersTable .title .name { font-size: 10px; height: 54px } .prayerTimes .mainTable .prayersTable .title .name:nth-child(2) { line-height: 38px } .prayerCheckbox p.pText { font-size: 13px } .prayerTimes .mainTable .prayersTable .allTimes .time { font-size: 15px } .prayerTimes .mainTable .prayersTable .allTimes .time span { font-size: 13px } .prayerTimesTable button { font-size: 13px; margin: 0 calc((100% - 240px) / 2) 20px; } .prayerTimes .monthTable .prayersTable .title .name:first-child { width: 110px } .prayerTimes .monthTable .prayersTable .title .name { width: calc((100% - 110px) / 6); font-size: 10px } .prayerTimes .monthTable .prayersTable .allTimes .time:first-child { width: 110px } .prayerTimes .monthTable .prayersTable .allTimes .time { width: calc((100% - 110px) / 6); font-size: 11px } .prayerTimes .monthTable .prayersTable .allTimes .time span { display: none } .weatherDiv .main { padding: 24px 10px } .weatherDiv .main .ttl { margin-bottom: 12px } .weatherDiv .main .wrapperDropdown { font-size: 13px } .weatherDiv .main .location { margin-bottom: 12px } .weatherDiv .main .cityDate .cityName { font-size: 20px } .weatherDiv .main .cityDate .cityName:after { font-size: 20px } .weatherDiv .main .cityDate .countryName { font-size: 20px } .weatherDiv .main .cityDate date { font-size: 14px } .weatherDiv .main .dropDownDiv { width: 100%; margin-bottom: 24px } .weatherDiv .main .cityDate { width: 100%; margin-left: 0 } .weatherDiv .cntdwn { width: 100%; margin: 0 0 24px 0 } .weatherDiv .mainTable .weatherTable { width: 100% } .weatherDiv .mainTable .weatherTable .title .name { font-size: 12px } .weatherDiv .mainTable .weatherTable .allTimes .time { font-size: 16px } .weatherDiv .mainTable .weatherTable .allTimes .time span { font-size: 14px } .weatherDiv .main .weatherIconCnts { margin-left: 15px } .weatherDiv .temp .icon-high { font-size: 48px; margin-left: 24px; margin-top: 30px; } .weatherDiv .temp .icon-high:before { top: -10px; font-size: 18px; right: 5px } .weatherDiv .temp .icon-low { font-size: 36px; margin-top: 40px; } .weatherDiv .temp .icon-low:before { top: -8px; font-size: 12px; right: 8px } .weatherDiv .temp .windHum { width: 100%; float: right; margin-top: 0 } .weatherDiv .temp { margin-bottom: 15px } .weatherDiv .main .weatherIcon { width: 90px; margin: 0 calc((100% - 90px) / 2); } .weatherDiv .main .weatherIcon.sunny { background: url("../images/weatherSprite.png") 0 10px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.cloudy { background: url(../images/weatherSprite.png) 0px -100px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.partlycloudy { background: url("../images/weatherSprite.png") 0 -186px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.patchylightdrizzle { background: url("../images/weatherSprite.png") 0 -284px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.lightdrizzle { background: url("../images/weatherSprite.png") 0 -390px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.lightsleetshowers { background: url("../images/weatherSprite.png") 0 -284px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.lightrainshower { background: url("../images/weatherSprite.png") 0 -284px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.patchylightrain { background: url("../images/weatherSprite.png") 0 -390px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.patchyrainnearby { background: url("../images/weatherSprite.png") 0 -284px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.clearDay { background: url("../images/weatherSprite1.webp") 0 9px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.clearNight { background: url("../images/weatherSprite1.webp") 0 -672px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.clouds { background: url("../images/weatherSprite1.webp") 0px -100px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.showerRain { background: url("../images/weatherSprite1.webp") 0 -384px no-repeat; background-size: 90px; height: 100px } .weatherDiv .main .weatherIcon.rainDay { background: url("../images/weatherSprite1.webp") 0 -282px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.rainNight { background: url("../images/weatherSprite1.webp") 0 -384px no-repeat; background-size: 90px; height: 100px } .weatherDiv .main .weatherIcon.drizzle { background: url("../images/weatherSprite1.webp") 0 -837px no-repeat; background-size: 90px; } .weatherDiv .main .weatherIcon.mist { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.smoke { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.haze { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.dust { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.fog { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.sand { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.ash { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.squall { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.tornado { background: url("../images/weatherSprite1.webp") 0 -761px no-repeat; background-size: 90px; height: 80px } .weatherDiv .main .weatherIcon.snow { background: url("../images/weatherSprite1.webp") 0 -473px no-repeat; background-size: 90px; height: 100px } .weatherDiv .main .weatherIcon.thunderstorm { background: url("../images/weatherSprite1.webp") 0 -573px no-repeat; background-size: 90px; } .weatherDiv .weatherTable .title .name { width: calc(100% / 3); font-size: 11px } .weatherDiv .weatherTable .allTimes .dayTemp date { font-size: 13px; line-height: 1.5 } .weatherDiv .weatherTable .allTimes .dayTemp { width: calc(100% / 3); padding: 10px; height: 180px } /*.weatherDiv .dayTempDtls{width:100%}*/ .weatherDiv .dayTempDtls .icon-high { font-size: 28px; float: right; margin-left: 8px; } .weatherDiv .dayTempDtls .icon-high:before { font-size: 12px; position: relative; top: -14px; right: 0 } .weatherDiv .dayTempDtls .icon-low { font-size: 18px; float: left } .weatherDiv .dayTempDtls .icon-low:before { font-size: 8px; position: relative; top: -10px; right: 0 } .showcaseDiv .showcase {height:250px} .leaderboardDiv .leaderboard { background: #ddd; } .billboardDiv {height:116px;} .billboardDiv .billboardCnts {width:320px} .leaderboardDiv{height:116px;} .leaderboardDiv .leaderboardCnts { min-width: unset } .exxonD { display: none !important } .exxonMobile { display: inline-block !important; position: relative; width: 100%; max-width: 1024px; height: auto; padding: 10px } .monsterDiv { margin-right: calc((100% - 300px)/ 2) } img { border: none !important; max-height: unset } body { -webkit-text-size-adjust: none; } .cd-main-content { background: none } .container { position: relative; top: 0; right: 0; left: 0; width: 100%; height: 100%; background: none } .content { padding: 0 0 20px } .masrawyContainer { width: 100% } #cd-top-nav .rightDiv date { display: none } #cd-vertical-nav::before, .content-wrap::before { } #cd-top-nav { margin-right: 0; width: calc(100% - 60px) } #cd-top-nav > ul { width: 60px; } #cd-top-nav ul li:last-child { width: 60px } #cd-top-nav > ul > li:hover { background: none } .morphSearchDiv { width: 60px; transition: 0s; } .morphsearch { width: 60px; background: none; } .morphsearch-input { padding: 28px 18px 0 18px; transition: 0s; } .morphsearch-form.icon-search:before { transition: 0s; } .morphsearch-form { transition: 0s } .morphsearch-submit.icon-search { transition: 0s } .openSearch .morphsearch.open .morphsearch-submit.icon-search:before { width: 54px; height: 54px; font-size: 34px; left: 24px; line-height: 1.8; transition: 0s } .openSearch .morphsearch.open .morphsearch-content { padding: 0 5%; height: 390px; overflow: hidden; transition: 0s; margin-top: 0; top: 180px; } .openSearch .morphsearch.open .morphsearch-input { font-size: 24px; } /********************/ .overflow-hidden { margin-right: 0; width: 100%; } .overflow-hidden .cd-main-content { position: relative } .overflow-hidden #cd-top-nav { display: none } footer .top { height: auto; } footer .top .cnts { width: calc(100% - 24px); margin: 0 12px; padding: 10px 0 15px } footer .top .cnts h2 { float: right; margin-left: 0; display: inline-block; width: 100% } footer .top .cnts .subTxt { width: 300px; float: right; height: 40px; display: inline-block } footer .middle .navMenu { width: 100%; padding: 10px 0; margin: 0 } footer .middle .navMenu ul .has-children { float: right; width: 100%; height: 40px; margin-left: 0; margin-bottom: 12px } footer .middle .navMenu ul .has-children a { display: block; width: calc(100% - 24px); height: 40px; padding-right: 12px; margin: 0 12px; line-height: 3; background: #1a1a1a; } footer .middle .navMenu ul .has-children:last-child { width: 100%; margin-bottom: 0 } footer .middle .navMenu ul .is-hidden { display: none } .leaderboardDiv, .showcaseDiv, .billboardDiv, .monsterDiv { margin-bottom: 30px } .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport { width: 320px; height: 50px !important } .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important } .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px; } .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important } .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important } .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px } .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important } .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important } .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px } .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important } .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important } .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px } body.showfooterMob { position: fixed } .showfooterMob .lstNwsNtfy { display: none } .showfooterMob .billboardCnts { overflow: visible; height: 66px; background: #fff } .showfooterMob .billboardDiv .billboard.bb1 { position: fixed; left: 0; width: 100%; top: 0; height: 100%; background: none; } .showfooterMob .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: absolute; bottom: 0; visibility: visible; z-index: 9999; } .hidefooterMob .billboardDiv .bb1 iframe { width: 320px; height: 50px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; } .hidefooterMob .billboardDiv .billboard.bb1 { width: 320px; left: auto } .showfooterMob .billboardDiv .geminiBB1Ad.showBB1 { display: none !important } /*.showOTP { overflow: hidden !important } .hideOTP { overflow-x: hidden !important; overflow-y: scroll !important; }*/ .showOTP .billboardDiv { overflow: visible; height: 66px } .showOTP .billboardDiv .billboard { position: absolute; left: 0; width: 100%; background: none; } .showOTP .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 } .showOTP .billboardDiv .billboardCnts { width: 320px;transform:none } .hideOTP .billboardDiv .billboardCnts {transform:translate(-50%,-50%) } .hideOTP .billboardDiv .bb1 iframe { width: 320px !important; height: 50px !important; left: auto !important; position: relative !important; } .hideOTP .billboardDiv .billboard { width: 320px; left: auto;position:relative } .showOTPBB .billboardDiv { overflow: visible; height: 116px } .showOTPBB .billboardDiv .billboard { position: absolute; left: 0; width: 100%; background: none; } .showOTPBB .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 } .showOTPBB .billboardDiv .billboardCnts { min-width: 320px;transform: none; } .hideOTPBB .billboardDiv .bb1 iframe { width: 320px !important; height: 100px !important; left: auto !important; position: relative !important; } .hideOTPBB article .details .billboardDiv iframe { height: 250px !important; width: 300px !important } .hideOTPBB .billboardDiv .billboard { width: 320px; left: auto } .hideOTPBB .billboardDiv .billboardCnts{transform: translate(-50%,-50%);height:116px} .showOTP .leaderboardDiv { overflow: visible; height: 66px; display: none } .showOTP .leaderboardDiv .leaderboard { position: absolute; left: 0; width: 100%; background: none; } .showOTP .leaderboardDiv .lb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 } .showOTP .leaderboardDiv .leaderboardCnts { min-width: 320px;transform:none } .showOTP .leaderboardDiv .billboardCnts {transform:translate(-50%,-50%) } .hideOTP .leaderboardDiv { display: inline-block } .hideOTP .leaderboardDiv .lb1 iframe { width: 320px !important; height: 50px !important; left: auto !important; position: relative !important; } .hideOTP article .details .leaderboardDiv iframe { height: 250px !important; width: 300px !important } .hideOTP .leaderboardDiv .leaderboard { width: 320px; left: auto } .showOTP .showcaseDiv .showcase { position: relative } .showOTP .showcaseDiv .sc1 iframe { position: relative; height: 250px; z-index: 9; top: 0; left: 0; margin: 0 !important } .showOTP article .details .leaderboardDiv iframe { position: relative } .showOTP .billboardDiv .geminiBB1Ad.showBB1, .showOTP .billboardDiv .geminiBB2Ad.showBB2, .showOTP .billboardDiv .geminiBB3Ad.showBB3{ display: none !important } .showOTP .leaderboardDiv .geminiLB1Ad.showLB1, .showOTP .leaderboardDiv .geminiLB2Ad.showLB2, .showOTP .leaderboardDiv .geminiLB3Ad.showLB3{ display: none !important } .showOTP .showcaseDiv .geminiSC1Ad.showSC1, .showOTP .showcaseDiv .geminiSC2Ad.showSC2, .showOTP .showcaseDiv .geminiSC3Ad.showSC3{ display: none !important } .hideOTP .billboardDiv .geminiBB1Ad.showBB1, .hideOTP .billboardDiv .geminiBB2Ad.showBB2, .hideOTP .billboardDiv .geminiBB3Ad.showBB3{ display: flex !important } .hideOTP .leaderboardDiv .geminiLB1Ad.showLB1, .hideOTP .leaderboardDiv .geminiLB2Ad.showLB2, .hideOTP .leaderboardDiv .geminiLB3Ad.showLB3{ display: flex !important } .hideOTP .showcaseDiv .geminiSC1Ad.showSC1, .hideOTP .showcaseDiv .geminiSC2Ad.showSC2, .hideOTP .showcaseDiv .geminiSC3Ad.showSC3{ display: flex !important } /** Mobile **/ .showOTP .masrawyContainer { position: relative; z-index: 4; } .hideOTP .masrawyContainer { z-index: 2; } .showOverlayChipsy .masrawyContainer { z-index: 2 } .showHeader.showSecondOverlay .masrawyContainer { position: relative; z-index: 4 } .showOTP .justPremiumDiv { display: none !important } .hideOTP .justPremiumDiv { display: block !important } .showOTP .sponsorDiv { display: none !important } .hideOTP .sponsorDiv { display: block !important } .showOTP .sponsorAd { display: none !important } .hideOTP .sponsorAd { display: block !important } .showOTP .bgAd { display: none !important } .hideOTP .bgAd { display: inline-block !important } .showOTP .iz-news-hub-discovr-outer-wrapper { display: none !important } .hideOTP .iz-news-hub-discovr-outer-wrapper { display: inline-block !important } .showOTP .morphSearchDiv { display: none } .hideOTP .morphSearchDiv { display: block } .showOTP .sticky { display: none } .hideOTP .sticky { display: block !important } .showOTP .spnsrSticky { display: none } .hideOTP .spnsrSticky { display: block !important } .showOTP .lstNwsNtfy { display: none !important } .hideOTP .lstNwsNtfy { display: block !important } .showOTP .prayerNotification { display: none !important } .hideOTP .prayerNotification { display: block !important } .showOTP .stickySeries { display: none !important } .hideOTP .stickySeries { display: block !important } .showOTP .seriesTV { display: none !important } .hideOTP .seriesTV { display: block !important } /* .showOTP .articleSocialMedia { display: none !important } .hideOTP .articleSocialMedia { display: block !important }*/ .showOTP .sponsorDuplicate { display: none !important } .hideOTP .sponsorDuplicate { display: block !important } .showOTPBB header { display: none !important } .hideOTPBB header { display: block !important } .showOTPBB .sponsorAd { display: none !important } .hideOTPBB .sponsorAd { display: block !important } .showOTPBB.sponsorStickyOpen.showSponsor .gutterSticky, .showOTPBB.sponsorStickyOpen.showSponsor .gutterAd, .showOTPBB.sponsorStickyOpen .bgAd { display: none !important } .hideOTPBB.sponsorStickyOpen.showSponsor .gutterSticky, .hideOTPBB.sponsorStickyOpen.showSponsor .gutterAd, .hideOTPBB.sponsorStickyOpen .bgAd { display: block !important } .hideOTPBB header { display: block !important } .showOTPBB .justPremiumDiv { display: none !important } .hideOTPBB .justPremiumDiv { display: block !important } .showOTPBB .sponsorDiv { display: none !important } .hideOTPBB .sponsorDiv { display: block !important } .showOTPBB .morphSearchDiv { display: none } .hideOTPBB .morphSearchDiv { display: block } .showOTPBB .sticky { display: none } .hideOTPBB .sticky { display: block !important } .showOTPBB .spnsrSticky { display: none } .hideOTPBB .spnsrSticky { display: block !important } .showOTPBB .lstNwsNtfy { display: none !important } .hideOTPBB .lstNwsNtfy { display: block !important } .showOTPBB.showSponsor .lstNwsNtfy { display: none !important } .hideOTPBB.showSponsor .lstNwsNtfy { display: block !important } .showOTPBB .prayerNotification { display: none !important } .hideOTPBB .prayerNotification { display: block !important } .showOTPBB .stickySeries { display: none !important } .hideOTPBB .stickySeries { display: block !important } .showOTPBB .seriesTV { display: none !important } .hideOTPBB .seriesTV { display: block !important } .showOTPBB .articleSocialMedia { display: none !important } .hideOTPBB .articleSocialMedia { display: block !important } .showOTPBB .sponsorDuplicate { display: none !important } .hideOTPBB .sponsorDuplicate { display: block !important } .showOverlayChipsy .sponsorDuplicate { display: none !important } .hideOverlayChipsy .sponsorDuplicate { display: block !important } .showHeader.showSecondOverlay .sponsorDuplicate { display: none !important } .showHeader.showSecondOverlay.hideOTP .sponsorDuplicate { display: block !important } body.showOverlayChipsy { position: fixed } #cd-menu-header { display: inline-block } .lstNwsNtfy{ width: 100%; text-align: right; } } @media screen and (min-width:1360px) and (max-width:1919px) { .lstNwsNtfy { width: 1100px } } @media screen and (min-width:1280px) and (max-width:1359px) { .lstNwsNtfy { width: 1000px } } @media screen and (min-width:1024px) and (max-width:1279px) { .lstNwsNtfy { width: 800px } } @media screen and (min-width:768px) and (max-width:1023px) { .lstNwsNtfy { width: 100% } } @media screen and (max-width:660px) { footer .top .cnts { width: 560px; margin: 0 calc((100% - 560px) / 2); } footer .top .cnts h2 { font-size: 16px; line-height: 2.5 } footer .top .cnts .subTxt input { font-size: 14px; } footer .top .cnts .subTxt button { font-size: 14px } } @media screen and (min-width:776px) and (max-width:1338px) { footer .middle .navMenu ul .has-children { margin-left: calc((100% - 480px) / 3); margin-bottom: 24px; } footer .middle .navMenu ul .has-children:nth-child(4) { width: 84px; margin-left: 0 } footer .middle .navMenu ul .has-children:last-child { width: 117px; margin-left: 24px } } @media screen and (min-width:630px) and (max-width:775px) { footer .middle .navMenu { width: calc(100% - 96px); padding: 10px 0; margin: 0 48px } footer .middle .navMenu ul .has-children { margin-left: calc((100% - 480px) / 3); margin-bottom: 24px; } footer .middle .navMenu ul .has-children:nth-child(4) { width: 84px; margin-left: 0 } footer .middle .navMenu ul .has-children:last-child { width: 117px; margin-left: 24px } } /********** Color **********/ /** News (e63b34) **/ .featuredArea ul li .secName.news { background: #E03322 } .featuredArea ul li .secName.news:after { background: #E03322 } .featuredArea ul li:first-child .secName.news { background: #E03322 !important } .pattern02 ul li:first-child .secName.news { background: #E03322 !important } .akhbarThemak li .secName.news { color: #E03322 } .pattern01 ul li .secName.news { color: #E03322 } .article.cd-gallery .infiniteListing li.news .secName { color: #E03322 } .news .mostRead .allItems li .number { background: #E03322 } .news .ttl { border-bottom: 2px solid #E03322; } .news .ttl h3 { background: #E03322; } .pattern02.news .ttl { border-bottom: 2px solid #E03322; } .pattern02.news .ttl h3 { background: #E03322; } .pattern02.news .ttl h3:after { background: #E03322; } .pattern02.news .ttl .secMenu li a:hover { color: #E03322 } .pattern02.news ul li .secName { background: #E03322; } .pattern02.news ul li:nth-last-child(-n+3) .secName:after { background: #E03322; } .pattern02.news ul li .secName:after, .pattern02.news ul li:nth-last-child(-n+3) .secName:after { background: #E03322; } .mostRead .allItems li .secName.news { color: #E03322; } .crossMedia .allItems li .secName.news { color: #E03322; } .media ul li .secName.news { color: #E03322; } .media ul li:first-child .secName.news { background: #E03322; } .news .breadcrumb li.active a { color: #E03322 } article.news .nextLink a { color: #E03322 } article.news .nextLink a:after { background: #E03322 } article.news .ttl { border-bottom: 2px solid #E03322; } article.news .ttl h3:after { background: #E03322; } article.news .details p a { color: #E03322 } article.news .details p a:before { background: #E03322 } article.news .amazonBanner { background: #E03322 } article.news .amazonBanner a { color: #E03322 } .news .listing .ttl h1 { background: #E03322 } li.icon-video.news .imageCntnr span, ul li.icon-image.news .imageCntnr span { background: #E03322 !important } li.news .item:hover a h2, li.news .item:hover .desc h2 { color: #E03322 !important } article.news .keywordsDiv .item:hover { background: #E03322; color: #fff } .articleListWidget li .secName.news{color: #E03322;} .articleListWidget li.news h2:hover{color: #E03322;} @media screen and (min-width:320px) and (max-width:767px) { .pattern02 ul li:nth-last-child(-n+4) .secName.news { color: #E03322 } .featuredArea ul li:nth-last-child(-n+5) .secName.news { color: #E03322 } } .cd-gallery li.news .secName { color: #E03322; } article.news .pagination ul li.current a { background: #E03322; color: #fff } /** Sports (43a047) **/ .featuredArea ul li .secName.sports { background: #056818 } .featuredArea ul li .secName.sports:after { background: #056818 } .featuredArea ul li:first-child .secName.sports { background: #056818 !important } .pattern02 ul li:first-child .secName.sports { background: #056818 !important } .akhbarThemak li .secName.sports { color: #056818 } .pattern01 ul li .secName.sports { color: #056818 } .article.cd-gallery .infiniteListing li.sports .secName { color: #056818 } .sports .mostRead .allItems li .number { background: #056818 } .sports .ttl { border-bottom: 2px solid #056818; } .sports .ttl h3 { background: #056818; } .pattern02.sports .ttl { border-bottom: 2px solid #056818; } .pattern02.sports .ttl h3 { background: #056818; } .pattern02.sports .ttl h3:after { background: #056818; } .pattern02.sports .ttl .secMenu li a:hover { color: #056818 } .pattern02.sports ul li .secName { background: #056818; } .pattern02.sports ul li:nth-last-child(-n+3) .secName:after { background: #056818; } .pattern02.sports ul li .secName:after, .pattern02.sports ul li:nth-last-child(-n+3) .secName:after { background: #056818; } .mostRead .allItems li .secName.sports { color: #056818; } .crossMedia .allItems li .secName.sports { color: #056818; } .media ul li .secName.sports { color: #056818; } .media ul li:first-child .secName.sports { background: #056818; } .sports .breadcrumb li.active a { color: #056818 } article.sports .nextLink a { color: #056818 } article.sports .nextLink a:after { background: #056818 } article.sports .ttl { border-bottom: 2px solid #056818; } article.sports .ttl h3:after { background: #056818; } article.sports .details p a { color: #056818 } article.sports .details p a:before { background: #056818 } article.sports .amazonBanner { background: #056818 } article.sports .amazonBanner a { color: #056818 } .sports .listing .ttl h1 { background: #056818 } li.icon-video.sports .imageCntnr span, ul li.icon-image.sports .imageCntnr span { background: #056818 !important } li.sports .item:hover a h2, li.sports .item:hover .desc h2 { color: #056818 !important } article.sports .keywordsDiv .item:hover { background: #056818; color: #fff } .articleListWidget li .secName.sports{color: #056818;} .articleListWidget li.sports h2:hover{color: #056818;} @media screen and (min-width:320px) and (max-width:767px) { .featuredArea ul li:nth-last-child(-n+5) .secName.sports { color: #056818 } .pattern02.sports ul li:nth-last-child(-n+5) .secName:after { background: #056818; } .pattern02 ul li:nth-last-child(-n+4) .secName.sports { color: #056818 } } .cd-gallery li.sports .secName { color: #056818; } article.sports .pagination ul li.current a { background: #056818; color: #fff } /** Arts (fbaa19) **/ .featuredArea ul li .secName.arts { background: #A8006B } .featuredArea ul li .secName.arts:after { background: #A8006B } .featuredArea ul li:first-child .secName.arts { background: #A8006B !important } .pattern02 ul li:first-child .secName.arts { background: #A8006B !important } .akhbarThemak li .secName.arts { color: #A8006B } .pattern01 ul li .secName.arts { color: #A8006B } .article.cd-gallery .infiniteListing li.arts .secName { color: #A8006B } .arts .mostRead .allItems li .number { background: #A8006B } .arts .ttl { border-bottom: 2px solid #A8006B; } .arts .ttl h3 { background: #A8006B; } .pattern02.arts .ttl { border-bottom: 2px solid #A8006B; } .pattern02.arts .ttl h3 { background: #A8006B; } .pattern02.arts .ttl h3:after { background: #A8006B; } .pattern02.arts .ttl .secMenu li a:hover { color: #A8006B } .pattern02.arts ul li .secName { background: #A8006B } .pattern02.arts ul li:nth-last-child(-n+3) .secName:after { background: #A8006B; } .pattern02.arts ul li .secName:after, .pattern02.arts ul li:nth-last-child(-n+3) .secName:after { background: #A8006B; } .mostRead .allItems li .secName.arts { color: #A8006B; } .crossMedia .allItems li .secName.arts { color: #A8006B; } .media ul li .secName.arts { color: #A8006B; } .media ul li:first-child .secName.arts { background: #A8006B; } .arts .breadcrumb li.active a { color: #A8006B } article.arts .nextLink a { color: #A8006B } article.arts .nextLink a:after { background: #A8006B } article.arts .ttl { border-bottom: 2px solid #A8006B; } article.arts .ttl h3:after { background: #A8006B; } article.arts .details p a { color: #A8006B } article.arts .details p a:before { background: #A8006B } article.arts .amazonBanner { background: #A8006B } article.arts .amazonBanner a { color: #A8006B } .arts .listing .ttl h1 { background: #A8006B } li.icon-video.arts .imageCntnr span, ul li.icon-image.arts .imageCntnr span { background: #A8006B !important } li.arts .item:hover a h2, li.arts .item:hover .desc h2 { color: #A8006B !important } article.arts .keywordsDiv .item:hover { background: #A8006B; color: #fff } .articleListWidget li .secName.arts{color: #A8006B;} .articleListWidget li.arts h2:hover{color: #A8006B;} @media screen and (min-width:320px) and (max-width:767px) { .featuredArea ul li:nth-last-child(-n+5) .secName.arts { color: #A8006B } .pattern02.arts ul li:nth-last-child(-n+5) .secName:after { background: #A8006B; } .pattern02 ul li:nth-last-child(-n+4) .secName.arts { color: #A8006B } } .cd-gallery li.arts .secName { color: #A8006B; } article.arts .pagination ul li.current a { background: #A8006B; color: #fff } /** Howa w Hya (7b1fa2) **/ .featuredArea ul li .secName.howa_w_hya { background: #7b1fa2 } .featuredArea ul li .secName.howa_w_hya:after { background: #7b1fa2 } .featuredArea ul li:first-child .secName.howa_w_hya { background: #7b1fa2 !important } .pattern02 ul li:first-child .secName.howa_w_hya { background: #7b1fa2 !important } .akhbarThemak li .secName.howa_w_hya { color: #7b1fa2 } .pattern01 ul li .secName.howa_w_hya { color: #7b1fa2 } .article.cd-gallery .infiniteListing li.howa_w_hya .secName { color: #7b1fa2 } .howa_w_hya .mostRead .allItems li .number { background: #7b1fa2 } .howa_w_hya .ttl { border-bottom: 2px solid #7b1fa2; } .howa_w_hya .ttl h3 { background: #7b1fa2; } .pattern02.howa_w_hya .ttl { border-bottom: 2px solid #7b1fa2; } .pattern02.howa_w_hya .ttl h3 { background: #7b1fa2; } .pattern02.howa_w_hya .ttl h3:after { background: #7b1fa2; } .pattern02.howa_w_hya .ttl .secMenu li a:hover { color: #7b1fa2 } .pattern02.howa_w_hya ul li .secName { background: #7b1fa2; } .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #7b1fa2; } .pattern02.howa_w_hya ul li .secName:after, .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #7b1fa2; } .mostRead .allItems li .secName.howa_w_hya { color: #7b1fa2; } .crossMedia .allItems li .secName.howa_w_hya { color: #7b1fa2; } .media ul li .secName.howa_w_hya { color: #7b1fa2; } .media ul li:first-child .secName.howa_w_hya { background: #7b1fa2; } .howa_w_hya .breadcrumb li.active a { color: #7b1fa2 } article.howa_w_hya .nextLink a { color: #7b1fa2 } article.howa_w_hya .nextLink a:after { background: #7b1fa2 } article.howa_w_hya .ttl { border-bottom: 2px solid #7b1fa2; } article.howa_w_hya .ttl h3:after { background: #7b1fa2; } article.howa_w_hya .details p a { color: #7b1fa2 } article.howa_w_hya .details p a:before { background: #7b1fa2 } article.howa_w_hya .amazonBanner { background: #7b1fa2 } article.howa_w_hya .amazonBanner a { color: #7b1fa2 } .howa_w_hya .listing .ttl h1 { background: #7b1fa2 } li.icon-video.howa_w_hya .imageCntnr span, ul li.icon-image.howa_w_hya .imageCntnr span { background: #7b1fa2 !important } li.howa_w_hya .item:hover a h2, li.howa_w_hya .item:hover .desc h2 { color: #7b1fa2 !important } article.howa_w_hya .keywordsDiv .item:hover { background: #7b1fa2; color: #fff } .articleListWidget li .secName.howa_w_hya{color: #7b1fa2;} .articleListWidget li.howa_w_hya h2:hover{color: #7b1fa2;} @media screen and (min-width:320px) and (max-width:767px) { .featuredArea ul li:nth-last-child(-n+5) .secName.howa_w_hya { color: #7b1fa2 } .pattern02.howa_w_hya ul li:nth-last-child(-n+5) .secName:after { background: #7b1fa2; } .pattern02 ul li:nth-last-child(-n+4) .secName.howa_w_hya { color: #7b1fa2 } } .cd-gallery li.howa_w_hya .secName { color: #7b1fa2; } article.howa_w_hya .pagination ul li.current a { background: #7b1fa2; color: #fff } /** Autos (1a237e) **/ .featuredArea ul li .secName.autos { background: #1a237e } .featuredArea ul li .secName.autos:after { background: #1a237e } .featuredArea ul li:first-child .secName.autos { background: #1a237e !important } .pattern02 ul li:first-child .secName.autos { background: #1a237e !important } .akhbarThemak li .secName.autos { color: #1a237e } .pattern01 ul li .secName.autos { color: #1a237e } .article.cd-gallery .infiniteListing li.autos .secName { color: #1a237e } .autos .mostRead .allItems li .number { background: #1a237e } .autos .ttl { border-bottom: 2px solid #1a237e; } .autos .ttl h3 { background: #1a237e; } .pattern02.autos .ttl { border-bottom: 2px solid #1a237e; } .pattern02.autos .ttl h3 { background: #1a237e; } .pattern02.autos .ttl h3:after { background: #1a237e; } .pattern02.autos .ttl .secMenu li a:hover { color: #1a237e } .pattern02.autos ul li .secName { background: #1a237e; } .pattern02.autos ul li:nth-last-child(-n+3) .secName:after { background: #1a237e; } .pattern02.autos ul li .secName:after, .pattern02.autos ul li:nth-last-child(-n+3) .secName:after { background: #1a237e; } .mostRead .allItems li .secName.autos { color: #1a237e; } .crossMedia .allItems li .secName.autos { color: #1a237e; } .media ul li .secName.autos { color: #1a237e; } .media ul li:first-child .secName.autos { background: #1a237e; } .autos .breadcrumb li.active a { color: #1a237e } article.autos .nextLink a { color: #1a237e } article.autos .nextLink a:after { background: #1a237e } article.autos .ttl { border-bottom: 2px solid #1a237e; } article.autos .ttl h3:after { background: #1a237e; } article.autos .details p a { color: #1a237e } article.autos .details p a:before { background: #1a237e } article.autos .amazonBanner { background: #1a237e } article.autos .amazonBanner a { color: #1a237e } .autos .listing .ttl h1 { background: #1a237e } li.icon-video.autos .imageCntnr span, ul li.icon-image.autos .imageCntnr span { background: #1a237e !important } li.autos .item:hover a h2, li.autos .item:hover .desc h2 { color: #1a237e !important } article.autos .keywordsDiv .item:hover { background: #1a237e; color: #fff } .articleListWidget li .secName.autos{color: #1a237e;} .articleListWidget li.autos h2:hover{color: #1a237e;} @media screen and (min-width:320px) and (max-width:767px) { .featuredArea ul li:nth-last-child(-n+5) .secName.autos { color: #1a237e } .pattern02.autos ul li:nth-last-child(-n+5) .secName:after { background: #1a237e; } .pattern02 ul li:nth-last-child(-n+4) .secName.autos { color: #1a237e } } .cd-gallery li.autos .secName { color: #1a237e; } article.autos .pagination ul li.current a { background: #1a237e; color: #fff } /** Islameyat (1c87c9) **/ .featuredArea ul li .secName.islameyat { background: #075C99 } .featuredArea ul li .secName.islameyat:after { background: #075C99 } .featuredArea ul li:first-child .secName.islameyat { background: #075C99 !important } .pattern02 ul li:first-child .secName.islameyat { background: #075C99 !important } .akhbarThemak li .secName.islameyat { color: #075C99 } .pattern01 ul li .secName.islameyat { color: #075C99 } .article.cd-gallery .infiniteListing li.islameyat .secName { color: #075C99 } .islameyat .mostRead .allItems li .number { background: #075C99 } .islameyat .ttl { border-bottom: 2px solid #075C99; } .islameyat .ttl h3 { background: #075C99; } .pattern02.islameyat .ttl { border-bottom: 2px solid #075C99; } .pattern02.islameyat .ttl h3 { background: #075C99; } .pattern02.islameyat .ttl h3:after { background: #075C99; } .pattern02.islameyat .ttl .secMenu li a:hover { color: #075C99 } .pattern02.islameyat ul li .secName { background: #075C99; } .pattern02.islameyat ul li:nth-last-child(-n+3) .secName:after { background: #075C99; } .pattern02.islameyat ul li .secName:after, .pattern02.islameyat ul li:nth-last-child(-n+3) .secName:after { background: #075C99; } .mostRead .allItems li .secName.islameyat { color: #075C99; } .crossMedia .allItems li .secName.islameyat { color: #075C99; } .media ul li .secName.islameyat { color: #075C99; } .media ul li:first-child .secName.islameyat { background: #075C99; } .islameyat .breadcrumb li.active a { color: #075C99 } article.islameyat .nextLink a { color: #075C99 } article.islameyat .nextLink a:after { background: #075C99 } article.islameyat .ttl { border-bottom: 2px solid #075C99; } article.islameyat .ttl h3:after { background: #075C99; } article.islameyat .details p a { color: #075C99 } article.islameyat .details p a:before { background: #075C99 } article.islameyat .amazonBanner { background: #075C99 } article.islameyat .amazonBanner a { color: #075C99 } .islameyat .listing .ttl h1 { background: #075C99 } li.icon-video.islameyat .imageCntnr span, ul li.icon-image.islameyat .imageCntnr span { background: #075C99 !important } li.islameyat .item:hover a h2, li.islameyat .item:hover .desc h2 { color: #075C99 !important } article.islameyat .keywordsDiv .item:hover { background: #075C99; color: #fff } .articleListWidget li .secName.islameyat{color: #075C99;} .articleListWidget li.islameyat h2:hover{color: #075C99;} @media screen and (min-width:320px) and (max-width:767px) { .featuredArea ul li:nth-last-child(-n+5) .secName.islameyat { color: #075C99 } .pattern02.islameyat ul li:nth-last-child(-n+5) .secName:after { background: #075C99; } .pattern02 ul li:nth-last-child(-n+4) .secName.islameyat { color: #075C99 } } .cd-gallery li.islameyat .secName { color: #075C99; } article.islameyat .pagination ul li.current a { background: #075C99; color: #fff } /** ecommerce (1c87c9) **/ .featuredArea ul li .secName.ecommerce { background: #542f00 } .featuredArea ul li .secName.ecommerce:after { background: #542f00 } .featuredArea ul li:first-child .secName.ecommerce { background: #542f00 !important } .pattern02 ul li:first-child .secName.ecommerce { background: #542f00 !important } .akhbarThemak li .secName.ecommerce { color: #542f00 } .pattern01 ul li .secName.ecommerce { color: #542f00 } .article.cd-gallery .infiniteListing li.ecommerce .secName { color: #542f00 } .ecommerce .mostRead .allItems li .number { background: #542f00 } .ecommerce .ttl { border-bottom: 2px solid #542f00; } .ecommerce .ttl h3 { background: #542f00; } .pattern02.ecommerce .ttl { border-bottom: 2px solid #542f00; } .pattern02.ecommerce .ttl h3 { background: #542f00; } .pattern02.ecommerce .ttl h3:after { background: #542f00; } .pattern02.ecommerce .ttl .secMenu li a:hover { color: #542f00 } .pattern02.ecommerce ul li .secName { background: #542f00; } .pattern02.ecommerce ul li:nth-last-child(-n+3) .secName:after { background: #542f00; } .pattern02.ecommerce ul li .secName:after, .pattern02.ecommerce ul li:nth-last-child(-n+3) .secName:after { background: #542f00; } .mostRead .allItems li .secName.ecommerce { color: #542f00; } .crossMedia .allItems li .secName.ecommerce { color: #542f00; } .media ul li .secName.ecommerce { color: #542f00; } .media ul li:first-child .secName.ecommerce { background: #542f00; } .ecommerce .breadcrumb li.active a { color: #542f00 } article.ecommerce .nextLink a { color: #542f00 } article.ecommerce .nextLink a:after { background: #542f00 } article.ecommerce .ttl { border-bottom: 2px solid #542f00; } article.ecommerce .ttl h3:after { background: #542f00; } article.ecommerce .details p a { color: #542f00 } article.ecommerce .details p a:before { background: #542f00 } article.ecommerce .amazonBanner { background: #542f00 } article.ecommerce .amazonBanner a { color: #542f00 } .ecommerce .listing .ttl h1 { background: #542f00 } li.icon-video.ecommerce .imageCntnr span, ul li.icon-image.ecommerce .imageCntnr span { background: #542f00 !important } li.ecommerce .item:hover a h2, li.ecommerce .item:hover .desc h2 { color: #542f00 !important } article.ecommerce .keywordsDiv .item:hover { background: #542f00; color: #fff } .articleListWidget li .secName.ecommerce{color: #542f00;} .articleListWidget li.ecommerce h2:hover{color: #542f00;} @media screen and (min-width:320px) and (max-width:767px) { .featuredArea ul li:nth-last-child(-n+5) .secName.ecommerce { color: #542f00 } .pattern02.ecommerce ul li:nth-last-child(-n+5) .secName:after { background: #542f00; } .pattern02 ul li:nth-last-child(-n+4) .secName.ecommerce { color: #542f00 } } .cd-gallery li.ecommerce .secName { color: #542f00; } article.ecommerce .pagination ul li.current a { background: #542f00; color: #fff } /** COP (006eb7) **/ .featuredArea ul li .secName.cop { background: #006eb7 } .featuredArea ul li .secName.cop:after { background: #006eb7 } .featuredArea ul li:first-child .secName.cop { background: #006eb7 !important } .pattern02 ul li:first-child .secName.cop { background: #006eb7 !important } .akhbarThemak li .secName.cop { color: #006eb7 } .pattern01 ul li .secName.cop { color: #006eb7 } .article.cd-gallery .infiniteListing li.cop .secName { color: #006eb7 } .cop .mostRead .allItems li .number { background: #006eb7 } .cop .ttl { border-bottom: 2px solid #006eb7; } .cop .ttl h3 { background: #006eb7; } .pattern02.cop .ttl { border-bottom: 2px solid #006eb7; } .pattern02.cop .ttl h3 { background: #006eb7; } .pattern02.cop .ttl h3:after { background: #006eb7; } .pattern02.cop .ttl .secMenu li a:hover { color: #006eb7 } .pattern02.cop ul li .secName { background: #006eb7; } .pattern02.cop ul li:nth-last-child(-n+3) .secName:after { background: #006eb7; } .pattern02.cop ul li .secName:after, .pattern02.cop ul li:nth-last-child(-n+3) .secName:after { background: #006eb7; } .mostRead .allItems li .secName.cop { color: #006eb7; } .crossMedia .allItems li .secName.cop { color: #006eb7; } .media ul li .secName.cop { color: #006eb7; } .media ul li:first-child .secName.cop { background: #006eb7; } .cop .breadcrumb li.active a { color: #006eb7 } article.cop .nextLink a { color: #006eb7 } article.cop .nextLink a:after { background: #006eb7 } article.cop .ttl { border-bottom: 2px solid #006eb7; } article.cop .ttl h3:after { background: #006eb7; } article.cop .details p a { color: #006eb7 } article.cop .details p a:before { background: #006eb7 } article.cop .amazonBanner { background: #006eb7 } article.cop .amazonBanner a { color: #006eb7 } .cop .listing .ttl h1 { background: #006eb7 } li.icon-video.cop .imageCntnr span, ul li.icon-image.cop .imageCntnr span { background: #006eb7 !important } li.cop .item:hover a h2, li.cop .item:hover .desc h2 { color: #006eb7 !important } article.cop .keywordsDiv .item:hover { background: #006eb7; color: #fff } .articleListWidget li .secName.cop{color: #006eb7;} .articleListWidget li.cop h2:hover{color: #006eb7;} @media screen and (min-width:320px) and (max-width:767px) { .featuredArea ul li:nth-last-child(-n+5) .secName.cop { color: #006eb7 } .pattern02.cop ul li:nth-last-child(-n+5) .secName:after { background: #006eb7; } .pattern02 ul li:nth-last-child(-n+4) .secName.cop { color: #006eb7 } } .cd-gallery li.cop .secName { color: #006eb7; } article.cop .pagination ul li.current a { background: #006eb7; color: #fff } /** Breast Cancer Awarness (ff778e) **/ .bcAwarness .content-wrap{background:#fff3f5} .bcAwarness .content{background:none} .bcAwarness .featuredArea ul li .secName.howa_w_hya { background: #e98ab3 } .bcAwarness .featuredArea ul li .secName.howa_w_hya:after { background: #e98ab3 } .bcAwarness .featuredArea ul li:first-child .secName.howa_w_hya { background: #e98ab3 !important } .bcAwarness .pattern02 ul li:first-child .secName.howa_w_hya { background: #e98ab3 !important } .bcAwarness .akhbarThemak li .secName.howa_w_hya { color: #e98ab3 } .bcAwarness .pattern01 ul li .secName.howa_w_hya { color: #e98ab3 } .bcAwarness .article.cd-gallery .infiniteListing li.howa_w_hya .secName { color: #e98ab3 } .bcAwarness .howa_w_hya .mostRead .allItems li .number { background: #e98ab3 } .bcAwarness .howa_w_hya .ttl { border-bottom: 2px solid #e98ab3; } .bcAwarness .howa_w_hya .ttl h3 { background: #e98ab3; } .bcAwarness .pattern02.howa_w_hya .ttl { border-bottom: 2px solid #e98ab3; } .bcAwarness .pattern02.howa_w_hya .ttl h3 { background: #e98ab3; } .bcAwarness .pattern02.howa_w_hya .ttl h3:after { background: #e98ab3; } .bcAwarness .pattern02.howa_w_hya .ttl .secMenu li a:hover { color: #e98ab3 } .bcAwarness .pattern02.howa_w_hya ul li .secName { background: #e98ab3; } .bcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #e98ab3; } .bcAwarness .pattern02.howa_w_hya ul li .secName:after, .bcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #e98ab3; } .bcAwarness .mostRead .allItems li .secName.howa_w_hya { color: #e98ab3; } .bcAwarness .crossMedia .allItems li .secName.howa_w_hya { color: #e98ab3; } .bcAwarness .media ul li .secName.howa_w_hya { color: #e98ab3; } .bcAwarness .media ul li:first-child .secName.howa_w_hya { background: #e98ab3; } .bcAwarness .howa_w_hya .breadcrumb li.active a { color: #e98ab3 } .bcAwarness article.howa_w_hya .nextLink a { color: #e98ab3 } .bcAwarness article.howa_w_hya .nextLink a:after { background: #e98ab3 } .bcAwarness article.howa_w_hya .ttl { border-bottom: 2px solid #e98ab3; } .bcAwarness article.howa_w_hya .ttl h3:after { background: #e98ab3; } .bcAwarness article.howa_w_hya .details p a { color: #e98ab3 } .bcAwarness article.howa_w_hya .details p a:before { background: #e98ab3 } .bcAwarness article.howa_w_hya .amazonBanner { background: #e98ab3 } .bcAwarness article.howa_w_hya .amazonBanner a { color: #e98ab3 } .bcAwarness .howa_w_hya .listing .ttl h1 { background: #e98ab3 } .bcAwarness li.icon-video.howa_w_hya .imageCntnr span, .bcAwarness ul li.icon-image.howa_w_hya .imageCntnr span { background: #e98ab3 !important } .bcAwarness li.howa_w_hya .item:hover a h2, .bcAwarness li.howa_w_hya .item:hover .desc h2 { color: #e98ab3 !important } .bcAwarness article.howa_w_hya .keywordsDiv .item:hover { background: #e98ab3; color: #fff } .bcAwarness .articleListWidget li .secName.howa_w_hya{color: #e98ab3;} .bcAwarness .articleListWidget li.howa_w_hya h2:hover{color: #e98ab3;} @media screen and (min-width:320px) and (max-width:767px) { .bcAwarness .featuredArea ul li:nth-last-child(-n+5) .secName.howa_w_hya { color: #e98ab3 } .bcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+5) .secName:after { background: #e98ab3; } .bcAwarness .pattern02 ul li:nth-last-child(-n+4) .secName.howa_w_hya { color: #e98ab3 } } .bcAwarness .cd-gallery li.howa_w_hya .secName { color: #e98ab3; } .bcAwarness article.howa_w_hya .pagination ul li.current a { background: #e98ab3; color: #fff } /** Breast Cancer Header **/ .bcAwarness .bcAwarnessHeader{display:inline-block;height:180px;position:relative;overflow:hidden;background:url(../Images/breastcancer/Pattern.png) center center no-repeat;background-size:cover;border:1px solid rgba(255,119,142,0.12)} .bcAwarness .bcAwarnessHeader:before{content: "";background: url('../Images/breastcancer/Right ext.png') center center no-repeat;background-size:100% auto ;position: absolute;right: 125px; top: 0; width: 266px;height:100%;pointer-events:none} .bcAwarness .bcAwarnessHeader:after{content: "";background: url(../Images/breastcancer/LeftText.png?ver=0.1) center center no-repeat;background-size:100% auto ;position: absolute;left:125px;top: 0;width: 266px;height: 100%;pointer-events:none;opacity:0.6} .bcAwarness .bcAwarnessHeader h2:before{content:'';background: url(../Images/breastcancer/ribbon.png) top -126px center no-repeat; display: inline-block; top: 0; left: 50%; transform: translateX(-50%); background-size: 100% auto; position: absolute; width: 300px; height: 100%;} .bcAwarness .bcAwarnessHeader h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;color:#fff;width:100%;height:100%;text-align:center;font-family:DroidKufiBold,arial;line-height:1.6;} /*.bcAwarness .bcAwarnessHeader h2 span{display: block;font-size: 40px;}*/ .bcAwarness .howa_w_hya .speakol .ttl span{background:#e98ab3} @media screen and (min-width:1024px) and (max-width:1279px) { .bcAwarness .bcAwarnessHeader:before{right:-10px} .bcAwarness .bcAwarnessHeader:after{left:-40px} .bcAwarness .bcAwarnessHeader h2{font-size:34px} } @media only screen and (max-width: 1023px) { .bcAwarness .bcAwarnessHeader:before{right:-10px} .bcAwarness .bcAwarnessHeader:after{left:-40px} .bcAwarness .bcAwarnessHeader h2{font-size:34px} } @media screen and (min-width: 320px) and (max-width: 767px) { .bcAwarness .bcAwarnessHeader{height:120px} .bcAwarness .bcAwarnessHeader:before{right:-10px;width: 119px;height: 120px;} .bcAwarness .bcAwarnessHeader:after{left:-40px;width: 117px;height: 120px;} .bcAwarness .bcAwarnessHeader h2{font-size:24px;left: 0; top: 0; transform: none;} .bcAwarness .bcAwarnessHeader h2 span{display: block;} .bcAwarness .bcAwarnessHeader h2{top:0;left:0;transform:none} .bcAwarness .bcAwarnessHeader h2:before { width: 154px; background: url(../Images/breastcancer/ribbon.png) top -37px center no-repeat; background-size: 100% auto; left: 0; transform: none; } .bcAwarness .bcAwarnessHeader:before { right: 15px; width: 140px; height: 39px; top: 15px; } .bcAwarness .bcAwarnessHeader:after { left: 15px; width: 140px; height: 39px; top: 15px; } } /** Breast Cancer Awarness (ff778e) **/ /*header:before {content: "";background: url(../Images/pcRibbon.png) center center no-repeat;background-size: 100% auto;position: fixed;right: 140px;top: 11px;z-index: 5;width: 96px;height: 55px;pointer-events: none;}*/ .pcAwarness .content-wrap{background:#f1f8fe} .pcAwarness .content{background:none} .pcAwarness .featuredArea ul li .secName.howa_w_hya { background: #30bbf5 } .pcAwarness .featuredArea ul li .secName.howa_w_hya:after { background: #30bbf5 } .pcAwarness .featuredArea ul li:first-child .secName.howa_w_hya { background: #30bbf5 !important } .pcAwarness .pattern02 ul li:first-child .secName.howa_w_hya { background: #30bbf5 !important } /*.pcAwarness .akhbarThemak li .secName.howa_w_hya { color: #30bbf5 } .pcAwarness .pattern01 ul li .secName.howa_w_hya { color: #30bbf5 }*/ .pcAwarness .article.cd-gallery .infiniteListing li.howa_w_hya .secName { color: #30bbf5 } .pcAwarness .howa_w_hya .mostRead .allItems li .number { background: #30bbf5 } .pcAwarness .howa_w_hya .ttl { border-bottom: 2px solid #30bbf5; } .pcAwarness .howa_w_hya .ttl h3 { background: #30bbf5; } .pcAwarness .pattern02.howa_w_hya .ttl { border-bottom: 2px solid #30bbf5; } .pcAwarness .pattern02.howa_w_hya .ttl h3 { background: #30bbf5; } .pcAwarness .pattern02.howa_w_hya .ttl h3:after { background: #30bbf5; } .pcAwarness .pattern02.howa_w_hya .ttl .secMenu li a:hover { color: #30bbf5 } .pcAwarness .pattern02.howa_w_hya ul li .secName { background: #30bbf5; } .pcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #30bbf5; } .pcAwarness .pattern02.howa_w_hya ul li .secName:after, .pcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+3) .secName:after { background: #30bbf5; } .pcAwarness .mostRead .allItems li .secName.howa_w_hya { color: #30bbf5; } .pcAwarness .crossMedia .allItems li .secName.howa_w_hya { color: #30bbf5; } .pcAwarness .media ul li .secName.howa_w_hya { color: #30bbf5; } .pcAwarness .media ul li:first-child .secName.howa_w_hya { background: #30bbf5; } .pcAwarness .howa_w_hya .breadcrumb li.active a { color: #30bbf5 } .pcAwarness article.howa_w_hya .nextLink a { color: #30bbf5 } .pcAwarness article.howa_w_hya .nextLink a:after { background: #30bbf5 } .pcAwarness article.howa_w_hya .ttl { border-bottom: 2px solid #30bbf5; } .pcAwarness article.howa_w_hya .ttl h3:after { background: #30bbf5; } .pcAwarness article.howa_w_hya .details p a { color: #30bbf5 } .pcAwarness article.howa_w_hya .details p a:before { background: #30bbf5 } .pcAwarness article.howa_w_hya .amazonBanner { background: #30bbf5 } .pcAwarness article.howa_w_hya .amazonBanner a { color: #30bbf5 } .pcAwarness .howa_w_hya .listing .ttl h1 { background: #30bbf5 } .pcAwarness li.icon-video.howa_w_hya .imageCntnr span, .pcAwarness ul li.icon-image.howa_w_hya .imageCntnr span { background: #30bbf5 !important } .pcAwarness li.howa_w_hya .item:hover a h2, .pcAwarness li.howa_w_hya .item:hover .desc h2 { color: #30bbf5 !important } .pcAwarness article.howa_w_hya .keywordsDiv .item:hover { background: #30bbf5; color: #fff } .pcAwarness .articleListWidget li .secName.howa_w_hya{color: #30bbf5;} .pcAwarness .articleListWidget li.howa_w_hya h2:hover{color: #30bbf5;} @media screen and (min-width:320px) and (max-width:767px) { .pcAwarness .featuredArea ul li:nth-last-child(-n+5) .secName.howa_w_hya { color: #30bbf5 } .pcAwarness .pattern02.howa_w_hya ul li:nth-last-child(-n+5) .secName:after { background: #30bbf5; } .pcAwarness .pattern02 ul li:nth-last-child(-n+4) .secName.howa_w_hya { color: #30bbf5 } } .pcAwarness .cd-gallery li.howa_w_hya .secName { color: #30bbf5; } .pcAwarness article.howa_w_hya .pagination ul li.current a { background: #30bbf5; color: #fff } /** Breast Cancer Header **/ .pcAwarnessHeader{display:inline-block;height:180px;position:relative;overflow:hidden;border:none} .pcAwarnessHeader:before{content: "";background: url(../Images/pcHeader-mas.jpg) left center no-repeat;background-size: 100% auto;position: absolute;left:0;top: 0;width: 1250px;height: 180px;pointer-events:none} .pcAwarnessHeader h2{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:24px;color:#30bbf5;width:430px;font-family:DroidKufiBold,arial;line-height:1.6} .pcAwarnessHeader h2 span{display: block;font-size: 40px;} .pcAwarness .howa_w_hya .speakol .ttl span{background:#30bbf5} .pcAwarnessEP{display:inline-block;float:right;width:100%;position:relative;height:180px;margin-top:50px;margin-bottom:40px;background: linear-gradient(90deg, rgba(220,238,246,1) 0%, rgba(197,227,242,1) 100%);overflow:hidden} /*.pcAwarnessEP:before{content:"";position:absolute;top:0;right:0;left:0;width:100%;height:100%;background:url(../Images/marlboro.png) center top no-repeat;background-size:100% auto}*/ .pcAwarnessEP h2{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);font-family:DroidKufiBold,Arial;color:#003c60;font-size:30px;width:100%;text-align:center} .pcAwarnessEP .more{position:absolute;width:110px;height:30px;background:#1c7bb9;text-align:center;bottom:20px;left:50%;transform:translate(-50%);color:#fff;line-height:30px;font-size:12px} .pcAwarnessEP .pcPattern {display: inline-block; height: 100%;width: auto;} .pcAwarnessEP .pcPattern.right{float:right} .pcAwarnessEP .pcPattern.left{float:left} .pcAwarnessEP .pcText{ display: inline-block;width: 360px;height: auto;} .pcAwarnessEP .ribbon{ display: inline-block;width: auto;height: 100%;} @media screen and (min-width:1360px) and (max-width:1919px) { .pcAwarnessEP{height:auto} .bcAwarness .bcAwarnessHeader:before{right:44px} .bcAwarness .bcAwarnessHeader:after{left:44px} } @media screen and (min-width:1280px) and (max-width:1359px) { .pcAwarnessEP{height:auto} .bcAwarness .bcAwarnessHeader:before{right:44px;width:238px} .bcAwarness .bcAwarnessHeader:after{left:44px;width:238px} .bcAwarness .bcAwarnessHeader h2:before{width: 282px;background: url(../Images/breastcancer/ribbon.png) top -110px center no-repeat;background-size: 100% auto;} } @media screen and (min-width:1152px) and (max-width:1279px) { .pcAwarnessEP{height:auto} .pcAwarnessEP h2{font-size:22px} .pcAwarnessHeader h2{font-size:22px} .pcAwarnessHeader h2 span{font-size: 38px;} .bcAwarness .bcAwarnessHeader:before{right:0;width:194px} .bcAwarness .bcAwarnessHeader:after{left:0;width:194px} .bcAwarness .bcAwarnessHeader h2:before{width: 282px;background: url(../Images/breastcancer/ribbon.png) top -110px center no-repeat;background-size: 100% auto;} } @media screen and (min-width:1024px) and (max-width:1151px) { .pcAwarnessEP{height:auto} .pcAwarnessEP h2{font-size:22px} .pcAwarnessHeader h2{font-size:22px} .pcAwarnessHeader h2 span{font-size: 38px;} .bcAwarness .bcAwarnessHeader:before{right:0;width:194px} .bcAwarness .bcAwarnessHeader:after{left:0;width:194px} .bcAwarness .bcAwarnessHeader h2:before{width: 282px;background: url(../Images/breastcancer/ribbon.png) top -110px center no-repeat;background-size: 100% auto;} } @media only screen and (max-width: 1023px) { .pcAwarnessEP{height:auto} /*header:before{right: auto;left: 50%;transform: translateX(calc(-50% - 30px));width: 100px;height: 56px;top: 8px;}*/ .pcAwarness header:before{right: auto;left: 50%;transform: translateX(calc(-50% - 30px));width: 100px;height: 56px;top: 8px;} .pcAwarnessHeader h2{font-size:20px;} .pcAwarnessHeader h2 span{font-size: 36px;} .secondSC { margin: 0 } .bcAwarness .bcAwarnessHeader:before{right:0;width:194px} .bcAwarness .bcAwarnessHeader:after{left:0;width:194px} .bcAwarness .bcAwarnessHeader h2:before{width: 232px;background:url(../Images/breastcancer/ribbon.png) top -60px center no-repeat;background-size: 100% auto;} } @media screen and (min-width: 320px) and (max-width: 767px) { .pcAwarnessEP{height:100px;margin-bottom: 20px;margin-top: 0;} .pcAwarnessEP .pcText{width:120px} .pcAwarnessEP .ribbon{ height: 90%;margin: 10px 0;} /*.pcAwarnessEP:before{background-size: 500px auto;}*/ .pcAwarnessEP h2{font-size:20px} .pcAwarnessHeader{height:120px;border:none} .pcAwarnessHeader:before{background: url(../Images/pcHeaderMob-mas.jpg) left center no-repeat;background-size: 100% auto;width:878px;height:120px} .pcAwarnessHeader h2{font-size:16px;right:10px;top:auto;bottom:10px;transform:none} .pcAwarnessHeader h2 span{font-size: 22px;} .secondSC { margin: 0 calc((100% - 300px) / 2) 40px } .bcAwarness .bcAwarnessHeader h2:before { width: 154px; background: url(../Images/breastcancer/ribbon.png) top -37px center no-repeat; background-size: 100% auto; left: 0; transform: none; } .bcAwarness .bcAwarnessHeader:before { right: 15px; width: 140px; height: 39px; top: 15px; } .bcAwarness .bcAwarnessHeader:after { right: 15px; width: 140px; height: 39px; top: 65px; } } /***** Ramadan ****/ .featuredArea ul li .secName.ramadan { background: #330D46 } .featuredArea ul li .secName.ramadan:after { background: #330D46 } .featuredArea ul li:first-child .secName.ramadan { background: #330D46 !important } .pattern02 ul li:first-child .secName.ramadan { background: #330D46 !important } .akhbarThemak li .secName.ramadan { color: #330D46 } .pattern01 ul li .secName.ramadan { color: #330D46 } .article.cd-gallery .infiniteListing li.ramadan .secName { color: #330D46 } .ramadan .mostRead .allItems li .number { background: #330D46 } .ramadan .ttl { border-bottom: 2px solid #330D46; } .ramadan .ttl h3 { background: #330D46; } .ramadan .media ul li .secName { background: #330D46; } .pattern02.ramadan .ttl { border-bottom: 2px solid #330D46; } .pattern02.ramadan .ttl h3 { background: #330D46; } .pattern02.ramadan .ttl h3:after { background: #330D46; } .pattern02.ramadan ul li .secName { background: #330D46; } .pattern02.ramadan ul li:nth-last-child(-n+3) .secName:after { background: #330D46; } .pattern02.ramadan ul li .secName:after, .pattern02.ramadan ul li:nth-last-child(-n+3) .secName:after { background: #330D46; } .ramadan .listing .ttl h1:after { background: #330D46 } .mostRead .allItems li .secName.ramadan { color: #330D46 } .crossMedia .allItems li .secName.ramadan { color: #330D46 } .article .ramadan .details p a { color: #DB7E08 } .media ul li .secName.ramadan { color: #330D46; } .media ul li:first-child .secName.ramadan { background: #330D46; } .ramadan .breadcrumb li.active a { color: #330D46 } article.ramadan .nextLink a { color: #330D46 } article.ramadan .nextLink a:after { background: #330D46 } article.ramadan .ttl { border-bottom: 2px solid #330D46; } article.ramadan .ttl h3:after { background: #330D46; } article.ramadan .details p a { color: #330D46 } article.ramadan .details p a:before { background: #330D46 } article.ramadan .amazonBanner { background: #330D46 } article.ramadan .amazonBanner a { color: #330D46 } .ramadan .listing .ttl h1 { background: #330D46 } li.icon-video.ramadan .imageCntnr span, ul li.icon-image.ramadan .imageCntnr span { background: #330D46 !important } li.ramadan .item:hover a h2, li.ramadan .item:hover .desc h2 { color: #330D46 !important } article.ramadan .keywordsDiv .item:hover { background: #330D46; color: #fff } .articleListWidget li .secName.ramadan{color: #330D46;} /*dramanews*/ .ramadanColors .ramadan .listing.drama-news .ttl h1{background:#A7006A} .ramadanColors .ramadan .listing.drama-news .ttl{ border-bottom: 2px solid #A7006A;} .ramadanColors .ramadan .listing.drama-news li.icon-video.ramadan .imageCntnr span, .ramadanColors .ramadan .listing.drama-news ul li.icon-image.ramadan .imageCntnr span { background: #A7006A !important;} /*sofra*/ .ramadanColors .ramadan .listing.cooking-recepies .ttl h1{background:#F19B06} .ramadanColors .ramadan .listing.cooking-recepies .ttl{ border-bottom: 2px solid #F19B06;} .ramadanColors .ramadan .listing.cooking-recepies li.icon-video.ramadan .imageCntnr span, .ramadanColors .ramadan .listing.cooking-recepies ul li.icon-image.ramadan .imageCntnr span { background: #F19B06 !important;} /*news*/ .ramadanColors .ramadan .listing.reports .ttl h1{background:#240A4B} .ramadanColors .ramadan .listing.reports .ttl{ border-bottom: 2px solid #240A4B;} .ramadanColors .ramadan .listing.reports li.icon-video.ramadan .imageCntnr span, .ramadanColors .ramadan .listing.reports ul li.icon-image.ramadan .imageCntnr span { background: #240A4B !important;} /*Ramadanstyle*/ .ramadanColors .ramadan .listing.Ramadanstyle .ttl h1{background:#D22C16} .ramadanColors .ramadan .listing.Ramadanstyle .ttl{ border-bottom: 2px solid #D22C16;} .ramadanColors .ramadan .listing.Ramadanstyle li.icon-video.ramadan .imageCntnr span, .ramadanColors .ramadan .listing.Ramadanstyle ul li.icon-image.ramadan .imageCntnr span { background: #D22C16 !important;} /*Islamic*/ .ramadanColors .ramadan .listing.Islamic .ttl h1{background:#3298C9} .ramadanColors .ramadan .listing.Islamic .ttl{ border-bottom: 2px solid #3298C9;} .ramadanColors .ramadan .listing.Islamic li.icon-video.ramadan .imageCntnr span, .ramadanColors .ramadan .listing.Islamic ul li.icon-image.ramadan .imageCntnr span { background: #3298C9 !important;} /*feeling*/ .ramadanColors .ramadan.feeling .listing .ttl h1{background:#93AD4E} .ramadanColors .ramadan.feeling .listing .ttl{ border-bottom: 2px solid #93AD4E;} .ramadanColors .ramadan.feeling .ttl h3 { background: #93AD4E;} .ramadanColors .ramadan.feeling .listing.Ramadanstyle li.icon-video.ramadan .imageCntnr span, .ramadanColors .ramadan.feeling .listing.Ramadanstyle ul li.icon-image.ramadan .imageCntnr span { background: #93AD4E !important;} /*donation*/ .ramadanColors .ramadan.donation .listing .ttl h1{background:#F8BF56;color:#1E1E1E} .ramadanColors .ramadan.donation .listing .ttl{ border-bottom: 2px solid #F8BF56;} .ramadanColors .ramadan.donation .ttl h3 { background: #F8BF56;color:#1E1E1E} .ramadanColors .ramadan.donation .listing.Ramadanstyle li.icon-video.ramadan .imageCntnr span, .ramadanColors .ramadan.donation .listing.Ramadanstyle ul li.icon-image.ramadan .imageCntnr span { background: #F8BF56 !important;} .ramadanColors .ramadan.donation .ttl h3 a, .ramadanColors .ramadan.donation .ttl h1 a, .ramadanColors .ramadan.donation .ttl h2 a{color:#1E1E1E} /*zakah-elfitr*/ .ramadanColors .ramadan .listing.zakah-elfitr .ttl h1, .ramadanColors .ramadan .listing.zakah-elfitr .ttl h3{background:#074167} .ramadanColors .ramadan .listing.zakah-elfitr .ttl{ border-bottom: 2px solid #074167;} .ramadanColors .ramadan .listing.zakah-elfitr li.icon-video.ramadan .imageCntnr span, .ramadanColors .ramadan .listing.zakah-elfitr ul li.icon-image.ramadan .imageCntnr span { background: #074167 !important;} .ramadnclass .content-wrap{padding:0} @media screen and (min-width:320px) and (max-width:767px) { .featuredArea ul li:nth-last-child(-n+5) .secName.ramadan { color: #330D46 } .pattern02 ul li:nth-last-child(-n+4) .secName.ramadan { color: #330D46 } } .cd-gallery li.ramadan .secName { color: #330D46; } article.ramadan .pagination ul li.current a { background: #330D46; color: #fff }