a {-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
.oa-topblock {/*margin-bottom: 24px;*/}


.oa-topblock-left {float: left;width: 600px;margin-right: 35px;}
.oa-mainarticle-wrapper {}
.oa-mainarticle-image {}
.oa-mainarticle-titlewrap {}
.oa-mainarticle-title {color: var(--font-color);font-size: 28px;font-weight: 400;line-height: 38px;margin: 16px 0;}
.oa-mainarticle-title a {color: var(--font-color);}
.oa-mainarticle-desc {color: var(--font-color-maindesc);font-size: 16px;font-weight: 400;line-height: 23px;margin: 0 0 12px 0;}
.oa-mainarticle-desc a {color: var(--font-color-maindesc);}
.oi-mainarticle-category {font-size: 15px;font-weight: 400;background: linear-gradient(180deg, #F5E89F 0%, #A98F5A 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.oi-mainarticle-category a {background: linear-gradient(180deg, #F5E89F 0%, #A98F5A 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}



.oa-topblock-mid {float: left;width: 300px;}
.oa-topblock-right {float: right;width: 300px;border-left: 1px solid var(--border-color-primary);padding-left: 25px;}
.oa-article-wrapper {float: left;width: 290px;margin-right: 35px;}
.oa-article-wrapper:nth-child(4n) {margin-right: 0;float: right;}
.oa-article-image {position: relative;}
.oa-article-image img {max-width: 100%;display: block;width: 100%;height: 168px;}
.oa-article-titlewrap {padding: 12px 0px 42px 0;}
.oa-article-title {font-size: 16px;color: var(--font-color-title);font-weight: 400;line-height: 26px;text-transform: capitalize;height: 55px;overflow: hidden;}
.oa-article-title a {color: var(--font-color-title);display: block;}
.oa-article-wrapper:hover .oa-article-title a, .oa-article-title a:hover, .oa-article-title a.visited {color: var(--font-color-title);}
.oi-article-category {font-size: 15px;font-weight: 400;background: linear-gradient(180deg, #F5E89F 0%, #A98F5A 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-top: 6px; }
.oi-article-category a {background: linear-gradient(180deg, #F5E89F 0%, #A98F5A 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}

/*.oi-article-category {font-size: 13px;color: var(--font-color-cat);margin-top: 12px; }
.oi-article-category a {color: var(--font-color-cat);}*/


.oi-midad-wrapper {background: var(--ad-bg-color);padding: 0 15px 10px 15px;text-align: center;margin: 42px auto;}
.oi-adtext {color: var(--font-color);font-size: 10px;font-weight: 400;line-height: 150%; /* 15px */letter-spacing: 0.1px;text-transform: uppercase;padding: 6px;text-align: center;}
.oa-rightad {float: right;width: 300px;}


.oi-articles-wrapper {margin-bottom: 42px;}
.oi-articles-list ul li {list-style-type: none;margin-bottom: 42px;}
.oi-articles-list ul li:last-child {margin-bottom: 42px;}
.oi-articles-wrapper-left {float: left;width: 860px;border-right: 1px solid var(--border-color-primary);padding-right: 50px;}
.oa-article-list-wrapper {}
.oa-article-list-image {float: left;width: 330px;}
.oa-article-list-image img {width: 100%;}
.oa-article-list-titlewrap {margin-left: 365px;}
.oa-article-list-title {color: var(--font-color);font-size: 24px;font-weight: 400;line-height: 33px;margin-bottom: 12px;}
.oa-article-list-title a {color: var(--font-color);}
.oa-article-list-desc {color: var(--font-color-maindesc);font-size: 16px;font-weight: 400;line-height: 23px;margin-bottom: 12px;}
.oa-article-list-desc a {color: var(--font-color-maindesc);}
.oi-article-list-category {font-size: 15px;font-weight: 400;background: linear-gradient(180deg, #F5E89F 0%, #A98F5A 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.oi-article-list-category a {background: linear-gradient(180deg, #F5E89F 0%, #A98F5A 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}



.oi-articles-wrapper-right {float: right;width: 300px;padding-left: 15px;}
.oi-adblock {background: var(--ad-bg-color);margin-bottom: 40px;}
.oi-adblock img {display: block;}

.oi-partner-block, .oi-opinion-block  {border-bottom: 1px solid var(--prayer-border-color);padding-bottom: 42px;margin-bottom: 42px;}
.oi-photos-block {margin-bottom: 42px;}

.oa-playicon {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 40px;height: 40px;background: url(https://images.onearabia.me/images/video-play-icon-1709189784006.svg) no-repeat 0 0;}
.oa-video-time {background: #0D0C0C;border-radius: 2px;padding: 2px 6px;position: absolute;left: 10px;bottom: 10px;font-size: 14px;color: #fff;font-weight: normal;}

.floatleft {float: left;}
.floatright {float: right;}

.oi-heading-wrapper {margin-bottom: 12px;}
.oi-morelink a {display: inline-block;padding: 10px 24px;font-size: 16px;font-weight: 600;color: var(--font-color);border-radius: 2px;border: 1px solid #F5E89F;min-width: 110px;text-align: center;}
.oi-morelink a:hover {color: var(--font-color);background: #f6e99f;background-image: linear-gradient(to right, #997843 , #f4e9a0);} 

.oi-opinion-content {}
.oi-opinion-content {float: left;width: 290px;margin-right: 35px;}
.oi-opinion-content:nth-child(4n) {margin-right: 0;float: right;}
.oa-opinion-image {position: relative;}
.oa-opinion-image img {max-width: 100%;display: block;width: 100%;height: 168px;}
.oa-opinion-titlewrap {padding: 12px 0px 24px 0;}
.oa-opinion-title {font-size: 16px;color: #F7F7F7;font-weight: 400;line-height: 26px;height: 55px;overflow: hidden;}
.oa-opinion-title a {color: var(--font-color);display: block;}
.oi-opinion-author {font-size: 16px;color: var(--font-color-opinion);font-weight: 600;margin: 12px 0 0 0;}
.oi-opinion-author a {color: var(--font-color-opinion);}
.oi-opinion-image img {filter: grayscale(1.0);}

.theme-light .oi-mainarticle-category, .theme-light .oi-mainarticle-category a,  .theme-light .oi-article-category,  .theme-light .oi-article-category a,  .theme-light .oi-article-list-category ,  .theme-light .oi-article-list-category a {background: none;color: #81711C;-webkit-text-fill-color: #81711C;}