@import "colors";
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDovqjS_dXPZszO_XltPdNg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGFxe-GPfKKFmiXaJ_Q0GFr8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM7YHq4FgHI02B8rPccK0FJQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM40tgx99jmYGv_xzYuwd1rU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoMxgy2Fsj5sj3EzlXpqVXRKo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6J-EY3txTwhUdSs_eHhDaJM.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Kr3NmSntz3GE6rIpxOPZGY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Nnl6YROR5rHLkdLoHwoOWA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body#tinymce.wp-editor {
	line-height: 24px;
	margin: 30px;
	color: $text;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-family: 'Source Sans Pro', sans-serif;
	
	img,
	figure {
		max-width: 100%;
	}

	a {
		color: $cta;

		&:hover {
			color: $dark;
		}
	}
	
	p {
		margin-bottom: 20px;
	}

	.wp-caption-text {
		font-size: 14px;
		font-style: italic;
		opacity: 0.8;
		text-align: center;
		letter-spacing: 0.05em;
	}

	input[type="text"],
	input[type="password"],
	input[type="url"],
	input[type="email"],
	textarea {
		padding: 15px;
		font-family: 'Source Sans Pro', sans-serif;
		color: rgba($dark, 0.8);
		font-weight: 400;
	}

	input[type="submit"],
	button {
		background-color: $cta;
		border: 2px solid transparent;
		color: $white;
		padding: 15px;
		font-family: 'Source Sans Pro', sans-serif;
		text-transform: uppercase;
		font-weight: 700;

		&:hover {
			background-color: $white;
			border: 2px solid $cta;
			color: $cta;
		}
	}

	blockquote {
		border-color: $cta;
	}

	h1, h2, h3, h4, h5, h6 {
		color: $dark;
		margin-top: 0;
	}

	h1, h2, h3, h4 {
		font-weight: 400;
	}

	h1, h2 {
		margin-bottom: 35px;
	}

	h3, h4 {
		margin-bottom: 42px;
	}

	h5, h6 {
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 50px;
	}

	h1 {
		font-size: 44px;
	}

	h2 {
		font-size: 34px;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 16px; 
	}

	h6 {
		font-size: 14px;
		font-style: italic;
	}

	table {
		max-width: 100%;
		margin-bottom: 40px;

		tr:first-of-type {
			background-color: rgba($dark, 0.1);

			th {
				padding: 17px 15px;
			}
		}

		td {
			padding: 17px 15px;
		}

		tr {
			border-bottom: 1px solid rgba($dark, 0.2);

			&:first-of-type {
				border-bottom: none;
			}
		}
	}

	dl {
		margin-bottom: 40px;
		
		dd {
			margin-bottom: 20px;
			font-style: italic;
		}
	}
	
	> ul,
	> ol  {
		margin-bottom: 40px;
	}

	ul {
		padding-left: 0;
		list-style: none;
		color: $dark;

		ol {
			li:before {
				font-size: 16px;
				top: 0;
			}
		}

		li {
			padding-left: 15px;
			position: relative;
			margin-bottom: 15px;

			&:before {
				content: "• ";
				color: $cta;
				font-size: 34px;
				position: absolute;
				left: 0;
				top: -4px;
			}
		}

		ul {
			margin-left: 20px;
			margin-bottom: 15px;
		}
	}

	ol { 
		counter-reset: item; 
		padding-left: 0;

		ul {
			li:before {
				font-size: 16px;
				top: 0;
			}
		}

		li {
			display: block;
			margin-bottom: 15px;

			&:before {
	            content: counter(item) ". ";
	            counter-increment: item;
	            color: $cta;
	        }
		}

		ol {
			margin-left: 20px;
			margin-bottom: 15px;
		}
	}

	address {
		font-style: italic;
	}

	code,
	kbd {
		background-color: rgba($cta, 0.1);
		color: $cta;
		font-family: monospace;
		box-shadow: none;
	}

	var {
		font-family: monospace;
		font-style: normal;
		letter-spacing: 1px;
	}

	pre {
		border-radius: none;
		border: none;
		font-family: monospace;
		padding: 30px;
		font-size: 16px;
		background-color: rgba($dark, 0.07);
	}

	ins {
		background: $cta;
		color: $white;
		text-decoration: none;
		padding: 0 4px;
	}
}