/* Project Name: Albayan Newspaper Version : 0.1 Developer: Jitendra Singh Website: http://www.albayan.ae FallBack: IE8 Support saprate CSS file included in header. Tags: Albayan, Newspaper, UAE, Dubai, News, Media */ /* AlBayanNP-Medium */ @font-face { font-family: "Al Bayan NP"; src: url("https://web-archive.nli.org.il/National_Library/oe_/http://www.albayan.ae/res/css/albayan/AlBayanNP-Medium.eot"); font-weight: normal; } @font-face { font-family: "Al Bayan NP"; src: url("https://web-archive.nli.org.il/National_Library/oe_/http://www.albayan.ae/res/css/albayan/AlBayanNP-Medium.ttf"); font-weight: normal; } /* AlBayanNP-Bold */ @font-face { font-family: "Al Bayan NP"; src: url("https://web-archive.nli.org.il/National_Library/oe_/http://www.albayan.ae/res/css/albayan/AlBayanNP-Bold.eot"); font-weight: bold; } @font-face { font-family: "Al Bayan NP"; src: url("https://web-archive.nli.org.il/National_Library/oe_/http://www.albayan.ae/res/css/albayan/AlBayanNP-Bold.ttf"); font-weight: bold; } body{text-shadow: 0px 0px #fff; -webkit-text-shadow: none; text-shadow: none;background: #f6f6f6;} .container{background:#fff; -webkit-box-shadow: 0px 1px 2px #ddd; -moz-box-shadow:0px 1px 2px #ddd; box-shadow: 0px 1px 2px #ddd; clear:both;} .footermenu ul li a, .nav-tabs li a, h1, h2, h3, h4, h5, h6{font-family: "Times New Roman", Georgia, serif; line-height:1.2; font-size:30px;text-shadow: none;} .articlesmalls .content .text a {font-family: "Times New Roman", Georgia, serif;} .footermenu ul li a, #navigation li{font-size:16px; font-family: "Al Bayan NP";} #navigation ul li ul.moremenu a, #navigation .sub-menu li a{ font-size:14px;} .see-more a{font-family: "Times New Roman",Georgia,serif; font-size: 15px;} #brakingnews li h3{font-size:15px;} #brakingnews a{color: #393939;} .mostread .tab-content ul li a{font-size:14px;} .nav-tabs li a{font-size: 20px;} .nav-tabs li a:hover{ text-decoration: none;} .mostread .tab-content ul li:before{font-size: 24px;line-height: 1.2;} #articlegallery .text h1, #mainslider .text h1{font-size:20px;} #mainslider .text h1{font-size:22px;} h1{font-size:20px;} h2{font-size: 18px; font-weight: normal;} h3{font-size:16px;} h4{font-size:14px;} h5{font-size:12px;} h6{font-size:12px;} h2.title{font-size: 20px; font-weight: bold;} h1, h2, h3, h4, h5, h6{ margin:10px 0;} .fa_print:before{content: "\f02f";color: #fff;} a {color: #1F4F82;text-decoration: none;} a:hover {color: #006699; text-decoration: underline;} a:visited {color: #006699;} .text h2{line-height:1.3;} html {-webkit-text-size-adjust: none; overflow-y: scroll; overflow-x: hidden;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ie7 img {-ms-interpolation-mode: bicubic;} /* Images Size Responsive */ .digital img, .cartoon img, .promotions img{ width:100%;} .digital .banner img{width: auto;} .headerwrap{ margin:0 15px; position:relative;} #social a, #navigation ul li a, .text h2 a{-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} #header{clear:both; width:100%; float:right; position: relative; z-index:22;} #header .container{background:#fff; position: relative;} #navigation{border-bottom:0px solid #b6b6b6; margin-top:0px; float:right; width:100%; position:relative; z-index:22; clear:both;} #navigation ul{ margin:0px; padding:0px; list-style: none; } #navigation ul.menu{ position:relative; width: 100%; float: right;border-bottom:0px solid #3a3a3a;} #navigation ul li{display:block; float:right; position:relative; } /*menu changes */ #navigation ul li a{padding:8px 8px; display:block; border-left: 0px solid #e8e7e7; border-right: 0px solid #f9f9f9; color:#fff !important;} #navigation ul li:first-child a{border-right: 0px solid #e8e7e7;} #navigation ul li:last-child a{border-left: 0px solid #e8e7e7;} #navigation ul li a:hover{background:#b4b4b4; color:#fff; text-decoration: none;} #navigation ul li.dropdown a.dropdown-toggle{padding: 8px 15px 0 16px;} #navigation ul ul.dropdown-menu{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border: none; min-width:200px;} #navigation ul li.dropdown a:hover{background: none; color:#333;} #navigation ul ul.dropdown-menu a{border-bottom:1px solid #ddd;} #navigation ul ul.dropdown-menu li{display:block; float:none; text-align:right;} #navigation ul ul.dropdown-menu li:first-child a{ padding-right:21.2px;} #navigation ul li.parent a:after{content:""; display: inline-block; width: 0; height: 0; margin-right: 8px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent;} #navigation ul li.parent ul.sub-menu a:after{ display: none;} /* Default, digital, across-the-uae Color theme */ #navigation li.digital a, #navigation li.across-the-uae a, .mostread .tab-content ul li.across-the-uae:before{color: #9d0a0e; border-bottom-color:#9d0a0e;} #navigation li.digital:hover a.parentmenu, #navigation li.digital a:hover, #navigation li.digital.active a, #navigation li.digital.active ul.sub-menu a:hover {background:#9d0a0e; color:#fff;} /* one-world color theme*/ #navigation li.one-world a, .mostread .tab-content ul li.one-world:before{color: #087890; border-bottom-color:#087890;} body.one-world #main-column .section h1 a:after, body.one-world #main-column .title span:after, body.one-world #main-column .title a:after {background:#087890; color:#fff;} /* opinions color theme*/ #navigation li.opinions a, .mostread .tab-content ul li.opinions:before{color: #0073b1; border-bottom-color:#0073b1;} body.opinions #main-column .section h1 a:after, body.opinions #main-column .title span:after, body.opinions #main-column .title a:after {background:#0073b1; color:#fff;} .opinions .section.opinion .text p{min-height: 60px;} /* economy color theme*/ #navigation li.economy a, .mostread .tab-content ul li.economy:before{color: #0089cf; border-bottom-color:#0089cf;} body.economy #main-column .section h1 a:after, body.economy #main-column .title span:after, body.economy #main-column .title a:after{background:#0089cf; color:#fff;} /* sports color theme*/ #navigation li.sports a, .mostread .tab-content ul li.sports:before{color: #007831; border-bottom-color:#007831;} body.sports #main-column .section h1 a:after, body.sports #main-column .title span:after, body.sports #main-column .title a:after {background:#007831; color:#fff;} /* five-senses Color theme*/ #navigation li.five-senses a, .mostread .tab-content ul li.five-senses:before{color: #8f499c; border-bottom-color:#8f499c;} body.five-senses #main-column .section h1 a:after, body.five-senses #main-column .title span:after, body.five-senses #main-column .title a:after{background:#8f499c; color:#fff;} /* books Color theme*/ #navigation li.books a, .mostread .tab-content ul li.books:before{color: #751551; border-bottom-color:#751551;} body.books #main-column .section h1 a:after, body.books #main-column .title span:after, body.books #main-column .title a:after {background:#751551; color:#fff;} /* knowledge Color theme*/ #navigation li.knowledge- a, .mostread .tab-content ul li.knowledge:before{color: #0073b1; border-bottom-color:#0073b1;} body.knowledge #main-column .section h1 a:after, body.knowledge #main-column .title span:after, body.knowledge #main-column .title a:after {background:#0073b1; color:#fff;} /* health Color theme*/ #navigation li.health a, .mostread .tab-content ul li.health:before{color: #8cc63e; border-bottom-color:#8cc63e;} /*.section.health h1.title a:after,*/ body.health #main-column .section h1 a:after, body.health #main-column .title span:after, body.health #main-column .title a:after{background:#8cc63e; color:#fff;} .menuoverlay{position:fixed; top:0px; background: rgba(0, 0, 0, 0.7); width:100%; height:100%; z-index:21; display: none;} .sub-menu, .submenu{ display: none} #navigation .sub-menu{position:absolute; width:100%; top:38px; z-index:10; right:0px; background:#fff;min-width:175px;-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75); overflow: hidden;} #navigation ul li:hover ul.sub-menu{-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);} #navigation li.active ul.sub-menu a{background:inherit; color: inherit;} #navigation li.active ul.sub-menu a:hover{background:#252525; color: #fff !important;} #navigation ul li.active a{background:#7e0003;} #navigation .sub-menu li{float:none;} #navigation ul.sub-menu li a{ padding:6px 15px; border-left:0px solid #fff; border-right:0px solid #fff;} #navigation .sub-menu li a{border-bottom:1px solid #d8d8d8;} #navigation .sub-menu li:last-child a{border-bottom: 0px solid #fff;} #navigation ul .dropdown-menu{right: 0; left: inherit;} #navigation ul ul.moremenu{right: inherit; left: -1px;min-width:180px;margin-top: 3px;} #navigation ul ul.moremenu li:first-child a, #navigation ul li ul.moremenu a{ display:block; padding:5px 10px;} #navigation ul li ul.moremenu a:hover {background: #b4b4b4; color: #fff;} #navigation ul li .sub-menu .sub-menu{display: none !important;} #navigation .container{padding:0px;background: #9d0a0e;} #navigation ul li ul#dropmainmenu a, #navigation ul li ul.sub-menu a{color:#252525 !important;} #navigation ul li ul#dropmainmenu a:hover, #navigation ul li ul.sub-menu a:hover{color:#fff !important;} #navigation ul li a:hover{background: #252525;} #dropmainmenu{ margin-top:4px;} #navigation.fixed_navigation{position:fixed; width:100%; z-index: 22; top:0px; margin:0px; background:#9d0a0e;} #navigation.fixed_navigation .container{background:#9d0a0e;} #social.social_fixed{position:fixed; top:30%; left:0px; z-index: 12;} #social.social_fixed a{display:block; margin:0px; float:none; min-width:50px; padding:10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms;-moz-transition: all 250ms; transition: all 250ms; color:#fff;} #social.social_fixed a:hover{ padding-left:20px; } .fa_telegram, .fa_snapchat{width:36px; height:32px; display:block; background:#ece000 url(/National_Library/oe_/http://cache.albayan.com/res/img/snapchat.png) no-repeat center center; background-size: 26px;} .fa_telegram{background:#64a9dc url(/National_Library/oe_/http://cache.albayan.com/res/img/telegram.png) no-repeat center center;} #social.social_fixed a.fa_snapchat{background:#ece000 url(/National_Library/oe_/http://cache.albayan.com/res/img/snapchat.png) no-repeat center center;} #social a.fa_snapchat{padding:0px; background:#f3f4f4 url(/National_Library/oe_/http://cache.albayan.com/res/img/snapchat.png) no-repeat center center;} #social a.fa_snapchat:hover{background:#ece000 url(/National_Library/oe_/http://cache.albayan.com/res/img/snapchat.png) no-repeat center center;} #social.social_fixed a.fa_telegram{background:#64a9dc url(/National_Library/oe_/http://cache.albayan.com/res/img/telegram.png) no-repeat center center;} #social a.fa_telegram{padding:0px; background:#64a9dc url(/National_Library/oe_/http://cache.albayan.com/res/img/telegram.png) no-repeat center center;} #social a.fa_telegram:hover{background:#64a9dc url(/National_Library/oe_/http://cache.albayan.com/res/img/telegram.png) no-repeat center center;} #social.social_fixed a.fa_snapchat, #social.social_fixed a.fa_telegram, #social .fa_telegram, #social .fa_snapchat{display: none;} .push-down{ clear:both; clear:both; float:right; width:100%; display:block;} .bannerwrap .push-down-top{ margin-top:15px;} /*.push-down img{width:100%;}*/ .push-down div{ margin:0 auto; float: none; text-align: center;} .logo{/*max-width:149px;*/ margin:0; display: block; padding:15px 0; float:right; background: url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_v1.png) no-repeat right center; background-size:149px;} a.logo:before{content: ""; display: block;width: 120px;height: 50px; float: left; background-size: contain; background-repeat:no-repeat; background-position: center right; margin-right: 20px; padding-right: 20px;margin-top: 10px;} a.logo img{display:block; float:right; max-width: 149px;} .current-date{position: absolute; top: 29px; left: 288px;} .current-date .fa_time{padding: 5px 0; font-size: 22px; color: #7d8c8a; min-width: 36px; text-align: center; float: left;background: #f3f4f4; cursor: pointer;} .current-date .datewrap{background: #232323; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 4px 15px; display: none; position:absolute; top: 33px; left: -80px; width: 225px; font-size: 11px; text-align: center; color: #fff; opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} .current-date .datewrap:after{content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #232323; position:absolute; top:-5px; left: 92px;} .current-date .datewrap.open{opacity: 1; display: block;} .current-date .fa_time:hover .datewrap{ display: block;} /* Body background*/ body.digital {background:url(/National_Library/oe_/http://cache.albayan.com/res/img/albdigital_bckgnd.jpg) no-repeat top center fixed;} body.health {background:url(/National_Library/oe_/http://cache.albayan.com/res/img/health_background.jpg) no-repeat top center fixed;} body.expo2020{background:url(/National_Library/oe_/http://cache.albayan.com/res/img/expo2020.jpg) no-repeat top center fixed; background-size: 100%;} body.knowledge{background:url(/National_Library/oe_/http://cache.albayan.com/res/img/alb_knowledge_bckgnd.jpg) no-repeat top center fixed;} body.dss{background:url(/National_Library/oe_/http://cache.albayan.com/res/img/dss_page_bg.jpg) no-repeat top center fixed;} body.economy.islami{background:#000 url(/National_Library/oe_/http://cache.albayan.com/res/img/islamecon_bg2016_1.jpg) no-repeat top center fixed;} /* STATIC Pages */ body.contact-form .site-family h1, body.contact-form .advertise-with-us h1, body.contact-form .contact-us h1{border-top: 5px solid #a71017; display:block; padding-top:10px;} body.contact-form .privacy-policy .content h2, body.contact-form .advertise-with-us .content h2, body.contact-form .contact-us .content h2{clear:both; border-bottom:3px solid #ddd; display:block; padding-bottom:10px;} body.contact-form .privacy-policy .content a, body.contact-form .advertise-with-us .content a, body.contact-form .contact-us .content a{color:#a71017; font-weight: bold;} body.contact-form .site-family .content table{width:100%;} body.contact-form .site-family .content table th, body.contact-form .site-family .content table td{ padding:5px; border:1px solid #ddd;} body.contact-form .site-family .content table th{background:#a88a5f; color:#fff;} body.year-of-giving a.logo:after, body.across-the-uae a.logo:after, body.one-world a.logo:after, body.opinions a.logo:after, body.economy a.logo:after, body.sports a.logo:after, body.five-senses a.logo:after, body.books a.logo:after, body.knowledge a.logo:after, body.digital a.logo:after, body.health a.logo:after {content: ""; display: block;height: 60px; width:1px; float:left; margin-right:20px; background:#ddd;} body.across-the-uae a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_across_the_uae.png);} body.one-world a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_one_world.png);} body.opinions a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_opinion.png);} body.economy a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_economy.png);} body.sports a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_sports.png);} body.five-senses a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_five_senses.png);} body.books a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_books.png);} body.knowledge a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_knowledge.png);} body.digital a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_digital.png); margin-top:6px;} body.health a.logo:before{background-image:url(/National_Library/oe_/http://cache.albayan.com/res/img/logo_health.png);} .push-down iframe{margin-top:20px; } #social{float:left; display:block;margin: 0 46px 0 0;} #social a{padding:4px 0 5px 0; font-size:23px; color:#7d8c8a; min-width:36px; text-align:center; margin-left:5px; float:right;} .socialdefault a{background: #f3f4f4;} #social a:hover{color:#fff;} #social a:last-child{margin-left:0px;} #social a:hover{ text-decoration: none; opacity:0.5;} .toprightholder{ position:absolute; left:0px; top:29px;} .searchwrap a.advanced{display: none;position: absolute; top: 0; left: 0; line-height: 1; background: #9d0a0e; padding: 8px 0 12px 0; text-align: center; color: #fff; margin-left: 6px;font-size: 12px; min-width: 70px;} .searchwrap{position: absolute; top: 29px; left: 370px;} .searchwrap input[type="text"]{display:inline-block;border:none;outline:none;color:#555;padding:5px 5px 6px 5px;padding-right:46px;width:0;position:absolute;top:0px;right:0;background:none;z-index:3; transition:width .4s cubic-bezier(0.000,0.795,0.000,1.000); cursor:pointer; font-size:15px;} .searchwrap input[type="text"]:focus:hover{background:#efefef;} .searchwrap input[type="text"]:focus{width:370px;z-index:1;border-bottom:0px solid #dbdbdb; color:#757575;cursor:text; background:#efefef;} .searchwrap button#search_submit{height:32px;width:40px; max-width:40px; text-align:center; font-size:24px; line-height:1; outline: none;display:inline-block;color:#7d8c8a;float:right; border:none;position:absolute;top:0px;right:0;z-index:1;cursor:pointer; background: #d7d7d7;transition:opacity .4s ease} .searchwrap button#search_submit{padding: 0 !important;} button#search_submit:hover{opacity:.8} .sidebar .html-snippet, .section, .widget{margin-bottom:15px; clear:both; display:block; float:right; width:100%; position:relative;} .sidebar .html-snippet {text-align:center;} .sidebar .html-snippet img{width: inherit; margin:0 auto; max-width:360px;} .widget img, .html-snippet img, .sidebar iframe {width:100%;} .sidebar .html-snippet img{-webkit-box-shadow: 0px 0px 6px 0px #ddd; -moz-box-shadow: 0px 0px 6px 0px #ddd; box-shadow: 0px 0px 6px 0px #ddd;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} .sidebar .html-snippet img:hover{-webkit-box-shadow: 0px 0px 6px 0px #797979; -moz-box-shadow: 0px 0px 6px 0px #797979; box-shadow: 0px 0px 6px 0px #797979;} #footer img, .widget.followus img{width:inherit;} #footer .appslinks ul li img{width:100%;} #footer .container{padding-top: 20px;} .see-more{position: relative; clear:both; display:block; float: right; width: 100%; margin: 0px;} .see-more a{padding: 1px 5px; display: block; float: left; font-weight: bold; background:#e3e2d7;} .see-more a:after{width:16px; height:16px; float:right; margin-left:5px; color:#a71017;font-size: 21px;} .see-more a:hover{background:#393939;color:#fff; text-decoration: none;} .see-more a:hover:after{color:#fff;} .topflexisection .see-more{position: absolute; bottom: 2px; left:4px;max-width: 68px;} .topflexisection .see-more a{background: #393939; color: #fff;} .topflexisection .see-more a:after{color: #fff;} .topflexisection .see-more a:hover{background: #e3e2d7; color:#393939;} .sidebar .topflexisection.section li:first-child .text a{float: right; max-width: 283px;} .lastwidget{margin-bottom:0px;} .media{display:block; overflow: hidden;} .media img{transition: all .2s ease-in-out;} .media img:hover{transform: scale(1.1); } .footerwidget.alameen img {max-width: 217px;} .sidebarbutton{display:block; margin:5px; float:right;} .socialfollow{ background:#e3e2d7;padding: 8px 10px 3px 10px; -webkit-box-shadow: 0 8px 6px -6px #a88a5f; -moz-box-shadow: 0 8px 6px -6px #a88a5f; box-shadow: 0 8px 6px -6px #a88a5f;} .banner-holder .push-down{-webkit-box-shadow: 0px 1px 2px #ddd; -moz-box-shadow:0px 1px 2px #ddd; box-shadow: 0px 1px 2px #ddd; max-width: 1170px; margin: 0 auto; float: none; padding-top:20px;background: none; display: none;} .mediagallery .photogallery, .mediagallery .videogallery, .fullwrap{clear:both;float: right; padding:20px 15px; width:100%;} .gallerytabs{ margin:20px 0;clear:both;float: right;} .brakingnews{margin:15px 0; width:100%; float:right; background:#f1f0ea; border:1px solid #f1f0ea; } .brakingnewslabel{display:block; float:right; width:88px; text-align: center; } .brakingnewslabel h2{margin:0px; font-weight: bold;} .brakingnewslabel h2 a{padding:3px 0; display:block;background:#fff; color:#9d0a0e;} .brakingnewslabel h2 a:before{ content:""; width:34px; height:27px; display:block; clear:both; margin: 5px auto; background: url(/National_Library/oe_/http://cache.albayan.com/res/img/brakingnews_arrow.png) no-repeat center center;} .brakingnews .brakingnewswrap{max-width:1044px; float:left; display:block; padding:5px 15px;} ul#brakingnews {list-style-type: none; padding:0px;} #brakingnews li img {float: right;margin: 0 0 0 10px; max-height: 52px; display:block; max-width:90px;min-width:90px;} #brakingnews li {padding: 0px;overflow: auto; } #brakingnews li a{border:0px solid #ebebeb; display:block;} #brakingnews li h3{margin:3px 10px 0px 10px;} #brakingnews li .time{margin-top:0px; font-size:12px; color:#757575; padding:0 10px; display: none;} #brakingnews li .fa_time:before{margin-left: 5px;float: right;} #opinionstatement{background:#fff;} #opinionstatement img{width:100%; padding: 40px;} .brakingnews{position:relative; clear:both;} .prev_out, .next_out{position:absolute; top:50%; margin-top: -15px; height: 30px;width: 15px; font-size: 30px; text-align: center; line-height: 0;} .prev_out{right:-25px;} .next_out{left:-25px;} .cust_prev_out.activearrow, .cust_next_out.activearrow{opacity:0.2; cursor: default;} .mostread .tab-content ul {list-style-type: none; margin:0px; padding:15px 0 0 0;counter-reset: my-badass-counter;} .mostread .tab-content ul li {margin-bottom: 2.5px; border-bottom:1px dotted #ddd; padding-bottom:0px; direction:rtl; text-align:right; float:right; width:100%;position:relative;min-height: 48px;} .mostread .tab-content ul li:last-child{border-bottom:0px dotted #ddd;} .mostread .tab-content ul li a{padding: 0px 30px 0px 0px; color: #555; display:block;} .mostread .tab-content ul li:before {content: counter(my-badass-counter); counter-increment: my-badass-counter;position: absolute;right: 0;top: 0;width: 25px; text-align:center; padding:0; position: absolute;display: block; right: 0; color: #393939;} .sidebar .mostread .nav-tabs li a{min-width: 100px;} .tab-content h2.heading, .tab-content h1.title{display: none;} /* Advertize*/ .sidebar .banner, .mpu{text-align: center; margin-bottom: 15px; /*max-height: 250px;*/ position: relative; overflow: visible; z-index: 20;} .sidebar .banner{margin-bottom: 10px;} .inner .sidebar .banner, .inner .mpu{ max-height: inherit;} .banner{clear:both; display:block; text-align: center; /*background: #f8f8f8;*/overflow: hidden; width:100% !important;} .banner iframe, .banner div{margin:0 auto; line-height:0px;} .adbanner img{width:100%;} .leader-board-bottom{margin-bottom:15px;} body.author .articles h2, .section h2.title, h2.title, h1.title{border-top:4px solid #b4b4b4; margin:0px; clear:both; display:block; float:right; width:100%;} h2.title{display:block; position:relative; float:right;} .title span, .section h1 a, .title a{display:block; position:relative; float:right; padding:10px 0; color:#000;} body.author .articles h2:after, .section h1 a:after, .title span:after, .title a:after{content: ""; display:block; position:absolute; right:0px; top:-4px; width:100%; height:4px; background:#a71017; min-width:130px;} body.author .articles h2:before, .section h1 a:before, .section h2.title a:before, .title span:before, .homearticleslider h1 a:before, .homeopinonsslider h1 a:before {content: ""; display:block; float:right; background: url(/National_Library/oe_/http://cache.albayan.com/res/img/albarrow.png) no-repeat center right; height:23px;margin:0px;border-left:1px solid #ddd;padding-left: 30px; margin-left: 10px;} body.author .articles h2{padding: 10px; position:relative;font-weight: bold;} body.author .articles{ margin-top:20px;} body.weekly .halfsection ul li p, body.infographics .halfsection ul li p{ display: none;} body.infographics .halfsection ul li .text{ min-height:30px;} body.infographics .halfsection ul li .text h2, body.infographics .halfsection ul li .text a{ margin:10px 0; padding:0px;display: block;} body.infographics .halfsection.cols1 .media{ margin-bottom:0px;} .sidebar .widget.weather-forecast{background: #f2f1e5;} .weather-forecast #main-column .weather-forecast ul{ margin:0px; padding:0px; list-style: none;} body.weather-forecast .weather-forecast .location {clear: both; float: right; width: 100%;} body.weather-forecast .weather-forecast .location h2.name{border-bottom: 2px solid #ddd;padding: 10px;} body.weather-forecast .weather-forecast ul li {display: block; float: right; padding: 10px; margin: 0 10px; min-width: 134px; background:#f9f8f1;} body.weather-forecast .weather-forecast ul li.even {background: #e6e5de;} body.weather-forecast .weather-forecast ul li:first-child{ margin-right:0px;} body.weather-forecast .weather-forecast ul li:last-child{ margin-left:0px;} body.weather-forecast .weather-forecast ul li span {display: block; text-align: center;} body.weather-forecast .weather-forecast ul li span.date {font-weight: bold;} .rss ul{margin:0px; padding:0px; list-style: none;} .rss ul li.even{background: #f2f1e5;} .text h2 a:hover{ color:#3b3b3b;} .text h2 a:visited{color:#3b3b3b;} .section ul{ margin:0px; padding:0px;} .tab-content{margin:20px 0 0 0; clear:both; float:right; width:100%;} .sidebar .newsletter .tab-content{margin: 0px;} .sidebar .newsletter .newsletterwrap{border: 1px solid #ddd;padding: 0 10px;} /* Top Management */ .topmanagement .tab-content, .mostread .tab-content{ margin:0px;} .topmanagement .tab-content ul{margin:0px; padding:0px; list-style: none; float:right; width:100%;} .topmanagement .tab-content .text > p {display: none;} .sidebar .topmanagement .section li:first-child .text{bottom:0px;} .topmanagement .section{ margin:0px;} .topmanagement .section .media a:hover, .topmanagement .section .media a{border:0px solid #ddd;} .topmanagement .see-more{ display: none;} .nav-tabs{ text-align:right; margin:0px; border-bottom:4px solid #b4b4b4; width:100%;float: right; background:#f4f3f3; padding:2px 2px 0px 0px;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .nav-tabs li{display:inline-block; margin-left:10px; position:relative;} .nav-tabs li a{padding:9px 10px 5px 10px; display:block; font-weight:bold; position:relative; white-space: nowrap; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .nav-tabs li.active a{color:#a71017;border-bottom: 4px solid #a71017; margin-bottom: -4px;background:#fff;} .nav-tabs li.active a:after{content:""; position: absolute;bottom: -11px; left: 45%; width: 0;height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #a71017 transparent transparent transparent; z-index: 8;} .tab-content>.tab-pane{display:none;} .tab-content>.active{display:block;} .mostread .tab-content{float: right; border: 1px solid #e5e5e5; border-top:0px solid #e5e5e5; padding: 0 10px ; min-height: 234px; width:100%;} /* editors */ /*.editors{float: right; width: 100%; overflow: hidden;}*/ .editors .tab-content{padding: 0; display:block; clear:both; margin:0px;} .editors .tab-content .tab-pane .section .media, .editors .tab-content .tab-pane .section .text{padding: 0; display:block; width:100%;} .editors .tab-content .teaser-block{clear:both;} .editors .tab-content .text p{ display: none;} .editors .tab-content .text h2{ margin-bottom:0px;} .editors .tab-content > .active{padding:0;} .editors .tab-content .section {margin-bottom: inherit; clear: inherit; display: inherit; float: inherit; width:inherit; position: inherit; max-width:1140px;} .editors .tab-content .section li{display: inherit; margin: 0 12px; border-collapse: inherit; width: inherit; float: right; padding-bottom: inherit; } body.home-page .editors .tab-content .section li .media img{ max-width: 170px;} .editors .tab-content .section .slick-list{margin: 0 -12px;} .tab-content .section{margin:0px; padding: 0px;} #chiefeditor blockquote { font-size:17px; font-style:italic; border-left: 10px solid #ccc; margin: 1.223em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019";} #chiefeditor blockquote:before {color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;} #chiefeditor blockquote p {display: inline;} .topmanagement .tab-content{ border:1px solid #e5e5e5; border-top:0px solid #e5e5e5; clear:both; float:right; width:100%;} /* editorpick */ .editorpick{margin:0px;} .editorpick .see-more{margin-bottom:15px; margin-top:0px;} .editorpick ul{margin:0px; padding:0px; list-style: none;} .editorpick ul li{clear:both; display:table; padding: 0px; margin-bottom:0px; border-bottom:1px solid #d7d7d7;height: 74px; min-height: 74px;font-size: 13.2px;background:url(/National_Library/oe_/http://cache.albayan.com/res/img/editorpickbg.png) repeat-y top right;} .editorpick ul li a.category{display:block; padding-bottom:10px;font-size: 12px;} .editorpick ul li:last-child{border-bottom:0px solid #ddd; padding-bottom:10px;} .editorpick h2{margin:0px; padding:0px; font-size: 20px;} .editorpick h1.title{ background:#fff;} .editorpick ul li a{ display:block; padding:0 10px 0 0;} .editorpicklast ul li{min-height: 67px;} .editorpick ul li .text{ width:100%;} .editorpick ul li .text p, .editorpick ul li .text .media{ display: none;} /* Listing */ .section ul{margin:0px; padding:0px; list-style: none;} .section li {display: table; margin: 0 0 20px 0; border-collapse: collapse; width: 100%;float: left;padding-bottom: 15px;} body.sub-category #main-column .section li.even, body.inner .listing li.even{background:#f2f1e5;} body.sub-category #main-column .section li.even p, body.inner .listing li.even p{padding-left:5px;} body.sub-category #main-column .editors-choice li.even { background: inherit;} body.sub-category #main-column .grid.section li.even, body.sub-category #main-column .section.grid.colshalf li.even{background: inherit;} .section li:last-child{padding-bottom: 0px; margin:0px;} .section .media{display: table-cell; vertical-align: middle; width: 25%; padding-left: 1em;} .editors .media a, .section .media a{display:block; overflow:hidden; border: 1px solid #f1f0ea;} .editors .media a:hover, .section .media a:hover{border: 1px solid #e3e2d7;} .section .media img{width:100%;} .section .text{display: table-cell;vertical-align: middle;width: 75%;} .section.listing .text h2{margin-top:0px;} .section p{display:block; margin-bottom:0px;} .section.articledetails .dmedia p.caption{ background:#e3e2d7; margin:0px; padding:10px; font-weight: bold;} .sidebar .section li{display: block;} .sidebar .section .text p{ display:none;} .sidebar .section li:first-child .text, .sidebar .section li:first-child .media{display: block;width: 100%; padding-left: 0px;} .section.editors .nav-tabs{ margin-bottom:20px;} .section.editors .nav-tabs li{width: auto;display: block; float:right; margin: 0;padding: 0;} .section.editors .media{display: block; vertical-align: middle; width: 100%; padding-left: 0px;} .section.editors .text{display: block; width: 100%;} #articledetails img{-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; margin-bottom:20px; height:auto;} #articledetails img:hover{ box-shadow: 0 0 5px 0 #000;} #articledetails p{ line-height:1.5; font-size:15px;} #articledetails iframe{width: 100%;} .section.listing ul{margin:0px; padding:0px; list-style: none;} .section.listing li {display: table; margin: 0 0 20px 0; border-collapse: collapse; width: 100%;float: left;padding-bottom: 15px;} .section.listing li:last-child{padding-bottom: 0px; margin:0px;} .section.listing .media{display: table-cell; vertical-align: middle; width: 25%; padding-left: 1em;} .section.listing .media a{ display:block; overflow:hidden;} .section.listing .media img{width:100%;} .section.listing .text{display: table-cell;vertical-align: middle;width: 75%;} .section.listing .text h2{margin:0px;} .section.listing p{ display:block; margin-bottom:0px;} .section.mainfeatures ul{margin:0px; padding:0px; list-style: none; clear:both; width:100%;} .section.mainfeatures li {overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; float: left; display: inline; clear: left; width:28%;} .section.mainfeatures li .media{display:block; vertical-align: middle; width: 100%; padding:0px;} .section.mainfeatures li .media a{ display:block;} .section.mainfeatures li .text{display: block;vertical-align: middle;width:100%;} .section.mainfeatures li .text p{ display: none;} .section.mainfeatures li.el1, .section.mainfeatures li.el4, .section.mainfeatures li.el8, .section.mainfeatures li.el10, .section.mainfeatures li.el13, .section.mainfeatures li.el16, .section.mainfeatures li.el19 {float: right !important; display: inline; clear: right; border-bottom: none; margin-left: 10px; width:67%;padding-right:0px;} .section.mainfeatures li.el1 .text p, .section.mainfeatures li.el4 .text p, .section.mainfeatures li.el8 .text p, .section.mainfeatures li.el10 .text p, .section.mainfeatures li.el13 .text p, .section.mainfeatures li.el16 .text p, .section.mainfeatures li.el19 .text p {display:block;} .section.mainfeatures li.el1 .media, .section.mainfeatures li.el4 .media, .section.mainfeatures li.el8 .media, .section.mainfeatures li.el10 .media, .section.mainfeatures li.el13 .media, .section.mainfeatures li.el16 .media, .section.mainfeatures li.el19 .media {display: block; vertical-align: middle; width: 100%; padding-left: 0;} .section.mainfeatures li:last-child h2, .section.mainfeatures li:first-child p{ display:block; margin-bottom:0px;} .section.mainfeatures li:last-child{ margin-bottom: 0px;} .section.mainfeatures li .media img{width:100%;} .halfsection.odd{width:48%; float:right; clear:none;} .halfsection.even{width:48%; float:left; clear:none;} .cols1 .text, .cols1 .media{display:block; padding:0px; margin-bottom:10px; width:100%;} /*Main Grid */ .missed-stories ul, .grid ul{margin:0px; padding:0px; list-style: none; clear:both; width:100%;} .missed-stories ul li, .grid li {display: block; float:right; margin-left:5.4%; width:29.7%;} .missed-stories ul li.last, .missed-stories ul li:last-child, .grid li.last, .grid li:last-child{margin-left: 0px;} .missed-stories ul li .media, .grid li .media{display:block; vertical-align: middle; width: 100%; padding:0px;} .missed-stories li .media a, .grid li .media a{ display:block;} .missed-stories li .text, .grid li .text{display: block;vertical-align: middle;width:100%;} .missed-stories li .text p, .grid li .text p{ display: none;} .missed-stories img, .grid img{width:100%;} .missed-stories li:last-child, .grid li:last-child{padding-left: 0px;margin-left: 0 !important;} .missed-stories li:first-child, .grid li:first-child{padding-right: 0px;margin-right: 0 !important;} .related{clear:both; display:block; float:right; width:100%;} .related ul{margin:0px; padding:0px; list-style: none; clear:both; width:100%;} .related li {display: block; float:right; margin-left:5.4%; width:29.7%;} .related li.last, .related li:last-child{margin-left: 0px;} .related li .media{display:block; vertical-align: middle; width: 100%;} .related li .media a{ display:block;} .related li .text{display: block;vertical-align: middle;width:100%;} .related li .text p{ display: none;} .related img{width:100%;} .related li:last-child{padding-left: 0px;margin-left: 0 !important;} .related li:first-child{padding-right: 0px;margin-right: 0 !important;} .grid.cols2 li{width:48%;margin-left:4%;margin-bottom:0px;} .grid.cols2 li:nth-child(2n+2){margin-left: 0;} .grid.cols2 li .media img{width:100%; display:block; height:100%;} .grid.cols2 li:last-child, .grid.cols2 li:nth-last-child(2){margin-bottom: 0px;} .grid.cols3 li{width:30.6%;margin-left:4%;} .grid.cols3 li:nth-child(3n+3){margin-left: 0;} .grid.cols3 li{margin-bottom:20px;} .grid.cols3 li .media img{width:100%; display:block; height:100%;} .grid.cols4 li{width:22%;margin-left:4%; margin-bottom:0px; padding:0px;} .grid.cols4 li:nth-child(4n+4){margin-left: 0;} .grid.cols4 li {/*min-height:230px;*/ margin-bottom:0px;} .fullwrap .grid.cols4 li, .mediagallery .grid.cols4 li{width:23.02%;margin-left:2.60%;} .missed-stories ul li, .grid.cols5 li{margin-left: 2.61%; width: 17.91%;} .grid.colshalf li{margin-left: 4%; margin-bottom:15px; width:48%; padding-bottom:15px; border-bottom:1px dotted #b4b4b4;} .grid.colshalf li:nth-child(2n+2){margin-left: 0;} .grid.colshalf li .text{width: 61%; float: left;} .grid.colshalf li .media{width: 35%; float: right;} .grid.colshalf li:first-child .text, .grid.colshalf li:first-child .media, .grid.colshalf li:nth-child(2) .text, .grid.colshalf li:nth-child(2) .media{ width:100%; min-height: 64px;} body.home-page .grid.colshalf li:first-child .text, body.home-page .grid.colshalf li:first-child .media, body.home-page .grid.colshalf li:nth-child(2) .text, body.home-page .grid.colshalf li:nth-child(2) .media{ min-height:initial;} .grid.colshalf li .text h2{margin:0px;} .grid.colshalf li:last-child, .grid.colshalf li:nth-last-child(2){padding-bottom:0px; border-bottom:0px dotted #b4b4b4;margin-bottom:0px;} .grid.onebig-cols li{margin-left: 4%; margin-bottom:15px; width:46%; padding-bottom:15px; border-bottom:1px dotted #b4b4b4; float:left;display: inline;clear: left;} .grid.onebig-cols li:first-child{float: right !important; display: inline; clear: right; border-bottom: none; margin-left: 10px;} .grid.onebig-cols li:last-child{margin-left: 4% !important;border-bottom:0px dotted #b4b4b4;} .grid.onebig-cols li .text{width: 65%; float: left;} .grid.onebig-cols li .media{width: 30%; float: right;} .grid.onebig-cols li:first-child .text, .grid.onebig-cols li:first-child .media {width:100%;} .grid.onebig-cols li:first-child .text h2{ margin-top:10px;} body.home-page .mediagallery .grid.cols4 li, body.home-page .grid.cols4 li, body.home-page .grid.cols3 li, body.home-page .grid.cols2 li {margin-bottom: 0;/*min-height: inherit;*/ padding-bottom: 0;} /*body.home-page .grid.cols4 li .text, body.home-page .grid.cols3 li .text, body.home-page .grid.cols2 li .text{min-height: inherit;}*/ /* Comman GRID*/ .grid li h2 {margin-bottom:0px;} .grid li .text h2, .grid.colshalf li:first-child .text h2, .grid.colshalf li:nth-child(2) .text h2, .grid.onebig-cols li:first-child .text h2, .related li .text h2, .missed-stories li .text h2{margin-top: 10px;} body.home-page .grid.cols4 li .text, body.inner .grid.cols4 li .text{ min-height:90px;} body.home-page .grid.cols3 li .text{min-height:99px;} body.home-page .grid.cols4 li.digital .text, body.digital .grid.cols4 li.digital .text, body.home-page .mediagallery .grid.cols4 li .text { min-height:inherit;} /* Widget layouts */ .sidebar .article-list ul, .sidebar .section ul{margin:0px; padding:0px; list-style: none; clear:both; width:100%;} .sidebar .article-list li, .sidebar .section li {overflow: hidden; margin-bottom: 0px; padding-bottom: 12px; float: right; display: block; clear: none; width:100%; position:relative;} .sidebar .article-list li:first-child, .sidebar .section li:first-child{margin-bottom: 15px;} .sidebar .article-list li .media, .sidebar .section li .media{display:block; float:right; vertical-align: middle; width: 35%; padding-left:0px;} .sidebar .article-list li .text, .sidebar .section li .text{display: block;vertical-align: middle; float:left; width:61%; margin-right:0%;} .sidebar .article-list li:first-child .text, .sidebar .article-list li:first-child .media, .sidebar .section li:first-child .text, .sidebar .section li:first-child .media{width:100%; clear:both; display:block; margin:0px; padding:0px;} .sidebar .article-list li:last-child, .sidebar .section li:last-child{ margin-bottom: 0px; padding-bottom: 0px;} .sidebar .article-list li .media img, .sidebar .section li .media img{width:100%;} .sidebar .article-list li .text p, .sidebar .section li .text p{ display: none;} .sidebar .article-list li .text h2, .sidebar .section li .text h2{ margin:0px;} .sidebar .article-list li:first-child .text h2, .sidebar .section li:first-child .text h2{padding: 5px 10px;} .sidebar .article-list li:first-child .text a, .sidebar .section li:first-child .text a{ color:#fff;} .sidebar .article-list li:first-child .text, .sidebar .section li:first-child .text{padding: 0px;position:absolute; bottom: 0px; right:0px; width:100%; background:url(/National_Library/oe_/http://cache.albayan.com/res/img/gradbg.png) repeat-x right bottom;color:#fff;} .widget.sidecols ul{margin:0px; padding:0px; list-style: none; clear:both; width:100%;} .widget.sidecols li {overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; float: right; display: block; clear: none; width:100%; position:relative;} .widget.sidecols li .media{display:block; float:right; vertical-align: middle; width: 25%;} .widget.sidecols li .text{display: block;vertical-align: middle; float:right; width:73%; margin-right:2%;} .widget.sidecols li:first-child .text, .widget.sidecols li:first-child .media{width:100%; clear:both; display:block; margin:0px;} .widget.sidecols li:last-child{ margin-bottom: 0px; padding-bottom: 0px;} .widget.sidecols li .media img{width:100%;} .widget.sidecols li .text p{ display: none;} .widget.sidecols li .text h2{ margin:0px;} .widget.sidecols li:first-child .text h2{padding:5px 10px;} .widget.sidecols li:first-child .text a{ color:#fff;} .widget.sidecols li:first-child .text{padding: 0px;position:absolute; bottom:10px; right:0px; width:100%; background:url(/National_Library/oe_/http://cache.albayan.com/res/img/gradbg.png) repeat-x right bottom;color:#fff;} .widget.sidegrid ul{margin:0px; padding:0px; list-style: none; clear:both; width:100%;} .widget.sidegrid li {overflow: hidden; margin-bottom: 10px; padding: 10px; float: right; display: block; clear: none; width:48%; margin-left:4%; position:relative;background: #ebebeb;} .widget.sidegrid li:nth-child(2n+2){margin-left:0%;} .widget.sidegrid li .media img{width:100%;min-height: 112px;} .widget.sidegrid li .text p{ display: none;} .widget.sidegrid li:last-child, .widget.sidegrid li:nth-last-child(2){margin-bottom: 0; padding-bottom: 0;} .sidebar .editors-space, .sidebar .editors{position:relative; margin-bottom:20px; clear:both; float:right; width:100%;} .sidebar .editors-space .media img, .sidebar .editors .media img{ width:100%;} .sidebar .editors-space .content ul li .media, .sidebar .editors .content ul li .media{float:right; width:35%;} .sidebar .editors-space .content ul li .text, .sidebar .editors .content ul li .text{float:left; width:61%;} .sidebar .editors-space .content ul li .text p, .sidebar .editors .content ul li .text p{ display: none;} .sidebar .editors-space .content ul li.slick-slide, .sidebar .editors .content ul li.slick-slide{border: none; padding:10px 0; margin:0px 15px; border-bottom:1px dotted #dbdbdb;} .sidebar .editors-space .content ul li.slick-slide:hover, .sidebar .editors .content ul li.slick-slide:hover{ background:#ebebeb;} .sidebar .editors-space .content ul .slick-slide img, .sidebar .editors .content ul .slick-slide img{ width:100%;} .sidebar .editors-space .content ul h2, .sidebar .editors .content ul h2{ margin:0px;} .sidebar .editors-space .slick-prev, .sidebar .editors-space .slick-next, .sidebar .editors .slick-prev, .sidebar .editors .slick-next{font-size: 35px;} [dir='rtl'] .sidebar .editors-space .slick-prev, [dir='rtl'] .sidebar .editors .slick-prev{left:30px; right: inherit; top: -30px;} [dir='rtl'] .sidebar .editors-space .slick-next, [dir='rtl'] .sidebar .editors .slick-next{left:0px; top: -30px; } .sidebar .editors-space .slick-dots, .sidebar .editors .slick-dots{left: 55px; top: -44px;right: inherit;} .sidebar .editors-space .slick-dots li button:before, .sidebar .editors .slick-dots li button:before{ color:#ddd} .sidebar .editors-space .arrowright:before, .sidebar .editors .arrowright:before{content: "\f106" !important;} .sidebar .editors-space .arrowleft:before, .sidebar .editors .arrowleft:before {content: "\f107" !important;} .sidebar .content{ clear:both;} .sidebar .editors-space.opinion .content ul li .media{ width:20%;} .sidebar .editors-space.opinion .content ul li .text{width:79%;} .sidebar .editors-space.opinion .content ul li .text h2{margin-top:10px;} .sidebar .editors-space.opinion .content ul li{ padding:5px 0;} a.slick-prev:hover, a.slick-next:hover{text-decoration: none;} .widget.listing ul{margin:0px; padding:0px; list-style: none;} .widget.listing li {display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100%;float: left; border-bottom:1px dotted #b4b4b4;} .widget.listing .media{display: block; vertical-align: middle; width: 25%; float:right;} .widget.listing .media a{ display:block; overflow:hidden;} .widget.listing .media img{width:100%;} .widget.listing .text{display: block; width: 70%; float:left;} .widget.listing .text h2{ margin:0px;} .widget.listing p{ display:none; margin-bottom:0px;} body.home #sharebox, body.no-sharebox #sharebox {display: none !important;} .social-media-float {position: fixed;right: 50%; top: 297px; margin: 0 -662px 0 0; background-color: white; border: 0px solid #C9A93F;width: 76px;box-shadow: 0px 0px 6px 0px #ddd; padding: 8px;} /* Fix for IE6 */ * HTML .social-media-float {position: absolute;} body.article .social-media-float {top: 300px;} body.image-gallery .social-media-float {top: 300px;} .social-media-float ul {margin: 0px;padding: 0px;list-style: none; list-style-type: none;} .social-media-float ul li {display: block; padding: 2px 0px; text-align: center;} .social-media-float ul li.facebook {padding: 4px 0px 2px 8px;} .social-media-float ul li.yahoo-buzz {padding: 2px 6px 2px 0px;} .social-media-float ul li.twitter IFRAME {width: 54px !important;} .socialsharing{ clear:both; display:block; width:100%; padding:10px 0; float:right;} .socialsharing button, .socialsharing a{display:block; float:right; padding:10px 0; background:#ddd; margin:0px; width:16.65%; text-align:center; font-size:20px; color:#fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms;-moz-transition: all 250ms; transition: all 250ms; border: none;} .socialsharing button:first-child, .socialsharing a:first-child{ margin-right:0px;} .socialsharing button:hover, .socialsharing a:hover{padding-top:5px;} .socialsharing a.fa_whatsapp, .socialsharing .fa.fa_pin.share.s_pinterest{ display: none;} .socialsharing a:hover{text-decoration: none;} .socialsharing a.fa_print{background:#9d0a0e;} #tweecool ul {margin: 0;padding: 0;} #tweecool li:hover{background: #e3e2d7;} #tweecool a.twprofileimg{width: 18%;float: right; } #tweecool li .tweets_txt {width: 80%;float: right; margin-right: 5px; font-size: 14px;} #tweecool li .tweets_txt span {display: none;} #tweecool { direction: rtl; text-align: right; font-size:11px;} #tweecool a{ display: inline-block;font-size:11px; color:#990e12;} #tweecool li {border-bottom: 1px dotted #ddd; margin: 0;float: none; width: auto; position: relative; padding: 10px; overflow: hidden;list-style: none;clear: both;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} #tweecool li:last-child{border-bottom: 0px dotted #ddd;} .mediagallery ul{margin:0px; list-style: none; clear:both; width:100%;} .mediagallery li .media{display:block; vertical-align: middle; width: 100%; position:relative;} .mediagallery li .media a{ display:block;} .mediagallery li .text{display: block;vertical-align: middle;width:100%;} .mediagallery li .text p{ display: none;} .mediagallery img{ width:100%;} .section.in-pictures li.photos .media a, .section.videos li.digital .media a, .section.videos li.videos .media a, .mediagallery li .media a{ display:block; position:relative;} .section.in-pictures li.photos .media a:after, .section.videos li.digital .media a:after, .section.videos li.videos .media a:after, .mediagallery li .media a:after {content:"";border:3px solid #a70f15; -webkit-border-radius: 100px; -moz-border-radius: 100px;border-radius: 100px; width:40px; height:40px; float:left; display:block;background: rgba(0, 0, 0, 0.7);position: absolute; z-index: 1; bottom: 10px; left: 10px;} .section.in-pictures li.photos .media a:before, .section.videos li.digital .media a:before, .section.videos li.videos .media a:before, .mediagallery li .media a:before{position: absolute; z-index: 2; bottom: 23px; left: 22px; color:#fff;} .sidebar .videos li.digital .media a:before, .sidebar .videos li.videos .media a:before{bottom: inherit; left: 5px; color: #fff; font-size: 10px;top: 5px;} .colshalf.videos li.digital .media a:after{ display:none;} .colshalf.videos li.digital .media a:before{bottom: 10px; left: 10px;} .sidebar .videos li.digital .media a:after, .sidebar .videos li.videos .media a:after{display: none;} .gridlist li p{display: none;} .firstwide li:first-child{ width:100%; clear:both; display:block; float:none;} /*Poll*/ /*.poll { background:#f2f2f2; margin-bottom:0px;} .poll h1{padding:10px; border-top: 4px solid #b4b4b4; margin: 0px; clear: both; display: block; float: right; width: 100%;} .poll ul{ margin:0px 0px 20px 0px; padding:0px; list-style: none;} .poll-block{margin:0 auto;padding:15px; box-sizing:border-box; min-height:200px; clear:both;} .poll-block h2{line-height:22px;margin:4px 0 15px} .poll-block ul{margin-top:2px} .poll-results-list{display:none} .poll-block ul li{background:none;padding:0 0 8px} .poll-block ul li input,.poll-block ul li label{float:right} .poll-block ul li label{width:92%} .poll-block ul li input{margin-left:7px;margin-top:5px;} .poll-block ul li.buttonwrap input{ margin-top:0px;} ul.poll-results-list{padding-top:2px;padding-bottom:1px} ul.poll-results-list li{position:relative}*/ .percentage{font-weight:700;display:none;position:absolute;left:0;bottom:30px} .nul{width:0} .out-bar{background:#fff;height:20px;position:relative;margin-top:1px;margin-bottom:2px} .inner-bar,.voted{background:#D2232A;height:20px;position:absolute;top:0;left:0} .vote-button a{ margin-left:10px; color:#fff;} .vote-button div{float:right;margin-left:10px;} .sectiondata{ margin-bottom:30px; float:right; width:100%; clear:both;} .sliderheading{position:relative; display:block;} .paginationwrap{clear:both; display:block; text-align: center; direction:ltr; background: #ebebeb; border-bottom:1px solid #ddd;border-top:1px solid #ddd; margin:20px 0 0 0; float:right; width:100%;} .pagination > li{ display:inline-block; margin:0 2px;} .pagination > li a{ color:#333;} .pagination > li a.page-link i{ font-size:18px;} .paginationwrap .pagination{margin: 15px 0 12px 0;} .pagination{clear:both; display:block; text-align: center; direction:ltr; background: #ebebeb; border-bottom:1px solid #ddd;border-top:1px solid #ddd; margin:20px 0 0 0; float:right; width:100%;} .pagination ul.pages li{ display:inline-block; margin:0 2px;} .pagination ul.pages li a.active{color:#fff;} .pagination ul.pages li a.page-link i{ font-size:18px;} .pagination ul.pages{margin: 15px 0 12px 0;padding:0px; list-style: none;} .top-link{position: fixed; bottom: 10px;right: 10px; display: none; z-index:20;} .top-link a{color:#202020;padding: 18px 10px;overflow: hidden; display:block; font-size:0px; margin: 0 0 5px 0;} .top-link a:after{position: absolute; width: 46px; font-size: 26px; color: #fff; right: 0px; top: 0px; background: #202020; padding: 7px 0 11px 0; text-align: center; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px;} .top-link.toplink_active{ display:block;} .results ul{ margin:0px; padding:0px; list-style: none;} .results ul li{margin-bottom:15px; width:100%; float:right; padding-bottom:15px; border-bottom:1px dotted #b4b4b4;} /* Main Slider*/ #mainslider{margin-bottom:20px;} #mainslider li{ position: relative;} .topmanagement .text, #articlegallery .text, #mainslider .text{padding: 0px;position:absolute; display:block; bottom:0px; right:0px; width:100%; background:url(/National_Library/oe_/http://cache.albayan.com/res/img/gradbg.png) repeat-x right bottom;color:#fff;} #articlegallery .text a, #mainslider .text a{color:#fff;} .topmanagement .text h2, #articlegallery .text h1, #articlegallery .text p, #mainslider .text h1, #mainslider .text p{padding:10px 10px 0px 10px; margin:0px;} #articlegallery .text h1{ padding-bottom:10px;} #articlegallery .text h1 a{padding:0 10px 5px 10px;} #articlegallery .text h1 a:before{ display: none;} #articlegallery .slick-prev, #articlegallery .slick-next{font-size: 44px;} #articlegallery .text p, #mainslider .text p{ display: none;} #articlegallery .media{width:100% !important; padding:0px; display:block;} #articlegallery .media img{transition: none; width: auto; margin: 0 auto; height:380px;} .articledetails #articlegallery li{ margin:0px; padding:0px;} #articlegallery .media img:hover{transform: none; } #articlegallery h1 a:after{ display: none;} #banner{ position: relative; z-index:2; margin-bottom:20px; } #banner .lSPager{position: absolute; top: 10px;right: 20px;} #banner .lSPager.lSpg > li a{width:12px; height:12px; background:#b9b9b7;} #banner .lSPager.lSpg > li.active a{background:#fff;} #mainslider .media img{width: 100%;} #mainslider .media {max-height: 465px; max-width:750px;} #albayantv li{ position: relative;} #albayantv .text{padding: 0px;position:absolute; bottom:0px; right:0px; width:100%; background:url(/National_Library/oe_/http://cache.albayan.com/res/img/gradbg.png) repeat-x right bottom;color:#fff;} #albayantv .text a{color:#fff;} #albayantv .text h2, #albayantv .text p{padding:5px 10px; margin:0px;} #albayantv .text p{ display: none;} #albayantv .media img{width: 100%;} #articlegallery .slick-dots{position: relative;top: 0px;right: 0; text-align: left; padding: 10px 0 0 0;} #articlegallery .slick-dots li button{font-size: 15px; line-height: 1; color:#000; background:#e3e2d7; border-radius: 100px;} #articlegallery .slick-dots li {margin-right:10px;} #articlegallery .slick-dots li.slick-active button{background:#9d0a0e;color:#fff;} #articlegallery .slick-dots li.slick-active button:before, #articlegallery .slick-dots li button:before{ display: none} .dmedia { width:100%; float:right; position:relative;} .totalcountholder{position:absolute; bottom:4px; right:0px;font-size: 16px;font-weight: bold; min-width:100px;} .totalcountholder .slidercounter{float: right; display: block; margin-left: 10px;} #articlegallery .slick-dots li, #articlegallery .slick-dots li button{ width:30px; height:30px;} [dir='rtl'] #articlegallery .slick-prev{right:10px;color:#fff;/* left:50px; top: 20px;*/} [dir='rtl'] #articlegallery .slick-next{left:10px;color:#fff;/*top: 20px;*/} #articlegallery .slick-slide{ position:relative;} #articlegallery{margin:0px; padding: 0px; list-style: none; max-width:740px;} #articlegallery ul{margin:0px; padding: 0px; list-style: none;} /*#articlegallery{margin:0px 0px 42px 0px; padding: 0px; max-width:740px; background:#000;}*/ #articlegallery .slick-list{ margin:0px;} /*articledetails*/ /*Newsletter */ /* Remove */ .newsletterwrap{margin:0px auto; float:right; width:100%; text-align:right;} .newsletterwrap .frmholder{clear:both; display:block; margin:15px 0; width:100%; float:right; position:relative; text-align:right;} .newsletterwrap .frmholder i{position:absolute; top:7px; right:12px; font-size: 20px; color:#c2c2c2; background: none;} .newsletterwrap .frmholder input[type="email"], .newsletterwrap .frmholder input[type="text"]{ border:1px solid #dcdcdc; outline: none; display:block; padding:7px 40px 7px 10px;width: 100%;} .newsletterwrap .frmholder input[type="email"]:focus, .newsletterwrap .frmholder input[type="text"]:focus{outline: none; background:#eeeeee;} .newsletterwrap form{ margin:20px; display:block;} .newsletterwrap .frmholder input.error {border-color: #a70f15;} .newsletterwrap label.error{ display: none !important;} /* Remove END*/ .newsletter{margin:0px auto; float:right; width:100%; text-align:right;} .newsletter fieldset{clear:both; display:block; margin:10px 0; padding:0px; border:none; width:100%; float:right; position:relative;} .newsletter fieldset i{position:absolute; top:7px; right:12px; font-size: 20px; color:#c2c2c2; background: none;} .newsletter fieldset input[type="email"], .newsletter fieldset input[type="text"]{ border:1px solid #dcdcdc; outline: none; display:block; padding:5px 40px 5px 10px;width: 100%;} .newsletter fieldset input[type="email"]:focus, .newsletter fieldset input[type="text"]:focus{outline: none; background:#eeeeee;} .newsletter form{margin:0px; display:block;} .newsletter fieldset input.error {border-color: #a70f15;} .newsletter label.error{ display: none !important;} .newsletter h2{font-size: 12px;} .newsletter fieldset.button{ text-align:right;margin:5px 0; } .newsletter fieldset label{ display:block; margin-bottom:5px;} .footerwidget{background:#f6f6f6; border:1px solid #ddd; display:block; padding:10px; text-align:center;} .footerwidget a{ display:block;} .alameen{background:#000; padding:15px 10px;} .appslinks{background:#fff;} .footermenu ul, .dmilinks ul, .appslinks ul{ margin:0px; padding:0px; list-style: none; text-align:center;} .dmilinks ul li, .appslinks ul li{display:inline-block; margin: 3px 5px;} .albayan_android{ max-width:135px;} .appslinks ul li img{ width:100%;} .extras{padding-bottom: 20px; clear: both; float: right; width: 100%;} #footer .copyright {padding: 10px 0; text-align:center;} .footerstrip {clear: both; padding: 0 0 10px 0; display: table; vertical-align: middle; text-align: center; width: 100%;} .footerwrap {max-width: 492px;margin: 0 auto;direction: rtl;} .footerstrip span {display: table-cell;vertical-align: middle;text-align: center;} .footerstrip a {padding: 0px 15px;border-right: 1px solid #d7cfc6;display: block;} .footerstrip span.printsector img {margin-left: 20px; max-width: 58px;} .footermenu { clear:both; display:block;} .footermenu ul{ background:#f2f2f2; border-top:3px solid #474747; margin-bottom:15px;} .footermenu ul li{ display:inline-block; text-align:center;} .footermenu ul li a{ display:block; padding:10px 15px;} #foo {width: 45px; height: 45px; position: fixed; bottom: 0px; left: 15px;background-color: #c50408;padding: 5px;} #foo img{ width:100%;} .cS-hidden{display: none;} body.home-page .homelocalsection{max-height: 556px; overflow:hidden; position: relative;} body.home-page .homelocalsection-no-expend .see-more{position: absolute;bottom: 0; } body.home-page .homelocalsection-expend .see-more{position: relative; } body.home-page .homelocalsection-expend {max-height: none !important; overflow:visible;} body.home-page .homelocalsection-no-expend li.el5, body.home-page .homelocalsection-no-expend li.el6{border-bottom: 0px dotted #b4b4b4;} body.home-page .homelocalsection-expend li.el5, .homelocalsection-expend li.el6{border-bottom: 1px dotted #b4b4b4;} body.home-page .homelocalsection-expend li {margin-bottom: 17px; padding-bottom: 17px;} body.digital .digitalherosection, body.infographics .interactives.infographicssection-expend{max-height: 606px; overflow:hidden; position: relative;} body.digital .digitalherosection-expend, body.infographics .interactives.infographicssection-no-expend{max-height: none !important; overflow:visible;} body.infographics .interactives.halfsection {width: 100%;} /* All Slider and Slide Show Gallery Custom Code*/ .slick-slider{position:relative; clear:both; margin:0px; padding:0px; display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-prev,.slick-next{position:absolute;top:50%;display:block; border: none;padding:0;line-height: 0; font-size: 30px; cursor:pointer; border:none;outline:none; z-index:7 !important; } .slick-prev{left:-25px} [dir='rtl'] .slick-prev{right:-10px;left:auto} .slick-next{right:-25px} [dir='rtl'] .slick-next{right:auto;left:-10px} [dir='rtl'] #brakingnews .slick-next{left:-15px;} .slick-dotted.slick-slider{margin-bottom:30px} #banner .slick-dotted.slick-slider{margin-bottom: 0px} .slick-dots{position:absolute;top:5px;display:block;right:15px;padding:0;margin:0;list-style:none;text-align:right} .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer} .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:0px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent} .slick-dots li button:hover,.slick-dots li button:focus{outline:none} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} .slick-dots li button:before{font-size:35px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.8;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{opacity:1;color:#9d0a0e} [dir='rtl'] #cartoon .slick-prev, [dir='rtl'] #albayantv .slick-prev, [dir='rtl'] #mainslider .slick-prev {right:10px; z-index: 12; color:#fff; font-size:45px;} [dir='rtl'] #cartoon .slick-next, [dir='rtl'] #albayantv .slick-next, [dir='rtl'] #mainslider .slick-next {left:10px;z-index: 12; color:#fff; font-size:45px;} .slick-slide:focus, .slick-slide {outline: none;} #mainslider .slick-slide img{width:100%;} [dir='rtl'] .editors-space .slick-prev, [dir='rtl'] .editors .slick-prev, [dir='rtl'] #slidebox .slick-prev{left:40px; right: inherit; top: -45px; z-index: 12; font-size:35px;} [dir='rtl'] .editors-space .slick-next, [dir='rtl'] .editors .slick-next, [dir='rtl'] #slidebox .slick-next{left:10px; top: -45px; z-index: 12; font-size:35px;} [dir='rtl'] #slidebox .slick-next, [dir='rtl'] #slidebox .slick-prev{font-size: 26px; top: -32%;} a.slick-disabled{color: #ddd !important; cursor: default !important;} #brakingnews a.slick-prev, #brakingnews a.slick-next{border: 0px solid #ddd;background: #f1f0ea;padding: 0 5px; height: 100%;top: 0;} #brakingnews a.slick-prev:before, #brakingnews a.slick-next:before{padding: 26px 0;display: block;} #brakingnews a.slick-prev{right: -20px;} .adbanner{clear:both;} /*.editors .slick-slide {margin: 0 10px;} .editors .slick-list {margin: 0 -10px;}*/ .tab-content > .tab-pane{display: none;} .tab-content > .tab-pane.active{display: block;} .mediagallery .tab-content > .tab-pane.active, .topmanagement .tab-content > .tab-pane.active, .mostread .tab-content > .tab-pane.active{display: block; height: auto !important;} .slick-slider {background: url(/National_Library/oe_/http://cache.albayan.com/res/img/loader.gif) no-repeat center center; } .slick-slider .slick-list {opacity: 0; position: absolute;} .slick-slider.slick-initialized {background: none;} .slick-slider.slick-initialized .slick-list {opacity: 1; position: relative;transition: opacity 0.2s ease-in;} .slick-slide {margin: 0 15px;} .slick-list {margin: 0 -15px;} .open > .dropdown-menu {animation-name: slidenavAnimation; animation-duration:.2s;animation-iteration-count: 1;animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration:.2s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration:.2s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards;} @keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { opacity: 0; } to { opacity: 1; } } .articledetails .content .media.author{ float:right; max-width:200px;} .articledetails .content .media.author img{ width:100%;} .editors .media img{ width:auto; margin:0 auto; min-width: 120px;} body.home-page .editors .media img, body.home-page .editors li.no-image .media img{max-width: 165px;} .mobilesocials{display: none; float:left; border:1px solid #7d8c8a;} .mobilesocials i{ padding:4px 6px; font-size:22px; color:#7d8c8a;} .breadcrumb{ clear:both; margin:15px 0; display:block; width:100%; float:right;border-radius: 0px;background: #ebebeb; margin-top:10px;} .navbar-header{display:none; } .navbar-header a.navbar-toggle{float:left; width:60px; background:#9d0a0e; /*height:32px; border:1px solid #7d8c8a;*/ text-align:center; padding: 11px 0; margin-right:10px; position:absolute; top:0px;left:-15px; color:#fff; transition: 0.3s;} .navbar-header a.collapsed{background:#f9f9f9;} .collapse{display: block;} .navbar-header a.navbar-toggle .fa_menu{color: #fff;} .navbar-header a.collapsed .fa_menu{color: #7d8c8a;} .navbar-header a.navbar-toggle .fa_menu:before{content: "\f00d";} .navbar-header a.collapsed .fa_menu:before{content: "\f0c9";} .articledetails img{width:auto; max-width:750px;display: block;} .articledetails .articlemain img{width: 100%;} .articledetails h1.title{padding-bottom: 10px; border-top: 0px solid #b4b4b4; border-bottom: 3px solid #b4b4b4;} .articledetails .section h1.title{border-top: 5px solid #b4b4b4; border-bottom: 0px solid #b4b4b4;} .articledetails .metadata{clear:both; display:block; margin:10px 0; float:right; width:100%;} .articledetails .metadata ul{ margin:0px; padding:0px; list-style: none;} .articledetails .metadata .source{background: #ebebeb; float:right; width:100%; padding: 5px; margin-bottom: 10px;} .articledetails .metadata .source ul{float:right; display:block;} body.article .translation .label, .metadata .author .label, .articledetails .metadata .publish-date .label, .articledetails .metadata .source .label{float:right; display:block; margin-left:10px; font-weight: bold;} .articlemain{padding-right:0px; clear:both;} .articlesmalls{padding-left:0px; margin-bottom:10px;} .articlesmalls ul{ margin:0px; padding:0px; list-style: none;} .articlesmalls img{ width:100%;} #middle-column.articlesmalls .editors-choice{padding-bottom:10px;background:#ebebeb; float:right; width:100%;} #middle-column.articlesmalls .editors-choice .content{padding:0 10px;} #middle-column.articlesmalls .editors-choice .content li{ margin-bottom:10px;} .articlesmalls .content .text, .articlesmalls .content .media{display: block; width:100%;padding-left:0px;} .articlesmalls .content .text p{display: none;} .articlesmalls .content .text a, .articlesmalls .content .text h2{margin:10px 0 0 0; font-size:18px;} .articlesmalls .content .text a{ display:block; font-weight: normal; line-height: 1; text-shadow: none;} .sidebar .editors-choice.middle-column-content{display: none;} body.sub-category #main-column .articlesmalls li.even{ background: none;} .articlesmalls h2.title span:before{ display: none;} .articlesmalls h2.title span{ padding-right:10px;} #slidebox{position:fixed; bottom:0px; right:-410px; max-width:300px; background:#fff; padding: 0px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);} #slidebox .slick-dots{ top:inherit;} #slidebox .slick-dots li button:before{ font-size:25px;} #slidebox .slick-dots li button, #slidebox .slick-dots li{width:15px; height:15px;} #slidebox li .media{display:block; float:right; width:38%;} #slidebox li .text{display:block; float:left; width:58%;} #slidebox img{ width:100%;} #slidebox h2{ margin:0px;} #slidebox ul{ margin:0 10px} #slidebox .fa_close{ position:absolute; bottom:2px; left:8px;font-size: 18px;} .alsoread{background: #ebebeb;} .alsoread ul, .alsoread li{margin:0px; padding:0px; list-style: none;display: block;} .alsoread ul{padding:0px 10px;background: #ebebeb;float: right;} .alsoread li .media{display:block; width:100%; margin-bottom:10px;padding-left:0px;} .alsoread li .text{display:block; width:100%;} .alsoread li{ width:100%; border-bottom:0px solid #ddd; padding-bottom:15px; margin-bottom:10px;} .alsoread li:last-child{border-bottom:0px solid #ddd; padding-bottom:15px; margin-bottom:0px;} .alsoread li p{ margin:0px; display:none;} .articledetails .tags .label{font-weight: bold} .articledetails .tags ul{margin: 0px; padding: 0px; display: inline} .articledetails .tags ul li{display: inline} .articledetails .relatedarticles h1.title{border-top: 3px solid #b4b4b4; border-bottom: 0px solid #b4b4b4;} .relatedarticles.grid.cols4 li h2{font-size: 18px;margin-top: 10px;} /*.relatedarticles.grid.cols4 li{min-height: 180px; }*/ body.sub-category #main-column .relatedarticles.grid.cols4 li.even{background: inherit;} /* Video Gallery */ .videotheaterview{margin:0 auto; padding:0; clear:both; display:block; max-width:1170px; } .videotheaterview .section .media{width:30%;} .videotheaterview .section .text{width:68%;} .videotheaterview .section li:first-child .media, .videotheaterview .section li:first-child .text{display: block; width:100%; padding:0px;} .videotheaterview .section .media a{border: 1px solid #404040;} body.infographics .videotheaterview .interactives.halfsection ul li:first-child p{ display: block;} .videotheaterview .section .text h2{ margin-top:10px;} .digital .grid.cols4 li {/*min-height: inherit;*/ margin-bottom: 0;padding: 0;} .videotheaterview .sidebar .section .media{width:40%;} .videotheaterview .sidebar .section .text{width:58%;} .videotheaterview .sidebar .section a, .videotheaterview .sidebar .section .text h2 a{color: #3b3b3b;} .videotheaterview .sidebar .section h2.title, .videotheaterview .sidebar h2.title, .videotheaterview .sidebar h1.title{border-top:5px solid #b4b4b4;} /* Missed Stories*/ .missed-stories{padding:0 15px;} .social_fixed.socialdefault a.fa_fb, a.fa_fb:hover, #social a.fa_fb:hover, button.fa_fb, .articledetails .socialsharing a.fa_fb{background:#3b5998;} .social_fixed.socialdefault a.fa_tw, a.fa_tw:hover, #social a.fa_tw:hover, button.fa_tw, .articledetails .socialsharing a.fa_tw {background:#55acee;} .social_fixed.socialdefault a.fa_go, a.fa_go:hover, #social a.fa_go:hover, button.fa_go, .articledetails .socialsharing a.fa_go{background:#dc4e41;} .social_fixed.socialdefault a.fa_yo, a.fa_yo:hover, #social a.fa_yo:hover, button.fa_yo, .articledetails .socialsharing a.fa_yo{background:#d23628;} .social_fixed.socialdefault a.fa_in, a.fa_in:hover, #social a.fa_in:hover, button.fa_in, .articledetails .socialsharing a.fa_in{background:#0077b5;} .social_fixed.socialdefault a.fa_inst, a.fa_inst:hover, #social a.fa_inst:hover, button.fa_inst, .articledetails .socialsharing a.fa_inst{background:#393939;} .social_fixed.socialdefault a.fa_email, a.fa_email:hover, #social a.fa_email:hover, button.fa_email, .articledetails .socialsharing a.fa_email{background:#8c8a8a;} .social_fixed.socialdefault a.fa_rss, a.fa_rss:hover, #social a.fa_rss:hover, button.fa_rss, .articledetails .socialsharing a.fa_rss{background:#f29128;} .social_fixed.socialdefault a.fa_pin, a.fa_pin:hover, #social a.fa_pin:hover, button.fa_pin, .articledetails .socialsharing a.fa_pin{background:#bd081c;} .social_fixed.socialdefault a.fa_whatsapp, a.fa_whatsapp:hover, #social a.fa_whatsapp:hover, button.fa_whatsapp, .articledetails .socialsharing a.fa_whatsapp{background:#7ac143;} .socialsharing .badge{margin: 5px 10px 0 10px; display: none; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding: 0; background: none;} .fa_menu{font-size:23px;} .fa_close{font-size:25px; font-weight: normal;} .fa_close:hover, .fa_menu:hover, .fa_close:focus, .fa_menu:focus{ text-decoration: none;} .articledetailsshare{ margin:0px; padding: 0px; list-style: none; background:#fff; padding:3px; -webkit-box-shadow: 0px 0px 4px 0px #9c9c9c;-moz-box-shadow: 0px 0px 4px 0px #9c9c9c; box-shadow: 0px 0px 4px 0px #9c9c9c;} .articledetailsshare li{ display:inline-block;} .articledetailsshare li a{ display:block; padding:10px; color:#fff; width:32px; text-align:center;} .articledetailsshare:before{content: "\f0d7"; position:absolute; font-size:16px;right: 33px;bottom: -10px; color:#9c9c9c;} /*.editors .tab-content .tab-1 ul, .editors .tab-content .tab-2 ul, .editors .tab-content .tab-3 ul{visibility: hidden; opacity: 0;} .editors .tab-content ul.slick-slider{visibility: visible; opacity: 1;}*/ /* Side bar jobs Section */ .tabview h2.title, .section-page .middle-column-content, .home-page .middle-column-content{ display: none;} ul.latest-jobs{ margin:0px; padding:0px; list-style: none;} ul.latest-jobs li{background:#fff;clear:both; display: block; padding:10px;border-bottom: 1px dotted #ddd;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} ul.latest-jobs li:hover{ background:#e3e2d7;} ul.latest-jobs li a{ font-weight: bold; color:#9d0a0e; display: block;direction: ltr;} ul.latest-jobs li span.date{ font-style: italic; font-size:11px; margin: 0 5px; color: #a88a5f;} /* SIDE COLUMN: Prayer Timing */ #main-column .prayer ul, .sidebar .prayer ul{padding: 0px; margin:0px; clear:both; list-style: none;} .sidebar .prayer{padding: 0px;} .sidebar .prayer h2 {color: #ffffff; padding: 8px 10px; margin: 0px; border: none; background: #9d0a0e url("/National_Library/oe_/http://cache.albayan.com/res/img/prayers-mosque.png") no-repeat left bottom;} .sidebar .prayer .content {border: none; background: url("/National_Library/oe_/http://cache.albayan.com/res/img/prayers-bottom.png") repeat scroll 0 0 transparent;} .sidebar .prayer li {display: list-item; width: 100%; padding: 2px 0px; background: transparent; border-bottom: none;} .sidebar .prayer li span {display: inline-table; padding:5px 0;} .sidebar .prayer li .location {display: none;} .sidebar .prayer li.last-child {border-bottom: none;} .sidebar .prayer li.even {background-color: #f6f6ff;} .sidebar .prayer li.header {font-family: "Times New Roman", Georgia, serif; font-size: 1.2em; font-weight: bold; color: #000000;} .sidebar .prayer li.header .locationh {display: none;} .sidebar .prayer li .time, .sidebar .prayer li.header .timeh {width: 15.5%; text-align: center; color:#fff;} /* Main Column: Prayer Timing */ #main-column .prayer{display:block;clear:both;float:none;width:auto;margin-left:0px} #main-column .prayer h1{margin-bottom:10px} #main-column .prayer ul{border:1px solid #DDD} #main-column .prayer li{display:list-item;padding:6px 0;margin:0} #main-column .prayer li.even{background-color:#EBE8D2} #main-column .prayer li.header{display:list-item;padding:6px 0;border-bottom:1px solid #DDD} #main-column .prayer li span{display:table;display:inline-table} #main-column .prayer li .location{width:14%;padding-right:5px} #main-column .prayer li.header .location{font-weight:700} #main-column .prayer li .timeh, #main-column .prayer li .time{width:13%;font-family:Tahoma,"Arabic Transparent","Traditional Arabic","Simplified Arabic",Arial,sans-serif;font-size:14px} #main-column .prayer li.header .timeh, #main-column .prayer li.header .time{font-family:inherit;font-size:inherit;font-weight:700} /** SIDE COLUMN: Weather Forecast Widget */ .sidebar .weather-forecast .content {display: inline-block;line-height: 1.3em;} .sidebar .weather-forecast ul li ul li {float: right; display: inline; width: 82px; padding: 1px 4px 0px 4px; border-left: 1px dotted #a0a0a0; text-align: center;} .sidebar .weather-forecast ul li ul li.last-child {border-left: none;} .sidebar .weather-forecast ul li ul li span {display: block;margin-bottom: 4px;font-size: 0.9em;} .sidebar .weather-forecast ul li ul li span.date {font-size: 1.1em;} /* Advance Search */ #advanced label {clear: none; display: block; float: right; width: 166px; font-weight: bold;text-align: left; margin-left: 20px;} #advanced .query-tip{clear: both; display: block; padding: 10px 0 0 0; font-style: italic;text-align: right; margin-right: 190px;} #advanced fieldset{ border: none; padding:10px;} #advanced fieldset fieldset{padding:0px; display:block; float:right; width:40%;} #advanced fieldset.date-range{margin-right: 149px;} #advanced fieldset.date-range label{width: 27px; margin-left: 10px; text-align:right;} #advanced fieldset.date-range input{width: 62%;} #advanced{background: #f1f0ea;border: 1px solid #e3e1d8; clear: both;padding: 10px;} #advanced input, #advanced select, #advanced textarea{ float:right; width:70%;padding: 3px;resize: none;} #advanced select{ padding:6px; max-width:150px;} #advanced input.submit{ max-width:100px; font-weight: bold;} #advanced fieldset.buttons{margin-right: 188px;} /* Sidebar Comman*/ .sidebar .content .see-more{clear:both; display: block; margin:0px; padding:0px; position:relative;} .sidebar .content a.more-jobs, .sidebar .content .see-more a{display: block; text-align: center; padding: 10px; background: #9d0a0e; color: #fff; font-weight: normal;} .sidebar .content ul{margin:0px; padding:0px; list-style: none;} #side-column .prayer{padding:0;background:transparent url(/National_Library/oe_/http://cache.albayan.com/res/img/albayan/prayers-top.png)} #side-column .prayer h2{background:transparent url(/National_Library/oe_/http://cache.albayan.com/res/img/albayan/prayers-mosque.png) no-repeat left bottom;color:#fff;padding:8px 10px 0 0;margin:0;border:none;height:31px} #side-column .prayer .content{border:none;background:url(/National_Library/oe_/http://cache.albayan.com/res/img/albayan/prayers-bottom.png) repeat scroll 0 0 transparent} #side-column .prayer li{display:list-item;width:100%;padding:2px 0;background:transparent;border-bottom:none} * HTML #side-column .prayer li{border-bottom:none;background:transparent url(/National_Library/oe_/http://cache.albayan.com/res/img/borders/dotted-1px-cccccc.gif) repeat-x scroll bottom} #side-column .prayer li span{display:inline-table;margin: 0 6px;} #side-column .prayer li .location{display:none} #side-column .prayer li .time{width:44px;font-size:14px;text-align:center} #side-column .prayer li.last-child{border-bottom:none} #side-column .prayer li.even{background-color:#f6f6ff} #side-column .prayer li.header{font-family:"Times New Roman",Georgia,serif;font-size:1.2em;font-weight:700;color:#000} #side-column .prayer li.header .locationh{display:none} #side-column .prayer li.header .timeh{width:44px;text-align:center} #side-column .prayer .see-more{text-align:center} #side-column .weather-forecast .content{display:inline-block;line-height:1.3em} #side-column .weather-forecast .see-more{padding:0px;} #side-column .weather-forecast .see-more a{display:block;float: none; padding: 9px 5px 5px 5px;text-align: right;} #side-column .weather-forecast ul li ul li{float:right;display:inline;width:90px;padding:10px;border-left:1px dotted #a0a0a0;text-align:center} #side-column .weather-forecast ul li ul li.last-child{border-left:none} #side-column .weather-forecast ul li ul li span{display:block;margin-bottom:4px;font-size:.9em} #side-column .weather-forecast ul li ul li span.date{font-size:1.1em} #side-column .weather-forecast .see-more{text-align:center} #side-column .prayer .see-more a{float: none; text-align:right; font-weight: bold; padding: 8px 5px 5px 5px;} #side-column .prayer .see-more a:after{color:#fff;} .logger{position:absolute; width:0px; height:0px; z-index:0; bottom:0;right:0;} .logger img{width:0px; height:0px;} .followus img{ width:inherit; max-width:32px;} .infosection{position:relative; display:block; width:100%; clear:both; float:right; margin:10px 0 20px 0; background:url(https://web-archive.nli.org.il/National_Library/oe_/http://media.albayan.ae/res/img/books_infoimg_bckgnd.jpg);-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background-size:100%;} .infosection .infocontent{ position:relative; z-index:2; padding:10px;} .infosection .infocontent p{ margin-top:0px;} /*Knowledge*/ body.one-columns .col-md-9{width:100% !important;} /* bootstrap hack: fix content width inside hidden tabs */ .tab-content > .tab-pane, .pill-content > .pill-pane {display: block; height:0px; overflow: hidden; /*visibility:hidden; position:absolute;max-height: 0px;*/} .tab-content > .active, .pill-content > .active {/*visibility:visible;position:relative;max-height: auto;*/height: auto; overflow: visible; } .editors .tab-content > .active, .editors .tab-content > .tab-pane, .editors .pill-content > .pill-pane{max-height: 222px !important; float:right !important; width:100% !important;} .editors li.no-image .media img, .no-image img{ width: 100%;} .editors .tab-content > .tab-pane.active, .editors .pill-content > .tab-pane.active {padding:20px 0 0 0;} /* .editors .tab-content > .tab-pane.active, .editors .pill-content > .tab-pane.active {display: block; padding:20px 0 0 0; position:relative;}*/ /*.editors .tab-content > .tab-pane, .editors .pill-content > .pill-pane {height: 0;overflow: visible; }*/ /*.editors .tab-content > .tab-pane{visibility:hidden;} .editors .tab-content > .tab-pane.active, .editors .pill-content > .tab-pane.active {display: block; padding:20px 0 0 0; position:relative; visibility:visible;} .editors .tab-content > .tab-pane .section{position:absolute;} .editors .tab-content > .tab-pane.active .section{position:relative;}*/ body.home-page .tabview.editors{ overflow: hidden;} .bannerwrap{ position: relative; z-index: 0;} /* Poll */ .poll{background:#f2f2f2;padding:0 15px 15px 15px;border-top:3px solid #b4b4b4; min-height: 230px;} .poll h2{background-color:transparent;border-bottom:inherit;margin-bottom:18px;padding:0; font-weight: bold; font-size: 20px;} .poll .content{background-color:transparent} .poll .content h3{padding-bottom:10px;color:inherit; font-size:18px;} .poll form fieldset{border:none;padding:2px 8px;vertical-align:top} .poll form fieldset input{float:right;display:inline;margin:2px 4px} .poll form fieldset label{display:table} .poll form fieldset.submit, .poll form fieldset.links{text-align:center; float:right; padding-top:15px;} .poll form fieldset.submit input{float:none} .poll form fieldset.links a{padding: 2px 20px 4px 20px; display: block; background: #f6f6f6 url(/National_Library/oe_/http://cache.albayan.com/res/img/pollbtnbg.jpg) repeat-x center center; border-radius: 4px; color: #000; border: 1px solid #c9c9c9;font-size: 13px;margin-top: 3px;} .poll a:hover{text-decoration:underline} .poll h3.thanks{color:#D2232A;font-size:1.4em;text-align:center;text-shadow:none} .poll .results strong{display:block;white-space:nowrap;_height:1%;border-right:0 solid #D2232A;padding-right:3px;margin-top:3px} .poll .results li{display:block;margin:3px 0} .poll .results li.total{padding:8px 0} .poll .results li.total strong{background:none} body.article .articlemain .author-email ul, body.author .articles ul{margin:0px; padding:0px; list-style: none;} body.author .articles ul li{ margin-bottom:10px;padding: 10px;} body.author .articles ul li.even{background: #f2f1e5;} body.author .articles ul li .header{padding: 0 0 10px 0; position: relative; clear: both; display: block; float: right;width: 100%;} body.author .articles ul li .header .publish-date{ position:absolute; top:0px; left:0px; background: #e4e3d8; padding: 2px 5px;} body.author .articles ul li .header .publish-date:after{margin-right: 6px;} body.author .author .details{ clear:both;} body.author .author .details .social{ display:block; margin-bottom: 20px;} body.author .author .details .social a{display:block;margin:3px 0 3px 10px; float: right;} body.author .articles ul li span.title a{ display:block; font-weight: bold;padding: 0;} body.author .articles ul li span.title a:after{ display: none;} body.author #main-column .author .details .social .twitter{padding-right: 25px; margin-left: 10px;} body.author .author .details .social a:before{margin-left: 10px; padding: 3px; background: #006699; min-width: 24px; text-align: center; color: #fff;} body.author .author .details{padding:10px; background:#f2f1e5; border:1px solid #e3e2d7;overflow: hidden;} body.author .author .details .media{ background:#fff;} body.author .author .details h1{border-bottom: 1px solid #ddd;padding-bottom: 10px;} body.article .articlemain .author-email li a:before{margin-left: 5px; } body.article .articlemain .author-email{padding:5px; background:#f2f1e5; border:1px solid #e3e2d7;} body.author .author .details .biography{ display:block; clear:both;} #mainslider .slick-dots{right: 5px; background: rgba(0,0,0, 0.7);line-height: 0;border-radius: 200px; padding: 0 10px 5px 10px;} #articlegallery .slick-prev, #articlegallery .slick-next{top: 46%;} #articlegallery .arrowright:before, #mainslider .arrowright:before{background: rgba(0,0,0, 0.7);padding: 0 2px 4px 7px; border-radius: 10px 0px 0 10px;} #articlegallery .arrowleft:before, #mainslider .arrowleft:before{background: rgba(0,0,0, 0.7);padding: 0 7px 4px 2px; border-radius: 0px 10px 10px 0px;} [dir='rtl'] #articlegallery .slick-prev, [dir='rtl'] #mainslider .slick-prev{ right:0px;} [dir='rtl'] #articlegallery .slick-next, [dir='rtl'] #mainslider .slick-next{ left:0px;} #articlegallery .media{background:#ddd;} .prayertime{position:absolute; background:#f3f4f4 url(/National_Library/oe_/http://cache.albayan.com/res/img/prayertmbg.png) no-repeat 2px 100%;width:88px;top:29px; left:378px;height: 32px; font-size: 11px;padding: 0 5px;} .prayertime ul{ margin:2px 0 0 0; padding:0px; list-style: none;} .prayertime ul li{ margin:0px; padding:0px;} .bannerwrap .banner.take-over img, .headerwrap .prayer.top{ display: none;} .articledetails .relatedarticles.grid li { margin-bottom:0px;} .articledetails .relatedarticles.grid li .text h2{min-height: 70px;} /* National Day 2016*/ /*body{background: #fff url(/National_Library/oe_/http://cache.albayan.com/res/img/flagdaybg.jpg) no-repeat top center fixed;}*/ audio#background_audio{display:none; position:absolute; top:0; right:0; opacity:0;} a.audiostop{position: fixed; bottom: 10px; right: 66px; z-index: 20; display:block; padding: 10px; text-align:center; color:#fff; border-radius: 80px; background:#9d0a0e; min-width: 34px;} a.audiostop:hover, a.audiostop:focus, a.audiostop:visited{color:#fff; text-decoration: none;} .fa_music:before {content: "\f028";} .fa_mute:before {content: "\f026";} .nav-tabs li.first-child a:before{content: ""; display: block; float: right; background: url(/National_Library/oe_/http://cache.albayan.com/res/img/albarrow.png) no-repeat center right; height: 23px; margin: 0px; border-left: 1px solid #ddd; padding-left: 30px; margin-left: 10px;} .sidebar .nav-tabs li.first-child a:before{ display: none;} /* Editors Two Cols */ .homeopinonsslider, .homearticleslider {max-height: 268px !important; float: right !important;width: 100% !important; overflow: hidden;} body.home-page .homearticleslider .media img, body.home-page .homeopinonsslider .media img {max-width: 170px;} .homeopinonsslider .media, .homeopinonsslider .text, .homearticleslider .media, .homearticleslider .text {padding: 0;display: block; width: 100%;} body.home-page .editors-new{} .homeopinonsslider .media, .homeopinonsslider .text, .homearticleslider .media, .homearticleslider .text{padding: 0; display:block; width:100%;} .homeopinonsslider .text p, .homearticleslider .text p{ display: none;} .homearticleslider .text h2, .homeopinonsslider .text h2{ margin-bottom:0px;} body.home-page .homearticleslider .media img, body.home-page .homeopinonsslider .media img { max-width: 170px;} .homeopinonsslider .text, .homearticleslider .text{min-height:60px;} .editors .see-more{margin-bottom:15px;} .homeopinonsslider .slick-prev, .homeopinonsslider .slick-next, .homearticleslider .slick-prev, .homearticleslider .slick-next{top: -27px;} [dir='rtl'] .homearticleslider .slick-prev, [dir='rtl'] .homeopinonsslider .slick-prev{right: inherit; left: 30px;} [dir='rtl'] .homearticleslider .slick-next, [dir='rtl'] .homeopinonsslider .slick-next{left: 0;} /* Editors Two Cols END*/ /* Contact us page */ body.year-of-giving a.logo:before {background-image: url('https://web-archive.nli.org.il/National_Library/oe_/http://media.albayan.ae/res/img/khyer_logo.png');} body.year-of-giving {background: #f6f6f6 url(https://web-archive.nli.org.il/National_Library/oe_/http://media.albayan.ae/res/img/yearofgiving_bg_4.jpg) no-repeat top center fixed;} body.home .yearofgiving h1 a:before{background: url(https://web-archive.nli.org.il/National_Library/oe_/http://media.albayan.ae/res/img/albarrow_year_of_giving.png) no-repeat center right;} body.year-of-giving .articles h2:before, body.year-of-giving .section h1 a:before, body.year-of-giving .section h2.title a:before, body.year-of-giving .title span:before {background: url(https://web-archive.nli.org.il/National_Library/oe_/http://media.albayan.ae/res/img/albarrow_year_of_giving.png) no-repeat center right;} body.home .yearofgiving h1 a:after, body.year-of-giving .articles h2:after, body.year-of-giving .section h1 a:after, body.year-of-giving .title span:after, body.year-of-giving .title a:after {background: #c68d2c;} .contactholder{ clear:both; display:block; margin:20px 0; float:right; width:100%; padding-bottom:30px; direction:rtl; text-align:right;} .contactholder span.labeltitle{color:#ad1a19; font-weight:bold;} .contactholder span.labelcont{ display:inline-block;direction: ltr;} .contacttitle{ font-size:20px; font-family: "Al Bayan NP"; border-bottom:1px solid #ddd; padding-bottom:10px;} .contacttitle span{ font-family:Verdana, Geneva, sans-serif; margin-right:10px;} .contmedia{max-width:114px; display:inline-block; float: right; margin-left: 20px;} .contcont{display:inline-block;} @media (min-width: 992px) { .dmilinks ul li a img{ max-width:45px;} .dmilinks ul li, .appslinks ul li{ margin: 3px 3px;} .alameen{ padding: 10px;} .appslinks{ padding:7px;} .dmilinks ul li, .appslinks ul li{max-width: 122px;} .newsletterwrap p{ font-size:15px; clear: both;} .newsletterwrap .frmholder{margin: 13px 0;} } @media (max-width: 1220px) { .brakingnews .brakingnewswrap{max-width: 100%;float: none; padding:0px;} .brakingnewslabel{display: none;} [dir="rtl"] #brakingnews .slick-next{left:0px;} [dir="rtl"] #brakingnews .slick-prev{right:0px;} #brakingnews .slick-slide a{max-height:60px;} .brakingnews{ overflow:hidden;} .articledetails img{ max-width:616px;} .banner iframe, .banner div{width:100% !important;} .banner iframe img{width:100% !important;} .banner-holder .push-down{ max-width:970px;} .container{ overflow:hidden;} #header .container{ overflow:visible;} } @media (max-width: 1199px) { body{ font-size:13px;} .footermenu ul li a, .nav-tabs li a, h1, h2, h3, h4, h5, h6{font-size: 17px;} h1{ font-size: 17px;} #navigation li{font-size: 18px;} #navigation ul li a{padding: 5px 11.4px;} #navigation ul li.dropdown a.dropdown-toggle{ padding-top: 9px;} .editorpick h2{font-size:18px;} .editorpick ul li a.category{ padding-bottom:5px;} .listing .media{width: 46%;} a.logo{background-size:130px;padding: 10px 0;} a.logo img {width: 100%; max-width:130px;} a.logo:before{width: 112px; height: 50px;} a.logo:after {max-height: 50px !important;} .dmilinks ul li, .appslinks ul li{margin: 2px;} #brakingnews .slick-slide a{ min-height:inherit;max-height:56px;} .searchwrap, .toprightholder{top: 20px;} #advanced label{ text-align:right; margin: 0 0 10px 0; width: 100%;} #advanced input, #advanced select, #advanced textarea{width:100%;} #advanced fieldset.buttons, #advanced fieldset.date-range, #advanced .query-tip{margin-right:0px;} #advanced fieldset.date-range label{width:100%;} #advanced fieldset{ padding:5px 10px;} .prayertime, .current-date{ display: none;} #navigation ul li a span.caret{text-align:left; float:left; margin-top:15px;} .navbar-header .fa_menu{ margin-top:3px;color: #7d8c8a; font-size: 33px;} .collapse{ display: none;} /*h1.title{font-size: 25px;}*/ .mobilesocials{display: block;} #social.social_fixed, #social{background: #7d8c8a; display: none; margin: 0; position: absolute; top: 46px; width: 100%; min-width: 200px;left: 0; padding: 10px 0;} #social.social_fixed a, #social a{font-size: 26px;min-width:40px;margin:13px; background:inherit; color:#fff; border:1px solid #909d9b; min-width:40px; max-width:40px; float:right;} #social a.fa_snapchat{background: url(/National_Library/oe_/http://cache.albayan.com/res/img/snapchat_white.png) no-repeat center center;} .searchwrap{ float:left; margin-left:10px;} #header{background:#fff; position:fixed; top:0px; right:0px; width:100%; border-bottom:2px solid #a88a5f;} #header .container{background: none;} .searchwrap input[type="text"]{right:inherit; left:0px;} body{ background: none;} .logo {max-width: inherit;} .toprightholder{min-width:124px; top:15px; left:55px;} .mobilesocials{ border: none;} .mainarea{padding-top:60px;} .navbar-header{ display:block;} .searchwrap button#search_submit, #search input[type="text"]{ right: inherit; left:0px;} .searchwrap input[type="text"]{padding:5px 5px 6px 46px} .searchwrap input[type="text"]:focus{max-width:280px;} .searchwrap button#search_submit{ border: 1px solid #7d8c8a;} #navigation.fixed_navigation, #navigation{position:relative !important; top: 58px !important; z-index:11; } #navigation ul li{float:none;} #navigation .sub-menu{ position:static;top: 0; clear:both; width:100%;} #navigation ul li a{border-bottom:1px solid #d5d5d5 !important; clear:both;padding: 6px 18px; color:#3a3a3a !important;} #navigation ul ul.moremenu{ width:100%; position: relative;} #navigation .sub-menu li a{padding-right:30px;} #navigation ul li.parent a:after{border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; text-align: left; float: left; margin-top: 11px;color: #b6b6b6;} #navigation ul li a:hover ul.sub-menu, #navigation ul li a:active ul.sub-menu, #navigation ul li a:focus ul.sub-menu{ display:block !important;} a.logo:before{max-width: 74px;max-height: 36px;margin-right: 10px; padding-right: 0px; margin-top: 3px;} a.logo:after{max-height:38px;height: 38px !important;margin-right:10px !important;} a.logo{background-size:92px;} a.logo img{max-width: 92px;} #navigation.fixed_navigation .container, #navigation.fixed_navigation, #navigation .container{ background:#f2f2f2;} #navigation ul li a:hover{color:#fff !important;} #social.social_fixed a.fa_snapchat, #social.social_fixed a.fa_telegram, #social .fa_telegram, #social .fa_snapchat{display: block;} .searchwrap{top: 15px; left: 79px; display: none;} .editorpick ul li{ display:block; min-height: auto; height: auto; padding:9px 0;} .editorpick ul li a{ padding: 0px;} .socialdefault{ display:block;} .sidebar .article-list li .media, .sidebar .section li .media, .grid.colshalf li .media{ width:46%;} .sidebar .article-list li .text, .sidebar .section li .text, .grid.colshalf li .text{width: 50%;} .mostread .tab-content ul li{min-height: inherit; padding: 5px 0;} .author .details .media img{width: 100%;} body.home-page .homelocalsection{max-height: 519px;} body.home-page .homelocalsection-expend li.el5, .homelocalsection-expend li.el6{border-bottom: 0px dotted #b4b4b4;} } @media (max-width: 992px) { .editorpick ul li a.category{padding-bottom: 5px;} .editorpick ul li{padding: 5px 10px 10px 0;} .poll-block{ min-height: inherit;} .dmilinks ul li, .appslinks ul li{ max-width:100px;} .footermenu ul li a, .nav-tabs li a, h1, h2, h3, h4, h5, h6{font-size:18px;} #mainslider .slick-dots{right: inherit; top:inherit; bottom: 0px;border-radius: 0px; padding:3px 0 0 0; position:relative; width:100%; text-align:center; background: none;} #mainslider .slick-dots li button:before{color:#8c8c8c;} #mainslider .slick-dots li.slick-active button:before{color:#9d0a0e;} .listing .text{display: block; width:100%; margin:0px;} .listing .media{ width:50%; clear:both; display:block; margin-bottom:20px;} .sidebar .listing_f_big li, .gallerylist li{width:47%; margin:1.3%;} .sidebar .listing_f_big li .text, .listing_f_big li .media, .listing_f_big li:first-child{ width: 100%;margin:0;} .extras .col-md-4{width:240px;} .extras img{width:100%;} .appslinks ul li{max-width:88px;} .dmilinks ul li{max-width:32px;} .footerwidget.alameen img {max-width: 155px;} .alameen{ padding:10px 0px; text-align:center;} .alameen img{ max-width:150px;} .footerwidget{ padding:5px;} .footerwidget.appslinks{ padding:3px;} #navigation li{ font-size:18px;} #navigation ul li a{ padding:9px 9.1px;} #navigation ul li.dropdown a.dropdown-toggle{padding-top: 7px;} #mainslider {max-width:722px;} .grid.cols4 li{margin-left: 3%;} .fullwrap .grid.cols4 li, .mediagallery .grid.cols4 li{width: 22.4%;} .grid.cols3 li{width:30.2%;} #footer img {width: 100%;} .widget img, .html-snippet img, .sidebar iframe{ max-width:100%;} .articledetails iframe{ max-width:100%;} .articledetails img{ max-width:408px;} .banner-holder .push-down{ max-width:750px;} /* Mobile Menu*/ .section li .text h2, .grid li h2, h1, h2, h3, h4, h5, h6{ font-size:18px;} .section.listing .media, .section .media{ width:35%;} .section.listing .text, .section .text{ width:65%;} .section li .text h2, .grid li .text h2, .grid.colshalf li:first-child .text h2, .grid.colshalf li:nth-child(2) .text h2, .grid.onebig-cols li:first-child .text h2, .related li .text h2, .missed-stories li .text h2{margin-top: 10px;} .section li .text{min-height:70px;} .section.listing .text{min-height:inherit;} .grid li .text p, .section.listing p{ display: none !important;} .grid.onebig-cols li:first-child, .grid.onebig-cols li{clear:both; float:right !important; margin-left:0px; margin-right:0px;} #articledetails p{ display: block !important;} .grid li .text{ min-height:70px;} .listing_g li{ clear: none; width:47%; margin:0 1.3%;} .listing_g li:first-child{ width: 100%;margin:0;} .grid_r_4 li, .grid li{width:47%; margin:0 1.3%;} .listing_f_big li .media{width:100%;} .grid.colshalf li .text h2{ margin-top:15px;} .mostread .tab-content{min-height: inherit;} .missed-stories ul li, .sidebar .section.videos li, .articlesmalls .editors-choice li, .grid li, .section.mainfeatures li, .grid.cols2 li, .digital .grid.cols4 li, .grid.cols3 li, .grid.colshalf li, .grid.onebig-cols li, .section.mainfeatures li, .grid.cols4 li, .section.halfsection {width:48% !important; margin:0px 0px 10px 0px!important;border: none; clear:none !important; padding:0 !important;float: right !important;} .missed-stories ul li.odd, .sidebar .section.videos li.odd, .articlesmalls .editors-choice li.odd, .grid li.odd, .section.mainfeatures li.odd, .grid.cols2 li.odd, .digital .grid.cols4 li.odd, .grid.cols3 li.odd, .grid.colshalf li.odd, .grid.onebig-cols li.odd, .section.mainfeatures li.odd, .grid.cols4 li.odd, .section.halfsection.odd {margin-left:0px !important; margin-right:0px !important;float: right !important;} .missed-stories ul li.even, .sidebar .section.videos li.even, .articlesmalls .editors-choice li.even, .grid li.even, .section.mainfeatures li.even, .grid.cols2 li.even, .digital .grid.cols4 li.even, .grid.cols3 li.even, .grid.colshalf li.even, .grid.onebig-cols li.even, .section.mainfeatures li.even, .grid.cols4 li.even, .section.halfsection.even {margin-left:0px !important; margin-right:0px !important;float: left !important;} .missed-stories ul li.text, .missed-stories ul li.media, .sidebar .section.videos li .text, .sidebar .section.videos li .media, section.halfsection .media, section.halfsection .text, .grid li .media, .grid li .text, .grid.colshalf li .media, .grid.colshalf li .text, .grid.onebig-cols li .media, .grid.onebig-cols li .text{width:100%;} .sidebar .section.videos li:first-child .text h2, .sidebar .section.videos li .text, .sidebar .section.videos li .media{ padding:0px;} .sidebar .section.videos li .text h2{ margin-top:10px;} .section li.no-image{padding-bottom:10px;margin: 0 0 10px 0;} #tweecool li .tweets_txt{ width:78%;} body.knowledge .section.listing .media{width:25%;} body.home-page .section.mainfeatures li, body.home-page .grid.cols3 li{width:30.6% !important; margin-left:4% !important; float:right !important;} body.home-page .section.mainfeatures li:last-child, body.home-page .grid.cols3 li:last-child{margin-left: 0px !important;} .halfsection{ margin-bottom:10px;} [dir='rtl'] .editors-space .slick-next, [dir='rtl'] .editors .slick-next, [dir='rtl'] #slidebox .slick-next, [dir='rtl'] .editors-space .slick-prev, [dir='rtl'] .editors .slick-prev, [dir='rtl'] #slidebox .slick-prev{top: -42px;} .editorpick ul li{ min-height: inherit; display:block;} .grid li .text{ margin-bottom:10px;} .sidebar .section.videos li .text{ position: relative; background: none;} .sidebar .section.videos li .text h2 a{ color: #1F4F82;} #brakingnews li h3{ margin-top:5px;} #brakingnews li img{width:90px; height:56px;} #brakingnews .slick-list {margin: 0 15px;} body.home-page .grid.cols4 li .text, body.home-page .grid.cols4 li.digital .text, body.digital .grid.cols4 li.digital .text, body.home-page .mediagallery .grid.cols4 li .text, body.home-page .grid.cols4 li .text, body.home-page .grid.colshalf li:first-child .text, body.home-page .grid.colshalf li:nth-child(2) .text {min-height: 64px;} .articlesmalls .editors-choice li .text, .sidebar .section.videos li .text, body.inner .grid.cols4 li .text, body.inner .grid.colshalf li .text, body.inner .grid.cols4 li .text, body.inner .grid.colshalf li:first-child .text, body.inner .grid.colshalf li:nth-child(2) .text {min-height: 88px;} body.inner .missed-stories.grid li .text {min-height: 64px;} body.home-page .pull-left, body.home-page .pull-right{ float:none !important; clear:both;} body.home-page .extras .pull-right { float:right !important; clear: none;} #social.social_fixed a, #social a{ margin:5px; font-size:23px;padding:4px 0;} #social.social_fixed a:hover{ padding-left:0px; } #social a.fa_fb{background:#3b5998;} #social a.fa_tw{background:#55acee;} #social a.fa_go{background:#dc4e41;} #social a.fa_yo{background:#d23628;} #social a.fa_in{background:#0077b5;} #social a.fa_inst{background:#393939;} #social a.fa_rss{background:#f29128;} /*#articlegallery .media img{width: 100%;}*/ .section #articlegallery li .text{ min-height: inherit;} .sidebar .section li:first-child .text{ min-height: inherit !important;} .articlesmalls{ padding:0px; margin:0px;} .sidebar .banner, .mpu{ max-height:inherit;} body.home-page .homelocalsection{max-height: none;overflow:visible;} .socialsharing button, .socialsharing a{width: 14.25%;} .articledetails .socialsharing a.fa_whatsapp{ display:block;} } @media (max-width: 767px) { /* Main Holder Mobile*/ .container{margin:0 auto; width:100%; display:block; clear:both;} .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ width:100%;} .mostread .tab-content{min-height: inherit;} [dir="rtl"] .slick-prev{right: 5px;} [dir="rtl"] .slick-next{left: 5px;} #banner{float:right; width:100%;} .searchwrap button#search_submit{ max-width:40px; text-align:center;} /* Comman*/ .editorpick h2{ margin:0px; padding:5px 0;} .footermenu ul li a{ font-size:16px; padding:10px;} .top-link a:after{width: 34px; font-size: 16px; padding: 9px 0;} .row.extras {margin: 0;} .extras .col-md-4{ width:100%;} .extras .col-md-4 {float: none; margin: 10px auto; padding: 0;} .footerstrip a{ padding:0 8px;} .dmilinks ul li, .appslinks ul li {max-width: 138px;} .footerstrip span{max-width: 98px;} .footerstrip span img{ width:100%;} .footerstrip span.printsector img{max-width: 45px;} .footerstrip span{display: none;} .footerstrip span.printsector{display:inline-block;} .push-down iframe, .push-down div{width:100% !important;} .brakingnewslabel{display: none;} .brakingnews .brakingnewswrap{max-width: inherit; float: none; padding:0px;} #brakingnews .slick-slide a{min-height: inherit;} .articledetails img{max-width:750px; width:100%;} /* Listing*/ .listing .media{padding:0px;} /* Grids*/ .section li{ margin-bottom:15px;} .grid li .text{min-height:88px !important;} .sidebar .article-list li .media, .sidebar .section li .media, .section.listing .media{width:35%;} .sidebar .article-list li .text, .sidebar .section li .text, .section.listing .text{width:62%; margin:0px;} .searchwrap input[type="text"]:focus {max-width: 248px;} /*.banner iframe, .banner div{width:auto !important; text-align:center;}*/ .bannerwrap .push-down-top{margin-top:10px;} .brakingnews{margin: 10px 0;} /*#mainslider .text{position:relative;} #mainslider .text h1{ padding:10px;}*/ [dir='rtl'] #mainslider .slick-prev, [dir='rtl'] #mainslider .slick-next{ top:45%;} #articlegallery .text h1, #mainslider .text h1 {font-size: 18px;} #mainslider{margin-bottom:10px;} .banner iframe, .banner div{margin: 0 auto; width: 320px !important; padding-top: 1px;} .sidebar .html-snippet img{ width:100%;} .bannerwrap .push-down{ margin-top: 0px;} } @media (max-width: 510px) { .footerstrip span{ max-width: 78px;} .footerstrip a{ padding:0 5px;} .appslinks ul li{max-width:102px;} .dmilinks ul li{max-width:38px; margin: 0 5px;} .section li .text p{ display:none;} body.home-page .grid.cols3 li {width:100% !important; margin:0px 0px 10px 0px; padding:0px; clear:both; display: table;} body.home-page .grid.cols3 li .media{float:right; width:35% !important; display:table-cell; vertical-align:middle;} body.home-page .grid.cols3 li .text{float:left; width:62% !important;display:table-cell; vertical-align:middle;} #articlegallery .media img{height:300px; width:auto;} [dir='rtl'] #mainslider .slick-prev, [dir='rtl'] #mainslider .slick-next, [dir='rtl'] #articlegallery .slick-prev, [dir='rtl'] #articlegallery .slick-next{font-size: 34px;} [dir='rtl'] #mainslider .slick-dots{bottom: -4px;} #main-column .prayer li.header .location, #main-column .prayer li.header .time, #main-column .prayer li .time, #main-column .prayer li{font-size:13px;} #main-column .prayer{ margin-bottom:20px;} } @media (max-width: 460px) { .appslinks ul li{max-width:136px;} .section li .text h2, .grid li h2, h1, h2, h3, h4, h5, h6{ font-size:20px;} } @media (max-width: 420px) { #searchwrap input[type="text"]:focus{max-width:250px;} .searchwrap{left: 72px;} /*.toprightholder{left: 40px;}*/ a.logo:before{ margin-right: 5px; padding-right: 0px; margin-top: 3px;max-width:60px;} a.logo:after{ margin-right:5px !important;} #header .container{padding-left:10px; padding-right:10px;} .topflexisection .see-more{ position:relative;} .section .media{ padding-left:0px;} .missed-stories ul li, .sidebar .section.videos li, .articlesmalls .editors-choice li, .section li, .grid li, .section.mainfeatures li, .grid.cols2 li, .digital .grid.cols4 li, .grid.cols3 li, .grid.colshalf li, .grid.onebig-cols li, .section.mainfeatures li, .grid.cols4 li, body.home-page .section.mainfeatures li, body.home-page .grid.cols3 li{width:100% !important; margin:0 0 10px 0 !important; float:none !important; clear: both; display:block;} .editors .tab-content .section li{width: 48% !important; margin:inherit !important; float:right !important; clear: none !important; display:block;} .editors .tab-content .section li .text, .editors .tab-content .section li .media{width:100% !important;} .grid li .text{min-height: auto !important} .section li{ margin-bottom:10px !important;} .editorpick ul li{ margin-bottom:0px !important;} body.home-page .grid.cols3 li{ float:right !important;} .sidebar .article-list li, .sidebar .section li{ padding-bottom:0px;} .sidebar .article-list li:first-child .text, .sidebar .section li:first-child .text{ position: relative; background: none;} .sidebar .topflexisection.section li:first-child .text, .sidebar .topmanagement .section li:first-child .text{position: absolute; background: url(/National_Library/oe_/http://cache.albayan.com/res/img/gradbg.png) repeat-x right bottom;} .sidebar .topflexisection.section li:first-child .text h2, .sidebar .topmanagement .section li:first-child .text h2{ margin:0px; padding:0px;} .sidebar .topflexisection.section li:first-child .text a, .sidebar .topmanagement .section li:first-child .text h2 a{ color:#fff; padding:5px 10px;display: block;} .sidebar .article-list li:first-child .text h2, .sidebar .section li:first-child .text h2{ padding:0px; margin:10px 0 0 0;} .sidebar .article-list li:first-child .text h2 a, .sidebar .section li:first-child .text h2 a{ color: #1f4f82;} .articlesmalls .editors-choice li .media, .missed-stories ul li .media, body.home-page .grid.cols3 li .media, .sidebar .article-list li .media, .sidebar .section li .media, .section.listing .media, .section li .media, .grid li .media {width: 45% !important; float:right !important; padding-left:0px; margin:0px;} .articlesmalls .editors-choice li .text, .missed-stories ul li .text, body.home-page .grid.cols3 li .text, .sidebar .article-list li .text, .sidebar .section li .text, .section.listing .text, .section li .text, .grid li .text{width: 52% !important; float:left !important;} /*.editors{ display: none !important;}*/ .section.listing li:first-child .text h2{ margin-top:10px;} /* First Child BIG*/ .articlesmalls .editors-choice li:first-child .text, .articlesmalls .editors-choice li:first-child .media, body.home-page .grid.cols3 li:first-child .text, body.home-page .grid.cols3 li:first-child .media, .editorpick ul li .text, .section li:first-child .text, .section li:first-child .media, .grid li:first-child .media, .grid li:first-child .text, body.home-page .mediagallery .grid.cols4 li .text, body.home-page .mediagallery .grid.cols4 li .media, .sidebar .section li:first-child .media, .sidebar .section li:first-child .text, .section.listing li:first-child .media, .section.listing li:first-child .text, .sidebar .topmanagement .section li:first-child .text, .sidebar .topmanagement .section li:first-child .media, .grid.colshalf li:first-child .media, .grid.colshalf li:first-child .text, .sidebar .article-list li:first-child .text, .sidebar .section li:first-child .text{ width:100% !important; float: none !important; clear:both;display: block; min-height: inherit !important;} body.sub-category #main-column .section li.even, body.inner .listing li.even, body.sub-category #main-column .section li.odd, body.inner .listing li.odd{ float:right !important; padding-bottom:0px;} .halfsection.odd, .halfsection.even{ width: 100% !important;} body.opinions .section li{ float:right !important; padding-bottom:0px;} body.opinions .section li .media{ margin:0px;} body.digital .videos.grid li .text, body.digital .videos.grid li .media, body.opinions .section.listing li.no-image .text{width: 100% !important;} .editors .tab-content > .active, .editors .tab-content > .tab-pane, .editors .pill-content > .pill-pane{max-height: 260px !important;} } @media (max-width: 360px) { .footerstrip span{display: inline-block; max-width: 68px;} .appslinks ul li {max-width: 100px;} .dmilinks ul li{ max-width:42px;} .searchwrap input[type="text"]:focus{max-width:220px;} .navbar-header{margin-right:5px;} .searchwrap input[type="text"]{padding:5px 5px 6px 40px;} .grid li .text{ min-height:70px !important;} .halfsection.odd, .halfsection.even{width:100%; float:none; clear:both; margin-bottom:10px;} .sidebar .html-snippet img{width: 100%;} .section li .text h2, .grid li h2, h1, h2, h3, h4, h5, h6, #mainslider .text h1 {font-size: 18px;} #main-column .prayer li .location, #main-column .prayer li .time{width: 12%; font-weight: normal; padding:0px;} #main-column .prayer li.header .location, #main-column .prayer li.header .time, #main-column .prayer li .time, #main-column .prayer li{font-size:12px;font-weight: normal;} #main-column .prayer li{ display:block;min-height: 40px;} #main-column .prayer li span{display: block; float: right; margin: 0 3px;} }