@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');

:root {
    --ft-color-primary: #0085ff;
    --ft-color-secondary: slategrey;
    --ft-color-tiertiary: grey;
    --ft-color-red: crimson;
    --ft-color-blue: #0085ff;
    --ft-color-black: #000;
    --ft-color-bg: rgba(0,0,0,0.125);
    --ft-border-radius: 1rem;
}

.ft-dm-screen-module-embed iframe html {
overflow: hidden;
}

.ft-container {
    display: flex;
    justify-content: center;
}
.ft-container .ft-content {
    width: 1200px;
}

.ft-container .ft-content .acf-button {
    width: 100%;
}

.ft-dm-screen {
    flex-wrap: wrap;
    min-height: 70.5vh;
}

.ft-dm-screen-module-container {
    padding: 1rem;
    position: absolute;
    /* box-sizing: content-box; */
}

.ft-dm-screen-module {
    /* border: 1px solid var(--ft-color-primary); */
    height: 20rem;
    overflow-y: auto;
    box-sizing: content-box
}

.ft-dm-screen-module[data-allow-select=true]::after {
    content: '+';
    font-size: 10rem;
    color: rgba(0,0,0,0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.ft-dm-screen-module table * {
    border-color: var(--ft-color-black);
}
#ft-dm-screen-tabs {
    height: 4rem;
}
#ft-dm-screen-tabs button {
    padding: 0.5rem 2rem;
}

.ft-dm-module-close {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
    line-height: .5rem;
    padding: 1rem;
}

.ft-initiative-tracker,
.ft-counter,
.ft-checklist {
    height: 6rem;
    margin: 1rem 0;
}

.ft-checkbox-checked-fix[type="checkbox"]:checked::before {
    width: 2.75em;
    height: 2.75em;
    /* margin: 0; */
}

.ft-dm-screen-module-selector-tab-container table {
    /* background-color: white; */
}

.ft-button-color {
    background-color: white !important;
    border: 4px solid var(--ft-color-secondary);
    padding: 0.5rem;
    width: 4rem;
    height: 4rem;
    /* box-sizing: content-box; */
}

.ft-button-color.selected {
    border: 4px solid var(--ft-color-primary);
}

.ft-post-list-category {
    padding: 0 3rem;
    /* margin: 1rem 0; */
}
.ft-post-list-category-item {
    background-color: var(--ft-color-primary);
    padding: 1rem;
    margin: 1rem 0;
    text-decoration: none;
}

.ft-post-list-item {
    background-color: var(--ft-color-secondary);
    padding: 1rem;
    margin: 1rem 0;
    text-decoration: none;
}

.ft-dm-screen-module-player-stat-bar-bar-outer {
    border: solid 1px black;
}

.ft-dm-screen-module-player-inventory-item {
    position: relative;
    width: 18rem;
    height: 18rem;
    overflow: hidden;
}

.ft-book-page-button:disabled {
    background-color: var(--ft-color-secondary);
    cursor: not-allowed;
}
.ft-book-page-button:disabled:hover {
    text-decoration: none;
}
.ft-map-canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.ftMapItem {
    width: 8rem;
    height: 8rem;
}

.ft-border {
    border-radius: var(--ft-border-radius);
}

.ft-bg {
    background-color: var(--ft-color-bg);
}

.ft-position-relative {
    position: relative;
}
.ft-position-absolute {
    position: absolute;
}
.ft-position-fixed {
    position: fixed;
}

.ft-d-none {
    display: none;
}
.ft-d-flex {
    display: flex;
}
.ft-d-inline-block {
    display: inline-block;
}
.ft-flex-column {
    flex-direction: column;
}
.ft-flex-row {
    flex-direction: row;
}
.ft-flex-wrap {
    flex-wrap: wrap;
}
.ft-flex-nowrap {
    flex-wrap: nowrap;
}

.ft-m-0 {
    margin: 0 !important;
}
.ft-mt-0 {
    margin-top: 0 !important;
}
.ft-mb-0 {
    margin-bottom: 0 !important;
}
.ft-m-1 {
    margin: 1rem !important;
}
.ft-mr-1 {
    margin-right: 1rem !important;
}
.ft-ml-1 {
    margin-left: 1rem !important;
}
.ft-mb-1 {
    margin-bottom: 1rem !important;
}
.ft-mt-1 {
    margin-top: 1rem !important;
}
.ft-mt-2 {
    margin-top: 2rem !important;
}
.ft-mb-2 {
    margin-bottom: 2rem !important;
}
.ft-ml-2 {
    margin-left: 2rem !important;
}
.ft-mr-2 {
    margin-right: 2rem !important;
}

.ft-p-0 {
    padding: 0 !important;
}
.ft-p-1 {
    padding: 1rem !important;
}
.ft-p-2 {
    padding: 2rem !important;
}
.ft-pt-2 {
    padding-top: 2rem !important;
}
.ft-pb-3 {
    padding-bottom: 3rem !important;
}

.ft-justify-content-left {
    justify-content: flex-start;
}
.ft-justify-content-right {
    justify-content: flex-end;
}
.ft-justify-content-center {
    justify-content: center;
}
.ft-justify-content-around {
    justify-content: space-around;
}
.ft-justify-content-between {
    justify-content: space-between;
}
.ft-justify-content-evenly {
    justify-content: space-evenly;
}

.ft-align-items-left {
    align-items: flex-start;
}
.ft-align-items-right {
    align-items: flex-end;
}
.ft-align-items-center {
    align-items: center;
}
.ft-align-items-around {
    align-items: space-around;
}
.ft-align-items-between {
    align-items: space-between;
}
.ft-align-items-evenly {
    align-items: space-evenly;
}

.ft-text-left {
    text-align: left;
}
.ft-text-right {
    text-align: right;
}
.ft-text-center {
    text-align: center;
}

.ft-text-bold,
.ft-text-bold .acf-input-wrap * {
    font-weight: bold;
}

.ft-cursor-pointer {
    cursor: pointer;
}

.ft-w-auto {
    width: auto !important;
}
.ft-w-10 {
    width: 10% !important;
}
.ft-w-25 {
    width: 25% !important;
}
.ft-w-35 {
    width: 35% !important;
}
.ft-w-50 {
    width: 50% !important;
}
.ft-w-65 {
    width: 65% !important;
}
.ft-w-75 {
    width: 75% !important;
}
.ft-w-100 {
    width: 100% !important;
}

.ft-h-auto {
    height: auto !important;
}
.ft-h-10 {
    height: 10% !important;
}
.ft-h-25 {
    height: 25% !important;
}
.ft-h-50 {
    height: 50% !important;
}
.ft-h-75 {
    height: 75% !important;
}
.ft-h-100 {
    height: 100% !important;
}

.ft-ws-nowrap {
    white-space: nowrap;
}

.ft-ratio {
    position: relative;
    width: 100%;
}
.ft-ratio.ft-ratio-1x1::before {
    display: block;
    padding-top: 100%;
    content: "";
}
.ft-ratio.ft-ratio-1x1 * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ft-bg-primary {
    background-color: var(--ft-color-primary) !important;
}

.ft-bg-secondary {
    background-color: var(--ft-color-secondary) !important;
}

.ft-bg-tiertiary {
    background-color: var(--ft-color-tiertiary) !important;
}

.ft-bg-blue {
    background-color: var(--ft-color-blue) !important;
}

.ft-bg-red {
    background-color: var(--ft-color-red) !important;
}

.ft-text-white {
    color: white;
}
.ft-text-danger {
    color: red;
}
.ft-text-success {
    color: lime;
}
.ft-text-decoration-line-through {
    text-decoration: line-through !important;
}
.ft-text-decoration-none {
    text-decoration: none !important;
}

.ft-font-tangerine,
.ft-font-tangerine * {
	font-family: 'Tangerine', cursive !important;
}
.ft-font-cinzel,
.ft-font-cinzel * {
	font-family: 'Cinzel Decorative', cursive !important;
}

.ft-container h1,
.ft-container h2,
.ft-container h3,
.ft-container h4,
.ft-container h5,
.ft-container h6,
.ft-container .faux-heading {
	margin: 3.5rem 0 2rem;
}

.media-router .media-menu-item {
    color: initial;
}

@media (min-width: 700px) {
    .ft-container h1,
	.ft-container .heading-size-1,
	.ft-container h2,
	.ft-container .heading-size-2,
	.ft-container h3,
	.ft-container .heading-size-3 {
		margin: 6rem auto 3rem;
	}

	.ft-container h4,
	.ft-container .heading-size-4,
	.ft-container h5,
	.ft-container .heading-size-5,
	.ft-container h6,
	.ft-container .heading-size-6 {
		margin: 4.5rem auto 2.5rem;
	}
}