// Brand colour

/* Scotlands for all */
$sfa: #333;
$sfa-logo-colour: #0275d8;
$sfa-dark: darken($sfa, 5%);
$sfa-darker: darken($sfa, 25%);
$sfa-darkest: darken($sfa, 40%);
$sfa-light: lighten($sfa, 37%);
$sfa-lightest: lighten($sfa, 75%);
$sfa-logo: 'dest66-target.png';

/* Kirkcaldy */
$k4a: #a01c59;
$k4a-logo-colour: darken($k4a, 5%);
$k4a-dark: darken($k4a, 10%);
$k4a-darker: darken($k4a, 25%);
$k4a-darkest: darken($k4a, 40%);
$k4a-light: lighten($k4a, 37%);
$k4a-lightest: lighten($k4a, 75%);
$k4a-logo: 'dest66-target.png';

/* CuparNow */
$cn: #63a5ce;
$cn-logo-colour: darken($cn, 5%);
$cn-dark: darken($cn, 10%);
$cn-darker: darken($cn, 25%);
$cn-darkest: darken($cn, 40%);
$cn-light: lighten($cn, 37%);
$cn-lightest: lighten($cn, 75%);
$cn-logo: 'dest66-target.png';

/* Hamilton */
$ham: #a21307;
$ham-logo-colour: darken($ham, 5%);
$ham-dark: darken($ham, 10%);
$ham-darker: darken($ham, 25%);
$ham-darkest: darken($ham, 40%);
$ham-light: lighten($ham, 37%);
$ham-lightest: lighten($ham, 75%);
$ham-logo: 'dest66-target.png';

/* East Neuk Now */
$enb: #285691;
$enb-logo-colour: darken($enb, 5%);
$enb-dark: darken($enb, 10%);
$enb-darker: darken($enb, 25%);
$enb-darkest: darken($enb, 40%);
$enb-light: lighten($enb, 37%);
$enb-lightest: lighten($enb, 75%);
$enb-logo: 'dest66-target.png';

/* Strathsprey Now */
$ssn: #583d74;
$ssn-logo-colour: darken($ssn, 5%);
$ssn-dark: darken($ssn, 10%);
$ssn-darker: darken($ssn, 25%);
$ssn-darkest: darken($ssn, 40%);
$ssn-light: lighten($ssn, 37%);
$ssn-lightest: lighten($ssn, 75%);
$ssn-logo: 'dest66-target.png';

// Add the ID of each blog with a custom brand palette
$blogIDs: (5,7,12,14,18,19,20,23);

// Blog Colours by IDs
$colours: (
  bp_5:       $k4a,
  bb_5:       $k4a-logo-colour,
  bs_5:       $k4a-dark,
  bs_d_5:     $k4a-darker,
  bs_dd_5:    $k4a-darkest,
  bt_5:       $k4a-light,
  bq_5:       $k4a-lightest,
  bL_5:       $k4a-logo,
  bp_7:       $sfa,
  bb_7:       $sfa-logo-colour,
	bs_7:       $sfa-dark,
	bs_d_7:     $sfa-darker,
  bs_dd_7:    $sfa-darkest,
	bt_7:       $sfa-light,
	bq_7:       $sfa-lightest,
	bL_7:       $sfa-logo,
  bp_12:      $cn,
	bb_12:      $cn-logo-colour,
	bs_12:      $cn-dark,
	bs_d_12:    $cn-darker,
  bs_dd_12:   $cn-darkest,
	bt_12:      $cn-light,
	bq_12:      $cn-lightest,
	bL_12:      $cn-logo,
  bp_14:      $k4a,
  bb_14:      $k4a-logo-colour,
  bs_14:      $k4a-dark,
  bs_d_14:    $k4a-darker,
  bs_dd_14:   $k4a-darkest,
  bt_14:      $k4a-light,
  bq_14:      $k4a-lightest,
  bL_14:      $k4a-logo,
  bp_18:      $ham,
  bb_18:      $ham-logo-colour,
  bs_18:      $ham-dark,
  bs_d_18:    $ham-darker,
  bs_dd_18:   $ham-darkest,
  bt_18:      $ham-light,
  bq_18:      $ham-lightest,
  bL_18:      $ham-logo,
  bp_19:      $enb,
  bb_19:      $enb-logo-colour,
  bs_19:      $enb-dark,
  bs_d_19:    $enb-darker,
  bs_dd_19:   $enb-darkest,
  bt_19:      $enb-light,
  bq_19:      $enb-lightest,
  bL_19:      $enb-logo,
  bp_20:      $ssn,
  bb_20:      $ssn-logo-colour,
  bs_20:      $ssn-dark,
  bs_d_20:    $ssn-darker,
  bs_dd_20:   $ssn-darkest,
  bt_20:      $ssn-light,
  bq_20:      $ssn-lightest,
  bL_20:      $ssn-logo,
  bp_23:      $cn,
	bb_23:      $cn-logo-colour,
	bs_23:      $cn-dark,
	bs_d_23:    $cn-darker,
  bs_dd_23:   $cn-darkest,
	bt_23:      $cn-light,
	bq_23:      $cn-lightest,
	bL_23:      $cn-logo
);

@each $blogID in $blogIDs {
  .blog-#{$blogID} {
    .highlight {
      background: color(bs_dd_#{$blogID});
      box-shadow: 10px 0 0 color(bs_dd_#{$blogID}), -10px 0 0 color(bs_dd_#{$blogID});
    }
    .underline {
      &::after {
        background: color(bs_d_#{$blogID});
      }
    }
    header[role=banner] {
      .bar {
        background: color(bs_d_#{$blogID});
        .brand {
          background-color: color(bb_#{$blogID});
          //@include background-image(bl_#{$blogID});
        }
        .search-box .search-form-container {
          background: color(bs_d_#{$blogID})!important;
          ::placeholder {
            color: white;
          }
        }
      }
      .nav-section .flex-filter li a {
        background: color(bs_#{$blogID});
      }
      .nav-section {
        background: color(bs_d_#{$blogID});
      }
    }
    .mailchimp-form {
      background-color: color(bp_#{$blogID});
      input[type=email] {
        color: white;
        background: color(bs_d_#{$blogID});
      }
    }
    .nav-pagination {
      p {
        color: color(bs_d_#{$blogID});
      }
      a {
        &:link, &:visited, &:hover, &:active {
          color: color(bs_d_#{$blogID});
        }
      }
    }
    footer[role=content-info] {
      background-color: color(bs_dd_#{$blogID});
      #sign-up {
        background: color(bt_#{$blogID});
        a {
          color: color(bs_dd_#{$blogID});
        }
      }
      #footer-navigation {
        .menu li {
          border-color: color(bs_d_#{$blogID});
        }
      }
    }
  }
}