@charset "utf-8";
@font-face {
  font-family: 'AlJazeera-Latin-40';
  src: url('../fonts/AlJazeera-Latin-40Regular.eot');
  src: url('../fonts/AlJazeera-Latin-40Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/AlJazeera-Latin-40Regular.woff2') format('woff2'),
  url('../fonts/AlJazeera-Latin-40Regular.woff') format('woff'),
  url('../fonts/AlJazeera-Latin-40Regular.ttf') format('truetype'),
  url('../fonts/AlJazeera-Latin-40Regular.svg#AlJazeera-Latin-40Regular') format('svg');
  font-weight: normal; font-style: normal;
}
@font-face {
  font-family: 'AlJazeera-Latin-70';
  src: url('../fonts/AlJazeera-Latin-70Bold.eot');
  src: url('../fonts/AlJazeera-Latin-70Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/AlJazeera-Latin-70Bold.woff2') format('woff2'),
  url('../fonts/AlJazeera-Latin-70Bold.woff') format('woff'),
  url('../fonts/AlJazeera-Latin-70Bold.ttf') format('truetype'),
  url('../fonts/AlJazeera-Latin-70Bold.svg#AlJazeera-Latin-70Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AlJazeera-Latin-100';
  src: url('../fonts/AlJazeera-Latin-100Heavy.eot');
  src: url('../fonts/AlJazeera-Latin-100Heavy.eot?#iefix') format('embedded-opentype'),
  url('../fonts/AlJazeera-Latin-100Heavy.woff2') format('woff2'),
  url('../fonts/AlJazeera-Latin-100Heavy.woff') format('woff'),
  url('../fonts/AlJazeera-Latin-100Heavy.ttf') format('truetype'),
  url('../fonts/AlJazeera-Latin-100Heavy.svg#AlJazeera-Latin-100Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'AlJazeera-Arabic';
  src: url('../fonts/Al-Jazeera-Arabic-Regular.eot');
  src: url('../fonts/Al-Jazeera-Arabic-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Al-Jazeera-Arabic-Regular.woff2') format('woff2'),
  url('../fonts/Al-Jazeera-Arabic-Regular.woff') format('woff'),
  url('../fonts/Al-Jazeera-Arabic-Regular.ttf') format('truetype'),
  url('../fonts/Al-Jazeera-Arabic-Regular.svg#Al-Jazeera-Arabic-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AlJazeera-Arabic';
  src: url('../fonts/Al-Jazeera-Arabic-Heavy.eot');
  src: url('../fonts/Al-Jazeera-Arabic-Heavy.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Al-Jazeera-Arabic-Heavy.woff2') format('woff2'),
  url('../fonts/Al-Jazeera-Arabic-Heavy.woff') format('woff'),
  url('../fonts/Al-Jazeera-Arabic-Heavy.ttf') format('truetype'),
  url('../fonts/Al-Jazeera-Arabic-Heavy.svg#Al-Jazeera-Arabic-Heavy') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'AlJazeera-Arabic';
  src: url('../fonts/Al-Jazeera-Arabic-Bold.eot');
  src: url('../fonts/Al-Jazeera-Arabic-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Al-Jazeera-Arabic-Bold.woff2') format('woff2'),
  url('../fonts/Al-Jazeera-Arabic-Bold.woff') format('woff'),
  url('../fonts/Al-Jazeera-Arabic-Bold.ttf') format('truetype'),
  url('../fonts/Al-Jazeera-Arabic-Bold.svg#Al-Jazeera-Arabic-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
    font-family: 'Greta';
    src: url('../fonts/Greta_Arabic_Regular.eot');
    src: url('../fonts/Greta_Arabic_Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Greta_Arabic_Regular.woff') format('woff'),
    url('../fonts/Greta_Arabic_Regular.otf') format("opentype");
}
@font-face {
    font-family: 'Droid-Naskh-Regular';
    src: url('../fonts/Droid-Naskh-Regular.eot');
    src: url('../fonts/Droid-Naskh-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Droid-Naskh-Regular.woff') format('woff'),
    url('../fonts/Droid-Naskh-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body {  font-family: "AlJazeera-Arabic", Helvetica, Arial, sans-serif;background-color: #f6f6f6;font-size: 16px;direction: rtl;}
.pt-3 { padding-top: 1rem; }
.pb-3 { padding-bottom: 1rem; }
.mb-3 { margin-bottom: 1rem; }
.p-5 { padding: 5rem; }
.mb-5 { margin-bottom: 5rem; }
.p-0 {   padding: 0; }
.pt-0 {   padding-top: 0; }
.pb-0 {   padding-bottom: 0; }
.b-0 { border: 0; }
.bg-black { background-color: #000; color: #fff; }
.bg-gray { background-color: #f6f6f6; }
.bg-grey-1 { background-color: #d8d8d833;}
.bg-grey-2 { background-color: #e7e7e7;}
.bg-grey-3 { background-color: #2d2d2d;}
.rtl { direction: rtl;}
.ltr { direction:ltr;}
.float-left { float: left;}
.float-right { float: right;}
.float-none { float: none !important; }
.position-relative { position: relative;}

.arabicHeader {
  font-family: 'AlJazeera-Arabic'; font-weight: bold; font-size: 16px;direction: rtl;
}
.arabicHeader .menu > li > a, .arabicHeader .header_left a { transition: .3s; color: #989898;}
.arabicHeader .header_live { color: #DE384E !important; }
.arabicHeader .navbar-nav { margin: 1rem 0; padding-inline-start: 0; }
.arabicHeader .menu > li > a:hover, .arabicHeader .menu > li > a:focus,
.arabicHeader .header_left a:hover, .arabicHeader .header_left a:focus { color: #000; background-color: transparent; }
.arabicHeader .dropdown-menu > li > a { padding: 8px 20px; text-align: right; }
.arabicHeader .navbar-nav > li > .dropdown-menu { left: auto; right: 0;}

/* Header navigation */
#navbar {
  background: #515151; height: 150px; background-image: url(../images/banner-header.jpg);
  color: #fff; background-size: 100% 100%;  border: 0; border-radius: 0; padding: 3rem 0;
}
.navbar-default .navbar-brand {
  font-weight: bold; font-size: 4rem; color: #FFF;text-align: center;  line-height: 35px;height: auto;
}
.navbar-default .navbar-nav > li > a, .block-language a {  color: #FFF; text-decoration: none; }
.navbar-default .navbar-nav > li > a {
  font-size: 2.5rem;text-align: center;font-weight: bold;margin: 0 10px;
}
html[lang=tr] .navbar-default .navbar-nav > li > a {
  margin: 0 25px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: inherit;
  color: #ce9825;
}
.menu--main .dropdown-menu > li > a > span { font-size: 14px; margin: 2px auto 0 !important; }
.navbar-default .navbar-brand > span { font-size: 26px; }
.navbar-default .navbar-nav > li > a > span,
.block-title > span, .page-header > span.lang {
  font-size: 18px;
  font-weight: normal;
}
.page-archive .card .category-sticky span, .view h4 > span, .page-archive .card h4 > a > span,
.navbar-default .navbar-brand > span, .block-language h2 > span, .page-header > span.lang, .menu--sidebar-menu > li > a > span, .region-sidebar-second .view a > span, .exercise-container .view-header h4 > span,
.navbar-default .navbar-nav > li > a > span, .menu--main .dropdown-menu > li > a > span, .block-title > span,
.article-full-imageview .category-sticky > span {
  display: block;
  clear: both;
  margin: 8px auto 0;
}
.navbar-default .menu--main.navbar-nav {
  border-right: 1px dashed #b1b1b1; margin-right: 6rem; margin-top: 1rem; padding-inline-start: 10px;
}
html[lang=tr] .navbar-default .menu--main.navbar-nav { margin-right: 2rem; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ce9825; background-color:transparent;transition: .5s
}
.path-frontpage .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus,
.menu--main .dropdown-menu > li > a:hover, .menu--main .dropdown-menu > li > a:focus, .block-language .is-active,
.block-language a:hover, .block-language a:focus { color: #ce9825; }
.menu--main .dropdown-menu > li > a {
  padding: 10px; text-align: center;
  font-size: 1.5rem;font-weight: normal;border-top: 1px solid #e8d2a1;
}
.navbar-nav > li > .dropdown-menu {  padding: 0; right: 0;}
.menu--main .dropdown-menu > .active > a, .menu--main .dropdown-menu > .active > a:hover, .menu--main .dropdown-menu > .active > a:focus,
.menu--main .dropdown-menu > li > a.is-active { background-color: #e8d2a1 !important; color: #fff !important; }
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #000;border-color: #000; border-radius: 0px; margin-top: 3rem;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
/* .navbar-fixed-top { border-width: 0 0 2px; border-color: #4aa4c8; }
body.navbar-is-fixed-top { margin-top: 93px; } */

/* block search icon - styles */
/* #block-searchiconen { display: inline-block; float: right;}
.block-search { float: right; margin-top: 4.3rem;width: 50px; text-align: right;}
.block-search .btn-primary { background-color: #222525;
  border: 0; width: 30px; height: 30px; padding: 0; border-radius: 50% !important; color: #fff; outline: none !important;
} */
.search-popup-wrapper {
  width: 100%; position: fixed; left: 0px; top: 85px; right: 0px; display: none; background: #E8E8E8;
  z-index: 1;padding: 15px;
}
.search-popup-wrapper input.form-control {
  height: 50px;font-size: 2rem;border-radius: 0px !important;border: 0;width: 100%; box-shadow: none;
}
body.toolbar-fixed .arabicHeader .search-popup-wrapper { top: 125px;}
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .arabicHeader .search-popup-wrapper { top: 165px;}
/* .block-search .description, .block-search .form-search { display: none;} */


/* block language - styles */
.block-language {
  display: inline-block; border-right: 1px dashed #b1b1b1;  padding-right: 5rem; float: left;
}
.block-language h2 { border-bottom: 1px dashed #b1b1b1; padding-bottom: 10px; margin-top: auto;}
.block-language ul {  padding: 0;}
.block-language ul li { display: inline-block; float: left; padding: 0px 16px;border-right: 1px dashed #b1b1b1;}
.block-language ul li.ar { display: none;}
.block-language ul li:last-child, .block-language ul li.tr { border-right: 0;}

#toolbar-administration { direction: ltr;}
html[lang=ar] #toolbar-administration { direction: rtl;}
#toolbar-item-administration-search-tray label { color: inherit;}
/* .node-preview-container { margin-top: 0; margin-bottom: 0;} */
.node-preview-container .form-item-view-mode { display: none; }
#toolbar-item-administration-search-tray input { width: auto;height: auto;}

/* Home Page - Styles */
.main-container, .region-content-bottom { background-color: #fff; border: 1px solid #ddd; border-top: 3px solid #ddb342;}
.region-content-bottom { margin: 2rem 0;}
.block-title {font-size: 24px; font-weight: bold; text-align: center;}
.region-sidebar-second { padding-top: 2rem; }
.region-sidebar-second .block-title { font-size: 16px;border-bottom: 1px solid #d2d2d2 !important; padding-bottom: 10px;}
.region-sidebar-second .block-title > span { color:#a0a0a0;font-size: 16px; }
.region-sidebar-second a { color: #333;}
.region-sidebar-second a span { color: #969696; direction: ltr;}
.region-sidebar-second .view a > span { font-size: 15px; }
.region-sidebar-second a:hover, .region-sidebar-second a:focus {
  color: #ddb342;text-decoration: none;
}
.region-sidebar-second .block { margin-bottom: 2rem;}
.region-sidebar-second .block.block-language { float: none; display: block; padding-right: inherit;}
.region-sidebar-second .block.bg-gray .field--name-body { padding: 1.5rem; }
.region-sidebar-second .block .field--name-body img { max-width: 100%;}

.menu--sidebar-menu { padding-inline-start: 0px; text-align: center;}
.menu--sidebar-menu > li { border: 1px solid #e7e7e7; margin-bottom: 2rem; background-color: #f6f6f6;}
.menu--sidebar-menu > li > a { color: #333; font-weight: bold;}
.menu--sidebar-menu > li > a > span { color: #969696; margin-top: 4px; font-weight: normal;}
.menu--sidebar-menu.nav > li:hover, .menu--sidebar-menu.nav > li:hover span,
.menu--sidebar-menu.nav > li.active a, .menu--sidebar-menu.nav > li.active a > span {
    background-color: #eeeeee; color: #ddb342;
}
.region-sidebar-second .ArabicDictionary .block-title { margin-bottom: 0; }
.DictionaryArea { padding: 5%; }
.DictionaryArea .down-arrow {
  background: url('../images/down_arrow.png') no-repeat;
  width: 15px; height: 20px;margin: 0 auto;cursor: pointer;
}
.toggableBtn h2 { cursor: pointer; }
.ArabicDictionary textarea { width: 100%; min-height: 82px; padding: 10px; font-size: 12px; }
.DictionaryArea img.keyboardInputInitiator {
    position: absolute; bottom: 5px; right: 5px;
}
.phrases-row { border-bottom: 1px solid #cdcdcd;padding: 2rem 0rem;}
.expressions .phrases-row { padding: 2rem 0rem 3rem;}
.vocabulary .phrases-row:last-child, .expressions .phrases-row:last-child  { border-bottom: 0;}
.phrases-row .arabic { cursor: pointer; font-size: 18px; font-family: 'droid_arabic_naskhregular';}
.phrases-row .arabic.active { color: #3783c8; font-weight: bold;}
.phrases-row .locale {
    float: left; text-align: left; direction: ltr; color: #969696;
}
.expressions .phrases-row .locale  { width: 100%; }
#block-views-block-phrases-block-1, #block-views-block-phrases-block-2 {
  transition: background 0.5s;
}
#block-views-block-phrases-block-1:hover, #block-views-block-phrases-block-2:hover {
  background: #e7e7e7;
}

.migration-phrases-view .views-field-field-migrate-vocabulary-terms,
.migration-phrases-view .views-field-field-migrate-expressions-terms {
  width: 50%; float: right; line-height: 6rem; cursor: pointer;
  font-size: 18px; font-family: 'droid_arabic_naskhregular';white-space: pre-line;
}
.migration-phrases-view .views-field-field-migrate-vocabulary-trans,
.migration-phrases-view .views-field-field-migrate-expressions-trans {
  width: 50%; display: inline-block; text-align: left; line-height: 6rem;
  direction: ltr;  color: #969696;
}
.migration-phrases-view .views-field-field-migrate-vocabulary-trans .field-content,
.migration-phrases-view .views-field-field-migrate-expressions-trans .field-content {
  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-left: -5px;
}

.block-views { padding-bottom: 2rem;}
.bg-gray .btn-primary { background-color: transparent; }
.card-footer { padding: 1rem 2rem 2rem;  }
.page-archive .card .category-sticky, .article-full-imageview .category-sticky {
  position: absolute; bottom: 3rem; z-index: 1; right: 15px;
  color: #FFF; background-color: rgba(221, 179, 66, 0.77);  padding: 10px; margin: 0;font-weight: bold; min-width: 130px; text-align: center;opacity: 1; transition: opacity 0.9s;
}
.page-archive .card:hover .category-sticky { opacity: 0;}
.page-archive .card .category-sticky span, .article-full-imageview .category-sticky span { margin-top: 0; font-size: 12px;}
.page-archive .card .category-sticky .lang-break { display: inline-block;}
.page-archive .card .category-sticky .lang-break:last-child { border-right: 2px solid #fff; padding-right: 8px; margin-right: 8px;}


/* .page-archive .cols-1 .card { padding-bottom: 1rem; position: relative; } */
.page-archive .card .category-sticky.blue,
.article-full-imageview .category-sticky.blue { background-color: rgba(87, 159, 224, 0.77); }
.page-archive .card .category-sticky.green { background-color: rgba(103, 138, 69, 0.79); }

.view-home .attachment .view-header { border-bottom: 3px solid #e0c36c; margin-bottom: 2rem;}
.view-home .attachment .view-header h4,
.body-grammer .view-header h4 {
  background-color: #e0c36c; padding: 12px 20px; display: inline-block; margin-bottom: 0;
  text-align: center; color: #fff; font-weight: bold;
}
.view-home .attachment .view-header h4 > span, .body-grammer .view-header h4 > span { font-size: 16px; }
.view-home .attachment .blue .view-header, .body-grammer .view-header { border-bottom: 3px solid #3783c8; }
.view-home .attachment .blue .view-header h4, .body-grammer .view-header h4 { background-color: #3783c8; }
.view-home .attachment .green .view-header { border-bottom: 3px solid #5e9338; }
.view-home .attachment .green .view-header h4 { background-color: #5e9338; }



/* Home - Featured block */
.region-header { margin-bottom: 2rem; }
.page-header {
  padding: 3rem 0 2rem;  margin: 0;font-size: 34px;text-align: center;font-weight: bold;
}
.path-node .page-header { font-size: 28px; text-transform:inherit;font-weight: bold; text-align: center;}
.views-exposed-form .btn-primary  {
font-size: 0; color: #000; background-color: transparent; padding: 12px 6px; margin-left: -40px;outline: none !important;
}
.views-exposed-form .btn-primary:hover, .views-exposed-form .btn-primary:focus, .views-exposed-form .btn-primary:active {
  color: #000 !important; background-color: transparent !important; box-shadow: none;
}
.views-exposed-form .btn-primary span { font-size: 18px;}
.page-archive .card { padding-bottom: 3rem; }
.page-archive .card .img-block { position: relative; overflow: hidden;}
.page-archive .card img { transition: transform 0.5s ease-out; min-height: 235px; background: #c3c3c3;}
.page-archive .card:hover img {  transform: scale(1.05); transition: transform 0.5s ease-in;}
.page-archive .card.col-md-8 img { width: 100%; }
.page-archive.ebooks .card img { width: 100%; }
.page-archive .card h3 > a, .page-archive .card h3 {  color: #333;  /*font-family: 'AlJazeera-Latin-70';*/}
.page-archive .card h4 > a, .page-archive .card h4 {  color: #333; line-height: 1.2; text-align: center; min-height: 55px; font-family: 'Greta'; font-size: 22px; }
.page-archive .card a:hover, .view-articles-archive .card a:focus { text-decoration: none; color: #4aa4c8;}
.page-archive .card .summary { margin: 0 0 10px;}
.path-node article .field--name-body p, .path-node article .body-text p, .original-body.body-text {
   line-height: 40px;  text-rendering: optimizeLegibility; margin-bottom: 20px;
   font-family: 'Droid-Naskh-Regular'; font-size: 18px;
 }
 .original-body.body-text font,  .original-body.body-text div, .original-body.body-text span {
   font-family: 'Droid-Naskh-Regular' !important;font-size: 18px !important;
 }
 .page-archive .card h4 > a > span.lang, .page-archive .card h4 > span.lang {
   font-size: 16px; color: #a0a0a0; font-family: "AlJazeera-Arabic", Helvetica;direction: ltr;
   font-weight: bold;
 }
 .page-archive.home-latest-article .card img { min-height: 485px;}
.page-archive.home-latest-article .card h4 > a, .page-archive.home-latest-article .card h4 {
   font-family: 'Greta'; font-size: 30px; font-weight: normal;
}
.page-archive.home-latest-article .card h4 span.lang { font-size: 20px;color: #716f6f; }
.path-node .page-header > span.lang { font-size: 20px; color: #a0a0a0; direction: ltr; }
.path-node .field--name-field-local-title{ font-size: 20px; color: #a0a0a0; text-align: center;}
.original-body.body-text blockquote p { margin-bottom: 10px; }
.original-body.body-text blockquote {
  border: 1px solid #E4E1E1; background: #f3f3f3;padding: 10px; margin: 0 0 10px;
}


.region-header .nav-tabs > li > a { color: #000;background-color: #d8d8d8bf;border-radius: 0; }
.region-header .nav-tabs > li.active > a,
.region-header .nav-tabs > li.active > a:hover,
.region-header .nav-tabs > li.active > a:focus,
.region-header .nav-tabs > li > a:hover {  color: #fff; background-color: #000; }
.path-node article .field--type-image {  padding-bottom: 2rem; }
.path-node article .field--type-image img {  width: 100%; }
.path-node article .media-caption {  padding-bottom: 2rem; margin-top: -10px; }
/* .field--name-body h1, .field--name-body h2, .field--name-body h3,
.field--name-body h4, .field--name-body h5, .field--name-body h6 { font-family: arial, sans-serif; font-weight: bold;} */
.field--name-body h1, .body-text h1 { font-size: 28px; }
.field--name-body h2, .body-text h2 { font-size: 24px; }
.field--name-body h3, .body-text h3 { font-size: 22px; }

.path-node article .field--name-body a, .path-node article .body-text a { color: #008CBA; }
.path-node article .field--name-body img, .path-node article .body-text img { display: block; max-width: 100%; height: auto; }
.path-node article .field--name-body figcaption, .path-node article .body-text figcaption {
    background: #f1f1f1!important; font-size: 14px;
    padding: 10px 20px;  display: table-cell;color: #777;
}
.article-full-imageview { position: relative;}
.article-full-imageview .category-sticky { bottom: 2rem; right: 0;}
.body-grammer .view-header h4 { min-width: 190px; }
.body-grammer .field--name-field-grammer {
    border-top: 1px solid #e9e9e9; background: #f6f6f6; padding: 20px;
}
.services-icons { padding: 2rem 0; }
.services-icons ul.list-inline { padding-inline-start: 0px;margin-left: 0;}
.services-icons ul > li { margin: 0 1.2rem; }
.services-icons ul > li.show-text { margin-left: 0; }
.services-icons .fa { font-size: 30px; color: #9e9e9e; }
.services-icons .fa:hover { color: #23527c; }
.services-icons .btn .fa { font-size: 18px;margin-left: 8px;color: #3783c8; }
.services-icons .btn { background-color: #f6f6f6;
    border: 1px solid #e7e7e7; border-radius: 0;padding: 10px 15px; cursor: pointer;
    transition: background-color 0.5s; color: #3783c8;font-weight: bold;
}
.services-icons .btn:hover { background-color: #e7e7e7; transition: background-color 0.5s;}
.services-icons .tashkeel.disabled { cursor: not-allowed !important; background-color: #ffffff; }
.services-icons .tashkeel i {
    background-color: #3783c8;
    background-image: url('../images/detailed-sprite-white.png');
    background-position: 0px 0px; background-repeat: no-repeat;
    background-size: 55px 22px; border-radius: 4px;    width: 25px;
    height: 22px;
    vertical-align: middle;
}
.services-icons .tashkeel.remove-tshkeel i {
    background-position: -24px 0px;
}
#article-blog .field--name-field-locale-body { text-align: left;}

.summary-block {
  width: 220px;background: #d3e4f3;padding: 8px;float: left;
  margin-right: 8px;margin-bottom: 8px; color: #0a0a0a;
  font-size: 19px; font-family: 'Droid-Naskh-Regular' !important;
  direction: ltr; position: relative;margin-top: 25px;
}
.summary-block:before {
  content: 'x';
  position: absolute; top: -32px;left: 42%;
  background-image: url('../images/detailed-sprite.png');
  width: 40px;height: 27px;
  display: inline-block; background-position: -522px -20px; font-size: 0;
}
span.border-left-top {
  width: 25px; height: 25px; display: block;
  border-top: 2px solid #3783c8; border-left: 2px solid #3783c8;
  position: absolute; top: -2px;left: -2px;
}
span.border-right-bottom {
  width: 25px;height: 25px; display: block; border-bottom: 2px solid #3783c8;
  border-right: 2px solid #3783c8; position: absolute; bottom: -2px;right: -2px;
}

/* Exercies - Quizzes H5P */
.exercise-container {  border-top: 1px solid #e9e9e9; margin-top: 4rem;padding-top: 3rem; }
.exercise-container .view-header h4 {
  display: inline-block; padding: 0rem 0.5rem;margin-top: 0;
  margin-bottom: 4px;text-align: center;vertical-align: middle;
}
.exercise-container .view-header h4 > span { font-size: 14px; margin: 2px auto 0; font-weight: bold;}
.exercise-counter {font-weight: bold;font-size: 22px;display: inline-block; vertical-align: middle;}
.exercise-container .nav-tabs > li { float: right; margin: 0 3px -1px; }
.exercise-container .nav-tabs > li > a {border: 1px solid #adcce8;border-bottom-color: transparent;border-radius: 0; padding: 5px 8px; color: #8c8c8c;}
.exercise-container .nav-tabs > li.active > a { background: #f6f6f6;border-color: #d6b558;
    color: #d6b558;border-bottom-color: transparent; }
.exercie-content { background: #f6f6f6; border: 1px solid #ddd; padding: 4rem 2rem;margin-bottom: 3rem;border-top-color: transparent;}
/* .h5p-iframe-wrapper { margin-bottom: 4rem; border-bottom: 1px solid #ddd; padding-bottom: 3rem; } */
.h5p-iframe-wrapper iframe.h5p-iframe { min-height: 700px; }

/* blockquote, .content-abstract { border: 1px solid #E4E1E1; background: #f3f3f3; font-size: inherit; } */
/* .content-abstract { padding: 10px 20px;margin: 0 0 20px;} */
caption { color: #ce9825;font-size: 18px; }
/* .path-node article .field--name-body table td,
.path-node article .field--name-body table th {
  font-size: 14px;font-family: arial, sans-serif;padding: 1rem;
} */

.card .links.dropdown { position: absolute; top: 0; left: 15px; display: none;transition: all 0.8s ease; direction: ltr;}
.card:hover .links.dropdown { display: block; }
/* .video-thumbnail { cursor: pointer;position: relative;display: inline-block;}
.play-icon {
    background: url('../images/play.svg') no-repeat;
    width: 50px; height: 50px; top: 45%; left: 50%; position: absolute;
    transform: translate(-50%,-50%);
    background-position: center; background-size: cover;
} */
.pager-nav { clear: both;}
.pager li > a, .pager li > span, .more-link a {
  border-radius: 0; color: #fff;padding: 1.2rem 8rem;background-color: #4a4a4a; transition: background-color 300ms ease-out;
}
.pager li > a:hover, .pager li > a:focus, .more-link a:hover, .more-link a:focus { background-color: #6a6969;text-decoration: none;}
.more-link { text-align: center; padding: 3rem 0; }
.pagination { direction: ltr; }
.pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus { color: #333; }
.pagination > .active > a { background-color: #4a4a4a; border-color: #4a4a4a; }
.bg-grey-3 .block-title, .bg-grey-3 .card a, .bg-grey-3 .card { color: #FFF !important; }

/* Community - blogger detailed page */
.blogger-detailed {
  background: #f2f2f2; float: right; width: 100%;min-height: 316px;
}
.blogger-detailed .blogger-info-detailed {
  padding-top: 40px; text-align: center !important;
}
.blogger-detailed .blogger-info-detailed img {
  width: 165px; height: 165px; border-radius: 50%;
  overflow: hidden;display: inline-block;
}
.blogger-detailed > div:last-child img { width: 100%;}
.blogger-detailed .blogger-info-detailed h2, .blogger-detailed .blogger-info-detailed h1 {
  color: #3a3a3b; font-size: 20px; margin-top: 10px;
}
.blogger-detailed .blogger-info-detailed h1 { font-weight: bold; }
.blogger-detailed .blogger-info-detailed p {
  color: #3a3a3b; font-size: 16px;
}
.blogger-footer {
  float: right; width: 100%; margin-top: 20px;margin-bottom: 20px;
  padding-right: 20px; border-bottom: 2px solid #cccccc; padding-bottom: 10px;
}
.total-record { color: #72a94b; font-size: 25px;}
.total-record strong { color: #000; }
ul.blogger-icons li i {
  background: transparent; color: #b2b9bd; font-size: 28px; width: 60px;text-align: center;
}
ul.blogger-icons li i:hover { color: #f4ae00; }
/* Community - blog view page */
.blogger-info .field--type-image, .askteacher-banner { padding-bottom: 0 !important; }
.blogger-info h2 {
  margin-top: 1rem; margin-bottom: 0; font-weight: normal;  color: #333333;
  font-size: 18px; padding-top: 2px;
}
.blogger-info p, .blogger-info span { color: #333333;font-size: 14px;}
.blogger-image img {
  width: 170px !important; height: 170px; border-radius: 50%;
  position: absolute; bottom: -85px; border: 5px solid #fff;
}
.blogger-image .social-platform, .comunity-image-holder .social-platform {
  right: 120px; bottom: -57px; width: 34px; height: 34px; font-size: 20px;
  line-height: 44px; background: #3b5998; border-radius: 50%; vertical-align: middle;
  position: absolute; text-align: center;
}
.blogger-image .fa-aja:before, .comunity-image-holder .fa-aja:before {
  content: "*"; color: #ffbd01; font-size: 26px;line-height: 36px;
}
.page-archive.youteach-list .card img {  height: 144px; width: 256px;min-height: inherit; }
.youteach-list a { color: #333;}
.youteach-list .social-platform {bottom: 19px; left: 117px; right: auto;}
.youteach-list .views-row { padding: 2rem 0;}
.youteach-list .views-row:nth-of-type(even) {
  background: rgb(249, 249, 249); border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.comunity-image-holder > span { z-index: 1; }
.video-play-icon:before {
    background: url('../images/play-white.png');
    background-size: 100% 100%; position: absolute; left: 50%; width: 40%;height: 40%;
    content: ''; margin-left: -20%; top: 50%; margin-top: -20%;
}
.video-play-icon {
    content: "\f101"; position: absolute;
    width: 88px; height: 88px; margin-left: -36px; left: 50%; top: 50%;
    margin-top: -36px; border: 8px solid #FFF;background-color: rgba(0, 0, 0, 0.4);transition: all 0.2s;
}
.video-play-icon:hover { background-color: rgba(0, 0, 0, 0); }
.answer-label { color: #72a94b; }
.audio-container .field--name-field-embed-audio { height: 110px; }
.audio-container iframe, .audio-container .audio-bc { height: 100px !important; padding: 0; max-width: 480px;}
.video-js.audio-bc {
  height: 29px !important;width: 100% !important;margin-bottom: 20px;font-size: 10px !important;
}
.video-js.audio-bc .vjs-control-bar, .video-js.audio-bc .vjs-control-bar:hover {
    bottom: 30px !important;
    transition: 0s !important;
    transform: translateY(3em) !important;
    opacity: 1 !important;
    background: #fcfcfc;
}
.video-js.audio-bc .vjs-play-control, .video-js.audio-bc .vjs-mute-control{ outline: 0;}
.video-js.audio-bc .vjs-control-bar, .video-js.audio-bc .vjs-control-bar:hover {
    background: #f6f6f6;
}
.video-js.audio-bc.vjs-mouse .vjs-progress-control:hover, .video-js.audio-bc.vjs-mouse .vjs-progress-control {
    height: 5px !important;
    width: 58% !important;
    left: 100px !important;
    top: 13px !important;
}
.video-js.audio-bc .vjs-time-control {  position: absolute;  right: 0; }
.video-js.audio-bc .vjs-time-control.vjs-time-divider { right: 40px; position: absolute; }
.video-js.audio-bc .vjs-current-time.vjs-time-control.vjs-control {  right: 60px; }
.video-js.audio-bc .vjs-volume-menu-button .vjs-menu-content,
.video-js.audio-bc .vjs-picture-in-picture-control, .video-js.audio-bc .vjs-share-control,
.video-js.audio-bc .vjs-fullscreen-control, .audio-bc .vjs-audio-button {
  display: none !important;
}
.video-js.audio-bc .vjs-control-bar {
  display: flex !important;
  color: #4b93db !important;
}
.video-js.audio-bc .vjs-control-bar button:hover, .video-js.audio-bc .vjs-volume-menu-button:hover {
  color: #4b93db !important;
}

/* OWL carousel - all pages */
.owl-theme .owl-controls .owl-page span { width: 10px;height: 10px; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #e5c158;
}
.page-archive .owl-wrapper .card h4 > a, .page-archive .owl-wrapper .card h4 {
  font-size: 18px; font-weight: normal;
}
.owl-carousel .owl-item { margin-left: 2rem; }
.owl-carousel .owl-wrapper-outer { margin-top: 2rem; }
.page-archive .owl-wrapper .card { padding-bottom: 0; }
.page-archive .owl-wrapper .card img { min-height: 100%; min-height: 170px; }
.owl-carousel-block .block-title > span { font-size: 20px; font-weight: bold;margin-top: 4px;color: #878585; }
.selections-block {   background: #2e2f31;}
.selections-block .block-title, .selections-block .block-title > span { color: #e5c158;}
.selections-block h4 > a, .selections-block h4 { color: #a0a0a0 !important; }

/* Contact us page - section */
/* .section-title { font-family: "AlJazeera-Latin-100"; } */
.btn-primary {
  color: #fff; background-color: #4a4a4a; border: 0; border-radius: 0; text-transform: uppercase;
  /*font-family: "AlJazeera-Latin-70";*/ padding: 8px 25px; transition: background-color 300ms ease-out;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active:hover {
  color: #fff; background-color: #4aa4c8; border-color: #4aa4c8;
}
.form-control { border-radius: 0px;  border: 1px solid #333;  height: 40px;text-align: right;}
.select-wrapper:after { color: #333;}
.contact-form .form-group > .control-label,
.user-logged-in .contact-form .form-item-name {  display: none;}
.contact-set-main { padding: 5rem 0rem;}
.contact-set-main.bg {
  background-color: rgba(216, 216, 216, 0.2); padding-left: 5rem; padding-right: 5rem;
}
.alert { border-radius: 0px; margin-bottom: 0px; font-size: 14px;}
.alert-success, .alert-warning, .path-search .alert-danger { text-align: center;}

/* Search API styles */
.path-search .search-form input {
  height: 65px; padding: 10px 20px; font-size: 1.8rem; border-radius: 0px !important;
  border: 0; width: 100%; width: 650px; max-width: 100%;
}
.path-search .search-form { padding: 5rem;margin: 0 -15px;  text-align: center; }

/* Hide few contextual links for author */
#navbar .contextual, footer.footer .contextual, #admin-toolbar-search-tab { display: none !important;}

/* Login page styles */
.not-logged-in.path-user header, .not-logged-in.path-user .region-sidebar-second,
.not-logged-in.path-user .content_bottom.container,
.not-logged-in.path-user .page-header, .not-logged-in.path-user footer { display: none;}
.not-logged-in.path-user .region-header, .not-logged-in.path-user { margin: 0; direction: ltr;}
.not-logged-in.path-user.navbar-is-fixed-top, .not-logged-in.path-user section.col-sm-9,
.not-logged-in.path-user .main-container { border: 0;margin: 0; padding: 0; width: 100% !important;}
.login-container { width: 100%; height: 600px; position: relative;}
.login-container overlay { background: #2E2E2E;width: 100%;
  height: 100%; overflow: hidden; display: block;
}
html[lang=ar] .login-container { direction: rtl; }
.login-form {
  padding: 20px 40px; width: 480px; height: 525px;  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;
  overflow: auto; background: #f5f5f5; color: #000;
}
.login-form .logo img { height: 55px; }
.login-form .form-control {
  background-color: #cecece; border: none; border-bottom: 1px solid #cecece;
  color: #2E2E2E; height: 45px; font-size: 16px;text-align: left;
}
html[lang=ar] .login-form .form-control { text-align: right; }
.login-form #edit-submit { background-color: #000; color: #FFF;}

/* Footer section */
.footer {     padding: 0;border: 0; margin-top: 0; }
/* .region-footer, .footer-three { background-color: #222525; } */
/* .menu--footer { display: flex; display: -ms-flexbox; -ms-flex-wrap: nowrap; flex-wrap: nowrap; line-height: 3;float: right;}
.menu--footer li.first a, .footer-two li.first a { padding-right: 0px;}
.menu--footer li a { color: #dddddd; }
.menu--footer li a:hover, .menu--footer li a:focus, .menu--footer li.active a {} */

.footer-two li a:hover, .footer-two li a:focus { color: #ce9825; background: none; }
.footer-two {  background-color: #000;  color: #dddddd; padding: 2em 0 3em;}
.footer-two ul { padding-inline-start: 0px;}
.footer-two li a { color: #a3a3a3; font-size: 14px; padding: 10px 0px;}
/* .footer-two .btn-custom-s10 { background-color: rgb(218,159,38)!important; border: 0; color: #fff; position: absolute; height: 40px;border-radius: 0;transition: all 0.4s ease;left: -35px; right: auto; z-index: 4;} */
/* .footer-three { line-height: 4; color: #666666; font-size: 14px;} */
.footer-logo { background: url('../images/footer-logo.svg') no-repeat;width: 280px; height: 150px;
    text-align: center; background-position: center center; background-size: 250px;}
/* .menu--footer .fa { border-radius: 50%; width: 35px; height: 35px; line-height: 35px; color: #fff; text-align: center; } */
/* .fa-linkedin { background-color: #2085c7; }
.fa-instagram { background-color: #e4405f; }
.fa-facebook-f { background-color: #537bbd; }
.fa-twitter { background-color: #78cdf0; }
.fa-youtube { background-color: #c4302b; } */
/* .fa-soundcloud { background: linear-gradient(#f70,#f30); } */
#return-to-top {
    position: fixed; bottom: 20px;  left: 20px;
    background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7);
    width: 50px; height: 50px;  display: block; text-decoration: none;
    border-radius: 35px; display: none; z-index: 1;
    filter: drop-shadow(0px 1px 1px #d8d8d8);
    transition: all 0.3s ease;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff; margin: 0; position: relative; right: 16px; top: 13px; font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover { background: rgba(0, 0, 0, 0.9); }
#return-to-top:hover i { color: #fff; top: 5px;}