@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat/montserrat-light.eot");
  src: url("../font/montserrat/montserrat-light.eot") format("embedded-opentype"), url("../font/montserrat/montserrat-light.woff2") format("woff2"), url("../font/montserrat/montserrat-light.woff") format("woff"), url("../font/montserrat/montserrat-light.ttf") format("truetype"), url("../font/montserrat/montserrat-light.svg#montserrat-light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat/montserrat-normal.eot");
  src: url("../font/montserrat/montserrat-normal.eot") format("embedded-opentype"), url("../font/montserrat/montserrat-normal.woff2") format("woff2"), url("../font/montserrat/montserrat-normal.woff") format("woff"), url("../font/montserrat/montserrat-normal.ttf") format("truetype"), url("../font/montserrat/montserrat-normal.svg#montserrat-normal") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat/montserrat-medium.eot");
  src: url("../font/montserrat/montserrat-medium.eot") format("embedded-opentype"), url("../font/montserrat/montserrat-medium.woff2") format("woff2"), url("../font/montserrat/montserrat-medium.woff") format("woff"), url("../font/montserrat/montserrat-medium.ttf") format("truetype"), url("../font/montserrat/montserrat-medium.svg#montserrat-medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat/montserrat-semibold.eot");
  src: url("../font/montserrat/montserrat-semibold.eot") format("embedded-opentype"), url("../font/montserrat/montserrat-semibold.woff2") format("woff2"), url("../font/montserrat/montserrat-semibold.woff") format("woff"), url("../font/montserrat/montserrat-semibold.ttf") format("truetype"), url("../font/montserrat/montserrat-semibold.svg#montserrat-semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat/montserrat-bold.eot");
  src: url("../font/montserrat/montserrat-bold.eot") format("embedded-opentype"), url("../font/montserrat/montserrat-bold.woff2") format("woff2"), url("../font/montserrat/montserrat-bold.woff") format("woff"), url("../font/montserrat/montserrat-bold.ttf") format("truetype"), url("../font/montserrat/montserrat-bold.svg#montserrat-bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Almarai';
  src: url("../font/Almarai/Almarai-Light.ttf") format("opentype");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0600-06FF;
  /* We do this to only download the font when arabic characters are available on the page.*/
}

@font-face {
  font-family: 'Almarai';
  src: url("../font/Almarai/Almarai-Regular.ttf") format("opentype");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0600-06FF;
}

@font-face {
  font-family: 'Almarai';
  src: url("../font/Almarai/Almarai-Bold.ttf") format("opentype");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+0600-06FF;
}

@font-face {
  font-family: 'Almarai';
  src: url("../font/Almarai/Almarai-ExtraBold.ttf") format("opentype");
  font-weight: 800;
  font-style: normal;
  unicode-range: U+0600-06FF;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 2px;
}

kbd {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

pre {
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 10px;
}

.field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn),
.field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn),
.field--name-field-featured-description *:not(.badge):not(.section__title) > a:not(.btn),
.field--name-field-accord-description *:not(.badge):not(.section__title) > a:not(.btn),
.field--name-field-accord-item-description *:not(.badge):not(.section__title) > a:not(.btn),
.field--name-field-phase-description *:not(.badge):not(.section__title) > a:not(.btn),
.paragraph--type--image-text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn),
.paragraph--type--text-image .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn),
.paragraph--type--text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn),
.scorm-form--body *:not(.badge):not(.section__title) > a:not(.btn),
.quiz-form__text *:not(.badge):not(.section__title) > a:not(.btn),
.course-full .card__body *:not(.badge):not(.section__title) > a:not(.btn),
.teaser--course *:not(.badge):not(.section__title) > a:not(.btn),
.body-text *:not(.badge):not(.section__title) > a:not(.btn),
.block--intro-text .block--intro-text__content *:not(.badge):not(.section__title) > a:not(.btn),
.block-inline-blockkpi-analytics .field--name-body *:not(.badge):not(.section__title) > a:not(.btn),
.basic-block .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn),
.hero--dashboard .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn),
.certificate-footer .bottom *:not(.badge):not(.section__title) > a:not(.btn),
.certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn) {
  text-decoration: underline;
}

.field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn):hover, .field--name-field-introduction-text *:not(.badge):not(.section__title) > a:not(.btn):focus,
.field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn):hover,
.field--name-field-featured-items-description *:not(.badge):not(.section__title) > a:not(.btn):focus,
.field--name-field-featured-description *:not(.badge):not(.section__title) > a:not(.btn):hover,
.field--name-field-featured-description *:not(.badge):not(.section__title) > a:not(.btn):focus,
.field--name-field-accord-description *:not(.badge):not(.section__title) > a:not(.btn):hover,
.field--name-field-accord-description *:not(.badge):not(.section__title) > a:not(.btn):focus,
.field--name-field-accord-item-description *:not(.badge):not(.section__title) > a:not(.btn):hover,
.field--name-field-accord-item-description *:not(.badge):not(.section__title) > a:not(.btn):focus,
.field--name-field-phase-description *:not(.badge):not(.section__title) > a:not(.btn):hover,
.field--name-field-phase-description *:not(.badge):not(.section__title) > a:not(.btn):focus,
.paragraph--type--image-text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn):hover,
.paragraph--type--image-text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn):focus,
.paragraph--type--text-image .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn):hover,
.paragraph--type--text-image .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn):focus,
.paragraph--type--text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn):hover,
.paragraph--type--text .field--name-field-text *:not(.badge):not(.section__title) > a:not(.btn):focus,
.scorm-form--body *:not(.badge):not(.section__title) > a:not(.btn):hover,
.scorm-form--body *:not(.badge):not(.section__title) > a:not(.btn):focus,
.quiz-form__text *:not(.badge):not(.section__title) > a:not(.btn):hover,
.quiz-form__text *:not(.badge):not(.section__title) > a:not(.btn):focus,
.course-full .card__body *:not(.badge):not(.section__title) > a:not(.btn):hover,
.course-full .card__body *:not(.badge):not(.section__title) > a:not(.btn):focus,
.teaser--course *:not(.badge):not(.section__title) > a:not(.btn):hover,
.teaser--course *:not(.badge):not(.section__title) > a:not(.btn):focus,
.body-text *:not(.badge):not(.section__title) > a:not(.btn):hover,
.body-text *:not(.badge):not(.section__title) > a:not(.btn):focus,
.block--intro-text .block--intro-text__content *:not(.badge):not(.section__title) > a:not(.btn):hover,
.block--intro-text .block--intro-text__content *:not(.badge):not(.section__title) > a:not(.btn):focus,
.block-inline-blockkpi-analytics .field--name-body *:not(.badge):not(.section__title) > a:not(.btn):hover,
.block-inline-blockkpi-analytics .field--name-body *:not(.badge):not(.section__title) > a:not(.btn):focus,
.basic-block .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn):hover,
.basic-block .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn):focus,
.hero--dashboard .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn):hover,
.hero--dashboard .field--name-field-text-block *:not(.badge):not(.section__title) > a:not(.btn):focus,
.certificate-footer .bottom *:not(.badge):not(.section__title) > a:not(.btn):hover,
.certificate-footer .bottom *:not(.badge):not(.section__title) > a:not(.btn):focus,
.certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn):hover,
.certificate-header .description *:not(.badge):not(.section__title) > a:not(.btn):focus {
  text-decoration: none;
}

.comment__text p a:not(.btn) {
  text-decoration: underline;
}

.comment__text p a:not(.btn):hover, .comment__text p a:not(.btn):focus {
  text-decoration: none;
}

blockquote {
  border-left: 3px solid #29abe2;
}

strong {
  font-weight: 500;
}

:lang(ar) {
  font-family: "Almarai", "montserrat", sans-serif;
}

.text-primary {
  color: #29abe2;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #1a8dbe;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.text-muted {
  color: #555555;
}

a.text-muted:hover,
a.text-muted:focus {
  color: #3c3c3c;
}

.text-gray {
  color: #555555;
}

a.text-gray:hover,
a.text-gray:focus {
  color: #3c3c3c;
}

.text-gray-light {
  color: #777;
}

a.text-gray-light:hover,
a.text-gray-light:focus {
  color: #5e5e5e;
}

.text-gray-lighter {
  color: #adadad;
}

a.text-gray-lighter:hover,
a.text-gray-lighter:focus {
  color: #949494;
}

.text-gray-lightest {
  color: #e6e6e6;
}

a.text-gray-lightest:hover,
a.text-gray-lightest:focus {
  color: #cdcdcd;
}

.text-accent {
  color: #ffc142;
}

a.text-accent:hover,
a.text-accent:focus {
  color: #ffb00f;
}

.bg-primary {
  background-color: #29abe2;
}

.bg-secondary {
  background-color: #1f80aa;
}

.bg-accent {
  background-color: #ffc142;
}

.bg-success {
  background-color: #dff0d8;
}

.bg-warning {
  background-color: #fcf8e3;
}

.bg-danger {
  background-color: #f2dede;
}

.bg-info {
  background-color: #d9edf7;
}

.bg-gray-base {
  background-color: #000;
}

.bg-gray-darker {
  background-color: #222222;
}

.bg-gray-dark {
  background-color: #333333;
}

.bg-gray {
  background-color: #555555;
}

.bg-gray-light {
  background-color: #777;
}

.bg-gray-light-1 {
  background-color: #adadad;
}

.bg-gray-lighter {
  background-color: #e6e6e6;
}

.bg-gray-lighter-1 {
  background-color: #f7f7f7;
}

.bg-gray-lightest {
  background-color: #f3f3f3;
}

.bg-white {
  background-color: white;
}

.brand-primary {
  background-color: #29abe2;
  border-color: #29abe2;
  color: white;
}

a.brand-primary:hover,
a.brand-primary:focus {
  background-color: #1a8dbe;
  border-color: #1a8dbe;
  color: white;
}

.brand-secondary {
  background-color: #1f80aa;
  border-color: #1f80aa;
  color: white;
}

a.brand-secondary:hover,
a.brand-secondary:focus {
  background-color: #17607f;
  border-color: #17607f;
  color: white;
}

.brand-accent {
  background-color: #ffc142;
  border-color: #ffc142;
  color: #343434;
}

a.brand-accent:hover,
a.brand-accent:focus {
  background-color: #ffb00f;
  border-color: #ffb00f;
  color: #343434;
}

.brand-user {
  background-color: #222222;
  border-color: #222222;
  color: white;
}

a.brand-user:hover,
a.brand-user:focus {
  background-color: #090909;
  border-color: #090909;
  color: white;
}

.default-light {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #343434;
}

a.default-light:hover,
a.default-light:focus {
  background-color: #cdcdcd;
  border-color: #cdcdcd;
  color: #343434;
}

body {
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #343434;
  background-color: #f3f3f3;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c3e7f7;
}

.table-hover .table-primary:hover {
  background-color: #addef4;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #addef4;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #c0dbe7;
}

.table-hover .table-secondary:hover {
  background-color: #aed0e0;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #aed0e0;
}

.table-accent,
.table-accent > th,
.table-accent > td {
  background-color: #ffeeca;
}

.table-hover .table-accent:hover {
  background-color: #ffe6b1;
}

.table-hover .table-accent:hover > td,
.table-hover .table-accent:hover > th {
  background-color: #ffe6b1;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #d1ebd1;
}

.table-hover .table-success:hover {
  background-color: #bfe3bf;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #bfe3bf;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c6eaf8;
}

.table-hover .table-info:hover {
  background-color: #afe2f5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #afe2f5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffdeb8;
}

.table-hover .table-warning:hover {
  background-color: #ffd29f;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffd29f;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f4cfce;
}

.table-hover .table-danger:hover {
  background-color: #efbbb9;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #efbbb9;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #f8f8f8;
}

.table-hover .table-light:hover {
  background-color: #ebebeb;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ebebeb;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c6c6;
}

.table-hover .table-dark:hover {
  background-color: #b9b9b9;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9b9b9;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .table {
  background-color: #f3f3f3;
}

.table th a {
  color: #1d789e;
}

.table th.is-active > a {
  color: #29abe2;
}

.table .icon-tablesort {
  fill: #29abe2;
}

.img-avatar,
.avatar img,
.avatar-icon {
  border-radius: 50%;
}

.navbar-default.navbar-second-line .navbar-nav > .dropdown > .dropdown-menu a {
  color: #f4eafb;
  background: #2a004e;
  border-radius: 5px;

  padding-top: 10px;
}
.navbar-default.navbar-second-line .navbar-nav > .dropdown > .dropdown-menu a:HOVER {
  color: #f4eafb;
  background: #070385;
}

.dropdown-menu .divider
{
  display: none;
}

.dropdown-header {
  padding: 7px 20px;
  background: #4c2e76!important;
  color: #fff!important;
}
.dropdown-header a
{
  color: #29abe2!important;
  padding: 10px;
}
.dropdown-header a:hover
{
  color: #fff!important;
}
.dropdown-header .icon-black {
  fill: #29abe2;
}
.dropdown-header .icon-black:hover {
  fill: #fff;
}
.block-language .navbar-nav {
  text-align: center;
  display: block;
}

.card__title {
  font-weight: bold;
  font-size: 1.2em!important;
  padding: 20px 10px!important;
  background: #e3e3ed;
}

.view-display-id-block_1
{
  padding: 10px;
}
.view-content-recent footer {
  border-bottom: 3px dashed #bbb;
  margin-bottom: 20px;
}


a{
  color:#2399e8;
}
a:hover, a:focus {
  color: #5b15be;
}

.views-field-field-topic-image img{
  float: right;
  margin-top: 10px;
}

.recent-field-row
{
  height: 100px;
}

.form--default .form-actions .btn-group--primary, .form--default .form-actions .btn-primary,
.views-exposed-form__actions .btn-default,
.button, .btn-primary, .waves-btn{
  /*margin-right: 20px!important;*/
  margin-bottom: 4px;
  text-align: center!important;
  background: #a11896;
  background-image: -webkit-linear-gradient(top, #a11896, #570351);
  background-image: -moz-linear-gradient(top, #a11896, #570351);
  background-image: -ms-linear-gradient(top, #a11896, #570351);
  background-image: -o-linear-gradient(top, #a11896, #570351);
  background-image: linear-gradient(to bottom, #a11896, #570351)!important;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff!important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border-color: #690661!important;
  font-size: 1rem!important;
}
.form--default .form-actions .btn-group--primary:hover, .form--default .form-actions .btn-primary:hover,
.views-exposed-form__actions .btn-default:hover,
.form-submit:hover, .waves-btn:hover {
  background: #1895e8;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #0871b8);
  background-image: -moz-linear-gradient(top, #3cb0fd, #0871b8);
  background-image: -ms-linear-gradient(top, #3cb0fd, #0871b8);
  background-image: -o-linear-gradient(top, #3cb0fd, #0871b8);
  background-image: linear-gradient(to bottom, #3cb0fd, #0871b8)!important;
  text-decoration: none;
  border-color: #084f7f!important;
}

.glyphicon:before
{
  display: none;
}

.site-footer a
{
  color: #fef0ff;
}
.site-footer a:hover
{
  color: #3cb0fd;
}
.site-footer span
{
  color: #3cb0fd;
}
.site-footer span:hover
{
  color: #fef0ff;
}

#block-socialblue-basicblock2
{
  color: #3cb0fd;
}
#block-socialblue-basicblock2:hover
{
  color: #fef0ff;
}

@media (min-width: 900px) {
  .hero-canvas {
      max-width: 99%!important;
  }
}

.cover-with-canvas {
  padding: 20px!important;
}

.hero-canvas h3{
  color: #47aff5;
}

.navbar-default.navbar-second-line .navbar-nav > li > a:hover, .navbar-default.navbar-second-line .navbar-nav > li > a:focus, .navbar-default.navbar-second-line .navbar-nav > li > button:hover, .navbar-default.navbar-second-line .navbar-nav > li > button:focus {
  color: #29abe2!important;
  background-color: #4c2e76;
}

.scrollable-menu li {
  margin: 6px 0!important;
  padding-top: 4px!important;
}

fieldset.card legend.card__title {
  width: 100%;
  top: 2.5rem!important;
}

.region--complementary .card__title, .region--complementary .card__actionbar, .paragraph--block .secondary-col .card__title, .paragraph--block .secondary-col .card__actionbar {
  border-radius: 5px;
  color: #3cb0fd;
}

.btn-default {
  color: #f3f3f3;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #29abe2;
}

.icon-gray,
.btn-default {
  fill: #29abe2!important;
}
.icon-gray:hover,
.btn-default:hover {
  fill: #800f77!important;
}

@media (min-width: 600px) {
  .scrollable-menu {
      height: auto;
      max-height: auto;
  }
}

.scrollable-menu ::-webkit-scrollbar {
  display: none;
}
.scrollable-menu
{
  /* this displays creates a scrollbar on the element only when the content exceeds the max height of the element */
  overflow-y: auto;
  /* this displays creates a scrollbar on the element at any height */
/*   overflow-y: scroll; */
  
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.navbar-secondary
{
  background-color:rgb(48, 0, 89, 0.5)!important;
  padding: 0 20px;
}

.ui-widget-content
{
  color: #17052d!important;
  font-weight: bold;
}

.field--name-field-reason
{
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}

.topic-tags, .topic-resources
{
  border: 1px solid#333;
}

#block-socialblue-socialuserloginblock .btn-primary
{
  margin-right: 20px;
}

#block-socialblue-socialuserloginblock #edit-username-login .card__title 
{
  display: none;
}

.region--complementary .card__title
{
  border-radius: 0px;
  margin-top: 20px;
  color: #2a004e;
}

.teaser__content .teaser__tag a
{
  color: #333333;
}

.teaser__content .teaser__title a
{
  color: #8A1180;
  text-shadow: 1px 1px 0.5px #fff;
}
.teaser__content .teaser__title a:hover
{
  color: #2399e8;
}

.teaser__title a
{
  color: #8A1180;
  text-shadow: 1.5px 1.5px 1.5px #ffffff;
}
.teaser__title a:hover
{
  color: #2399e8;
  text-shadow: 1.5px 1.5px 1.5px #ffffff;
}

#block-socialblue-entityviewtaxonomyterm
{
  text-align: center;
  padding: 0px 0 20px;
}


#block-socialblue-entityviewtaxonomyterm .flag-follow-term,
.contextual-region .flag-follow-term
{
  margin-left: 10px;
}
.contextual-region .flag-follow-term
{
  margin-bottom: 10px;
}

.resources .field--label{
  display: none;
}



.alert-danger {
  background-color: #d2abf4;
  border-color: #e5d4f4;
  color: #5c1b94!important;
}


.alert em a
{
  color: #3bcf3d;
}
.alert em a:hover
{
  color: #2a004e;
}

#better-messages-default.better-messages-overlay .better-messages-close {
  float: none;
  text-align: center;
  color: #725c82;
  text-transform: none;
  font-weight: bolder;
}


.alert *,
.better-messages-close span
 {
  display: none;
  background: none!important;
}

#better-messages-default.better-messages-overlay .better-messages-close span {
  background: none;
  display: none;
  float: none;
  height: 0;
  width: 0;
}

.header {
  background: #065c4f url(mountains.jpg) no-repeat center center!important;
}

video {
  width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0;
  padding: 0;
}

.socialblue--sky .hero__banner--static .metainfo__content a {
  text-decoration: none;
  background: #ffffff;
  color: #97158c;
  font-weight: bold;
}

video{
  margin-bottom: 20px;
}

.card__actionbar
{
  font-size: 0.8em;;
}

.resources_link::after
{
  content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	vertical-align: sub;
	color: red;
	background-size: contain;
  background: url("link-icon.png");
}

.resources_link {
  display: block;
  background: #f5f2ff;
  padding: 14px;
  border-radius: 4px;
  margin-bottom: 4px;
}
.resources_link:hover {
  background: #2a004e;
  color: #fff;
}
.resources_link a:hover {
  color: #fff;
}

#block-socialblue-tagadelictagcloud

{
  padding: 20px;
  background: #1e0237;
  font-family: system-ui;
}
#block-socialblue-tagadelictagcloud a:hover

{
  color: #fff;
}

form:not(.layout-builder-configure-block) .form-control, form:not(.layout-builder-configure-block) .select2-container .select2-selection {
  max-width: none!important;
}

.comment-node-settings-form .panel-body
{
  margin-top: 20px;
}

form:not(.layout-builder-configure-block) fieldset {
  margin-top: inherit!important;
}

.gsc-input {
  pointer-events: auto !important;
  z-index: 9999 !important;
  background: #fff !important;
}

.ui-accordion .ui-accordion-header a,
.ui-accordion .ui-accordion-header a:active{
  color: #fff!important;
}
.ui-accordion .ui-accordion-header a:hover{
  color: #29abe2!important;
}
.ui-accordion .ui-accordion-header
{
  background: #5c1b94;
  margin: 10px 0;
}

#block-socialblue-truthsearch .hero-canvas
{
  text-align: center!important;
}