/* From contact.css */
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1); cursor: pointer; position: absolute; bottom: 0; 
  left: auto; right: 10px; top: 10px; width: 22px; height: 22px;
}
html[dir="rtl"] input[type="date"] { text-align: right; }
html[dir="rtl"] input[type="date"]::-webkit-calendar-picker-indicator {
  left: 10px; right: auto;
}
input, textarea, select {
	font-size: 15px;
	color: #888;
	border: 0;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	float: none;
	display: block;
	margin: 0px;
	background: none
}
textarea {
	resize: none !important;
}

/* ovveridign styles.css */
header.navbar-banner {
	border-right: 0px;
}
section {
    padding: 0;
}
#content section.wrap,
.section-wrap {
    padding: 43px 50px 50px 50px;
}
#content section.wrap {
	min-height: 700px;
}
.path-user #content section,
.path-account #content section,
.path-forgot #content section,
.path-forgotpassword #content section {
    padding: 0 !important;
}
.path-account #content section h2,
.path-forgot #content section h2,
.path-forgotpassword #content section h2 {
   padding-top: 0px;
}
.path-forgot #content section p {
    color: #FFF;
    padding-bottom: 0px;
}
.password-terms {	color: #d8d8d8; line-height: 1.6; }
.password-terms .fa {	color: #c0cf00 !important; margin-left: 5px;margin-right: auto !important;}

/* Drupal theme custom styles */
.vertical-align-top { vertical-align: top; }
.pb15 { padding-bottom: 15px; }
.pt15 { padding-top: 15px; }
.pt25 { padding-top: 25px; }
.pb25 { padding-bottom: 25px; }
.pb50 { padding-bottom: 50px; }
.p50 { padding: 50px; }
.mb5 { margin-bottom: 5px; }
.mb15 { margin-bottom: 15px; }
.mb30 { margin-bottom: 30px; }
.ml0 { margin-left: 0px; }
.green-txt { color: #c0cf00 !important; }
.bg-grey { background-color: #212121; }
.bg-black {	background-color: #171717; }

.language div.is-active,
html[lang=en] .language .en,
html[lang=ar] .language .ar,
.maintenance-page #navbar {
  display: none;
}
.language span a {
  color: #FFF;
}
#content figure h2 {
  padding-bottom: 20px;
  padding-top: 0px;
}
h1.page-header {
  font-size: 36px;
  border-bottom: 0px;
}
p.sub-heading {
  font-weight: bold;
  padding-bottom: 5px;
}

section.inner p.sub-heading:after,
.media-tips-block .event-title:after,
.media-tips-landing p.sub-heading:after {
  content: " ";
  width: 55px;
  height: 2px;
  margin-left: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
  background: #c0cf00;
}

form.user-login-form .input-group label,
.aljazeera-mail-label {
  display: none;
}
#main-nav > ul > li > .sub-nav > li > a {
  padding-top: 10px;
}
.highlighted .alert {
  border-radius: 0px;
  margin-bottom: 0px;
}
.fa-globe {
  background-position: 0px 0px;
}
.form-actions .btn, .form-actions .btn-group {
    margin-right: auto;
}
.login-form.signup {
    height: 650px;
}
.login-form .row h2 {
    margin-top: 0px;
}
.form-item-aljazeera-member.radio {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.login-container .edit-profile {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
}
.login-form .input-group .form-control,
.login-container .edit-profile .input-group .form-control {
  border-radius: 0px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.login-container .edit-profile .input-group .form-control {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    padding-left: 0px;
}
.login-container .edit-profile .input-group .select-wrapper {
    display: flex;
}
.login-container .edit-profile .input-group label {
  color: #fff;
  font-size: 15px;
  font-family: 'Al Jazeera-Latin 40';
}
.profile-nav .login-singup {
  border-bottom: 1px solid #2f2f2f;
  padding: 10px 0px;
}
.profile-nav .login-singup a {
    border: 0px;
    display: inline;
    padding-right: 5px;
    color: #FFF;
}
.profile-nav .login-singup a:last-child {
    padding-left: 5px;
}
.user-logged-in .login-singup {
	display: none;
}
.profile-nav {
  text-align: left;
  width: 100%;
}
.profile-nav a {
    font-size: 16px;
    border-bottom: 1px solid #2f2f2f;
    display: block;
    padding: 10px 20px;
    color: #FFF;
}
.profile-nav .open > .dropdown-menu {
    width: 100%;
    border-radius: 0px;
}

/*  Keep menu items - same line */
#main-nav li.item-left {
	padding: 10px 20px;
  border-bottom: 1px solid;
}
#main-nav li.item-left a {
	display: inline;
  padding: 0px;
  border: 0px;
}
#main-nav li.item-left span {
	padding: 0 5px;
}

.dropdown-menu > li > a {
  border-bottom: 0px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background: none;
  color: #c0cf00;
}
.profile-nav > ul > li.active > a,
.profile-nav .login-singup a.is-active,
.profile-nav .login-singup a:hover,
.profile-nav a:hover {
  color: #c0cf00;
}
.edit-profile label {
  margin: 10px 0px !important;
}
.edit-profile .form-control,
.contact-form .form-control {
  border: 0px solid #c4c4c4;
  border-radius: 0px;
  height: 46px;
  background: #252525;
  color: #ddd;
}
.edit-profile textarea.form-control {
    height: auto;
}
.edit-profile .input-group .select-wrapper {
    display: flex;
}
.social-list li a i {
  line-height: 1.9;
}

#edit-name:-webkit-autofill,
#edit-email:-webkit-autofill,
#edit-pass:-webkit-autofill,
#edit-staff-id:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}
#mce-EMAIL:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ddd inset;
}

.mobileapp { padding: 2rem 0; }
.mobileapp a {
	background-size: cover; display: block; width: 190px; height: 61px;
	font-size: 0; margin: 1rem auto;
}
.android { background-image: url('../media/android.png'); }
.appstore { background-image: url('../media/appstore.png') !important; height: 61px !important; }

/*
 * Contact Us - Page
 */
 .pb20 {
     padding-bottom: 20px !important;
 }
 .pt20 {
     padding-top: 20px !important;
 }
.contact-form textarea {
  height: auto !important;
}
.bg-green {
    background: #222 !important;
    padding: 0 50px;
}
.newslatter-txt {
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    margin-right: 30px;
}
.subscribe-input-s1 {
	width: 320px !important;
  padding: 8px 12px;
  color: #FFF !important;
  font-size: 1.1em;
  background: transparent;
  border: 1px solid #808080;
  border-radius: 0;
}
.subscribe-input-s1::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFF;
    opacity: 1; /* Firefox */
}
.btn-custom-s10 {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 20px;
	padding: 8px 12px;
	font-size: 18px;
	color: #FFF;
	background: transparent;
	border: none !important;
	border-radius: 0;
	transition: all 0.4s ease;
}
.display-inline-block {
    display: inline-block;
}
.position-relative {
    position: relative !important;
}
.fluid-slide-container {
  width: 100%;
  position: relative;
  background: url(../media/signup-inner-pager-bg.png) center no-repeat;
  min-height: 407px;
  background-size: 100%;
}
.fluid-slide-content {
    margin: auto;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.fluid-slide-header {
    font-size: 3.2em;
    color: #FFF;
}
.fluid-slide-script {
    margin: 30px 0;
    font-size: 1.2em;
    color: #FFF;
}
.btn-custom-s3 {
    font-weight: 600;
    color: #FFF;
    background: #c0cf00;
    border-radius: 0;
    transition: all 0.4s ease;
}
.btn-custom-s3:hover {
    color: #c0cf00;
    background: #FFF;
}
.contact-set-main {
  margin-bottom: 15px;
}
.contact-set-main > .custom-icon {
    width: 30px;
    font-size: 19px;
    color: #c0cf00 !important;
}
.contact-set-s1 > p:first-child {
    margin: 0 5px 0 0;
    font-size: 1.12em;
    display: inline;
    font-weight: bold;
}
.contact-set-s1 > p + p {
    display: inline;
}
.contact-form .form-type-textarea label,
.user-logged-in .contact-form #edit-name,
.user-logged-in .fluid-slide-content a.btn {
  display: none;
}
.btn-custom-s10:hover, .btn-custom-s10:focus {
    color: #c0cf00; outline: none !important;
}
.contact-form .email-bg {
	background: url('../media/contact-email.png') left no-repeat;
	background-size: cover;
	min-width: 180px;
	display: inline-block;
}

/*
 * Our Courses Page
 */
.text-decoration-line {
    text-decoration-line: line-through;
}
.overflow-hidden {
    overflow: hidden;
}

.right-controls .control {
  padding: 0px;
  height: 34px;
  border: 0px;
}
.filters .search-term,
.filters select {
  padding: 0 12px;
  border: 0px;
  border-radius: 0px;
  background: none;
  box-shadow: none;
}
.select-wrapper:after,
.filters .glyphicon-search:before {
  color: #c0cf00;
}
.filters .form-control:focus{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.date-date:before,
.right-controls .category:before {
  display: none;
}
.filters .right-controls button {
  margin-top: 0px;
  border: 0px;
}
div.grid {
    margin-top: 25px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus {
  background-color: #c0cf00;
  border-color: #c0cf00;
  outline: none;
}
.avatar img {
 width: 150px;
 height: 150px;
 border: 2px solid #313131;
}
.trainer-box h5 {
  height: 2.1em;
}
.trainer-box h4.header,
.meet-trainers .social-list,
.success-story h4.header {
  height: 2.1em;
}
.social-line span {
    margin: -4px auto;
}
.pagination-num {
    margin: 0 2px;
    color: #FFF;
    background: transparent;
    border: 1px solid #c0cf00;
    border-radius: 0;
    padding: 3px 10px;
}
.pagination-num:hover, .pagination-num.active {
  color: #FFF;
  background: #c0cf00;
  border: 1px solid #c0cf00;
}
.pagination-next-prev-s1 {
    padding: 5px;
    font-size: 2em;
    color: #c4c4c4;
}
.pagination-next-prev-s1:hover {
    font-size: 2em;
    color: #c0cf00;
}
.inner-course-details {
  padding: 10px 25px;
}
.inner-course-details .avatar img {
  height: 110px;
  width: 110px;
}
.course-details {
  min-height: 60px;
	color: #FFF;
	padding: 10px 0px;
}
.course-details-s1 {
  display: inline-block;
  min-height: 80px;
  margin-left: 20px;
  padding-top: 5px;
  vertical-align: middle;
}
#trainer-details .avatar {
  float: left;
}
.partnership-row:hover .avatar,
.trainer-box:hover .avatar,
.event-card:hover .event-img-block img,
.media-video.more-content:hover img {
  transform: scale(1.05);
  transition: transform 0.5s ease-in;
}
.partnership-row .avatar,
.trainer-box .avatar,
.event-card .event-img-block img,
.media-video.more-content img {
  transition: transform 0.5s ease-out;
}
ul.socials {
  min-height: 38px;
  padding: 15px 0 0 0;
}
.inner-course-details .price span.amount {
  font-size: 22px;
}
section p {
  padding: 0px;
}
.primary-btn.register {
  background-color: #c0cf00;
  color: #000;
  font-weight: bold;
}
.primary-btn.register:hover {
  border: 1px solid #c0cf00;
  padding: 10px 50px;
}

.discount-rec-bk {
    background: #d8a32a;
    float: left;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
.course-card .discount-rec-bk {
	float: right;
}
span.dis-percentage {
  display: block;
}
.discount-data-bk {
    float: left;
    margin-left: 13px;
}
span.dis-was {
    display: block;
    color: #ddaa31;
    text-decoration: line-through;
}
span.dis-now {
    font-weight: bold;
    font-size: 1.4em;
}
.course-deti-devider {
  border-right: 1px solid #c0cf00;
  border-left: 1px solid #c0cf00;
}


/* Course Registraion Page - Styles start */
.custom-radio-container {
    display: block;
    position: relative;
    padding-left: 55px;
    margin: 0 auto;
    cursor: pointer;
    font-size: 22px;
	line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #FFF;
}
.custom-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    background-color: #FFF;
	border: 2px solid #c0cf00;
    border-radius: 50%;
}
.custom-radio-container:hover input ~ .checkmark {
    background-color: #c0cf00;
}
.custom-radio-container input:checked ~ .checkmark {
    background-color: #c0cf00;
	border: 2px solid #FFF;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom-radio-container input:checked ~ .checkmark:after {
    display: block;
}
.custom-radio-container .checkmark:after {
 	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #c0cf00;
}
/* custom checkbox button */
.custom-checkbox-container {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #FFF;
}
.custom-checkbox-container a {
    color: #c0cf00;
}
/* Hide the browser's default checkbox */
.custom-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.ckbx-checkmark {
    position: absolute;
    /* top: 5px; */
    left: 0;
    height: 25px;
    width: 25px;
	background-color: rgba(219, 162, 0, 0);
	border: 1px solid #3e3f40;
}
.exclamation-messge {
    position: relative;
    margin: 0;
    background: url(../media/exclamation.png) left no-repeat;
    height: 64px;
    padding-left: 84px;
    font-size: 1.1em;
    padding-top: 20px;
    color: #FFF;
}
.success-message {
    margin: 0 0 1.5em 0;
    padding: 20px 30px;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    background: #c0cf00;
}

/* On mouse-over, add a grey background color */
.custom-checkbox-container:hover input ~ .ckbx-checkmark {
    background-color: #EEE;
	border: 1px solid #3e3f40;
}
/* When the checkbox is checked, add a blue background */
.custom-checkbox-container input:checked ~ .ckbx-checkmark {
    background-color: rgba(219, 162, 0, 1);
	border: 1px solid #c0cf00;
}
.custom-checkbox-container .control-label {
    padding-left: 32px;
}
/* Create the checkmark/indicator (hidden when not checked) */
.ckbx-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.custom-checkbox-container input:checked ~ .ckbx-checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.custom-checkbox-container .ckbx-checkmark:after {
    left: 8px;
    top: 4px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pay-option1 {
	padding: 15px;
	background: #555;
}
.pay-option1-info {
	margin: 2.5em 0;
}
.evaluation-questions .sub-heading { font-family: 'Al Jazeera-Latin 30';  color: #c0cf00;}
.evaluation-questions label { color: #d8d8d8; line-height: 1.5; padding-bottom: 5px; font-size: 16px; }
.evaluation-questions .select-wrapper { max-width: 200px; display: block;}
.evaluation-questions .select-wrapper select { border-radius: 0px; background-color: #d8d8d8;font-size: 16px;line-height: 1.2;height: 40px;}
.evaluation-questions textarea.form-textarea,
.evaluation-questions input.form-text { max-width: 400px;border-radius: 0px; background-color: #d8d8d8;font-size: 16px;}
.primary-btn.evaluate { margin-top: 0px;}
.back-button { border: 1px solid #c0cf00; color: #d8d8d8; margin: 10px 0; border-radius: 0;padding: 6px 25px; font-size: 14px;}
.back-button:hover, .back-button:focus { color: #d8d8d8;padding: 6px 30px;}
.back-button .fa {color: #d8d8d8; font-size: 12px !important;}
.evaluation-questions .form-submit { display: inline-block;}
.evaluation-questions #edit-resendotp { display: none; }
.evaluation-questions #edit-resendotp-msg { margin-left: 2em; color: #fff; }
[dir="rtl"] .evaluation-questions #edit-resendotp-msg { margin-left: 0;margin-right: 2em;}

[dir="rtl"] .back-button .fa-chevron-left:before { content: "\f054";}
[dir="rtl"] .evaluation-questions .form-type-checkbox label > span { margin-right: 20px; }

h2.course-subtitle {
  padding-bottom: 15px;
}

/* News landing page - start */
.news-landing .col-middle .event-desc,
.news-landing .col-middle .top-event,
.page-node-type-news .region-highlighted h1.page-header,
.page-node-type-media-tips .region-highlighted h1.page-header {
  display: none;
}
.news-landing .col-middle .event-card.top-story h5 {
    font-size: 20px;
    min-height: auto;
}
.news-landing a,
.event-title a {
  color: #ddd;
}
.pager li > a, .pager li > span {
  background: none;
}
.news-landing .pager a,
.view-news-more-items .pager a,
.view-media-tips .pager a,
.path-stories .pager a,
.view-partnerships .pager a,
.view-publications .pager a,
.view-ajmi-channel .pager a,
.view-taxonomy-term .pager a,
.view-id-ajr .pager a,
.mfd.view .pager a {
  border: 1px solid #c0cf00;
  color: #FFF;
  padding: 10px 50px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 0px;
  background: none;
}
.view-taxonomy-term .pager a, .view-id-ajr .pager a, .mfd.view .pager a {
	font-size: 20px !important; font-weight: bold; display: inherit;
}
.news-landing .pager a:hover,
.view-news-more-items .pager a:hover,
.view-media-tips .pager a:hover,
.path-stories .pager a:hover,
.view-partnerships .pager a:hover,
.view-publications .pager a:hover,
.view-ajmi-channel .pager a:hover,
.view-taxonomy-term .pager a:hover,
.view-id-ajr .pager a:hover,
.news-landing .pager a:focus,
.view-news-more-items .pager a:focus,
.view-media-tips .pager a:focus,
.path-stories .pager a:focus,
.view-partnerships .pager a:focus,
.view-publications .pager a:focus,
.view-ajmi-channel .pager a:focus,
.view-taxonomy-term .pager a:focus,
.mfd.view .pager a:focus,
.view-id-ajr .pager a:focus {
    padding: 10px 60px;
    border: 1px solid #c0cf00;
    background: none;
}
.more-news .event-body {
	min-height: 138px;
}
.news-landing .form-group {
	margin-bottom: 0px;
}
.path-node .content .field--name-body div {
	color: #ddd;
	line-height: 1.5;
	font-size: 16px;
}
.path-node .content p {
  margin-bottom: 15px;
}
.path-node .content strong {
  font-weight: bold;
}
.path-node .content h2 {
  font-size: 28px;
  padding-top: 0px;
}
.path-node .content h3 {
  font-size: 24px;
}
.path-node .content h4 {
  font-size: 18px;
}
.path-node .content h5 {
  font-size: 14px;
}
.path-node .content ol, .path-node .content ul {
  padding-left: 1.5em;
  line-height: 1.42857143;
  color: #FFF;
}
.path-node .content ul {
  list-style-type: disc;
}
.path-node .content ul li,
.path-node .content ol li {
  padding-bottom: 15px;
	font-size: 16px;
  line-height: 1.5;
}
.path-node .content a {
  color: #c0cf00;
}
.path-node .content img {
  width: auto;
  padding-bottom: 15px;
}
.path-node #content .content figure {
  background-color: inherit;
  cursor: auto;
	display: inline-block;margin-bottom: 10px;
}
.path-node #content .content figure img {
	height: auto;
	padding-bottom: inherit;
}
.path-node #content .content figure figcaption {
	background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  font-size: 15PX;line-height: 1.2;
}
.page-node-type-jr-articles .ajr-article-content figure {
  display: table !important;
  padding-bottom: 0 !important;
}
.page-node-type-jr-articles .ajr-article-content figure.align-left {
  padding-right: 0 !important;
  margin-right: 15px !important;
}
.page-node-type-jr-articles .ajr-article-content figure figcaption {
  position: inherit !important;
  color: #c0cf00 !important;
  font-size: 16px !important;
  background-color: #000 !important;
  line-height: 1.4 !important;
  text-align: center;
  display: table-caption;
  caption-side: bottom;
}
.page-node-type-jr-articles .ajr-article-content figure figcaption > a {
  position: relative !important;
  text-decoration: underline;
}
.page-node-type-jr-articles .jr-articles figure .field--name-field-news-image + figcaption {
  position: inherit !important;
  background-color: #000 !important;
  line-height: 1.4 !important;
  text-align: center;
}
.page-node-type-jr-articles .ajr-article-content img[align=left] { margin-right: 15px; }
.page-node-type-jr-articles .ajr-article-content img[align=right] { margin-left: 15px; }
.page-node-type-jr-articles .field--name-field-ajr-tags { padding: 3em 0; color: #ddd; font-size: 18px; }
.page-node-type-jr-articles .field--name-field-ajr-tags .field--items { display: inline-flex; gap: 1em; flex-wrap: wrap; }
.page-node-type-jr-articles .field--name-field-ajr-tags .field--items a { font-weight: bold; }
.page-node-type-jr-articles .field--name-field-ajr-tags .field--items a:hover,
.page-node-type-jr-articles .field--name-field-ajr-tags .field--items a:focus { text-decoration: underline; }
.path-node .content .align-right {
  padding-left: 15px;
  padding-bottom: 15px;
}
.path-node .content .align-left {
  padding-right: 15px;
  padding-bottom: 15px;
}
.event-card .event-desc {
  color: #ddd;
  font-size: 16px;
  line-height: 24px;
}
.region-highlighted nav ul.nav-tabs {
    margin: 0px;
    padding: 0px;
    text-align: unset;
}
.region-highlighted nav ul.nav-tabs > li > a {
  padding: 10px 15px;
  height: auto;
  margin: 0px;
}
.region-highlighted nav .nav-tabs > li.active > a,
.region-highlighted nav .nav-tabs > li.active > a:focus,
.region-highlighted nav .nav-tabs > li.active > a:hover {
  border-bottom: 0px;
}
.region-content-bottom {
  background: #2c2c2c;margin-bottom: 10rem;
}
#block-views-block-news-more-items-block-1,
#block-views-block-media-tips-block-1-2 {
  padding: 0 50px;
}
.boxed.success-story {
	min-height: 300px;
	display: flex;
	align-items: center;
}
.success-story h4 {
	padding-bottom: 5px;
	font-size: 18px;
}
.success-story h5 {
  margin: 0;
  font-family: 'Al Jazeera-Latin 40';
  font-size: 14px;
  -webkit-font-smoothing: auto;
  color: #c0cf00;
	padding-bottom: 10px;
}

/* Media Tips & Vidoes styles */
.video-play-s1 {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #c0cf00 !important;
    font-size: 1.4em;
    background: #000;
    border-radius: 50%;
    border: 2px solid #c0cf00;
		z-index: 9;
}
.video-play-s1 i {
  margin: 6px 0 0 6px; height: 0;
}
.fa-play:before {
    content: "\f04b";
}
.fa-play {
  opacity: 1;
}

.media-tips-block .event-body {
  background-color: unset;
  border: 1px solid #c0cf00;
  padding: 15px;
  margin-bottom: 30px;
  height: 158px;
}
.media-tips-block .event-date {
    color: #c0cf00;
}
.media-tips-landing .social-list,
.media-tips-block .social-list {
  padding: 0px;
}
.media-tips-block .social-list li a i {
  border-radius: 100%;
}
.media-tips-landing .social-list li {
  display: block;
  text-align: center;
  padding: 5px;
}
.media-tips-landing .social-list li a i {
  border-radius: 100%;
  width: 45px;
  height: 45px;
  line-height: 3;
}

.media-tips-block .event-title {
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.media-tips-block .event-title:after,
.media-tips-landing p.sub-heading:after {
  bottom: -6px;
}

.slick-content-slider {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.role-text {
    position: relative;
    padding-bottom: 1em;
}
.role-text::after {
    content: " ";
    width: 100px;
    height: 2px;
    margin: 0 auto;
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #c0cf00;
}
.slick-content-slider .fa {
  color: #FFF;
  padding: 5px;
}
.node-preview-container {
    margin: 0;
    padding-left: 230px;
		background: #000;
}
.node-preview-container .form-item-view-mode,
.node-preview-container + #toolbar-administration + .dialog-off-canvas-main-canvas .region-highlighted h1.page-header,
.view-taxonomy-term .feed-icons {
	display: none;
}
.link-copy {
	font-size: 26px;
	color: #ddd;
}
.link-copy .fa {
	padding-bottom: 5px;
}
.is-unpublished {
    background-color: #c45555;
}
.field--name-body .video-embed-field-provider-youtube iframe {
    display: block;
    margin: auto;
}
.view-ajmi-channel .featured-channel {
	float: inherit !important;
}

/* Partnership page - start */
.partnership-row .avatar img {
  width: 200px !important;
  height: 200px !important;
	object-fit: inherit;
}

/* Styles for Digital Stories */
.path-node .content h2:lang(ar),
.path-node .content p:lang(ar),
.path-node .content ol:lang(ar),
.path-node .content li:lang(ar),
.path-node .content ul:lang(ar) {
	text-align: right;
}
.page-node-type-digital-stories .region-highlighted h1.page-header {
    display: none;
}
.view-digital-stories .pager a {
  border: 1px solid #c0cf00;
  color: #FFF;
  padding: 10px 50px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 0px;
  background: none;
}
.view-digital-stories .pager a:hover,
.view-digital-stories .pager a:focus {
    padding: 10px 60px;
    border: 1px solid #c0cf00;
    background: none;
}
.stories-heading {
	padding: 40px 0px 40px;
}
.stories-heading h5 {
	display: -webkit-inline-box;
}
.story-btn-link {
	color: #000 !important;
	background: #c0cf00;
	margin: 0 2px;
	border-radius: 0;
	padding: 5px 10px;
	text-decoration: none !important;
}
.story-btn-link:hover,
.story-btn-link:focus {
	background: #adba00;
	color: #000;
}
.stories-card .publisher-info {
	padding: 10px 0;
}
.stories-card .publisher-info p,
.stories-card .publisher-info .fa,
.stories-card .publisher-info a,
.node-publisher-info a,
.node-publisher-info .fa {
	color: #555 !important;
	font-size: 16px !important;
}
.stories-card .publisher-info .fa,
.node-publisher-info .fa {
	vertical-align: middle;
}
.stories-card .top-event {
	top: 0;
  bottom: auto;
	font-family: "Al Jazeera-Latin 50";
	font-size: 14px;
	z-index: 9;
}
#views-exposed-form-digital-stories-page-1 .links {
	line-height: 3;
}
#views-exposed-form-digital-stories-page-1 .form-item{
		padding: 0px;
    height: 34px;
    border: 0px;
		background: #252525;
		display: inline-block;
		width: 150px;
}
#views-exposed-form-digital-stories-page-1 .form-control{
	padding: 0 12px;
	border: 0px;
	border-radius: 0px;
	background: none;
	box-shadow: none;
}
#views-exposed-form-digital-stories-page-1 .search-stories-form {
	float: right;
}
#views-exposed-form-digital-stories-page-1 #edit-submit-digital-stories {
	background: #2c2c2c;
    color: #ddd;
    border-radius: 0;
    padding: 3px 15px 3px 10px;
		border: 0px;
		margin-top: 5px;
		height: 34px;
}
#views-exposed-form-digital-stories-page-1 .form-actions {
	display: inline-block;
}
.story-title {
	text-align: center;
	padding: 10px 10px 30px;
}
.story-title a {
	color: #ddd;
}
.contact-message-stories-form {
	 padding: 50px;
	 background: url('../media/contact-stories.jpeg') center center no-repeat;
   background-size: cover;
}
#contact-message-stories-form .form-control{
	background: rgba(255, 255, 255, 0.1);
	border-bottom: 2px solid #c8bdb2;
	position: relative;
	color: rgba(255, 255, 255, 0.7);
	box-shadow: none;
}
#contact-message-stories-form #edit-mail,
#contact-message-stories-form .form-control::placeholder{
	color: #FFF;
}
#contact-message-stories-form input::-ms-input-placeholder {
	color: #FFF;
}
.digital-stories .media-video.landing {
  align-items: inherit !important;
}
.digital-stories .media-video.landing .video-info {
	padding: 35px;
}
.digital-stories .media-video.landing .video-shares ul li {
	margin: 0 3px;
}
.view-digital-stories h2 {
	padding-top: 0;
}
.carousel-control {
	 width: 4%;
}
.carousel-control.left,
.carousel-control.right {
	margin-left:15px;
	background-image: none;
}
.stories-card a .top-event {
	transition: all .3s !important;
}
.stories-card a:hover .top-event {
	transform: scale(1.1);
	transform-origin: top left;
}
.masonry-column {
	margin-bottom: 2rem;
	-webkit-column-break-inside: avoid;
	page-break-inside:avoid;
	break-inside: avoid-column;
}
.masonry-grid {
	column-gap: 30px;
	-webkit-columns: 480px 3;
  -moz-columns: 480px 3;
  columns: 480px 3;
}
@-moz-document url-prefix() {
	.masonry-column {
		display: inline-block;
	}
}
.digital-stories .node-publisher-info,
.stories-card .publisher-info {
	display: none; /* business decision-hiding for now*/
}
html[lang=en] .digital-stories .media-video.landing .video-info {
	font-weight: bold;
}
html[lang=en] #views-exposed-form-digital-stories-page-1 #edit-combine::-webkit-input-placeholder { color:transparent;}
html[lang=en] #views-exposed-form-digital-stories-page-1 #edit-combine:-ms-input-placeholder { color:transparent;}
html[lang=en] #views-exposed-form-digital-stories-page-1 #edit-combine::-moz-placeholder { color:transparent;}
html[lang=en] #views-exposed-form-digital-stories-page-1 #edit-combine:-ms-input-placeholder { color:transparent;}

/* Digital Stories - countries list */
.story-countries {
	padding-bottom: 30px;
}
.story-countries .country-card {
	border-bottom: 8px solid;
	text-align: center;
	width: 160px;
  height: 296px;margin: 0 !important;
}

.story-countries img {
	padding-right: 2px;
	-webkit-transition: -webkit-transform 3s;
	transition: all .3s;
	filter: grayscale(100%);height: 236px;
}
.story-countries .country-card:hover img,
.story-countries .country-card:focus img,
.story-countries .country-card.active img {
	filter: grayscale(0%);
}
.story-countries .country-card p {
	opacity: 0.5;
}
.story-countries .country-card:hover p,
.story-countries .country-card.active p {
	opacity: 1;
}
.story-countries p {
	text-transform: uppercase;
	font-family: "Al Jazeera-Latin 50";
	color: #999;
	padding: 10px;
}
#slick-slider-countries .slick-prev, #slick-slider-countries .slick-next{
	display: block !important;
	width: 35px !important;
  height: 35px !important;z-index: 1;
}
.slick-prev:before, .slick-next:before { font-size: 35px !important;}
.slick-next { right: -35px !important; }
.slick-prev { left: -35px !important; }
[dir='rtl'] .slick-next { right: auto !important; left: -35px !important; }
[dir='rtl'] .slick-prev { right: -35px !important; left: auto !important; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .50 !important;}

/* Styles for Journal of Journalism - start */
.path-ajr .page-header,
.path-media-development .page-header,
.page-node-type-jr-articles h1.ajr.page-header,
.page-node-type-md-articles h1.ajr.page-header,
.page-node-type-jr-magazine h1.ajr.page-header,
.path-taxonomy h1.ajr.page-header,
.page-node-type-fellowship .page-header,
.page-node-type-pages h1.ajr.page-header,
.path-contact h1.ajr.page-header {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.menu--ajr,
.menu--fellowship, .menu--media-development {
	display: inline-flex;
	margin-bottom: 50px;
}
.menu--ajr li a,
.menu--fellowship li a, .menu--media-development li a {
	font-size: 20px;
	color: #CBCBCB;
	padding: 10px;
	font-family: "Al Jazeera-Latin 50";
	border-bottom: 1px solid #3E3E3E;
}
.menu--ajr li a:hover,
.menu--ajr li a:focus,
.menu--fellowship li a:hover,
.menu--fellowship li a:focus, .menu--media-development li a:hover, .menu--media-development li a:focus {
	background: none;
	color: #c0cf00;
	border-bottom: 2px solid #c0cf00;
}
.menu--media-development li.open > a { background-color: transparent !important;border-bottom: 2px solid #c0cf00 !important; }
.menu--media-development li.open .dropdown-menu { min-width: 200px; background-color: #212121; border-radius: 0;}
[dir='rtl'] .menu--media-development li.open .dropdown-menu { text-align: right; right: 0;}
.menu--media-development li.open > .dropdown-menu a { font-size: 18px; border-color: #3E3E3E;}
.menu--media-development li.open > .dropdown-menu li.active > a { border-bottom: 1px solid #c0cf00 !important;}
 .menu--media-development .dropdown-menu li.last a { border-bottom: 0 !important;}
[dir='ltr'] .menu--ajr > li:nth-of-type(5), [dir='ltr'] .menu--ajr > li:nth-of-type(6), [dir='rtl'] .menu--ajr > li:nth-of-type(7),
[dir='ltr'] .menu--ajr > li:nth-of-type(8), [dir='ltr'] .menu--ajr > li:nth-of-type(10) { display: none; }
.ajr-block .event-title a:hover,
.ajr-block .event-title a:focus,
.opinion-block .event-title a:focus,
.opinion-block .event-title a:hover,
.ajr-block .more-info .profile-info a:hover,
.ajr-block .more-info .profile-info a:focus {
	color: #c0cf00;
}
.menu--ajr li.active a,
.menu--fellowship li.active a,
.menu--media-development li.active > a {
	color: #c0cf00;
	border-bottom: 2px solid #c0cf00 !important;
}
.ajr-top-article {
	position: relative;
	overflow: hidden;
	height: auto;
	background: #fff;
	text-align: left;
	object-fit: cover;
	max-height: 800px;
}
.ajr-top-article .event-body {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	background: none;
	padding: 20px;
}
.ajr-top-article .dev-gradient {
	border-bottom: 2px solid #c0cf00;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 80%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(1,1,1,1) 80%);
	z-index: 9;
}
.ajr-block .top-event {
	z-index: 10;
	top: 0px;
	bottom: auto;
	font-size: 16px;
	font-family: "Al Jazeera-Latin 50";
	padding: 0px;
	background: none;
}
.ajr-block .top-event a {
	color: #000;background-color: #c0cf00; padding: 8px 10px;display: inline-block; margin-bottom: 0.1em;
}
.ajr-block .top-event a:focus,
.ajr-block .top-event a:hover {	background-color: #adba00;}
.ajr-block .top-event .field--item,
.ajr-block .reporter .field--item,
.article-metadata .reporter .field--item {  float: right;}
[dir="ltr"] .article-metadata .reporter .field--item {  float: left;}
[dir="ltr"] .ajr-block .top-event .field--item a { margin-right: 3px; }
[dir="rtl"] .ajr-block .top-event .field--item a { margin-left: 3px; }
.ajr-block .reporter .field--item .profile-info:after,
.article-metadata .reporter .field--item .profile-info span:after { /* Arabic, multiple fields with comma */
  content: " ،"; left: 3px; position: relative; padding-left: 5px;
}
.ajr-block .top-event .field--item:last-child:after,
.ajr-block .reporter .field--item:last-child .profile-info:after,
.article-metadata .reporter .field--item:last-child .profile-info span:after {
    content: none;
}
.ajr-block .reporter .field--item:not(:first-of-type) .avatar,
.contact-message-ajr-form .contact-set-main,
.contact-message-ajr-form .office-hours {
	display: none;
}
.ajr-block .event-body .desc {
	padding: 5px 0px 10px;
}
.ajr-block .more-info .desc p,
.ajr-block span.text-muted,
.ajr-block p.text-muted,
.opinion-block .desc p,
.article-metadata .reporter span.text-muted {
	font-size: 14px;
}
[dir="ltr"] .ajr-block p.text-muted.ar, [dir="rtl"] .ajr-block p.text-muted.en { display: none; }
.ajr-top-article .event-title a {
	color: #c0cf00;
	font-size: 24px;
	font-family: "Al Jazeera-Latin 50";
}
.block .ajr-block .event-title {
	font-size: 18px;
	font-family: "Al Jazeera-Latin 50";
}
.path-ajr .block-title {
	font-size: 24px;
	text-align: center;
	font-family: "Al Jazeera-Latin 30";
}
.reporter {
	padding: 10px 0;
}
.reporter .avatar {
	float: left;
	padding-right: 10px;
}
.reporter .avatar img {
	width: 50px !important;
	height: 50px !important;
	border: 1px solid #313131bd !important;
}
.reporter .name,
.reporter .name a,
.article-metadata .profile-info span a {
	font-size: 18px;
	font-family: "Al Jazeera-Latin 50";
	color: #c0cf00;
}
.block .reporter .avatar img {
	width: 30px;
	height: 30px;
}
.ajr-top-article .profile-info {
	margin-top: 10px;
}
.ajr-top-article .profile-info a:hover,
.ajr-top-article .profile-info a:focus {
	color: #ddd;
}
.ajr-block .more-info .profile-info,
.ajr-block .more-info .reporter span.text-muted {
	line-height: 3.6;
}
.ajr-block .more-info .profile-info a,
.ajr-block .more-info .profile-info span:first-child,
.article-metadata .reporter .profile-info {
	color: #c0cf00;
}
.opinion-block {
	text-align: center;
	margin: 25px 50px;
}
.opinion-block h6 a {
	font-family: "Al Jazeera-Latin 50";
	font-size: 16px;
	color: #c0cf00;
}
.opinion-block h5 {
	padding: 10px 0;
}
.view-taxonomy-term .reporter-big .avatar img,
.opinion-block .avatar img {
	width: 100px !important;
	height: 100px !important;
	border: 1px solid #313131bd;
}
.view-taxonomy-term .reporter-big .avatar {
	padding-right: 40px;
	float: left;
}
.view-taxonomy-term .reporter-big .name,
.view-taxonomy-term .reporter-big .field--name-name {
	font-size: 26px;
	font-family: 'Al Jazeera-Latin 50';
	color: #999;
}
.view-taxonomy-term .view-header {
	padding-bottom: 35px;
}
#block-views-block-ajr-block-1,
#block-views-block-ajr-block-3 {
	background-color: #212121;
	padding-bottom: 50px;
}
#block-views-block-ajr-block-2,
#block-views-block-ajr-block-4 {
	background-color: #171717;
	padding-bottom: 50px
}
.path-ajr .block .view-ajr,
#block-views-block-media-development-block-1,
#block-views-block-ajr-block-5,
#block-views-block-ajr-block-6 {
	padding: 0px 50px;
}
.ajr-block .more-info {
	min-height: 265px;
}
.view-ajr .more-link a, .view-media-development .more-link a {
	color: #000 !important;
	background: #c0cf00;
	margin: 0 2px;
	border-radius: 0;
	padding: 5px 20px;
	text-decoration: none !important;font-size: 18px; font-weight: bold;
}
.view-ajr .more-link, .view-media-development .more-link {
	clear: both;
	text-align: center;
	padding-top: 20px;
}
.view-ajr .more-link a:hover, .view-ajr .more-link a:focus, .view-media-development .more-link a:hover, .view-media-development .more-link a:focus {
	background: #adba00;
	color: #000;
}
.article-metadata {
	position: relative;
}
.article-metadata {
	margin-bottom: 20px;
	border-bottom: 1px solid #707070;
}
.article-metadata .reporter,
.ajr-block .more-info .reporter .field--name-field-reporter-profile {
	float: left;
}
.article-metadata .profile-info span {
	float: left;
	padding: 23px 0 5px;
}
.article-metadata .reporter .avatar img {
	padding-bottom: 0px;
}
.article-metadata .share-article {
	bottom: 0;
	position: absolute;
	right: 0;
}
#views-exposed-form-ajr-page-2 .form-item {
	padding: 0px;
	height: 34px;
	border: 0px;
	background: #252525;
	display: inline-block;
	width: 175px;
}
#views-exposed-form-ajr-page-2 .form-control {
	padding: 0 12px;
	border: 0px;
	border-radius: 0px;
	background: none;
	box-shadow: none;
	width: 100%;
  color: #fff;
}
#views-exposed-form-ajr-page-2 button[id*="edit-submit-ajr"] {
	background: #2c2c2c;
	color: #ddd;
	border-radius: 50%;
	padding: 3px 3px 3px 7px;
	border: 0px;
	margin-top: 0px;
	height: 34px;width: 34px;
	font-size: 0px !important; /* Hide text */
  outline: none;
}
#views-exposed-form-ajr-page-2 button[id*="edit-submit-ajr"] span {
	font-size: 16px;
}
nav#block-ourjournalism,
#block-exposedformajrpage-2 .form-actions,
nav#block-mediadevelopment,
#block-exposedformmedia-developmentpage-2 .form-actions {
	display: inline-block;
}
#block-exposedformmedia-developmentpage-2,
#block-exposedformajrpage-2 {
	float: right;
	margin-top: -60px;
}
.magazine-card {
	padding-bottom: 25px;
	height: 420px;
}
.magazine-card .thumb {
	position: relative;
}
.magazine-card .magazine-info {
	position: absolute;
	/* background-color: #000; */
	opacity: 0.9;
	bottom: 0;
	width: 100%;
	font-weight: bold;
}
.magazine-card .magazine-info .season {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 14px 5px 11px;
	font-size: 20px;
	float: left;
	width: 60%;
	text-align: center;
}
.magazine-card .magazine-info .issue-num {
	background: #000000;
	font-size: 32px;
	color: #c0cf00;
	font-weight: bold;
	float: right;
	width: 40%;
	text-align: center;
	padding-top: 7px;
}
.magazine-card .download a {
	display: block;
	text-align: center;
	padding: 10px;
	width: 100%;
	margin: 0;
}
.view-ajr.view-display-id-block_1 .event-card .event-img-block,
.view-ajr.view-display-id-block_3 .event-card .event-img-block,
.view-ajr.view-display-id-block_4 .event-card .event-img-block,
.view-ajr.view-display-id-block_5 .event-card .event-img-block,
.view-ajr.view-display-id-block_6 .event-card .event-img-block,
.view-ajr.view-display-id-page_2 .event-card .event-img-block,
.view-taxonomy-term .ajr-block .event-img-block {
	max-height: 202px;
}
.path-node .content .text-align-justify {
  text-align: justify !important;
}
.page-node-type-jr-articles article .content p {
	line-height: 2;
	font-size: 18px;
}
[dir="ltr"] .page-node-type-jr-articles article .content p { line-height: 1.6; }
.page-node-type-jr-articles article .content h3 { padding-bottom: 15px; }
.page-node-type-jr-articles article .content h4 { padding-bottom: 10px; }
.read-time { color: #d8d8d8; font-size: 16px;}
.read-time .time { padding: 10px;}
[dir="ltr"] #block-exposedformajrpage-2 .share-article ul li:nth-of-type(3) { display: none;}

#block-exposedformajrpage-2 .share-article ul  {
	text-align: left;
}
#block-exposedformajrpage-2 .share-article ul li {
	padding: 15px 3px;
}
#block-exposedformajrpage-2 .share-article a:hover >i.fa-envelope-o {
  background: #f57d00;
 	color: #fff;
}
.field--name-field-ajr-podcast { margin: 1em 0 2em; color: #ddd; font-size: 18px; }
.field--name-field-ajr-podcast .field--label { padding-bottom: 10px; }
.field--name-field-ajr-podcast audio { width: 100%; padding: .5em; background-color: rgb(192 207 0 / 80%); border-radius: 0; }
.field--name-field-ajr-podcast-link { margin: 1em 0 2em; font-size: 1.5em; }
.ajr-article-content table {
  border: 1px double #b3b3b3 !important; color: #ddd !important;
  font-size: 18px; margin-top: 1.5rem; margin-bottom: 1.5rem;
}
.ajr-article-content table caption {
  color: #ddd !important; font-weight: 700; padding-bottom: .6em;text-align: center;
}
.ajr-article-content table td {
  border: 1px solid #ddd !important; min-width: 2em; padding: .6em .4em;
}
.ajr-article-content table th {
  text-align: left; font-weight: 700; padding: .4em; border: 1px solid #ddd !important;
}

/**** Our Journalism - AJR Newsletter ****/
#mc_embed_signup {
	padding: 20px 50px 70px;
  width: 80%;
  margin: 0 auto;
}
#mc_embed_signup form {display:block; position:relative; }
/* #mc_embed_signup #MoreText{  line-height: 2.9;  text-align: left; } */
#mc_embed_signup .mc-field-group{  width: 75%; display: inline-block;}
#mc_embed_signup .mc-field-group input{
	display: block;	width: 100%; padding: 2px 10px;
	margin: 0;background-color: #FFF;	line-height: 2.8;
	border:1px solid #999;
  appearance: none;
	-webkit-appearance:none;font-size: 16px;
}
#mc_embed_signup input#mce-EMAIL::-webkit-input-placeholder{  font-size: 16px; line-height: 3.2; text-align: right; color: #9b9b9b; }
#mc_embed_signup input#mce-EMAIL:-moz-placeholder{ /* Firefox 18- */ font-size: 16px; line-height: 3.2; text-align: right; color: #9b9b9b; }
#mc_embed_signup input#mce-EMAIL::-moz-placeholder{ /* Firefox 19+ */ font-size: 16px; line-height: 3.2; text-align: right; color: #9b9b9b; }
#mc_embed_signup input#mce-EMAIL:-ms-input-placeholder{ font-size: 16px; line-height: 3.2; text-align: right; color: #9b9b9b; }

input#mc-embedded-subscribe:hover{ background-color: #adba00; }
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; border: 0 none;  cursor: pointer;font-size: 16px !important;font-weight: bold; padding: 25px 30px; margin: 0; background-color: #c0cf00; border-radius: 0; line-height: 0;  }
[dir="ltr"] #mc_embed_signup input#mce-EMAIL::-webkit-input-placeholder{ text-align: left; }
[dir="ltr"] .clear-pos{ float: right; width: 25%;}
[dir="rtl"] .clear-pos{ float: left; width: 20%;}

.modal-dialog { margin-top: 160px; }
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .modal-dialog {  margin-top: 239px; }
body.toolbar-fixed .modal-dialog { margin-top: 199px; }
.modal-body { background-color: #fff; padding: 0; }
.modal-body button.close {
  color: #c0cf00; opacity: 1; font-size: 26px; position: absolute;left: -35px;background: inherit;
  background-color: #fff; border-radius: 50%;width: 30px; height: 30px;
  font-weight: normal;top: 0;background-image: none;font-family: Arial;
}
.modal-body .close:hover, .modal-body .close:focus { color: #fff;  background-color: #c0cf00; opacity: 1;outline: none; }
.mc-newsblock { background-color: #e0e0e0; padding: 10px;}
.mc-headerbg { width: 100%; height: auto; padding-bottom: 20px; }
.mc-welcometext { background-color: #fff; line-height: 1.8; font-size: 24px; color: #333; padding: 10px; }
.mc-subscribe { background-color: #0ba2a2 !important; color: #fff; padding: 10px 40px; border-radius: 5px; margin: 10px 0; display: inline-block; }

/* Media for Development */
.path-media-development .page-header { font-size: 26px; margin-top: 0;margin-bottom: 10px;}
.mfd .ajr-top-article .dev-gradient { 
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 85%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 70%,rgba(1,1,1,1) 85%);
}
.mfd .ajr-top-article .event-title a { font-size: 32px;}
.mfd .ajr-top-article.ajr-block .event-body .desc p { font-size: 20px;}
.mfd .event-card:not(.ajr-top-article) .event-img-block { max-height: 320px;}
.mfd .ajr-top-article .event-body { bottom: 5%; }
.mfd.view-display-id-attachment_1 .ajr-block .more-info,
.mfd.view-display-id-page_3 .ajr-block .more-info { min-height: 150px;}
.view-media-development .block-title { padding-top: 50px;}
.view-media-development .view-header { padding-bottom: 20px;}
.path-media-development .region-content, .page-node-type-md-articles .region-content{ padding-bottom: 5em; }
html[dir="ltr"] .md-articles .field--name-body p, html[dir="ltr"] .md-articles .field--name-body div,
html[dir="ltr"] .md-articles .field--name-body span, html[dir="ltr"] .md-articles .field--name-body ul li,
html[dir="ltr"] .md-articles .field--name-body ol li {
  font-size: 18px; line-height: 1.6;
}
.event-card .links.dropdown {
  position: absolute; top: 0; right: 15px; display: none;transition: all 0.8s ease;z-index: 11;
}
.event-card .links.dropdown .button {
  color: #333; background-color: #fff; border-color: #ccc; padding: 1px 5px;
	line-height: 1.5; border-radius: 3px; margin: inherit; height: 22px;
}
.event-card:hover .links.dropdown { display: block; }
[dir="rtl"] .event-card .links.dropdown { left: 15px; right: auto; }

/* Home Popup - start */
.view-taxonomy-term #introPopup .modal-body { max-width: 600px; padding: 0; border: 10px solid #222222;background-color: #222222; }
#introPopup .modal-body { padding: 10px; background-color: transparent; }
#introPopup .modal-content { border: 0; background-color: #222222; }
body.modal-open #introPopup.modal,
body.path-frontpage.modal-open header.navbar-banner { background: rgba(0, 0, 0, 0.6); z-index: 1; }
body.path-frontpage.modal-open .region-header #logo { background: rgba(0, 0, 0, 0.6);z-index: 100; }
#introPopup .modal-body p { margin: 0 0 10px;}
#introPopup .modal-body p:last-child { margin: 0;}
#introPopup .modal-body p strong { font-weight: bold;}
#introPopup .modal-body h3 { font-size: 22px;}
#introPopup .modal-body h4 { font-size: 20px;}
#introPopup .modal-body a { text-decoration: underline; color: #fff;}
#introPopup .modal-body img { width: auto;}
.dont-show {
  background: #222222; border: 1px solid #d8d8d8; border-radius: 4px;
  padding: 0.5em 1em;color: #ddd;display: block;margin: 0.5em auto 0;font-size: 14px;
  position: absolute; left: 50%; bottom: -38px; transform: translate(-50%, 0%);
}
body.modal-open #introNewsletter.modal { background: rgba(0, 0, 0, 0.6); }
body.path-ajr.modal-open header.navbar-banner { background: rgba(0, 0, 0, 0.6); z-index: 10; }
body.path-ajr.modal-open .region-header #logo { background: rgba(0, 0, 0, 0.6);z-index: 100; }

/* Fellowship Page Styles - start */
.page-node-type-fellowship #content section.wrap {
	background: #212121;
}
.page-node-type-fellowship .content .nav-tabs {
	text-align: left;
	padding: 0px !important;
	border-bottom: 2px solid #313131;
	margin-bottom: 30px !important;
}
.page-node-type-fellowship .content .nav-tabs > li {
	padding: 20px 20px 0px 0px;
}
.page-node-type-fellowship .content .nav-tabs > li > a {
	height: auto;
	padding: 0 0 15px 0;
	font-size: 20px;
	background: none;
	color: #CBCBCB;
	border-bottom: 0px;
	margin: 0;
	text-transform: none;
	opacity: 1;
	letter-spacing: inherit;
}
.page-node-type-fellowship .content .nav-tabs > li.active a,
.page-node-type-fellowship .content .nav-tabs > li:focus a,
.page-node-type-fellowship .content .nav-tabs > li:hover a{
	background: none;
	color: #c0cf00;
	border-bottom: 2px solid #c0cf00;
}
#faq .fq {
	padding: 15px;
	background-color: #171717;
	cursor: pointer;
	font-weight: bold;
	color: #818181;
}
#faq .fq::after {
	content: "\e114"; float: right; font-family: "Glyphicons Halflings";
	right: 20px; position: relative;
}
#faq .fq.active::after {
	content: "\e113" !important;
}
#faq .fq:hover,
#faq .fq:focus,
#faq .fq.active {
	color: #c0cf00 !important;
}
#faq .ans {
	display: none; padding: 15px;
}
.page-node-type-fellowship .content div {
	color: #ddd;
}
.page-node-type-fellowship #forms a {
	margin: 0 20px 0 0px;
	padding: 10px;
}

.page-node-type-fellowship .progress-block {
	position: relative;
}
.page-node-type-fellowship .progress-block img {
	padding-bottom: 0px;
	margin-bottom: 15px;
}
.page-node-type-fellowship .progress-duration {
	position: absolute;
	right: 0;
	background: #0000006e;
	height: 100%;
	width: 15%;
	top: 0;
	text-align: center;
}
.page-node-type-fellowship .progress-duration h3 {
	padding-bottom: 15px;
	padding-top: 75%;
}
.page-node-type-fellowship .progress {
	width: 120px;
	height: 120px;
	line-height: 120px;
	background: none;
	margin: 0 auto;
	box-shadow: none;
}
.page-node-type-fellowship .progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 12px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.page-node-type-fellowship .progress>span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}
.page-node-type-fellowship .progress .progress-left {
	left: 0;
}
.page-node-type-fellowship .progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 12px;
	border-style: solid;
	position: absolute;
	top: 0;
}
.page-node-type-fellowship .progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}
.page-node-type-fellowship .progress .progress-right {
	right: 0;
}
.page-node-type-fellowship .progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
	animation: loading-1 1.8s linear forwards;
}
.page-node-type-fellowship .progress .progress-value {
	border-radius: 50%;
	background: transparent;
	font-size: 40px;
	line-height: 20px;
	text-align: center;
	padding-top: 40px;
}
.page-node-type-fellowship .progress .progress-text {
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
}
.page-node-type-fellowship .progress.white .progress-bar {
	border-color: #bfbdbd;
}
.progress.white .progress-left .progress-bar {
	animation: loading-3 1s linear forwards 1.8s;
}
.progress.white2 .progress-bar {
	border-color: #bfbdbd;
}
.progress.white2 .progress-left .progress-bar {
	animation: loading-2 0.4s linear forwards 1.8s;
}
@keyframes loading-1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@keyframes loading-2 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(144deg);
		transform: rotate(144deg);
	}
}
@keyframes loading-3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}



/* CKEditor Dropdown Styles - start */
.cke-green-heading {
  color: #c0cf00;
  font-size: 26px;
  font-family: "Al Jazeera-Latin 30";
}
.cke-txt-highlight {
  color: #d8a32a;
}
.cke-sub-heading:after {
  content: " ";
  width: 50px;
  height: 2px;
  margin-left: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: #c0cf00;
}
.cke-btnLink {
  color: #fff;
  background-color: #c0cf00;
  border-color: #c0cf00;
  border-radius: 22px;
  padding: 6px 30px;
  display: inline-block;
}
.cke-btnLink a {
  color: #FFF !important;
}
/* CKEditor Dropdown Styles - End */


/* Media queries */
@media screen and (max-width: 50em) {
  .content {
    padding: 0px;
    text-align: inherit;
  }
}

/**
 * AJMI Arabic Styles.
 */
[dir="rtl"] *:not(.fa):not(.glyphicon):not(.language-link):not(.qar) {
 font-family: 'Al-Jazeera-Arabic', 'Al Jazeera-Latin 40' !important;
}
[dir="rtl"] .language span a,
[dir="rtl"] .qar {
  font-family: 'Al Jazeera-Latin 40' !important;
}
[dir="rtl"] .dir-ltr { direction: ltr; }
[dir="rtl"] header.navbar-banner {
  right: 0;
	left: auto;
}
[dir="rtl"] h1#logo {
    right: 0;
    left: auto;
}
[dir="rtl"] h1#logo a {
	background-image: url('../media/AJMI logo_ar.svg');
}
[dir="rtl"] .select-wrapper:after {
  right: auto;
  left: 0;
  padding-left: .5em;
	z-index: 10;
}
[dir="rtl"] .profile-nav .login-singup {
    padding: 10px 20px;
}
[dir="rtl"] .input-group-addon img {
  left: auto;
  right: 3px;
}
[dir="rtl"] .login-form .input-group .form-control {
  padding-right: 25px;
  padding-left: auto;
}
[dir="rtl"] .login-form.signup .radio-inline {
	padding-right: 20px;
}
[dir="rtl"] .form-item-aljazeera-member.radio {
	float: right;
}
[dir="rtl"] .login-form.signup .radio-inline input[type="radio"] {
	margin-right: -20px;
}

[dir="rtl"] #content {
    padding-right: 230px;
    padding-left: inherit;
}
[dir="rtl"] #content .dev-item.col-md-4,
[dir="rtl"] #content .dev-item.col-md-3 {
    float: right;
}
[dir="rtl"] .language span {
    margin-right: 30px;
		line-height: 1.3;
}
[dir="rtl"] .language,
[dir="rtl"] #main-nav .menu--main a,
[dir="rtl"] #content figure h2,
[dir="rtl"] #content figure p,
[dir="rtl"] .course-card .course-date,
[dir="rtl"] .profile-nav,
[dir="rtl"] .profile-nav .open > .dropdown-menu,
[dir="rtl"] .path-node #content .content figure,
[dir="rtl"] .media-tips-landing h1,
[dir="rtl"] .media-tips-landing h2,
[dir="rtl"] .video-body,
[dir="rtl"] #main-nav .login-singup,
[dir="rtl"] #main-nav li.item-left {
  text-align: right;
}
[dir="rtl"] .sub-nav-toggle {
  background-position: 10% 45%;
}
[dir="rtl"] .terms.right,
[dir="rtl"] .button.event-readmore,
[dir="rtl"] .course-card .discount-rec-bk {
  float: left;
}
[dir="rtl"] #main-nav .login-singup a:last-child {
    padding-right: 20px;
}
[dir="rtl"] .ml0 {
  margin-left: auto;
  margin-right: 0px;
}
[dir="rtl"] .fa-arrow-right:before {
    content: "\f060";
}
[dir="rtl"] .btn-custom-s10 {
    left: 0;
    right: auto;
}
[dir="rtl"] .newslatter-txt {
    margin-left: 30px;
    margin-right: auto;
}

/* Courses page arabic styles */
[dir="rtl"] .course-details .price,
[dir="rtl"] .inner-course-details .col-sm-4,
[dir="rtl"] .inner-course-details .avatar,
[dir="rtl"] #trainer-details .col-sm-4,
[dir="rtl"] #trainer-details .avatar,
[dir="rtl"] .edit-profile .col-md-8,
[dir="rtl"] .news-landing .col-md-6,
[dir="rtl"] .news-landing .col-md-3,
[dir="rtl"] .event-card .event-date,
[dir="rtl"] .media-tips-landing .col-md-1,
[dir="rtl"] .media-tips-landing .col-lg-8,
[dir="rtl"] .col-lg-4, [dir="rtl"] .col-md-4,
[dir="rtl"] .col-md-3, [dir="rtl"] .col-sm-6,
[dir="rtl"] .col-md-6, [dir="rtl"] .col-md-2,
[dir="rtl"] .col-sm-3, [dir="rtl"] .col-sm-5,
[dir="rtl"] .col-xl-6, [dir="rtl"] .col-lg-8,
[dir="rtl"] .col-md-8, [dir="rtl"] .col-lg-6 {
  float: right;
}
[dir="rtl"] .fa-chevron-circle-right:before {
    content: "\f137";
}
[dir="rtl"] .fa-chevron-circle-left:before {
    content: "\f138";
}
[dir="rtl"] .course-details-s1 {
  margin-right: 20px;
  margin-left: auto;
}
[dir="rtl"] .custom-radio-container { padding-right: 55px; }
[dir="rtl"] .checkmark { right: 0; }
[dir="rtl"] .custom-checkbox-container .control-label { padding-right: 32px;}
[dir="rtl"] .ckbx-checkmark { right: 0; }
[dir="rtl"] .discount-data-bk {
    margin-right: 13px;
    margin-left: auto;
    text-align: right;
}
[dir="rtl"] .exclamation-messge {
    background-position-x: right;
    padding-right: 84px;
    padding-left: inherit;
}
/* [dir="rtl"] .trainer-box .avatar {
    transition: all;
} */
[dir="rtl"] .courses-filters > div {
    margin-left: 25px;
    margin-right: auto !important;
}
[dir="rtl"] .flex-grid-header .col1-2,
[dir="rtl"] .flex-grid-header .col2 {
  margin-right: 30px;
  margin-left: auto;
}
[dir="rtl"] p.sub-heading:after,
[dir="rtl"] .event-title:after,
[dir="rtl"] .cke-sub-heading:after {
  right: 0;
  left: auto;
}
[dir="rtl"] .partnership-row .row-number {
  border-left: 1px solid #c0cf00;
  border-right: 0px;
}

[dir="rtl"] .path-node .content ol,
[dir="rtl"] .path-node .content ul {
  padding-right: 1.5em;
}

[dir="rtl"] .node-preview-container {
    padding-right: 230px !important;
		padding-left: 0px !important;
}
[dir="rtl"] .media-video.landing .video-player {
	padding-right: 0px;
	padding-left: 15px;
}

[dir="rtl"] .node-preview-container .pull-left {
    float: right !important;
}
[dir="rtl"] .node-preview-container .pull-right {
    float: left !important;
}
[dir="rtl"] .glyphicon-chevron-left:before {
	content: "\e080";
}
[dir="rtl"] #content figure.effect-selena figcaption::before {
  content: "\f0d9";
  right: -2px;
  left: auto;
}

/* Arabic language font sizes */
[dir="rtl"] #content figure.effect-selena h2 { font-weight: 300; }
[dir="rtl"] h1.page-header,
[dir="rtl"] .path-node .content h3,
[dir="rtl"] .page-node-type-fellowship .content .nav-tabs > li > a,
[dir="rtl"] .page-node-type-fellowship #forms a {
	font-weight: 600;
}
[dir="rtl"] a {
	-webkit-transition: unset;
	transition: unset;
}

@media only screen and (max-width: 1200px) {
 [dir="rtl"] header#navbar {
    right: auto;
		left: 0;
  }
  [dir="rtl"] #content {
      padding-right: 0px;
  }
}

/* Arabic styles for stories */
[dir="rtl"] #views-exposed-form-digital-stories-page-1 .search-stories-form,
[dir="rtl"] .publisher-info .align-right {
    float: left;
}
[dir="rtl"] .publisher-info .align-left {
    float: right;
}
[dir="rtl"] .publisher-info .fa-instagram {
		float: left;
		padding: 3px 5px;
}
[dir="rtl"] .stories-card a:hover .top-event {
	transform-origin: top right !important;
}
[dir="rtl"] .story-countries p.country-name {
	font-size: 20px;
	font-weight: 800;
}

/* Arabic styles for Journalism */
[dir="rtl"] .reporter .avatar {
	float: right;
	padding-left: 10px;
	padding-right: 0px;
}
[dir="rtl"] .ajr-top-article .event-body {
	text-align: right;
}
[dir="rtl"] .ajr-block span.align-right,
[dir="rtl"] .article-metadata .share-article,
[dir="rtl"] #block-exposedformajrpage-2,
[dir="rtl"] .magazine-card .magazine-info .issue-num {
	float: left;
}
[dir="rtl"] .ajr-block .more-info .profile-info {
	line-height: 3.6;
}
[dir="rtl"] .view-taxonomy-term .reporter-big .avatar {
	padding-left: 40px;
	padding-right: 0px;
	float: right;
}
[dir="rtl"] .article-metadata .reporter,
[dir="rtl"] .ajr-block .more-info .reporter .field--name-field-reporter-profile,
[dir="rtl"] .magazine-card .magazine-info .season {
	float: right;
}
[dir="rtl"] .ajr-block .top-event,
[dir="rtl"] .opinion-block h6 a {
	font-weight: bold;
}
[dir="rtl"] .path-ajr .block-title,
[dir="rtl"] .ajr-block .event-title,
[dir="rtl"] .opinion-block h5,
[dir="rtl"] .menu--ajr li a,
[dir="rtl"] .menu--fellowship li a,
[dir="rtl"] .menu--media-development li a,
[dir="rtl"] .path-node .content h2 {
	font-weight: 900;
}
[dir="rtl"] .article-metadata .share-article,
[dir="rtl"] .page-node-type-fellowship .progress-duration {
	left: 0;
	right: auto;
}
[dir="rtl"] #faq .fq::after {
    float: left;
    left: 20px;
		right: auto;
}
[dir="rtl"] .fellowship-msg {
	display: none;
}


/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
	.slick-next { right: -15px !important; }
	.slick-prev { left: -15px !important; }
	[dir='rtl'] .slick-next { right: auto !important; left: -15px !important; }
	[dir='rtl'] .slick-prev { right: -15px !important; left: auto !important; }
}