/* FONTS */
@font-face {
    font-family: 'Archia';
    src: url('../fonts/Archia-Regular.eot');
    src: url('../fonts/Archia-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Archia-Regular.woff2') format('woff2'),
        url('../fonts/Archia-Regular.woff') format('woff'),
        url('../fonts/Archia-Regular.ttf') format('truetype'),
        url('../fonts/Archia-Regular.svg#Archia-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archia';
    src: url('../fonts/Archia-Bold.eot');
    src: url('../fonts/Archia-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Archia-Bold.woff2') format('woff2'),
        url('../fonts/Archia-Bold.woff') format('woff'),
        url('../fonts/Archia-Bold.ttf') format('truetype'),
        url('../fonts/Archia-Bold.svg#Archia-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body.-plannerkit { font-family:'Archia', sans-serif; }
.-form { text-align: center}
.-form > form { text-align: left;}
.apilink { background-color:#fff; display:inline-block;}
.acf-field[data-name="avg"] { position:relative; padding-left:40px!important; }
.acf-field[data-name="avg"] > .acf-label { padding-top:4px;}
.acf-field[data-name="avg"] > .acf-label .description { margin:0px; margin-top:4px;}
.acf-field[data-name="avg"] > .acf-input { position: absolute; left:0px; top:0px; padding:4px; background-color:var(--lightgrey);}
.acf-field[data-name="avg"] > .acf-input input[type="checkbox"] {  width:16px; height:16px;}
.acf-field[data-name="avg"].acf-error { padding-bottom:80px!important;}
.acf-field[data-name="avg"] > .acf-input > .acf-notice { position: absolute!important; left:0px; top:80px; width:256px;}

article.-status-draft .-status { background-color:#B5B5B5!important;}
article.-status-review .-status{background-color:#B5B5B5!important;}
article.-status-accepted .-status { background-color:#F77C02!important;}
article.-status-pending .-status{ background-color:#A443E0!important; }
article.-status-contact .-status{ background-color:#0074D9!important; }
article.-status-completed .-status{ background-color:#02A500!important;}
article.-status-billed .-status{ background-color:#AF0000!important;}
article.-status-cancelled .-status{ background-color:#F77C02!important;}

h5.-status { display:inline-block; padding:4px; font-size:12px; line-height:12px; border-radius:4px; margin:0px; margin-bottom:4px; color:#fff;}
h5.-status-draft { background-color:#B5B5B5!important;}
h5.-status-review {background-color:#B5B5B5!important;}
h5.-status-accepted { background-color:#F77C02!important;}
h5.-status-pending { background-color:#A443E0!important; }
h5.-status-contact { background-color:#0074D9!important; }
h5.-status-completed { background-color:#02A500!important;}
h5.-status-billed { background-color:#AF0000!important;}
h5.-status-cancelled { background-color:#F77C02!important;}

.acf-google-map .title .search { background-color:#fff!important;}
.acf-google-map .title .search::placeholder { color:#000!important;}
[data-name="plannerkit-schedule-location"] label { opacity:0.6;}
[data-name="plannerkit-schedule-location"] input {background-color:var(--lightgrey)!important;}

.-all-files {}
.-all-files > details { margin-bottom:8px;}
.-all-files > details > summary { background-color:#fff; padding:18px 8px; position:relative; min-height:58px; font-weight: 700;}
.-all-files > details > summary:hover { cursor: pointer;}
.-all-files > details > summary > a {background-color: var(--black); color:var(--white); position: absolute; right:8px; top:4px;}

ol.-files { list-style: none; margin-top:8px;}
ol.-files > li { background-color: #fff; padding:8px;}
ol.-files > li > figure { width:100%; height:128px; background-color: var(--lightgrey);} 
ol.-files > li > h5 { margin:8px 0;}

.-download-all { background-color: var(--black); color:var(--white);}

i.dot {}
i.dot::after { content:''; display:inline-block; width:8px; height:8px; border-radius:4px; margin:4px; }
i.dot-accepted::after { background-color:#F77C02!important;}
i.dot-pending::after { background-color:#A443E0!important;}
i.dot-contact::after { background-color:#0074D9!important;}
i.dot-completed::after {background-color:#02A500!important;}
i.dot-billed::after {background-color:#AF0000!important;}

.flatpickr-calendar { background:var(--black);}
.flatpickr-calendar::before,
.flatpickr-calendar::after { display:none;}
.flatpickr-calendar span.flatpickr-weekday {background:var(--black);}
.flatpickr-calendar .flatpickr-months .flatpickr-month {background:var(--black);}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {background:var(--black);}

p.-loading-message { padding:16px; background-color:var(--grey); font-weight:700; margin:0px;}
p.-loading-message-new {}

.-loading-ring {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 32px;
  height: 32px;
  color:currentColor;
}
.-loading-ring span {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 4px;
  border: currentColor 3px solid;
  border-radius: 50%;
  animation: loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}
.-loading-ring span:nth-child(1) {
  animation-delay: -0.45s;
}
.-loading-ring span:nth-child(2) {
  animation-delay: -0.3s;
}
.-loading-ring span:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes loading-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}