@-ms-viewport {
	width: device-width;
}

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

// Correct `block` display not defined in IE 8/9.
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

// Correct `inline-block` display not defined in IE 8/9.
audio,
canvas,
video {
	display: inline-block;
}

* {
	box-sizing: border-box; // Apply a natural box layout model to all elements.
}

html {
	-webkit-touch-callout: none; // Disable long-press on links.
	-webkit-tap-highlight-color: rgba($color-black, .2);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	height: 100%;
}

body {
	font: #{$base-font-size}/25px #{$base-font-family};
	background: $color-white;
	color: $color-graphite-black;
	height: 100%;
	margin: 0;
	min-width: 1200px;

	@include until($bp-medium) {
		min-width: 320px;
		overflow-x: hidden;
	}
}

// This class added to html when it is opened from agent view on iPad. It is fixes for iframe scrolling
.av-external-content {
	overflow: auto;
	-webkit-overflow-scrolling: touch;

	body {
		overflow: auto;
	}

	#menu--subnav {
		position: relative !important;
	}

	.cookies-popup {
		display: none !important;
	}
}

/* ==========================================================================
   Links
   ========================================================================== */

a {
	color: $color-telenor-blue;
	outline: none;
	text-decoration: none;

	&:before {
		overflow: hidden;
		text-decoration: none;
	}
}

// Improve readability when focused and also mouse hovered in all browsers.

a:hover {
  outline: none;
}


/* ==========================================================================
   Typography
   ========================================================================== */

// Prevent `sub` and `sup` affecting `line-height` in all browsers.
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ==========================================================================
   Embedded content
   ========================================================================== */

// Remove border when inside `a` element in IE 8/9.
img {
	-webkit-touch-callout: default;
	border: 0;
	max-width: 100%;
	height: auto;
}

video {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}

/* ==========================================================================
   Lists
   ========================================================================== */
ul,
ol {
	margin: 0;
	padding: 0;

	li {
		list-style: none;
	}
}

ol {
	li {
		margin-top: $small-spacing-unit;
		list-style: decimal outside;
		margin-left: 25px;
		padding-left: 10px;
	}
}


/* ==========================================================================
   Forms
   ========================================================================== */

// Define consistent border, margin, and padding.
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

// 1. Correct `color` not being inherited in IE 8/9.
// 2. Remove padding so people aren't caught out if they zero out fieldsets.
legend {
	border: 0; // 1
	padding: 0; // 2
}

button,
input {
	-webkit-font-smoothing: antialiased;
	// Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
	line-height: normal;
}

// 1. Correct font family not being inherited in all browsers.
// 2. Correct font size not being inherited in all browsers.
// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
button,
input,
select,
textarea {
	font-family: inherit; // 1
	font-size: 100%; // 2
	margin: 0; // 3
}

textarea,
input {
	&::placeholder {
		color: $color-stone-grey;
	}
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px $color-white inset;
}

// Address inconsistent `text-transform` inheritance for `button` and `select`.
// All other form control elements do not inherit `text-transform` values.
// Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
// Correct `select` style inheritance in Firefox 4+ and Opera.
button,
select {
	text-transform: none;
}

// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
// 2. Correct inability to style clickable `input` types in iOS.
// 3. Improve usability and consistency of cursor style between image-type `input` and others.
button,
html [type="button"], // 1
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; // 2
	cursor: pointer; // 3
}

// Re-set default cursor for disabled elements.
button[disabled],
html input[disabled] {
	cursor: default;
}

// 1. Address box sizing set to `content-box` in IE 8/9.
// 2. Remove excess padding in IE 8/9.
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; // 1
	padding: 0; // 2
}

// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome.
[type="search"] {
	-webkit-appearance: textfield; // 1
}

// Remove inner padding and search cancel button in Safari 5 and Chrome on OS X.
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

// Remove search cancel button from IE.
[type="text"]::-ms-clear,
[type="search"]::-ms-clear {
	width: 0;
	height: 0;
}

// Remove inner padding and border in Firefox 4+.
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

[type="search"],
[type="text"] {
	width: 100%;
}

// 1. Remove default vertical scrollbar in IE 8/9.
// 2. Improve readability and alignment in all browsers.
textarea {
	overflow: auto; // 1
	vertical-align: top; // 2
	width: 100%;
	-webkit-appearance: none;

	// force font smoothing not being inherited
	-webkit-font-smoothing: antialiased;
}

/* ==========================================================================
Tables
 ========================================================================== */

// Remove most spacing between table cells.
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

thead {
	th {
		@include until($bp-medium) {
			white-space: nowrap;
		}
		@include until($bp-small){
			white-space: normal;
		}
	}
}

th {
	text-align: left;
}

th,
td {
	padding: $small-spacing-unit;
	vertical-align: top;
}


/* ==========================================================================
  Spacing
  ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-size: inherit;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}

p,
blockquote,
table {
	margin: 0;
}

small {
	font-size: inherit;
}

.transform-translate {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}