/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/

/* LN - Increase horizontal content spacing on main pages */
@media (min-width: 1200px) {
  .col-12:not(.col-md-10.col-xl-6) {
    padding-right: 15%;
    padding-left: 15%;
  }
}
/* Override on articles, which have separate spacing */
@media (min-width: 1200px) {
  .page-node-type-article .col-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
/* LN - Override additional spacing on articles. Default is 66.66666667% */
@media (min-width: 1200px) {
  .col-xl-8 {
      width: 100%;
  }
}

/* LN - remove share links on articles */
.page-node-type-article .share-links {
  visibility: hidden;
}


/* LN - remove extra padding at top of landing page */
.page-view-id-frontpage .main-content__section {
  padding-top: 0px;
}
/* LN - extra padding beneath view header */
.view-header {
  padding-bottom: -20px;
}
/* LN - rows spacing for identity flows */
.views-row {
  padding-top: 60px;
}
/* LN - Add space before view footer */
.view-footer {
  padding-top: 64px;
}
/* Align footer contents to centre by targeting parent div */
#block-cloudsundialfooter-2 {
  text-align: center;
}

/* LN - image spacing for identity flows */
.field--name-field-flowimage {
  padding-top: 20px;
  padding-bottom: 40px;
}
.field--name-field-documentation {
  padding-top: 10px;
}

/* --------------- Menu width and fonts ------------- */

/* LN - superfish menu expanded width */
.sf-menu ul{
  min-width:100%; /* at least the size of the header */
  width:auto; /* size the block automatically */
}
/* smaller fonts in menu to accomodate text width */
.header-container .sf-menu ul li a {
  font-size: 13px
}
/* .sf-menu ul li{
  white-space:nowrap;
} */
/* LN - superfish sub-menu level 2 expanded width */
/*.sf-depth-3 {
  white-space:normal !important;
} */

/* --------------- Hyperlink styling --------------- */

/* LN - colour all hyperlinks links in main paragraphs */
p a:link {
  color: #0894fd;
  background-color: transparent;
  text-decoration: none;
}
p a:visited {
  color: purple;
  background-color: transparent;
  text-decoration: none;
}
p a:hover {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}
/* LN - colour all hyperlinks links in lists, but avoid superfish top and side menus */
/*
ul a:link:not([class~=depth]):not([data-drupal-link-system-path]) {
  color: #0894fd;
  background-color: transparent;
  text-decoration: none;
}
ul a:visited:not([class~=depth]):not([data-drupal-link-system-path]) {
  color: purple;
  background-color: transparent;
  text-decoration: none;
}
p a:hover:not([class~=depth]):not([data-drupal-link-system-path]) {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}
*/
ul a:link:not(.sf-depth-1):not(.sf-depth-2):not(.sf-depth-3):not([data-drupal-link-system-path]) {
  color: #0894fd;
  background-color: transparent;
  text-decoration: none;
}
ul a:visited:not(.sf-depth-1):not(.sf-depth-2):not(.sf-depth-3):not([data-drupal-link-system-path]) {
  color: purple;
  background-color: transparent;
  text-decoration: none;
}
p a:hover:not(.sf-depth-1):not(.sf-depth-2):not(.sf-depth-3):not([data-drupal-link-system-path]) {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

/* --------------- Caption styling --------------- */

/* LN - caption image width (used in release notes) */
.caption-img {
  max-width: 70%;
}
/* LN - caption text slightly smaller than body */
figcaption {
  padding-top: 7px;
  font-size: 13px;
}

/* --------------- Image styling --------------- */

/* LN - profile image width */
img[alt="Me profile"] {
  max-width: 60%;
}
/* LN - FS gif on about page image width */
img[alt="FormulaShare logo winking"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
/* LN - Used to allow images to flow outside of the page */
.allowOverflowFromParent {
  margin-left: -14%;
  margin-right: -14%;
}
/* LN - reduce margins when sidebar is on
.col-md-push-4 {
  padding-right: 2px !important;
  padding-left: 2px !important;
} */


/* --------------- Support menu styling --------------- */

/* LN - set sidebar background colour */
.col-lg-4 {
  height: 100%;
}
.sidebar__section {
  background-color: #efefef;
  padding-left: 10%;
  padding-right: 10%;
  margin-left: 10%;
  margin-right: 5%;
}
/* LN - reduce font size of "FormulaShare Guide" */

/* LN - change width of left column to make this more narrow 
.col-md-4 {
  width: 26% !important;
}
.col-md-push-4 {
  left: 20% !important;
  margin-left: 2%;
  width: 75%;
} */

.is-active {
  font-weight: bold;
}

/* --------------- Stop site name from showing beside logo --------------- */
.logo-and-site-name-wrapper {
  padding-left: 5% !important;
  padding-right: 20% !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* Prevent "log in to post comments" from showing */
.comment-forbidden {
  display: none !important;
}

/* LN - Padding above each field label (flush to previous item by default) */
.field__label {
  padding-top: 24px;
}
/* LN - Reduce padding for Documentation to account for margin above */
.field--name-field-documentation > .field__label {
  padding-top: 8px;
}
/* LN - Extra padding below video link label */
.field--name-field-video-iframe-embed > .field__label {
  padding-bottom: 4px;
}
/* LN - Reduce font size of detail page titles */
h1 {
  font-size: 30px !important;
}
/* H2 size applies to all except configuration menu */
h2:not(#block-configurationguide-2-menu) {
  font-size: 26px !important;
}
h3 {
  font-size: 24px !important;
}
h4 {
  font-size: 22px !important;
}
h5 {
  font-size: 20px !important;
}
h6 {
  font-size: 18px !important;
}

/* Reduce space above teaser READ MORE button */
.node__links {
  margin-top: 10px !important;
}
/* Remove padding below teaser articles */
.node--view-mode-teaser {
  padding: 0 0 0 0 !important;
  margin-bottom: 10px !important;
}

/*
.header.region--gray-background {
  background-color: #87c4d9 !important;
}
*/