@import url(font-awesome.min.css);

/* source-sans-3-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 300;
	src: url('/assets/fonts/source-sans-3-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* source-sans-3-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* source-sans-3-italic - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Source Sans 3';
	font-style: italic;
	font-weight: 400;
	src: url('/assets/fonts/source-sans-3-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

body {
        color: #a0a0a1;
        font-family: "Source Sans 3", Helvetica, sans-serif;
        font-size: 15pt;
        font-weight: 300;
        letter-spacing: 0.025em;
        line-height: 1.65;
        background: #242629;
        margin: auto;
        width: 90%;
        padding: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
        color: #ffffff;
        font-weight: 300;
        letter-spacing: 0.1em;
        line-height: 1.5;
        margin: 0 0 1em 0;
        text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
        color: inherit;
        text-decoration: none;
}

h1 {
        font-size: 2em;
}

h2 {
        font-size: 1.25em;
}

h3 {
        font-size: 1.1em;
}

h4 {
        font-size: 1em;
}

h5 {
        font-size: 0.9em;
}

h6 {
        font-size: 0.7em;
}

a {
        border-bottom: 1px dotted;
        color: #34a58e;
        text-decoration: none;
        transition: color 0.2s ease-in-out 0s, border-bottom-color 0.2s ease-in-out 0s;
}

.grid a {
        border: none;
}

ul.icons {
        cursor: default;
        list-style: none;
        padding-left: 0;
}

ul.icons li {
        display: inline-block;
        padding: 0 1em 0 0;
}

ul.icons li:last-child {
        padding-right: 0;
}

ul.icons li .icon {
        color: #505051;
}

ul.icons li .icon:before {
        font-size: 1.5em;
}

.icon {
        text-decoration: none;
        border-bottom: none;
        position: relative;
}

.icon:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-transform: none !important;
}

.icon>.label {
        display: none;
}

/* MASONRY */
.grid-item {
        width: 320px;
        padding: 0;
}

.grid-item--width2 {
        width: 400px;
}

/* Responsive (Source: Mulitverse) */
@media screen and (max-width: 480px) {

        html,
        body {
                min-width: 320px;
        }
}

@media screen and (max-width: 1680px) {

        body,
        input,
        select,
        textarea {
                font-size: 11pt;
        }
}

@media screen and (max-width: 736px) {
        h2 {
                font-size: 1em;
        }

        h3 {
                font-size: 0.9em;
        }

        h4 {
                font-size: 0.8em;
        }

        h5 {
                font-size: 0.7em;
        }

        h6 {
                font-size: 0.7em;
        }
}

/* Responsive (Source: Mulitverse) */
@media screen and (max-width: 480px) {

        html,
        body {
                min-width: 320px;
        }
}

@media screen and (max-width: 1680px) {

        body,
        input,
        select,
        textarea {
                font-size: 11pt;
        }
}

@media screen and (max-width: 736px) {
        h2 {
                font-size: 1em;
        }

        h3 {
                font-size: 0.9em;
        }

        h4 {
                font-size: 0.8em;
        }

        h5 {
                font-size: 0.7em;
        }

        h6 {
                font-size: 0.7em;
        }
}

#footer {
        margin-top: 50px;
}

.colLeft {
        display: inline;
        float: left;
        width: 50%;
}

#credits {
        padding-top: 20px;
        clear: both;
        display: block;
        font-size: 80%;
}




/* Actions */

ul.actions {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        cursor: default;
        list-style: none;
        margin-left: -1em;
        padding-left: 0;
}

        ul.actions li {
                padding: 0 0 0 1em;
                vertical-align: middle;
        }

        ul.actions.special {
                -moz-justify-content: center;
                -webkit-justify-content: center;
                -ms-justify-content: center;
                justify-content: center;
                width: 100%;
                margin-left: 0;
        }

                ul.actions.special li:first-child {
                        padding-left: 0;
                }

        ul.actions.stacked {
                -moz-flex-direction: column;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                margin-left: 0;
        }

                ul.actions.stacked li {
                        padding: 1.3em 0 0 0;
                }

                        ul.actions.stacked li:first-child {
                                padding-top: 0;
                        }

        ul.actions.fit {
                width: calc(100% + 1em);
        }

                ul.actions.fit li {
                        -moz-flex-grow: 1;
                        -webkit-flex-grow: 1;
                        -ms-flex-grow: 1;
                        flex-grow: 1;
                        -moz-flex-shrink: 1;
                        -webkit-flex-shrink: 1;
                        -ms-flex-shrink: 1;
                        flex-shrink: 1;
                        width: 100%;
                }

                        ul.actions.fit li > * {
                                width: 100%;
                        }

                ul.actions.fit.stacked {
                        width: 100%;
                }

        @media screen and (max-width: 480px) {

                ul.actions:not(.fixed) {
                        -moz-flex-direction: column;
                        -webkit-flex-direction: column;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        margin-left: 0;
                        width: 100% !important;
                }

                        ul.actions:not(.fixed) li {
                                -moz-flex-grow: 1;
                                -webkit-flex-grow: 1;
                                -ms-flex-grow: 1;
                                flex-grow: 1;
                                -moz-flex-shrink: 1;
                                -webkit-flex-shrink: 1;
                                -ms-flex-shrink: 1;
                                flex-shrink: 1;
                                padding: 1em 0 0 0;
                                text-align: center;
                                width: 100%;
                        }

                                ul.actions:not(.fixed) li > * {
                                        width: 100%;
                                }

                                ul.actions:not(.fixed) li:first-child {
                                        padding-top: 0;
                                }

                                ul.actions:not(.fixed) li input[type="submit"],
                                ul.actions:not(.fixed) li input[type="reset"],
                                ul.actions:not(.fixed) li input[type="button"],
                                ul.actions:not(.fixed) li button,
                                ul.actions:not(.fixed) li .button {
                                        width: 100%;
                                }

                                        ul.actions:not(.fixed) li input[type="submit"].icon:before,
                                        ul.actions:not(.fixed) li input[type="reset"].icon:before,
                                        ul.actions:not(.fixed) li input[type="button"].icon:before,
                                        ul.actions:not(.fixed) li button.icon:before,
                                        ul.actions:not(.fixed) li .button.icon:before {
                                                margin-left: -0.5rem;
                                        }

        }




        /* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 4px;
		border: 0;
		box-shadow: inset 0 0 0 2px #585858;
		color: #585858 !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 900;
		height: 3.5em;
		letter-spacing: 0.35em;
		line-height: 3.45em;
		overflow: hidden;
		padding: 0 1.25em 0 1.6em;
		text-align: center;
		text-decoration: none;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
	}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			color: #27C46E !important;
			box-shadow: inset 0 0 0 2px #27C46E;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: rgba(242, 132, 158, 0.1);
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.6em;
		}

		input[type="submit"].large,
		input[type="reset"].large,
		input[type="button"].large,
		button.large,
		.button.large {
			font-size: 1em;
		}

		input[type="submit"].primary,
		input[type="reset"].primary,
		input[type="button"].primary,
		button.primary,
		.button.primary {
			box-shadow: none;
			background-color: #585858;
			color: #ffffff !important;
		}

			input[type="submit"].primary:hover,
			input[type="reset"].primary:hover,
			input[type="button"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
				background-color: #27C46E;
			}

			input[type="submit"].primary:active,
			input[type="reset"].primary:active,
			input[type="button"].primary:active,
			button.primary:active,
			.button.primary:active {
				background-color: #ee5f81;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			pointer-events: none;
			opacity: 0.25;
		}