@font-face {
    font-family: 'Futura Lt';
    src: url('/web-fonts/FuturaBT-Light.woff2') format('woff2'),
        url('/web-fonts/FuturaBT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Lt';
    src: url('/web-fonts/FuturaBT-LightItalic.woff2') format('woff2'),
        url('/web-fonts/FuturaBT-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Lt';
    src: url('/web-fonts/FuturaLT-Bold.woff2') format('woff2'),
        url('/web-fonts/FuturaLT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* * {font-family: "futura-pt", Verdana, Arial, Helvetica, sans-serif;color:#464646;} */
* {font-family: "Futura Lt", Verdana, Arial, Helvetica, sans-serif;color:#464646;}
.item_thumb, .archive_div {float:left;padding:.4rem;margin:.5rem .5rem 0 0;border: 3px rgb(0,179,208) solid;border-radius:15px;text-align:center;cursor:pointer;width:150px;height:210px;position:relative;}
.archive_div {width:120px;height:170px;}
.archive_options button {margin:2px;padding:.3em;}
.item_thumb p, .archive_div p {height:60px;padding:.2rem;margin:0;line-height:1rem;}
.item_thumb img, .archive_div img {max-height:130px;max-width:130px;border:1px solid #999;}
.archive_div img {max-height:60px;max-width:60px;}
.hide_me {display:none !important;}
.section {clear:both;padding:10px 20px 0 70px;}
.section h3 {font-size:1.3rem;text-align:left;margin:0;padding: 10px 0 0 0;}
.loader {background-image:url("loading.png");position:absolute;top:0;opacity:.7;}
#prevu {position:relative;}
body {text-align:center;background-color:rgb(249,235,255);}
#container {width:950px;margin:20px auto 20px auto;background-color:white;}
#topnav {position:absolute;right:20px;bottom:5px;color:white;text-align:right;}
#topnav a {color:white;font-size:1.1rem;}
#top {background-color:rgb(110,41,141);text-align:left;padding-left:20px;position:relative;}
#footer {clear:both;background-color:rgb(110,41,141);padding:10px;color:white;text-align:center;font-size:.9rem;border-top:10px solid white;}
.bread {text-align:left;font-weight:bold;color:rgb(110,41,141);padding:10px 10px 10px 20px;}
.bread a {font-size:1.1rem;color:rgb(110,41,141);cursor:pointer;}
#form {width:250px;float:left;padding-bottom:20px;overflow:auto;}
#prevu_container {position:relative;width:680px;float:left;padding-left:10px;padding-bottom:20px;padding-top:10px;background-color:rgb(249,235,255);border-radius:.7rem;}
#prevu img {border:1px solid #333;}
#form p {font-size:1.1rem;margin:0;}
.field {padding:10px 0 5px 0;border-bottom:1px solid #999;margin-bottom:5px;}
#home_thumbs {margin-top:16px;margin-left:120px;}
.home_thumb_container {cursor:pointer;float:left;margin:4px;position:relative;width:224px;height:98px;border-radius:1rem;background-color:rgb(249,235,255);}

.home_thumb_container p {text-align:left;font-weight:bold;color:rgb(110,41,141);font-size:1rem;position:absolute;top:8px;left:8px;width:110px;line-height:1.2em;}
.home_thumb_container img {position:absolute;right:8px;bottom:8px;max-width:108px;max-height:80px;}
#archive_form {text-align:left;padding-left:3rem;}
a {cursor:pointer; text-decoration:none;}
a:hover {text-decoration:underline;}
.archived_group {clear:both;border:1px solid #ccc;border-radius:.5em;margin:.5em;padding:.5em;overflow:auto;}
.archived_group p {font-weight:bold;text-align:left;}
.archive_unfiled {border:0;}
.archive_div p {font-weight:normal;}
.item_edit_button {position:absolute;right:0;bottom:0;border:0 !important;}

.tag_button {float:left;margin:.1rem;padding:.2rem;font-size:.8rem;}
.tag_button.sel {background-color:blue;}
.tag_cloud p {clear:both;}
.new_tag_input {margin-right:.5rem;}
.new_tag_button {background-color:#333333;font-size:.8rem;padding:.2rem;}

#edit_item_form {border:1px solid #999;border-radius:.5rem;padding:.5rem;margin-bottom:1.5rem;}

.long_input {width:25rem;}

.navigation {padding: .5rem 2rem .5rem 2rem;}
.sort_button {font-size:1.3rem;padding-top:0;padding-bottom:0;}
.clickimg {cursor:pointer;}

.navigation a.draft_link, .navigation a.draft_link.sel {color:red;}

#searchdiv {
  position:absolute;
  right:300px;
  bottom:5px;
  color:white;
  z-index:100;
}

#searchbox {
  border: 0;
  border-radius:.4rem;
}

#searchdiv button {
  border:1px solid white;
  background-color:rgb(110,41,141);
  border-radius:.4rem;
  color:white;
}

.home_thumb_container.draft_thumb {
  background-color:#ccc;
}

.home_thumb_container.draft_thumb p {
  color: red !important;
}