@charset "UTF-8";
// Morten Mitchell Larød 2019

@import 'vars';

* {
	box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-font-feature-settings: "liga", "kern";
	-moz-font-feature-settings:"liga=1, kern=1";
	-ms-font-feature-settings:"liga", "kern";
	-o-font-feature-settings:"liga", "kern";
	-webkit-font-feature-settings:"liga", "kern";
	font-feature-settings: "liga", "kern";
	-webkit-font-smoothing: auto;
}
a { color: $link; text-decoration: none;}
a:visited { color: $link; }
a:hover { color: $link-hover; text-decoration: underline; }
a:focus { outline: thin dotted;}
a:hover, a:active { outline: 0; }

img, object, embed, video { max-width: 100%; }

figcaption {font-weight: normal; }

::-webkit-input-placeholder { color: $fc-dark-medium; }
::-moz-placeholder { color: $fc-dark-medium; } 
:-ms-input-placeholder { color: $fc-dark-medium; }
input:-moz-placeholder { color: $fc-dark-medium; }

.prototype-label {
	position: absolute;
    right: 0;
    padding: 4px 8px;
    top: 0;
	@include subtitle-2;
	color: $fc-dark-medium;
}
body {
	@include body;
	background-color: $c-neutral-light;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

html {
    height: 100%;
}
.hidden {
	visibility: hidden !important;
}
.hide {
	display: none;
}
iframe {
	border: none;
	max-height: 90vh;
	width: 100%;
}
button {
	outline: none;
	display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
	background-color: transparent;
    border-radius: 4px;
	transition: background-color .2s ease-in-out;
	padding: 0 $gap-default;
	@include subtitle;
	cursor: pointer;
	i {
		margin-right: $gap-small;
	}
}

.primary-btn {
	background-color: $c-primary;
	border: 2px solid $c-primary;
    color: $c-white;
	&:hover {
	    background-color: $c-primary-dark;
	}
	&:active {
	    border: 2px solid $sky-blue-300;
    }
}
.outline-btn {
	border: 2px solid $warm-grey-400;
    color: $soft-black;
	&:hover {
	    background-color: $warm-grey-300;
	}
	&:active {
	    background-color: $warm-grey-400 ;
    }
}

.small-btn {
	height: 29px;
	line-height: 27px;
}
.medium-btn {
	height: 39px;
	line-height: 37px;
}
.large-btn {
	height: 47px;
	line-height: 45px;
}




.tool-btn {
	@include subtitle-2;
	color: $fc-dark-medium;
}
.page-header {
	background-color: $c-white;
	border-bottom: 1px solid $c-neutral;
	.header-grid-main {
		display: flex;
		justify-content: space-between;
		.publish-undo {
			display: flex;
			align-items: center;
			padding-right: $gap-large;
		}
	}
}
#main {
	margin: $gap-medium $gap-default 0 94px;
	position: relative;
}
aside {
	height: calc(100vh - 74px);
	background-color: $c-white;
	border-left: 1px solid $c-neutral;
	.nav-buttons {
		display: flex;
		margin-bottom: 28px;
		button {
			width: 33.33%;
			&:not(:first-child) {
				border-width: 1px 1px 1px 0;
			}
			&:first-child {
				border-radius: 3px 0 0 3px;
			}
			&:last-child {
				border-radius: 0 3px 3px 0;
			}
		}
	}
			
}


.tooltipster-content {
	color: $fc-dark-medium;
	.remove-article,
	.cancle-remove {
		color: $link;
		cursor: pointer;
		&:hover {
			color: $link-hover;
		}
	}
}