article {}
article h1 {font: bold 2em/1em Traditional Arabic; margin: 5px; padding: 0 25px;}
article h2 {font: bold 1.5em/1em Traditional Arabic; margin: 2px; padding: 0 15px;}
article h3 {font: bold 1em/1em Traditional Arabic;}
article a {font-weight:bold; border-bottom: 1px dotted #eeeeee;}
article a:hover {border-color: #bbbbbb;}
article .artinfo {display: block; border: 1px solid #EEEEEE; border-width: 1px 0px; padding: 3px 0px; font: normal 12px tahoma;}
article .artinfo i.fa {padding:0px 10px;}
article .artinfo time {display:block; padding: 10px 0px 5px; font: normal 12px tahoma;}
article .artinfo b.cat a {color: #BB0000; font: normal 12px tahoma;}
article .social {display:block; padding: 2px 25px; text-align:left;}
article .artiframe {margin: 0 auto; text-align:center;}
article .artiframe .twitter-video {margin: 0 auto !important; text-align:center !important;}
article > div {font-family: Arial; font-size: 1.5em; line-height: 1.5em; margin: 0px; padding: 0px;}
article > div > p {margin: 0.1em 0.5em; padding: 0.1em 0.5em; text-align:justify;}
article > div > p > img {display:block; margin: 0 auto;}
article aside {display:block; margin: 0px 10px; padding: 5px 0px 0px; background:#F0F0F0; width:100%; text-align:center;}
article aside h2 {color:#FFFFFF; background:#000000; margin:0px;}
article figure {text-align:center;}
article figure.amp-img figcaption {text-align:center; font: normal 12px tahoma;}
article aside amp-img, article aside img {margin:0 auto; display:block; max-width:240px;}
article amp-img, article img {max-width:100%; height:auto;}
article address {margin: 5px; padding: 5px;}
article bdi {font-style:normal; font-weight:bold;}
article .content_336x280_ad {display:block; margin: 0 auto; width:336px; height:280px;}
article .photoalbum {max-width: 700px;  margin: 0px auto;  border: 5px solid #ffffff;  background-color: #ffffff;}
article .photoalbum .albthumbs {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 5px;}
article .photoalbum .panel-main img, article .photoalbum .albthumbs img {  width: 100%;  height: auto;}
@keyframes fadeIn {  to { opacity: 1;}}
article .photoalbum .fade-in {  opacity: 0;  animation: fadeIn 0.5s ease-in 1 forwards;}
.fixed-height-container {position: relative; width:100%; height:300px;}
amp-img.contain img {object-fit: contain;}
.closelightbox {font: bold 2em/1em Traditional Arabic; margin:5px; padding:5px; z-index:999; overflow:hidden; position:absolute; cursor:pointer;}
section {}
section h3 {font: bold 1.0em/2em 'Traditional Arabic'; margin: 2px 0px; padding: 0 15px; clear:both; background:#EEEEEE; color:#000000; text-shadow: 0px 0px 0px #FFFFFF; border: 1px solid #333333; border-width: 0px 10px 1px 0px;}
section ol {margin: 0px 5px; padding: 0px 5px;}
section ol li {overflow:hidden;}
section ol li a {display:block; font: bold 0.95em/1.40em 'Arial'; overflow:hidden; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
section ol li a:hover {background:#EEEEEE;}
section ol li a img {float:right; margin:1px; padding:1px; width:120px; height:65px; border: 1px solid #333333; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
section ol li a:hover img {background:#EEEEEE;}

div.sharetable {direction:ltr; display:table; width:100%; table-layout: fixed; margin:0px; padding:0px; max-height:48px; overflow:hidden;}
div.sharetable > a {display:table-cell; width:2%; color:#ffffff; text-align:center; border: 1px solid #ffffff; border-width: 0px 1px; overflow:hidden;}
div.sharetable > a:hover {opacity:0.5;}
div.sharetable > a.fb {background-color:#3b5999;}
div.sharetable > a.tw {background-color:#00aced;}
div.sharetable > a.gp {background-color:#d34836;}
div.sharetable > a.em {background-color:#eeeeee;}
div.sharetable > a.wt {background-color:#57c93e;}
div.sharetable > a.pn {background-color:#cb2027;}
div.sharetable > a.pr {background-color:#666666;}
div.sharetable > a i.fa {}
div.MobileShareBar {margin: 5px 0px; max-width:100%; overflow:hidden;}
div.MobileShareBar ul {margin:0px; padding:0px;}
div.MobileShareBar ul li {display:block; margin:0px; padding:0px; border:none; float:right; list-style-type:none; padding-right:1%; text-align:center;}
div.MobileShareBar ul li.tw {width:20%;}
div.MobileShareBar ul li.fb {width:56%;}
div.MobileShareBar ul li.gp {width:20%;}
div.MobileShareBar ul li iframe {float:right; z-index:1;}
div.MobileShareBar ul li:hover iframe {float:right; z-index:1;}
div.MobileShareBar ul li div {margin:0px; padding:0px; line-height:0px; right: 5px;}
div.MobileShareBar ul li:last-child {text-align:left;}

@media (min-width: 478px) {
article .artinfo time {padding: 0px 20px; float:left;}
article aside {width:300px; float:left;}
}
@media (min-width: 730px) {
article .content_336x280_ad {margin: 30px 10px 0px 0px; float:left;}
section ol li {width:49%; float:right;}
section ol li:nth-child(even) {float:left;}
}