/* DEFAULT STYLES */


  // Wordpress

    #wpadminbar { position:fixed !important; }


  // Colours

    $black:#000;
    $white:#fff;

    $twitter:#55acee;
    $facebook:#3b5998;
    $instagram:#3f729b;
    $youtube:#e52d27;
    $linkedin:#0976b4;
    $google:#dd4b39;
    $pinterest:#cc2127;


  // Basic styles

    body { min-width:320px; }

    h1, h2, h3 { margin:0 0 0.25em 0; }

    ul, li {

      list-style-type:none;
      margin:0;
      padding:0;

    }

    img,
		svg {

      height:auto;
      max-height:80vh;
      max-width:100%;

    }

    a, a:hover, a:focus, a:active {

      color:$black;
      text-decoration:none;

    }

    label { cursor:pointer; }

    .content { overflow:hidden; }



  // Classes and IDs

    // Make responsive ratio blocks animate when resizing
    .res-ratio { transition:0.1s; }

    // Remove outline from skip-to targets
    #content, #header-menu { outline:0; }

    // Makes using <ul> as class="row" easier
    .content-styles .row {

      margin-left:-15px;
      margin-right:-15px;
      max-width:none;

    }

    // Javascript-conditionals
    .no-js .js-only { display:none !important; }
    .js .no-js-only { display:none !important; }


  // IE upgrade message

    .ie-upgrade {

      background:#fee;
      color:#c33;
      padding:7px 0;

      a {

        color:#c33;
        text-decoration:underline;

      }

    }


  // Cookie message

    .cookie-notice {

      display:none;
      font-size:14px;
      overflow:hidden;
      padding:5px 10px;

    }

    .cookie-notice-privacy { text-decoration:underline !important; }

    .cookie-notice-close {

      background:none;
      border:0;
      display:block;
      float:right;
      line-height:1;
      margin:2px 0 0 10px;
      padding:0;

    }


  // Skip to content

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

      display:block;
      font-size:14px;
      height:0;
      overflow:hidden;
      padding:0;
      width:100%;
      text-align:center;

      &:hover, &:focus, &:active {

        height:auto;
        padding:5px 10px;
        text-decoration:none;

      }

    }