/* PROJECT-SPECIFIC GLOBAL STYLES */


  // Colors

    $grey-51:rgb(51,51,51);
    $grey-68:rgb(68,68,68);
    $grey-106:rgb(106,106,106);
    $grey-128:rgb(128,128,128);
    $grey-204:rgb(204,204,204);
    $grey-247:rgb(247,247,247);
    $yellow:#f39200;
    $yellow-light:#fdddbb;
    $stone-light:rgb(223,224,217);
    $stone:rgb(214,215,207);
    $stone-dark:rgb(167,171,166);

    $brand:$yellow;



  // Basic settings

    html, body {

      font-family:$helvetica;
      font-size:16px;
			line-height: 1.3;

    }



  // Cookie message & skip to content

    .cookie-notice, .skip-to-content, .skip-to-menu {

      background:$brand;
      color:$black;

      a { color:$black; }

    }



  // Content padding

		.content-padding,
		.content-padding-bottom,
		.content-padding-top {
			overflow: hidden;
		}

    .content-padding {

      padding-bottom:30px;
      padding-top:30px;

      @media (min-width:$screen-sm-min) {
				padding-bottom:45px;
				padding-top:45px;
			}

    }

    .content-padding-bottom {

      padding-bottom:30px;

      @media (min-width:$screen-sm-min) {
				padding-bottom:45px;
			}

    }

    .content-padding-top {

      padding-top:30px;

      @media (min-width:$screen-sm-min) {
				padding-top:45px;
			}

    }


  // Forms
  // We put this here so we can use project color variables like $brand

    button, input, select, textarea {

      // https://caniuse.com/#search=appearance
      // Autoprefixer doesn't work with appearance as it doesn't appear in any CSS specification
      // so there is no specifically correct usage and we have to prefix it ourselves

      -webkit-appearance:none !important;
      -moz-appearance:none !important;
      appearance:none !important;

      background:$white;
      border:1px solid $brand;
      border-radius:3px;
      font-size:1em;
      line-height:1.3;

    }

    select {

      cursor:pointer;
      padding:0.313em 0;
      text-indent:0.25em;

      &::-ms-expand { display:none; }

      &.ui-datepicker-month,
      &.ui-datepicker-year
      {

        -webkit-appearance:menulist !important;
        -moz-appearance:menulist !important;
        appearance:menulist !important;

        border-color:$black;
        color:$black;
        padding:initial !important;
        text-indent:initial !important;

      }

    }