.ao-2, .header-1 .header-a1 .ao-1 > span { display: inline-block; color: #656565; font-family: ‘alyaumfirst’; font-size: 16px } .header-1 .header-a2 { width: calc(100% – 220px – 240px) } .header-1 .header-a3 { width: 240px; display: flex; align-items: center; justify-content: flex-end } .header-1 .header-a2 .header-a2-logo { max-width: 255px; width: 100%; margin: auto; display: block } .header-2 .yowm-watani { position: absolute; z-index: 11; top: 0px; height: 100%; width: 50px; left: 50%; margin-left:-25px; /*right: unset;*/ display: flex; align-items: center; justify-content: center; } .header-2 .yowm-watani.not-in-wc-page{ width: 110px; margin-left:-100px; } .header-2 .yowm-watani img { height: 100%; width: auto; } .header-1 .header-a3 .social-o { display: flex; align-items: center; justify-content: center } .header-1 .header-a3 .social-o1 { height: 40px; width: 40px; margin: 0 3px; border: solid 1px #58595b; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s; color: #58595b } .header-1 .header-a3 .social-o1 i { font-size: 25px } .header-search { padding: 15px 0; background-color: #f2f2f2; display: none } .header-search.stickySearch{ position: fixed; top: 63px; width: 100%; z-index: 2; } .header-search .header-search-1 { display: flex; align-items: center; justify-content: center; height: 40px } .header-search .header-search-1 input { background-color: #fff; padding-right: 10px; font-size: 14px } .header-search .header-search-1 button { width: 100px; background-color: #00509f; border: 0; height: 40px; color: #fff; font-size: 15px } .header-search .header-search-1 .adv-search-submit { width: 150px; text-align: center; padding: 0; height: 40px; display: flex; justify-content: center; background-color: #414143; line-height: 34px; color: #fff; font-size: 15px; cursor: pointer } .modal-adv-search .modal-title { font-size: 20px; color: #00509f } .modal-adv-search .search-input { margin-bottom: 10px; border-radius: 5px; min-width: 245px; width: auto } .section-header { background-color: #333; color: #fff; display: none } .section-header a { color: #fff } .section-header .row { padding: 10px } .section-header a.section-name { font-size: 16px; float: right } .section-header a.more-subsection { font-size: 16px; float: left } .searchButtonOuter { display: flex; align-items: center } .searchButtonOuter input { opacity: 0 } input.advRadio:checked ~ label:after { background-color: #00509f } .searchButtonOuter label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); content: ”; width: 12px; height: 12px; position: absolute; top: 4px; right: 4px; border-radius: 100%; -webkit-transition: all .2s ease; transition: all .2s ease; box-sizing: content-box; cursor: pointer } .searchButtonOuter label:before { content: ”; position: absolute; right: 0; top: 0; width: 18px; height: 18px; border: 1px solid #00509f; border-radius: 100%; background: #fff; box-sizing: content-box } .searchButtonOuter label { margin: 0; margin-left: 15px; height: 24px; display: flex; align-items: center; padding-right: 30px; position: relative; cursor: pointer } .modal-adv-search .modal-footer button { background-color: #00509f; border-color: transparent; color: #fff; display: table; margin: 15px auto; border-radius: 5px } .subsection-header { padding: 10px 0; background-color: #fff } .subsection-header .outer { display: table; width: 100% } .subsection-header .outer a { float: right; padding: 7px 20px; border: solid 1px #00529e; margin: 0 10px; color: #00529e; transition: .3s; margin-bottom: 10px; font-size: 16px; } .header-2 { display: flex } .header-2.header-a2-logo { width: 200px; background-color: #fff } .header-2.header-a2-logo img { width: 100%; height: auto } .social-fix-header { position: fixed; top: 50%; margin-top: -200px; right: 30px; z-index: 1000; background-color: rgba(255, 255, 255, 0.61); padding: 15px 8px; border-radius: 15px; border: solid 1px; border-color: rgba(0, 82, 158, 0.45); min-width: 48px } .social-fix-header.hide-social-fix a:nth-child(n+2) { display: none } .social-fix-header.hide-social-fix { opacity: .4 } .social-fix-header.hide-social-fix .arrow-icon { transform: rotate(-180deg) } .social-fix-header a.gab-social { width: 30px; height: 22px; background-image: url(/themes/alyaumnew/images/gab-icon-blue.png); background-size: contain; background-repeat: no-repeat; background-position: center; transition: .3s } .social-fix-header a.gab-social img { width: 100% } .social-fix-header a.social-o1, .social-fix-header div.social-o1 { font-size: 22px; display: flex; align-items: center; justify-content: center; margin: 13px 0; color: #00529e } .social-fix-header a.social-o1 i, .social-fix-header div.social-o1 i { transition: .3s; cursor: pointer } .header-top{ background: linear-gradient(180deg, rgba(0, 80, 159, 0.13) 0%, rgba(255, 255, 255, 0) 100%); padding: 15px 0px; border-bottom: 2px solid #00509F; } .header-top .col-outer{ display: flex; align-items: center; } .header-top .header-ad{ width: 61%; } .header-top .logo{ padding-left: 15px; width: 16.5%; } .header-top .icons .menu-n2 { width: 270px; display: flex; justify-content: flex-end; align-items: center; position: relative; } .header-top .icons .menu-n2 .menu-n3 { width: 25px; height: 25px; color: #00509F; font-size: 18px; margin-right: 3px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s; position: relative } .header-top .icons .menu-n2 .menu-n3.loggedin{ width: 50px; } .header-top .icons .menu-n2 .menu-n3 .login-icon { color: #00509F; font-size: 18px; display: flex } .stickyMenu .header-top .icons .menu-n2 .menu-n3 .login-icon { color: #00509F } .header-top .icons .menu-n2 .menu-n3.menu-n3-newsp { width: auto; font-weight: normal; border: 1px solid #00509F; font-size: 14px; margin-left: 10px; padding: 15px 10px; } .header-top .icons .menu-n2 .menu-n3.menu-n3-bar i { position: absolute; background-color: #00509F; height: 2px; width: 65%; transition: .3s } .header-top .icons .menu-n2 .menu-n3.menu-n3-bar i:nth-child(1) { top: 4px } .header-top .icons .menu-n2 .menu-n3.menu-n3-bar i:nth-child(2) { top: 11px } .header-top .icons .menu-n2 .menu-n3.menu-n3-bar i:nth-child(3) { top: 18px } .header .stickyMenu .header-social-icons{ display: none; } .header .header-social-icons { display: flex; align-items: center; } .header .header-social-icons .social-o1 { display: flex; align-items: center; justify-content: center; color: #FFFFFF; background-color: #00509F; border-radius: 50%; font-size: 14px; height: 30px; width: 30px; margin-left: 5px } .header .header-social-icons .gab-social { width: 30px; display: flex; align-items: center; margin-left: 5px; border-radius: 50%; background-color: #00509F; overflow: hidden; padding: 4px; height: 30px } .header .header-social-icons .gab-social img { width: 100% } @media screen and (min-width: 990px) { .header-2 .yowm-watani { display: none; } .header-1 .header-a3 .social-o1:hover { color: #fff; background-color: #58595b } .subsection-header .outer a:hover { background-color: #005a99; color: #fff } .subsection-header { background-color: #fff } } @media screen and (min-width: 768px) { .social-fix-header a.gab-social:hover { background-image: url(../images/gab-icon.png) } .social-fix-header a.social-o1:hover .fa-youtube { color: red } .social-fix-header a.social-o1:hover .fa-instagram { color: #c13584 } .social-fix-header a.social-o1:hover .fa-twitter { color: #1da1f2 } .social-fix-header a.social-o1:hover .fa-facebook-f { color: #3b5998 } .social-fix-header a.social-o1:hover .fa-snapchat-ghost { color: #f1ee0d } .header-1 .header-a3 .social-o1:hover { color: #fff; background-color: #58595b } .header-content { padding: 0 10px } } @media screen and (max-width: 1100px) { .header .header-ad .header-code { display: none } } @media screen and (max-width: 990px) { .header-content { border-bottom: 0; padding: 10px 0; background-color: #fff } .header-1 .header-a1 { display: none } .header-1 .header-a3 { display: none } .header-1 .header-a2 .header-a2-logo { margin: 0; max-width: 150px } .header-1 .header-a2 .header-a2-logo img { width: 100% } .header-content > .container { position: relative } .header-1 .header-a2 { width: 100% } .section-header { display: block } .subsection-header { padding: 0 }
/* .subsection-header.mobile { display: none }*/ .subsection-header.mobile.show_menu { display: block } .subsection-header .outer { width: 100%; padding: 0 10px }
/* .subsection-header .outer a { width: 100%; margin: 4px 0; border: 0; border-bottom: solid 1px }*/ .social-fix-header { position: relative; margin: 0; flex-flow: row; display: flex; align-items: center; justify-content: center; right: 0; width: 100%; margin-top: 20px; z-index: 1 } .social-fix-header .gab-social { margin: 0 5px } .social-fix-header a.social-o1, .social-fix-header div.social-o1 { margin: 0 5px } } .header-o1 .header-2 .header-a2-logo { background-color: #fff; width: 150px; display: none; } .header-o1 .header-2 .header-a2-logo img { width: 100% } .row.header-content.stickyMenu + .header-search { position: fixed; top: 64px; background-color: #f2f2f2; width: 100%; z-index: 10; border-bottom: solid 2px #00509f } .stickyMenu .header-o1 .header-2 .header-a2-logo img { width: unset; } .stickyMenu .header-o1 .header-2 .header-a2-logo { display: flex; background-color: transparent; width: 16.5%; } @media screen and (max-width: 990px) { .breakingNews .breakingNewsMobile { font-size: 12px !important; float: right; white-space: nowrap; WHITE-SPACE: normal } } @media screen and (max-width: 568px) { .breakingNews .breakingNewsMobile { font-size: 10px !important; WHITE-SPACE: normal } } .TitleLink { display: inline !important; padding: 0 20px !important } @media screen and (max-width: 980px) { .social-fix-header { max-width: 80%; margin-left: auto; margin-right: auto } } .downloadApps { background-color: #00529e; color: #fff; padding: 5px; position: fixed; bottom: 5px; border-radius: 15px; width: 100%; height: 40px; z-index: 10000; display: none; font-weight: bold } .downloadApps .flex { display: flex; margin: auto; max-width: 320px; align-items: center; justify-content: center; align-content: center } .downloadApps .closeButton { font-size: 16px; cursor: pointer; border: solid 1px #fff; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 25px } .downloadApps .title { font-size: 16px; line-height: 30px; padding: 0 10px; color: #fff } .breakingNews { background-color: #d20000; color: #fff; position: fixed; width: 100%; right: 0; top: 0; z-index: 100; transition: .3s; overflow: hidden; -webkit-transition: width 1s; transition: width 1s } .breakingNews.enlargeBreakingNews .marquee-breaking { height: 48px } .breakingNews.hide { height: 0 } .breakingNews .owl-breakingNews { height: 100% } .breakingNews .content { display: flex; width: 100%; align-items: center; height: 28px; position: static; padding-left: 0; padding-right: 10px } .breakingNews .content .title-widget { float: right; color: #fff; width: 40px; border-left: solid 2px; border-color: rgba(255, 255, 255, 0.6); margin-left: 15px; font-size: 16px; line-height: 20px } .breakingNews .content .item { height: 100% } .breakingNews .content .title-article { color: #fff; height: 28px; display: inline-block; padding: 0 20px !important; direction: rtl; font-size: 16px; line-height: 20px } .header.breaking-news-header { margin-top: 28px; -webkit-transition: width 1s; transition: width 1s } .breakingNews .close-button { position: absolute; top: 0; height: 28px; width: 28px; left: 0; background-color: #a00; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s } .breakingNews .close-button.enlarge { display: flex } .breakingNews .close-button.resize { display: none } .breakingNews .marquee-breaking { float: right; width: 100%; height: 28px; overflow: hidden; display: flex; align-items: center } .breakingNews .owl-carousel { position: static } .breakingNews .single-item { width: 100% } .breakingNews .owl-nav { position: absolute; display: flex; top: 0; left: 68px; flex-flow: row } .breakingNews .owl-prev, .breakingNews .owl-next { height: 28px; width: 46px; display: flex; align-items: center; justify-content: center; background-color: #fff } .breakingNews.enlargeBreakingNews .owl-prev, .breakingNews.enlargeBreakingNews .owl-next { height: 48px } .breakingNews .owl-prev { order: 1 } .breakingNews .owl-next { border-right: solid 1px #d20000; order: 2 } .breakingNews .owl-prev:after, .breakingNews .owl-next:after { font-family: FontAwesome; color: #fff; font-size: 20px; color: #d20000 } .breakingNews .owl-prev:after { content: “f0da” } .breakingNews .owl-next:after { content: “f0d9″ } .showBreakingNews { height: 25px; background-color: #d20000; cursor: pointer; transition: .3s; display: flex; align-items: center; justify-content: center; position: relative } .showBreakingNews.hide { height: 0 } .showBreakingNews i { text-align: center; height: 20px; width: 20px; color: #fff; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 50%; font-size: 30px } .showBreakingNews span { position: absolute; left: 50%; margin-left: 18px; font-size: 20px; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; transition: .3s; top: -30px } .breakingNews.enlargeBreakingNews { height: 48px } .breakingNews.enlargeBreakingNews .content { height: 48px } .breakingNews.enlargeBreakingNews .content .title-article { height: 48px; font-size: 18px; line-height: 24px; padding: 0; display: flex; align-items: center } .breakingNews.enlargeBreakingNews .marquee-breaking { height: 48px; padding-left: 38px; padding-right: 10px } .breakingNews.enlargeBreakingNews .content .title-widget { width: 60px; font-size: 20px; line-height: 30px; margin: 0 } .breakingNews.enlargeBreakingNews .close-button { width: 48px; height: 48px; font-size: 20px } .breakingNews.enlargeBreakingNews .close-button.enlarge { display: none } .breakingNews.enlargeBreakingNews .close-button.resize { display: flex } .breakingNews.resizeBreakingNews { height: 28px } .breakingNews.resizeBreakingNews .content { height: 28px } .breakingNews.resizeBreakingNews .content .title-article { height: 28px; font-size: 16px; line-height: 28px; overflow: hidden; padding: 0 } .breakingNews.resizeBreakingNews .marquee-breaking { height: 28px; padding: 0; padding-left: 25px; padding-right: 5px } .breakingNews.resizeBreakingNews .content .title-widget { width: 40px; font-size: 16px; line-height: 20px; margin: 0 } .breakingNews.resizeBreakingNews .close-button { width: 28px; height: 28px; font-size: 16px } .breakingNews.resizeBreakingNews .close-button.enlarge { display: flex } .breakingNews.resizeBreakingNews .close-button.resize { display: none } @media screen and (max-width: 1200px) { .social-fix-header { display: none; } } @media screen and (min-width: 990px) { .breakingNews .close-button:hover { background-color: #fff; color: #a00 } .showBreakingNews:hover span { top: 0 } .showBreakingNews:hover { height: 35px } } @media screen and (max-width: 991px) { .header-o1 .menu-n{display: none;} .stickyMenu .header-o1 .menu-n{display: flex;} .showBreakingNews { margin-top: 35px } .header.breaking-news-header { margin-top: 28px } .breakingNews .owl-nav { display: none } .breakingNews .content .title-article { font-size: 18px } .breakingNews .close-button { display: none } .breakingNews .content { padding-left: 10px } } @media screen and (max-width: 992px) { .social-fix-header { display: none; } } @media screen and (max-width: 769px) { .header-o1 .menu-n{display: flex;} .header-top{ display: none; } .header .header-social-icons{ display: none; } .header-o1 .header-2 .header-a2-logo{ display: block; background-color: transparent; margin-right: 30%; } .breakingNews .close-button { width: 40px } .header-2 .yowm-watani{ display: none; } .header-content{ border-bottom: 2px solid #00509F; background: linear-gradient(180deg, rgba(0, 80, 159, 0.13) 0%, rgba(255, 255, 255, 0) 100%); } .menu-n > .menu-n2{ right: 15px !important; } .header-o1 .header-2 .header-a2-logo img{ width: unset; } .full-menu .full-menu-list{ padding: 12px 0px; } .header .stickyMenu .header-2{ margin-top: 10px; } } @media screen and (max-width: 768px){ .header-2 .yowm-watani { height: 100%; width: 120px; left: 40px; margin-left: 0; } .header-2 .yowm-watani img { width: 100%; height: auto; } }]]> .menu-n1 { width: calc(100% – 135px); display: flex; align-items: center } .menu-n > .menu-n2 { width: 230px; display: flex; justify-content: flex-end; align-items: center; position: relative; } .menu-n > .menu-n2 .menu-n3 { width: 35px; height: 25px; color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center; border-left: solid 1px #fff; cursor: pointer; transition: .3s; position: relative } .menu-n > .menu-n2 .menu-n3-absolute { position: absolute; right: -160px; z-index: 11; color: #fff; top: 0px; height: 100%; width: 140px; } .menu-n > .menu-n2 .menu-n3-absolute img{ height: 100%; width: auto; } .menu-n > .menu-n2 .menu-n3-absolute img.ipad-img{ display: none; } .menu-n > .menu-n2 .menu-n3 .login-icon { color: #fff; font-size: 20px; display: flex } .stickyMenu .menu-n > .menu-n2 .menu-n3 .login-icon { color: #00529e } .menu-n > .menu-n2 .menu-n3.menu-n3-newsp { width: calc(100% – 105px); font-size: 14px } .menu-n > .menu-n2 .menu-n3.menu-n3-bar i { position: absolute; background-color: #fff; height: 3px; width: 65%; transition: .3s } .menu-n > .menu-n2 .menu-n3.menu-n3-bar i:nth-child(1) { top: 4px } .menu-n > .menu-n2 .menu-n3.menu-n3-bar i:nth-child(2) { top: 11px } .menu-n > .menu-n2 .menu-n3.menu-n3-bar i:nth-child(3) { top: 18px } .menu-n > .menu-n2 .menu-n3:nth-last-child(1) { border-left: 0 } .menu-n1 > .nav > .li-menu { position: relative; padding-bottom: 0; transition: .3s; height: 50px; display: flex; align-items: center } .menu-n1 > .nav > .li-menu a:after { content: ”; position: absolute; left: 0; height: 15px; width: 1px; background-color: #d9d9d9; top: 50%; margin-top: -7.5px } .menu-n1 > .nav > .li-menu a, .menu-n1 > .nav > .li-menu .moremenu { padding: 0 11px; line-height: 15px; font-size: 14px; color: #4d4d4d; transition: .3s } .menu-n1 > .nav > .li-menu.active a{ border-bottom: 2px solid #00509F; color: #00509F; } .header .stickyMenu .menu-n1 > .nav > .li-menu.active a{ border-bottom: none; } .menu-n1 > .nav > .li-menu .li-sub-more.active > a { color: #c1c1c1 } .menu-n1 > .nav > .li-menu > a, .menu-n1 > .nav > .li-menu .moremenu { height: 50px; display: flex; align-items: center } .header .menu-n1 > .nav > .li-menu:hover > a{ color: #00509F; } .menu-n1 > .nav > .li-menu { color: #fff } .menu-n1 > .nav > .li-more-menu { cursor: pointer; transition: .3s; padding-left: 5px; height: 50px; align-items: center; flex-flow: column } .menu-n1 > .nav > .li-more-menu:after { content: ‘f078’; font-family: ‘FontAwesome’; position: absolute; left: 0; top: -2px; display: flex; align-items: center; justify-content: center; height: 50px; align-items: center; color: #fff } .header .stickyMenu .menu-n1 > .nav > .li-more-menu:after { color: #00529e } .menu-n1 > .nav > .li-more-menu a:after { display: none } .menu-n1 > .nav > .li-more-menu:hover .li-sub-more-o { display: block } .menu-n1 > .nav > .li-more-menu .li-sub-more-o { position: absolute; width: 130px; background-color: #00529e; z-index: 10; left: 0; top: 50px; display: none } .menu-n1 > .nav > .li-menu .li-sub-more { border-bottom: solid 1px #f1f1f1; transition: .3s; color: #fff } .menu-n1 > .nav > .li-menu .li-sub-more:nth-last-child(1) { border-bottom: 0 } .header .stickyMenu .menu-n1 > .nav > .li-menu .li-sub-more a, .menu-n1 > .nav > .li-menu .li-sub-more a { padding: 0 15px; line-height: 30px; color: #fff } .menu-n1 > .nav > .li-more-menu { display: none } .full-menu { position: fixed; width: 300px; height: 100%; background-color: #fff; left: -300px; top: 0; z-index: 1001; padding: 30px; transition: .3s; overflow-y: auto } .full-menu.active { left: 0 } .full-menu .close-menu { display: table; width: 100%; height: 40px; position: relative } .full-menu .close-menu i { font-size: 20px; color: #191919; float: right; cursor: pointer } .full-menu .search { position: relative; margin: 20px 0; height: 40px } .full-menu .search input { height: 40px; width: 100%; background-color: #f6f6f6; padding-right: 10px; padding-left: 40px; transition: .3s } .full-menu .search input:focus { box-shadow: inset 0 0 5px 1px rgba(0, 139, 232, 0.4) } .full-menu .search i { position: absolute; left: 0; top: 0; height: 100%; width: 40px; display: flex; align-items: center; justify-content: center; transition: .3s; cursor: pointer } .full-menu .register { padding: 20px 0; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; display: table; width: 100% } .full-menu .register .register-list { float: right; width: 50%; font-size: 16px } .full-menu .register .register-list:nth-child(1) { border-left: 1px solid #d9d9d9 } .full-menu .register .register-list:nth-child(2) { text-align: left } .full-menu .register .register-list i, .full-menu .register .register-list span { transition: .3s } .full-menu .register .register-list span { display: inline; padding-right: 4px; cursor: pointer } .full-menu .full-menu-list { padding-right: 4px; font-size: 16px; padding: 20px 0; border-bottom: solid 1px #d9d9d9; cursor: pointer } .full-menu .full-menu-list.menu-section { display: none } .full-menu .full-menu-list.salat-menu-list, .full-menu .full-menu-list.weather-menu-list { position: relative } .full-menu .full-menu-list.salat-menu-list:after { content: “”; position: absolute; left: 0; top: 0; height: 50px; width: 50px; background-image: url(../images/mosque-1.png); background-size: auto 40px; background-repeat: no-repeat; background-position: top 10px center; color: #666867 } .full-menu .full-menu-list.weather-menu-list:after { content: “”; position: absolute; left: 0; top: 0; height: 50px; width: 50px; background-image: url(../images/weather-icon.png); background-size: auto 40px; background-repeat: no-repeat; background-position: top 10px center } .weather-menu { position: fixed; height: 100%; top: 0; left: -600px; background-color: #00529e; width: 600px; z-index: 1000; transition: .6s; display: flex; padding-top: 200px; justify-content: center; transition-timing-function: ease-in-out } .weather-menu.active { left: 300px } .weather-menu .country-weather { border-bottom: solid 1px #fff; display: table; margin: auto; margin-bottom: 25px } .weather-menu .country-weather span { font-family: sans-serif; color: #fff; font-size: 16px; float: left } .weather-menu .country-weather i { color: #fff; font-size: 16px; float: left; padding-left: 5px } .weather-menu .outer-weather.first-weather { clear: both; margin: auto; margin-bottom: 40px; display: table } .weather-menu .outer-weather.first-weather .inner-weather, .weather-menu .outer-weather.first-weather .inner-weather2 { float: left } .weather-menu .outer-weather.first-weather .inner-weather2 { height: 85px; width: 85px; position: relative; margin-left: 15px } .weather-menu .outer-weather.first-weather .inner-weather2 .icon-weather { position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-size: contain; background-repeat: no-repeat; background-position: center } .weather-menu .outer-weather.first-weather .inner-weather2 .icon-weather img { width: 85px } .weather-menu .outer-weather.first-weather .day-weather { display: none } .weather-menu .outer-weather.first-weather .temp-weather { font-size: 60px; color: #fff; font-weight: bold } .weather-menu .outer-weather .temp-weather i { font-style: normal } .weather-menu .outer-weather.float-weather { float: right; padding: 0 20px } .weather-menu .outer-weather.float-weather .day-weather { font-size: 17px; color: #fff } .weather-menu .outer-weather.float-weather .icon-weather { height: 43px; width: 43px; background-size: contain; background-position: center; background-repeat: no-repeat } .weather-menu .outer-weather.float-weather .temp-weather { font-family: sans-serif; color: #fff; font-size: 16px; font-weight: bold; text-align: center; margin-top: 10px } .weather-menu .fa-close, .salat-menu .fa-close { position: absolute; margin-top: -45px; color: #fff; font-size: 23px; cursor: pointer } .mobile-menu .sub-menu-list{ border-bottom: 1px solid #808080; padding: 10px 15px; } .mobile-menu .expand{ display: inline-block; float: left; } .mobile-menu a.section-name{ display: inline-block; } .full-menu .shell-menu { display: table; width: 100% } .full-menu .current-date { margin-top: 20px } .full-menu .current-date > div { display: inline; color: #868686 } .salat-menu { position: fixed; height: 100%; top: 0; left: -600px; background-color: #00529e; width: 600px; z-index: 1000; transition: .3s; display: flex; padding-top: 200px; justify-content: center } .salat-menu.active { left: 300px } .salat-menu .outer { background-color: #fff; display: table; border-radius: 8px } .salat-menu .content { padding: 30px; display: table; margin: auto } .full-menu .shell-menu a { color: #666867; transition: .3s } .menu-n > .menu-n0 { width: 135px; display: none } .header .stickyMenu { position: fixed; top: 0; width: 100%; right: 0; background-color: #fff; z-index: 1000; border-bottom: solid 2px #00529e; padding: 5px 0 } .header .stickyMenu .header-o1 { margin: auto; padding: 0 } .header-mobile-wc{display: none;} @media screen and (max-width: 1200px) { .menu-n > .menu-n2 .menu-n3-absolute{ right: -55px; } .menu-n > .menu-n2 .menu-n3-absolute img.web-img{ display: none; } .menu-n > .menu-n2 .menu-n3-absolute img.ipad-img{ display: block; } } @media screen and (min-width: 1200px) { .menu-n1 > .nav > .li-menu .li-sub-more:hover > a, .menu-n1 > .nav > .li-menu:hover > a { color: #c1c1c1 } .menu-n1 > .nav > .li-lg-menu { display: none } .menu-n1 > .nav > .li-more-menu.li-lg-more { display: flex } .menu-n1 > .nav > .li-menu.li-lg-last-menu a { padding-left: 0 } .menu-n1 > .nav > .li-menu.li-lg-last-menu a:after { display: none } .menu-n1 > .nav > .li-menu .li-sub-more.li-lg-sub-more { display: none } .full-menu .full-menu-list:hover { color: #00529e } } @media screen and (min-width: 990px) and (max-width: 1200px) { .menu-n1 > .nav > .li-md-menu { display: none } .menu-n1 > .nav > .li-more-menu.li-md-more { display: block } .menu-n1 > .nav > .li-menu.li-md-last-menu a { padding-left: 0 } .menu-n1 > .nav > .li-menu.li-md-last-menu a:after { display: none } .menu-n1 > .nav > .li-menu .li-sub-more.li-md-sub-more { display: none } .menu-n1 > .nav > .li-menu > a { font-size: 13px } .menu-n1 > .nav > .li-menu > .moremenu { font-size: 13px } } @media screen and (min-width: 990px) { .header .stickyMenu .menu-n > .menu-n2 .menu-n3.menu-n3-bar i { background-color: #00529e } .full-menu .shell-menu a:hover { color: #00529e } .header .stickyMenu .header-1 { display: none } .header .stickyMenu .menu-n .menu-n0 { display: block } .header .stickyMenu .menu-n > .menu-n2 .menu-n3 { color: #00529e; border-left: solid 1px #00529e } .header .stickyMenu .menu-n > .menu-n2 .menu-n3:nth-last-child(1) { border-left: 0 } } @media screen and (max-width: 990px) { .menu-n > .menu-n2 .menu-n3-absolute{ display: none; } .menu-n > .menu-n2 .menu-n3.menu-n3-bar i { background-color: #414042 } .menu-n > .menu-n1 { display: none } .menu-n > .menu-n2 .menu-n3:not(.menu-n3-bar) { display: none } .menu-n > .menu-n2 { position: absolute; width: auto; right: 0; top: 0; height: 100%; display: flex; align-items: center } .header .stickyMenu { padding-top: 0 } .full-menu { width: 100%; left: -100% } .full-menu .full-menu-list.active a { color: #01529e } .full-menu .full-menu-list.menu-section { display: block } .full-menu .register .register-list { text-align: center } .full-menu .register .register-list:nth-child(2) { text-align: center } .weather-menu, .salat-menu { z-index: 1002; left: -100%; width: 100% } .weather-menu.active, .salat-menu.active { left: 0 } .weather-menu .outer-weather.float-weather { padding: 0 10px } } .menu-n .menu-logout { display: none; position: absolute; left: 0px; top: 100%; z-index: 100; background-color: #00529e; color: #fff; padding: 5px 10px 9px; font-size: 12px; width: 89px; padding-top: 18px; } .menu-n .menu-n3.menu-n3-user:hover .menu-logout { display: block; } header .stickyMenu .menu-n1 > .nav > .li-menu .sub-menu-wrapper, .menu-n1 > .nav > .li-menu .sub-menu-wrapper { position: absolute; width: 150px; top: 100%; z-index: 100; background-color: #00529e; display: none; flex-flow: column; padding: 0px; } header .stickyMenu .menu-n1 > .nav > .li-menu:hover .sub-menu-wrapper, .menu-n1 > .nav > .li-menu:hover .sub-menu-wrapper { display: flex; } .menu-n1 > .nav > .li-menu .sub-menu-wrapper a { color: #fff; padding: 12px; } .menu-n1 > .nav > .li-menu .sub-menu-wrapper a:not(:last-child){ border-bottom: solid 1px #fff; } .menu-n1 > .nav > .li-menu .sub-menu-wrapper a:hover { color: #c1c1c1; } .menu-n1 > .nav > .li-menu .sub-menu-wrapper a:after { display: none; }]]> DAMMAM 34°C 37°C 33°C 34°C 36°C .aksa-to1 { width: calc(100% – 100px) } .aksa-article-details .aksa-to > .aksa-to2 { width: 150px; display: none; /*flex*/ justify-content: flex-end } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem { color: #adacac; border: solid 1px #adacac; border-radius: 50%; height: 25px; width: 25px; margin-right: 5px; display: flex; align-items: center; justify-content: center; transition: .3s } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.facebook, .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.twitter { font-size: 14px } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.envelope { font-size: 14px } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.facebook { color: #3b5998; border-color: #3b5998 } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.twitter { color: #1da1f2; border-color: #1da1f2 } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.envelope { color: #00529e; border-color: #00529e } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.clipboard { font-size: 14px } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.clipboard { color: #00529e; border-color: #00529e } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.whatsapp { border: 0px; } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.whatsapp img{ width: 25px; height: auto; } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.telegram { border-color: #229ED9 } .aksa-article-details .aksa-to > .aksa-to2 > .socialItem.telegram img{ width: 17px; height: auto; } .aksa-article-details .aksa-desc-o > .aksa-o1 { display: flex; margin-top: 10px } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-section { width: 300px; display: flex; } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-section > a { display: table; padding: 5px 15px; background-color: #134693; color: #fff; white-space: nowrap; } .aksa-article-details .aksa-section > .aksa-to2 { width: 190px; display: flex; /*display: none;!*wait window load to appear*!*/ justify-content: flex-start } .aksa-article-details .aksa-section > .aksa-to2 > .socialItem { color: #FFFFFF; border-radius: 50%; height: 25px; width: 25px; margin-right: 5px; display: flex; align-items: center; justify-content: center; transition: .3s; cursor: pointer; font-size: 13px; background-color: #00509F; } .aksa-article-details.article-details-ajax .aksa-desc-o { clear: both } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-o2 { width: calc(100% – 300px); display: flex; justify-content: flex-end; align-items: center; } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-o2 a{ color: #4d4d4d; font-family: ‘Cairo’; font-style: normal; font-weight: 500; font-size: 12px; line-height: 22px; } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-o2 .aksa-byline { padding-left: 10px; margin-left: 10px; position: relative } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-o2 .aksa-byline:after { content: ”; position: absolute; height: 100%; width: 1px; background-color: #dddddd; left: 0; top: 0 } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-o2 .aksa-date time { position: relative; padding-right: 5px; display: inline-block; } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-o2 .aksa-date time:after { content: ”; position: absolute; height: 17px; width: 1px; background-color: #134693; right: 0px; top: 2px; } .aksa-article-details .aksa-articleBody { margin-top: 10px; font-family: ‘Cairo’; font-weight: 500; font-size: 17px; line-height: 31px; color: #000000; word-wrap: break-word; } .aksa-article-details .aksa-articleBody .owl-carousel{overflow:auto;} .aksa-article-details .aksa-articleBody p { margin-bottom: 15px; } .aksa-article-details .aksa-articleBody img { max-width: 100% !important; height: auto; display: block; margin: auto; padding: 10px 0 } .aksa-article-details .aksa-articleBody .twitter-tweet { margin: 10px auto; } .aksa-article-details .aksa-articleBody table { width: 100% !important; height: auto !important } .aksa-article-details .owl-articleMedia.owl-common .owl-next, .aksa-article-details .owl-articleMedia.owl-common .owl-prev { background-color: #fff } .aksa-article-details .owl-nav .owl-next, .aksa-article-details .owl-nav .owl-prev { width: 30px; height: 30px; top: 50%; z-index: 11; position: absolute; background-color: #fff; border-radius: 50% } .aksa-article-details .owl-nav .owl-next { right: 10px; margin-top: -15px } .aksa-article-details .owl-nav .owl-prev { left: 10px; margin-top: -15px } .aksa-article-details .owl-nav .owl-next:after, .aksa-article-details .owl-nav .owl-prev:after { font-family: FontAwesome; font-size: 24px; color: #000; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; transition: .3s; border-radius: 50% } .aksa-article-details .owl-nav .owl-next:after { content: ‘f138’ } .aksa-article-details .owl-nav .owl-prev:after { content: ‘f137’ } .aksa-article-details .owl-pagination { display: none !important } .aksa-article-details .owl-thumb-item { padding: 5px; cursor: pointer } .aksa-article-details .col-thumbs .owl-thumbs { margin: 0 -5px } .aksa-article-details .read-more-ajax { position: relative; width: 100%; margin: 20px 0; display: none } .aksa-article-details .read-more-ajax:before { content: “”; position: absolute; height: 2px; width: 100%; right: 0; top: 50%; z-index: 1; background-color: #01519d } .aksa-article-details .read-more-ajax:after { content: “”; position: relative; height: 28px; width: 100px; background-color: #fff; text-align: center; border-width: 2px; border-style: solid; border-color: #01519d; border-image: initial; display: table; margin: auto; z-index: 10; color: #01519d } .aksa-article-details.article-details-ajax .thumbnailPagination { display: none } .aksa-article-details .aksa-to1-main, .aksa-article-details.article-details-ajax .aksa-to1-ajax { display: block } .aksa-article-details .aksa-to1-ajax, .aksa-article-details.article-details-ajax .aksa-to1-main { display: none } section .container:nth-child(n+4) .aksa-article-details .read-more-ajax { display: block } section .container:nth-child(n+4) .aksa-article-details .aksa-desc-o article #div-gpt-ad-1600588014572-0 { display: none } section .container .ajax-box-image { display: none } .aksa-article-details .floatingBodyImage{height:auto !important;position: relative;} .aksa-article-details .floatingBodyImage img{padding:0px;} .aksa-article-details .floatingBodyImage .caption{position: absolute;bottom: 0;right: 0;background-image: linear-gradient(rgba(255,255,255,0.1),rgba(0,0,0,0.6) 71%);width: 100%;padding: 5px;font-weight:500;font-size:15px;line-height: 25px;color: #fff;} @media screen and (max-width: 990px) { .aksa-article-details .aksa-to1-main { font-size: 26px; } } @media screen and (max-width: 768px) { .aksa-article-details .article-section-info { padding-top: 0px; } .aksa-article-details .article-section-info > a { font-size: 12px; } .aksa-article-details .aksa-desc-o{ padding-left: 10px; padding-right: 10px; } .aksa-article-details .img-o1{ border-top: 1px solid #dddddd; padding-top: 15px; } .aksa-article-details .main-article-title{ line-height: 33px; padding-left: 10px; padding-right: 10px; margin-bottom: 15px; } .aksa-article-details .article-info{ border-top: none; border-bottom: none; padding-top: 5px; } .aksa-article-details .aksa-to { margin-bottom: 10px; width: 100%; justify-content: space-between; align-items: center; padding-left: 10px; padding-right: 10px; } .aksa-article-details .padd10px{ padding: 10px 0px; } .aksa-article-details .aksa-desc-o > .aksa-o1 { display: block; margin-top: 10px } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-section { width: 100% } .aksa-article-details .aksa-desc-o > .aksa-o1 > .aksa-o2 { width: 100%; justify-content: flex-start; margin-top: 10px } .aksa-article-details .aksa-articleBody { text-align: justify; } .aksa-article-details .aksa-articleBody iframe, .aksa-article-details .aksa-articleBody object { max-width: 100% !important; } .aksa-article-details .row-inner-title { padding: 2px 5px 5px; } .aksa-article-details .row-inner-title .font-16 { font-size: 12px; font-family: ‘alyaumFirst’; display: block; } .aksa-article-details ul.tags li{ margin-bottom: 10px; } } /*new update*/ .aksa-article-details ul.tags { list-style: none; padding: 10px 0px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-top: 20px; } .aksa-article-details ul.tags li { display: inline-block; margin-left: 10px; border: solid 1px #00509F; color: #00509F; border-radius: 5px; transition: 0.3s; } .aksa-article-details ul.tags li:nth-child(n+6) { display: none; } .aksa-article-details ul.tags li a { font-size: 14px; line-height: 24px; color: #00509F; padding: 4px 10px; font-family: ‘Cairo’; font-weight: 600; transition: 0.3s; } .aksa-article-details ul.tags li:hover { background: #dddddd; border-color: #dddddd; } .aksa-article-details ul.tags li:hover a { color: #fff; } .aksa-article-details blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } .aksa-article-details .aksa-articleBody h1 { font-size: 20px; } .aksa-article-details .aksa-articleBody h2 { color: #000; line-height: inherit; font-size: 18px; margin: 0px; font-weight: bold; } .aksa-article-details .aksa-articleBody h3 { font-size: 17px; } .aksa-article-details .aksa-articleBody table { border: 0 !important; border-collapse: separate !important; border-spacing: 2px !important; } .aksa-article-details .aksa-articleBody table span { font-size: 14px !important; background-color: unset !important; color: unset !important; } .aksa-article-details .aksa-articleBody table tr { border: solid 1px #fff !important; } .aksa-article-details .aksa-articleBody table td { border: 1px solid #959595; padding: 10px; border-collapse: collapse; background-color: unset !important; } .aksa-article-details .aksa-articleBody table tr:nth-child(1) td { background-color: #01529e !important; color: #fff; border: 0 !important; }]]> : 934.34% 934.34% 891,070 . : 16,468,802.40 18.48 . 7,558,102.40 . 1445-05-20 2023-12-04. 10,000,000 . a:nth-child(1) { line-height: 22px } .footer .footer-rights { padding: 10px 0; display: table; margin: auto } .footer .footer-rights > a { float: left; padding-right: 5px; color: #fff; font-size: 16px } .footer .footer-rights > a:nth-child(1), .footer .footer-rights > a:nth-child(2), .footer .footer-rights > a:nth-child(4) { font-family: sans-serif } .footer .footer-rights > a:nth-child(3) { padding-top: 1px } .footer .col-left { width: 370px; margin-top: 30px; display: flex; flex-flow: column; align-items: flex-end; position: relative } footer .footer-top .social-o { display: flex } footer .footer-menu .social-o { display: none; } footer .social-o .social-o1 { display: flex; align-items: center; justify-content: center; color: #FFFFFF; background-color: #00509F; border-radius: 50%; font-size: 14px; height: 30px; width: 30px; margin-left: 5px } footer .social-o .gab-social { width: 30px; display: flex; align-items: center; margin-left: 5px; border-radius: 50%; background-color: #00509F; overflow: hidden; padding: 4px; height: 30px } footer .social-o .gab-social img { width: 100% } .footer .col-left .subscribe-footer { width: 100%; display: flex; flex-flow: column; margin: 0; position: absolute; bottom: 0; left: 0; position: relative } .footer .popup { position: relative; display: table; margin: auto; cursor: pointer } .footer .popup .popuptext { visibility: hidden; width: 317px; background-color: #393534; color: #fff; text-align: center; border-radius: 0; padding: 5px; position: absolute; z-index: 1; bottom: -20px; left: -1px; border: solid 1px #fff } .footer .popup .popuptext button { margin-top: 5px; background-color: #677f99; color: #fff; border: 0; width: 80px; height: 35px } .footer .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s } .footer .col-left .subscribe-footer .subscribe-title { font-family: ‘Cairo’; font-weight: 800; font-size: 20px; line-height: 24px; color: #00509F; margin-top: 10px; margin-bottom: 10px; text-align: right; } .footer .col-left .subscribe-footer .subscribe-description { font-family: ‘Cairo’; font-weight: 500; font-size: 12px; line-height: 24px; color: #979797; margin-bottom: 20px; margin-top: 10px; } .footer .col-left .subscribe-footer .subscribe-form { display: flex } .footer .col-left .subscribe-footer input[type=text] { height: 55px; border: 0; background-color: #F5F5F5; color: #333; padding: 0 7px; font-size: 14px; font-family: ‘alyaumFirst’; width: calc(100% – 105px); text-align: left; background-image: url(images/envelope.png); background-repeat: no-repeat; background-position: 14px 18px; } .footer .col-left .subscribe-footer input[type=button] { background-color: #00509F; color: #fff; border: 0; width: 105px; height: 55px } .terms-footer .content { padding: 10px 15px } .terms-footer .modal-footer { padding: 0 } .terms-footer .modal-footer button { width: 100%; opacity: 1; background-color: #005a99; border: 0; color: #fff; padding: 6px 0 } a.footer-morePages { display: table; border: solid 2px #337ab7; margin: auto; margin-bottom: 30px; font-size: 18px; padding: 10px; cursor: pointer; transition: .3s; color: #337ab7 } a.footer-morePages:hover { background-color: #337ab7; color: #fff } .footer-mobile-ad,.footer-desktop-ad{ display: table; width: 970px; min-height: 90px; margin: 20px auto; background-image: url(images/square-ad.jpg); background-position: center; background-repeat: no-repeat; background-color: #f2eeef; background-size: contain; } @media screen and (max-width: 990px) { .footer .footer-menu .title-menu a { font-size: 16px } .footer .footer-menu a { font-size: 12px } .footer-mobile-ad { width: 320px; min-height: 100px; overflow: hidden; } .footer-top .logo{ padding: 10px 15px; } footer .footer-top .social-o{ display: none; } .footer{ border-bottom: 0px; } .footer-bottom{ padding: 0px; } .footer-bottom .col-outer{ display: block; } .footer-bottom .col-right{ width: 100%; justify-content: center; padding-top: 10px; padding-bottom: 10px; } .footer-bottom a{ margin-left: 0px; } .footer-bottom .col-left{ width: 100%; justify-content: center; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding-top: 10px; padding-bottom: 10px; } .footer .footer-rights { display: flex; align-items: center; justify-content: center; flex-wrap: wrap } .footer .footer-menu { padding: 0 10px; display: block } .footer .footer-menu .col-footer{ width: 45%; margin-left: 6%; display: inline-block; vertical-align: top; } .footer .footer-menu .col-footer:nth-child(1){ width: 45%; margin-bottom: 30px; } .footer .footer-menu .col-footer:nth-child(2){ margin-left: 0px; margin-bottom: 30px; } .footer-bottom .copyrights-desktop{ display: none; } .footer-bottom .copyrights-mobile{ display: flex; } footer .footer-menu .col-footer.social-o{ margin-left: 0px; } footer .footer-menu .social-o .gab-social{ display: inline-block; width: 50px; height: 50px; overflow: unset; margin-left: 20px; margin-bottom: 12px; padding: 17px 10px; } footer .footer-menu .social-o .social-o1{ display: inline-block; width: 50px; height: 50px; margin-left: 20px; margin-bottom: 12px; font-size: 23px; padding: 12px; } .footer .col-outer { display: block } .footer .col-right { width: 100%; } .footer .col-left { display: none; } } @media screen and (max-width: 767px) { .footer-desktop-ad{display: none;} } @media screen and (max-width: 360px) { footer .footer-menu .social-o .social-o1{ width: 40px; height: 40px; font-size: 18px; } footer .footer-menu .social-o .gab-social{ width: 40px; height: 40px; padding: 11px 9px; margin-bottom: 11px; } }]]>
