@import "variables-site/variables-site";
@import "mixins/mixins-master";

@font-face {
	font-family: 'Sofia Pro';
	src: url('../fonts/SofiaProLight-webfont.eot');
	src: url('../fonts/SofiaProLight-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/SofiaProLight-webfont.woff2') format('woff2'),
	url('../fonts/SofiaProLight-webfont.woff') format('woff'),
	url('../fonts/SofiaProLight-webfont.ttf') format('truetype'),
	url('../fonts/SofiaProLight-webfont.svg#sofia_prolight') format('svg');
	font-weight: 300;
	font-style: normal;
}

html {
	font-size: 10px;
}

body {
	color: $color__text-main;
	@include font-size(1.4);
	font-family: $font__main;
	line-height: $font__line-height-body;

	&.mce-content-body {
		margin: 10px;

		&.post-type-post {
			max-width: 780px;
		}
	}
}

h1, h2, h3, h4, h5, h6 {
	color: $color__primary;
	line-height: 1.2;
	font-weight: 500;
}

h1, h2, h3 {
	margin: 50px 0 30px;
}

h4, h5, h6 {
	margin: 30px 0 20px;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

@import "typography/copy";

@import "navigation/links";

p.has-drop-cap:not(:focus)::first-letter {
	float: left;
	font-size: 7.4em;
	line-height: 0.68;
	font-weight: 100;
	margin: 0.1em 0.1em 0 0;
	text-transform: uppercase;
	font-style: normal;
}

blockquote, q {
	quotes: "" "";

	&:before,
	&:after {
		content: "";
	}

	:first-child {
		margin-top: 0;
	}

	:last-child {
		margin-bottom: 0;
	}
}

hr {
	background-color: $color__background-hr;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dl {
	margin-top: 0;
	margin-bottom: 20px;
}

dt,
dd {
	line-height: 1.42857143;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

address {
	font-style: normal;
	line-height: 1.42857143;
}

code,
.mce-content-body code {
	padding: 2px 4px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
	padding: 2px 4px;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}

pre {
	display: block;
	margin: 0 0 10px;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	border: 1px solid #ccc;
	border-radius: 4px;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

table,
.mce-item-table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 2px solid $color__primary;

	th,
	td {
		padding: 15px;
		border-right: 1px solid $color__primary;
	}

	th {
		color: $color__primary;
		text-align: left;
	}

	thead tr {
		border-bottom: 2px solid $color__primary;
	}

	tbody tr {
		border-bottom: 1px solid $color__border;
	}
}

/** Alignment */
@import "modules/alignments";

/** Gallery */
@import "media/captions";
@import "media/galleries";
