/* Typography */

body {
  color:#212529;
  overflow:unset;
  background-color:#fff;
}

p {
  color:inherit;
}

#content h2 {
  line-height:1.4;
  margin-top:2rem;
}

#content h4 {
  line-height:1.4;
  margin-bottom:1rem;
}

/* Header */

.language-switch {
  margin-top:0;
}

header .container {
  width:100%;
}

/* Left menu */

@media (min-width: 768px) {
  #leftcolumn nav#leftmenu {
    width:180px;
  }
}

@media (min-width: 992px) {
  #leftcolumn nav#leftmenu {
    width:210px;
  }
}

@media (max-width: 768px) {
  #content #leftcolumn {
    padding:0;
    margin-right:2rem;
    display:block;
    width:100%;
  }
}

@media (min-width: 768px) {
  #content #leftcolumn {
    padding:0;
    margin-right:2rem;
    /*display:flex;
    flex-direction:row;*/
    width:30%;
  }
}

@media (min-width: 998px) {
  #content #leftcolumn {
     width:21%;
  }
}

[lang="AR"] #content #leftcolumn {
  margin-left:2rem;
  margin-right:0;
}

#content #leftcolumn ul li {
  padding:0;
}

#content #leftcolumn nav#leftmenu {
  margin-top:0;
  margin-bottom:2rem;
}

/* Content */

.breadcrumbs {
  background-color:#fff;
  margin:0 auto;
  padding:0 15px;
}

@media (min-width: 576px) {
  .breadcrumbs {
    margin:-35px auto 0 auto;
  }
}

.breadcrumbs-container {
  margin:0 auto;
  padding:0 15px;
}

@media (min-width: 576px) {
  .breadcrumbs-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .breadcrumbs-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .breadcrumbs-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .breadcrumbs-container {
    max-width: 1140px;
  }
}

.breadcrumbs ol.breadcrumb {
  margin-top:0;
  padding-top:0;
  font-size:14px;
}

.content-container {
  background-color:#fff;
}

div.p-flow {
  padding:0;
}

#print {
  margin-right:0;
}

#page-tools .addthis_toolbox {
  width:60px;
  position:initial;
}

#page-tools .addthis_toolbox a {
  margin-bottom:0;
}

[lang="AR"] #page-tools #send-email,
[lang="ar"] #page-tools #print {
  background-position:right center;
  padding-left:0;
}

.top-banner-container {
  background-color:#fff;
}

#top-banner {
  margin:0 auto;
  background-color:#fff;
  max-width:1140px;
  padding:0 15px 2rem 15px;
}

@media (min-width: 576px) {
  #top-banner {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  #top-banner {
    max-width:720px;
  }
}

@media (min-width: 992px) {
  #top-banner {
    max-width:960px;
  }
}

@media (min-width: 1200px) {
  #top-banner {
    max-width:1140px;
  }
}

#content {
  background-color:#fff;
  display:block;
  height:auto;
  padding:0 15px 3rem 15px;
  margin:0 auto;
}

@media (min-width: 576px) {
  #content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  #content {
    display:flex;
    max-width:720px;
  }
}

@media (min-width: 992px) {
  #content {
    max-width:960px;
  }
}

@media (min-width: 1200px) {
  #content {
    max-width:1140px;
    margin:0 auto;
  }
}

#content #maincontent {
  padding:0;
  display:flex;
  flex-direction:column;
  width: -webkit-fill-available;
}

#page-tools-container,
[lang="AR"] #page-tools-container {
  margin-right:auto;
  margin-left:auto;  
  float:none;
  width:100%;
  background-color:#fff;
}

[lang="AR"] #page-tools-container {
  direction:rtl;
}

#page-tools {
  padding:15px;
  max-width:1140px;
  width:100%;
  float:none;
  margin:0 auto;
  display:flex;
  height:100%;  
  justify-content:flex-end;
}

[lang="ar"] #page-tools {
  float:none;
}

#top-banner h1.csc-firstHeader,
#content h1.csc-firstHeader {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
    border-bottom: #cfcfcf solid 1.1px;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

@media (max-width: 768px) {
  #top-banner h1.csc-firstHeader,
  #content h1.csc-firstHeader {
    font-size: 22px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) {
  #top-banner h1.csc-firstHeader,
  #content h1.csc-firstHeader {
    font-size: 26px;
    padding-bottom: 13px;
  }
}

#content ul li {
  padding-right:15px;
  line-height:1.5;
}

[lang="AR"] #content ul li {
  padding-left:15px;
  padding-right:0;
}

#content div.rgaccord1-nest h3, #top-banner div.rgaccord1-nest h3,
#content div.rgaccord1-nest h3.act, #top-banner div.rgaccord1-nest h3.act {
  background-position:left 3px;
}

[lang="AR"] #content div.rgaccord1-nest h3, #top-banner div.rgaccord1-nest h3,
[lang="AR"] #content div.rgaccord1-nest h3.act, #top-banner div.rgaccord1-nest h3.act {
  background-position:right 3px;
  padding-left:0;
  padding-right:23px;
}

#content div.rgaccord1-content {
  color:#545454;
  padding:1rem 1.5rem;
}

#top-banner .grey-table {
  margin-bottom:0;
}

@media (max-width: 992px) {
  div.csc-default ul {
    overflow-x:hidden;
  }
}

[lang="AR"] .social_button {
  float:right;
}

/* Footer */

footer {
  margin:0 !important;
}

footer ul,
footer div.csc-default ul {
  float:none;
  max-width:none;
  padding:0;
}

footer ul li,
footer div.csc-default ul li {
  left:0;
  display:inline-block;
  margin-bottom:0 !important;
  font-size:13px;
}

[lang="AR"] footer ul li,
[lang="AR"] footer div.csc-default ul li {
  left:0;
  right:0;
}

/* Right column */

#rightcolumn {
  min-width:25%;
  padding:0;
}

@media (min-width: 768px) {
  #rightcolumn {
    padding:0 0 0 2rem;
  }

  [lang="AR"] #rightcolumn {
    padding:0 2rem 0 0;
  }
}