/* 	-------------------------------------------------------------------------------------------------------------- 
	
	◤   ◥	SCRIBBLEMAKES - UNIVERSAL POST MAKER 1.0
	 SM/C	----------------------------------------
	◣   ◢	Last updated: 22nd August 2024
	
	More widgets, plugins, and themes at: https://scribblemakes.com/code
	
	--------------------------------------------------------------------------------------------------------------

	This is the stylesheet for the Universal Post Maker (UPM)
	
	You can read more about the widget at: https://scribblemakes.com/code#scWidget_UniversalPostMaker
	
	-------------------------------------------------------------------------------------------------------------- */
	
* {
  box-sizing: border-box;
}

:root {  
  /* Loading placeholders */
  --loadingPlaceholder_text: "Loading ";
  
  /* All container settings */
  --allContainer_border: 1px solid var(--colorBorder);
  
  /* Sorting container and elements */
  --sortContainer_emptyText: "Sort Unavailable";
  
  /* Tag container and elements */
  --tagContainer_emptyText: "No Tags Available";
    --tagButton_includedBgColor: green;
    --tagButton_excludedBgColor: red;
  
  /* Date container and elements */
  --dateContainer_emptyText: "No Dates Available";
  
  /* Search container and elements */
  --searchContainer_emptyText: "Search Unavailable";
  
  /* Post container and elements */
  --postContainer_emptyText: "No Books or Games Found";
  
  /* Post links and full posts */
  --postLink_fullscreenText: "⛶";
  --postLink_disabledText: "Book or Game Not Released Yet";
  --postLink_expandText: "˅";
  --postLink_shrinkText: "˄";
  --postLink_redirectText: "⇒";
  
  /* Post Viewer and fullscreen posts */
  --postViewer_redirectText: "Click on the link above to be redirected";
  --postViewer_scheduledText: "This Book or Game isn't available yet";
  
  /* Navigation container and elements */
  --navContainer_emptyText: "Navigation Unavailable";
}


/* ----------------------------------------------- Loading Text ----------------------------------------------- */
.sc_upmw_loadingPlaceholder {
  display: block;
  grid-area: 1 / 1 / 1 / 4;
  padding: 0.5em;
  background-color: var(--colorBacking);
  text-align: center;
}
  @keyframes loadingSpin {
    0% {content: ".";}
    25% {content: "..";}
    50% {content: "...";}
    75% {content: "....";}
    100% {content: "....";}
  }
  .sc_upmw_loadingPlaceholder::before {
    content: var(--loadingPlaceholder_text);
  }
  .sc_upmw_loadingPlaceholder::after {
    display: block;
    content: "";
    animation-name: loadingSpin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }


/* ----------------------------------------------- All Displays ----------------------------------------------- */
.sc_upmw_classArchive, .sc_upmw_classGallery, .sc_upmw_classHighlight {
  display: block;
  margin: 0.5em auto;
  padding: 0.5em;
  width: 100%;
  background-color: var(--colorBacking);
}
  .sc_upmw_classGallery {
    display: grid;
    grid-template: auto 2.75em auto auto auto auto / 15em auto auto;
  }
  .sc_upmw_classArchive {
    display: grid;
    grid-template: auto auto auto / calc(100% / 3) calc(100% / 3) calc(100% / 3)
  }

/* General HTML elements */
.sc_upmw_classArchive button, .sc_upmw_classGallery button, .sc_upmw_classHighlight button, 
.sc_upmw_classArchive input[type=checkbox], .sc_upmw_classGallery input[type=checkbox], .sc_upmw_classHighlight input[type=checkbox],
.sc_upmw_classArchive select, .sc_upmw_classGallery select, .sc_upmw_classHighlight select,
.sc_upmw_classArchive label, .sc_upmw_classGallery label, .sc_upmw_classHighlight label {
  box-sizing: border-box;
  cursor: var(--cursorPointer);  
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
  #sc_upmw_postFullscreen button[disabled], .sc_upmw_classArchive button[disabled], .sc_upmw_classGallery button[disabled], .sc_upmw_classHighlight button[disabled] {
    cursor: var(--cursorDefault);
  }

.sc_upmw_classArchive *:not(.sc_upmw_link) button:not(.sc_upmw_link), .sc_upmw_classGallery *:not(.sc_upmw_link) button:not(.sc_upmw_link), .sc_upmw_classHighlight *:not(.sc_upmw_link) button:not(.sc_upmw_link) {
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
  margin: 2px;
  border: 3px solid var(--colorBorder);
  border-radius: 0;
  border-color: var(--colorBorderLight) var(--colorBorderDark) var(--colorBorderDark) var(--colorBorderLight);
  padding: 5px 10px;
  background-color: var(--colorBorder);
  text-align: center;
  text-decoration: none;
  color: var(--colorText);
  font-size: 1em;
  cursor: var(--cursorPointer);
  z-index: 1;
}
  .sc_upmw_classArchive *:not(.sc_upmw_link) button:not(.sc_upmw_link):hover, .sc_upmw_classGallery *:not(.sc_upmw_link) button:not(.sc_upmw_link):hover, .sc_upmw_classHighlight *:not(.sc_upmw_link) button:not(.sc_upmw_link):hover {
    border-color: var(--colorBorderDark) var(--colorBorderLight) var(--colorBorderLight) var(--colorBorderDark);
  }
  .sc_upmw_classArchive *:not(.sc_upmw_link) button:not(.sc_upmw_link)[disabled], .sc_upmw_classGallery *:not(.sc_upmw_link) button:not(.sc_upmw_link)[disabled], .sc_upmw_classHighlight *:not(.sc_upmw_link) button:not(.sc_upmw_link)[disabled] {
    border-width: 0;
    opacity: 0.5;
    cursor: var(--cursorDefault);
  }


/* ---------------------------------------------- All Containers ---------------------------------------------- */
.sc_upmw_tagContainer, .sc_upmw_dateContainer, .sc_upmw_searchContainer, .sc_upmw_sortContainer, .sc_upmw_postContainer, .sc_upmw_navContainer {
  display: block;
  border: var(--allContainer_border);
  padding: 0.5em;
  background-color: var(--colorBacking);
}

.sc_upmw_classGallery .sc_upmw_tagContainer, .sc_upmw_classGallery .sc_upmw_dateContainer, .sc_upmw_classGallery .sc_upmw_searchContainer, .sc_upmw_classGallery .sc_upmw_sortContainer, .sc_upmw_classGallery .sc_upmw_postContainer, .sc_upmw_classGallery .sc_upmw_navContainer {
  border-width: 0;
}

.sc_upmw_classGallery input[type="date"], .sc_upmw_classGallery select {
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  border: 3px solid var(--colorBorder);
  border-radius: 0;
  border-color: var(--colorBorderLight) var(--colorBorderDark) var(--colorBorderDark) var(--colorBorderLight);
  padding: 5px;
  max-width: 10em;
  background-color: var(--colorBorder);
  text-align: left-;
  text-decoration: none;
  color: var(--colorText);
  font-size: 1em;
}
  .sc_upmw_classGallery input[type="date"]:hover, .sc_upmw_classGallery select:hover {
    border-color: var(--colorBorderDark) var(--colorBorderLight) var(--colorBorderLight) var(--colorBorderDark);
  }
  .sc_upmw_classGallery input {
    box-sizing: border-box;
    overflow: hidden;
    display: inline-block;
    margin: 0;
    border: 2px solid var(--colorBorder);
    border-radius: 0; 
    padding: 5px;
    max-width: 10em;
    background-color: var(--colorBacking);
    text-align: left-;
    text-decoration: none;
    color: var(--colorText);
    font-size: 1em;
  }


/* ---------------------------------------------- Sort Containers ---------------------------------------------- */
.sc_upmw_sortContainer {
}
  .sc_upmw_sortEmptyContainer::before {
    content: var(--sortContainer_emptyText);
  }
  .sc_upmw_sortContainer label {
    margin-right: 0.5em;
  }

  /* Containers inside the gallery container */
  .sc_upmw_classGallery .sc_upmw_sortContainer {
    grid-column: 1 / 1;
    grid-row: 2 / 2;
  }
  /* Containers inside the archive container */
  .sc_upmw_classArchive .sc_upmw_sortContainer {
    grid-column: 3 / 3;
    grid-row: 1 / 1;
  }


/* ----------------------------------------------- Tag Containers ----------------------------------------------- */
.sc_upmw_tagEmptyContainer::before {
  content: var(--tagContainer_emptyText) !important;
  text-decoration: none !important;
}

  /* Containers inside the gallery container */
  .sc_upmw_classGallery .sc_upmw_tagContainer {
    grid-column: 2 / 4;
    grid-row: 1 / 5;
    border-left-width: 1px;
  }
    .sc_upmw_classGallery .sc_upmw_tagContainer::before {content: "Filter by Tag:"; display: block; text-decoration: underline; padding-bottom: 0.5em;}

/* Tag Buttons */
.sc_upmw_tagContainer button::before {content: "";}
.sc_upmw_tagButton_included {
  color: var(--tagButton_includedBgColor) !important;
}
  .sc_upmw_tagContainer .sc_upmw_tagButton_included::before {content: "+ ";}
.sc_upmw_tagButton_excluded {
  color: var(--tagButton_excludedBgColor) !important;
}
  .sc_upmw_tagContainer .sc_upmw_tagButton_excluded::before {content: "- ";}


/* ---------------------------------------------- Date Containers ---------------------------------------------- */
.sc_upmw_dateEmptyContainer::before {
  content: var(--dateContainer_emptyText);
}
  /* Date container inputs */
  .sc_upmw_dateContainer label {
    margin-right: 0.5em;
  }
    /* Creates a new line between the date inputs */
    .sc_upmw_dateContainer label::before {
      content: " ";
      display: block;
    }
  /* Minimum date input */
  .sc_upmw_dateContainer input:first-of-type {
  }
  /* Maximum date input */
  .sc_upmw_dateContainer input:last-of-type {
  }

  /* Containers inside the gallery container */
  .sc_upmw_classGallery .sc_upmw_dateContainer {
    grid-column: 1 / 1;
    grid-row: 3 / 3;
  }


/* --------------------------------------------- Search Containers --------------------------------------------- */
.sc_upmw_searchContainer {
}
  /* Containers inside the gallery container */
  .sc_upmw_classGallery .sc_upmw_searchContainer {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
  }
  /* Containers inside the archive container */
  .sc_upmw_classArchive .sc_upmw_searchContainer {
    grid-column: 1 / 3;
    grid-row: 1 / 1;
  }
  .sc_upmw_searchEmptyContainer::before {
    content: var(--searchContainer_emptyText);
  }
  .sc_upmw_searchContainer label::before {
    content: " ";
    display: block;
  }
    .sc_upmw_searchContainer input, sc_upmw_searchContainer .sc_upmw_searchOptionCustom {
      margin-left: 0.5em;
    }
    /* Labels and inputs inside an archive container */
    .sc_upmw_classArchive .sc_upmw_searchContainer label[for^="sc_upmw_searchOption"]{
      display: inline-block;
      margin: 1px;
      border: 1px solid var(--colorText);
      padding: 5px;
    }
    .sc_upmw_classArchive .sc_upmw_searchContainer label::before{
      content: none;
    }
.sc_upmw_searchOptionContainer {display: none;}

/* Custom checkboxes */
.sc_upmw_searchContainer .sc_upmw_searchOptionCustom_input {
  position: fixed;
  top: -100%;
  left: -100%;
}
  .sc_upmw_searchOptionContainer label {
    display: block;
    position: relative;
    margin: 5px 0;
    padding-right: 2em;
  }
.sc_upmw_searchOptionCustom  {
  display: inline-block;
  position: absolute;
  top: 50%; right: 5px;
  transform: translate(0, -50%);
  border: 1px solid var(--colorAccent);
  width: 1em;
  height: 1em;
  background-color: var(--colorBacking);
}
  input:focus + .sc_upmw_searchOptionCustom {
    outline: 2px solid var(--colorAccent);
  }
  input:checked + .sc_upmw_searchOptionCustom::before  {
    content: "✔";
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background-color: var(--colorAccent);
    color: var(--colorBacking);
    font-size: 0.5em;
    text-align: center;
  }


/* ---------------------------------------------- Post Containers ---------------------------------------------- */
.sc_upmw_postContainer {}
  .sc_upmw_postContainer img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
  }
  .sc_upmw_postEmptyContainer {
    text-align: center;
    padding: 1em;
    font-size: 1.25em;
  }
  .sc_upmw_postEmptyContainer::before {
    content: var(--postContainer_emptyText);
  }

  /* Containers inside the gallery container */
  .sc_upmw_classGallery .sc_upmw_postContainer {
    display: block;
    grid-column: 1 / 4;
    grid-row: 5 / 6;
    border-width: 1px 0;
  }
  /* Containers inside the archive container */
  .sc_upmw_classArchive .sc_upmw_postContainer {
    grid-column: 1 / 4;
    grid-row: 2 / 3;
  }
  /* Containers inside the highlight container */
  .sc_upmw_classHighlight .sc_upmw_postContainer {
    display: grid;
    grid-template: auto / calc(25% - calc(0.75em / 4)) calc(25% - calc(0.75em / 4)) calc(25% - calc(0.75em / 4)) calc(25% - calc(0.75em / 4));
    column-gap: 0.25em;
    row-gap: 0.25em;
    width: 100%;
  }

/* Fullscreen post display */
#sc_upmw_postFullscreen {
  display: none;  /* This is updated via the js script */
  overflow: hidden auto;
  position: fixed;
  top: 7em;
  right: max(4em, calc(calc(100% - 1750px) / 2 + 3em));
  bottom: 3em;
  left: max(18em, calc(calc(100% - 1750px) / 2 + 17em));
  margin: 0;
  border: 2px solid var(--colorBorder);
  border-color: var(--colorBorderLight) var(--colorBorderDark) var(--colorBorderDark) var(--colorBorderLight);
  padding: 1em;
  width: auto;
  height: auto;
  max-height: none;
  background-color: var(--colorBorder);
  font-family: Consolas, sans-serif;
  color: var(--colorText);
  z-index: 100;
}
  #sc_upmw_postFullscreen::before {
    content: attr(data-text);
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 4px; right: calc(0.25em / 1.25); left: calc(0.25em / 1.25);
    margin-bottom: 0.25em;
    border: 2px solid var(--colorBorder);
    border-color: var(--colorBorderDark) var(--colorBorderLight) var(--colorBorderLight) var(--colorBorderDark);
    border-bottom-width: 0;
    padding: calc(1em / 1.25);
    padding-top: 4px;
    padding-right: calc(4em + calc(3em / 1.25));
    height: calc(2.5em / 1.25);
    background-color: var(--colorAccent);
    color: var(--colorAccentText);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.25em;
    line-height: calc(2em / 1.25);
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  }
  #sc_upmw_postFullscreen button {
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    position: absolute;
    top: calc(calc(1.5em / 1.25) / 2 - 2px);
    right: calc(0.5em + 2px);
    border: 5px solid var(--colorBorder);
    border-radius: 0;
    border-color: var(--colorBorderLight) var(--colorBorderDark) var(--colorBorderDark) var(--colorBorderLight);
    padding: 0 5px;
    width: 2em;
    height: 2em;
    background-color: var(--colorBorder);
    line-height: 1.5em;
    text-align: center;
    text-decoration: none;
    color: var(--colorText);
    font-size: 1em;
    cursor: var(--cursorPointer);
    z-index: 1;
  }
    #sc_upmw_postFullscreen button:hover {border-color: var(--colorBorderDark) var(--colorBorderLight) var(--colorBorderLight) var(--colorBorderDark);}
    #sc_upmw_postFullscreen button[disabled] {border-width: 0; opacity: 0.5;}
  #sc_upmw_postFullscreen_closeButton {right:1em;}
  #sc_upmw_postFullscreen_prevButton {right:calc(5.75em + 2px) !important;}
  #sc_upmw_postFullscreen_nextButton {right:calc(3.5em + 2px) !important;}
  #sc_upmw_postFullscreen_inner {
    overflow: hidden auto;
    position: absolute;
    top:3em; right:1em; bottom:1em; left:1em;
    border: 2px solid var(--colorBorder);
    border-color: var(--colorBorderDark) var(--colorBorderLight) var(--colorBorderLight) var(--colorBorderDark);
    padding: 1em;
    background-color: var(--colorBacking);
  }
    #sc_upmw_postFullscreen_inner.sc_upmw_postFullScreen_redirect {
      overflow: hidden auto;
      position: absolute;
      top:3em; right:1em; bottom:1em; left:1em;
      background-color: white;
    }
      #sc_upmw_postFullscreen_inner.sc_upmw_postFullScreen_redirect::after {
        content: var(--postViewer_redirectText);
      }
    #sc_upmw_postFullscreen_inner.sc_upmw_postFullScreen_scheduled {
      overflow: hidden auto;
      position: absolute;
      top:3em; right:1em; bottom:1em; left:1em;
      background-color: white;
    }
      #sc_upmw_postFullscreen_inner.sc_upmw_postFullScreen_scheduled::after {
        content: var(--postViewer_scheduledText);
      }
    #sc_upmw_postFullscreen_inner img {
      max-width: 100%;
      max-height: 80vh;
      object-fit: contain;
    }
    #sc_upmw_postFullscreen .sc_upmw_postFullScreen_scheduled * {
      display: none !important;
    }
    #sc_upmw_postFullscreen .sc_upmw_postFullScreen_redirect a * {
      display: none;
    }

/* Post Links */
.sc_upmw_link {
  overflow: hidden;
  display: block;
  position: relative;
  margin: 5px 0;
  border: 1px solid var(--colorBorder);
  padding: 0.25em;
  width: calc(100% - 10px);
  background-color: var(--colorBacking);
  color: var(--colorText);
  font-size: 1em;
  text-align: left;
  text-decoration: none;
}
  .sc_upmw_link:hover, .sc_upmw_link:focus {outline: 2px solid var(--colorAccent);}
  .sc_upmw_link_disabled {
    opacity: 50%;
    filter: saturate(50%);
    padding: 0.25em;
    height: 50px;
    background-color: var(--colorText);
    pointer-events: none;
  }
    .sc_upmw_link_disabled * {display: none !important;}
    .sc_upmw_link_disabled::after {
      content: var(--postLink_disabledText);
      display: block;
      position: absolute;
      top:0; right:0; bottom:0; left:0;
      padding: 1em;
      height: auto;
      color: var(--colorBacking);
      text-align: center;
      z-index: 2;
    }
  .sc_upmw_classHighlight .sc_upmw_link {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 200px;
  }
 .sc_upmw_classArchive .sc_upmw_link {
    display: grid;
    grid-template: auto auto / 25% calc(75% - 2.25em);
  }
 .sc_upmw_classGallery:not(.sc_upmw_displayFormat_full) .sc_upmw_link {
   display: block;
   position: relative;
   opacity: 90%;
   padding: 0;
   padding-left: 5.5em;
   width: 100%;
   height: auto;
  }
    .sc_upmw_classGallery:not(.sc_upmw_displayFormat_full) .sc_upmw_link:nth-of-type(2n) {
      background-color: var(--colorBorder);
    }
    .sc_upmw_classGallery:not(.sc_upmw_displayFormat_full) .sc_upmw_link:hover,
    .sc_upmw_classGallery:not(.sc_upmw_displayFormat_full) .sc_upmw_link:focus {
      opacity: 100%;
      transform: scale(1.025, 1.025);
      z-index: 1;
    }

/* Expand Links */
.sc_upmw_link_expand {
  padding-bottom: 2em;
}
  .sc_upmw_link.sc_upmw_link_expand {border-radius: 0 0 1em 1em;}
  .sc_upmw_post.sc_upmw_link_expand {padding-bottom: 2em;}
  .sc_upmw_link_expandButton {
    display: block;
    position: absolute;
    right:0; bottom:0; left:0;
    border: none;
    height: 2em;
    background-color: var(--colorText);
    color: var(--colorBacking);
    text-align: center;
    z-index: 1;
  }
    .sc_upmw_link .sc_upmw_link_expandButton::after {
      content: var(--postLink_expandText);
    }
    .sc_upmw_post .sc_upmw_link_expandButton::after {content: var(--postLink_shrinkText);}
    .sc_upmw_link_expandButton:hover::after, .sc_upmw_link_expandButton:focus::after {opacity: 50%;}

/* Redirect Links */
.sc_upmw_link_redirect {
  padding: 0.25em;
  cursor: var(--cursorPointer);
}
  .sc_upmw_classGallery .sc_upmw_link_redirect {
    padding-left: 110px;
  }


/* Full Posts */
.sc_upmw_post {
  overflow: hidden;
  display: block;
  position: relative;
  margin: 5px;
  border: 5px solid var(--colorText);
  padding: 0.5em;
  width: calc(100% - 10px);
  background-color: var(--colorBacking);
  text-align: left;
}
  .sc_upmw_postHeader {
    display: grid;
    position: relative;
    grid-template: auto auto auto auto / 75% 25%;
    border-bottom: 1px solid var(--colorText);
    padding-bottom: 0.5em;
  }
    #sc_upmw_postFullscreen_inner .sc_upmw_postHeader {
      display: block; 
      padding-bottom: 1em;
      padding-left: 6em;
    }
    #sc_upmw_postFullscreen_inner .sc_upmw_postHeader * {
      position: relative;
      z-index: 1;
    }
  .sc_upmw_postBody {padding-top: 0.5em;}
    .sc_upmw_postBody code {
      display: inline-block;
      border: 1px solid var(--colorText);
      padding: 1px;
    }
    .sc_upmw_postBody li {
      margin: 0.5em;
    }
  .sc_upmw_postFooter {
    border-top: 1px solid var(--colorText);
    padding-top: 0.5em;
  }

/* Redirect Posts */
.sc_upmw_post_redirect {
  cursor: var(--cursorPointer);  
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* ------------------------------------------------ Post Elements ------------------------------------------------ */
/* Titles */
.sc_upmw_post_title {}
  .sc_upmw_link .sc_upmw_post_title {
    display: block;
    font-size: 1.25em;
    text-decoration: underline;
    z-index: 1;
  }
  .sc_upmw_post .sc_upmw_post_title {
    grid-area: 1 / 1 / 2 / 2;
    display: block;
    font-size: 1.5em;
    text-decoration: underline;
  }
  .sc_upmw_link_redirect .sc_upmw_post_title::after {
    content: " (Link)";
  }
  .sc_upmw_classHighlight .sc_upmw_link .sc_upmw_post_title {
    display: block;
    position: absolute;
    bottom: 0; left: 0;
    padding: 0.25em;
    width: 100%;
    background-color: var(--colorAccent);
    color: var(--colorBacking);
    font-size: 1em;
    text-align: center;
    text-decoration: none;
  }
    .sc_upmw_classHighlight .sc_upmw_link:hover .sc_upmw_post_title, .sc_upmw_classHighlight .sc_upmw_link:hover .sc_upmw_post_dateLink, .sc_upmw_classHighlight .sc_upmw_link:focus .sc_upmw_post_title, .sc_upmw_classHighlight .sc_upmw_link:focus .sc_upmw_post_dateLink {
      background-color: var(--colorBacking);
      color: var(--colorAccent);
    }
   .sc_upmw_classArchive .sc_upmw_link .sc_upmw_post_title {grid-area: 1 / 1 / 2 / 2;}
   .sc_upmw_classGallery:not(.sc_upmw_displayFormat_full) .sc_upmw_link .sc_upmw_post_title {
     padding: 0.25em;
    }
  #sc_upmw_postFullscreen_inner .sc_upmw_post_title {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
  }
  #sc_upmw_postFullscreen .sc_upmw_postFullScreen_redirect a .sc_upmw_post_title {
    display: block;
  }

/* Date Link Text */
.sc_upmw_post_dateLink {}
    .sc_upmw_classHighlight .sc_upmw_link .sc_upmw_post_dateLink {
        display: block;
        position: absolute;
        top: 0; left: 0;
        padding: 0.25em;
        width: 100%;
        background-color: var(--colorAccent);
        color: var(--colorBacking);
        font-size: 1em;
        text-align: center;
        text-decoration: none;
    }
   .sc_upmw_classArchive .sc_upmw_link .sc_upmw_post_dateLink {grid-area: 2 / 1 / 3 / 2;}
   .sc_upmw_classGallery .sc_upmw_link .sc_upmw_post_dateLink {display: block; padding: 0.5em; padding-top: 0; font-size: 0.8em;}

/* Date Post Text */
.sc_upmw_post_datePost {}
    .sc_upmw_post .sc_upmw_post_datePost {
      grid-area: 2 / 1 / 3 / 2;
      font-size: 0.8em;
    }
  #sc_upmw_postFullscreen_inner .sc_upmw_post_datePost {
    display: block;
    font-size: 0.8em;
  }

/* Author */
.sc_upmw_post_author {}
    .sc_upmw_post .sc_upmw_post_author {
      grid-area: 3 / 1 / 4 / 2;
    }
      .sc_upmw_post .sc_upmw_post_author::before {
        content: "By ";
      }
  #sc_upmw_postFullscreen_inner .sc_upmw_post_author {
    display: block;
    margin-bottom: 1em;
    font-size: 0.8em;
  }
    #sc_upmw_postFullscreen_inner .sc_upmw_post_author::before {
      content: "Created by ";
    }

/* Tags */
.sc_upmw_post_tags {}
  .sc_upmw_post_tagText {
    display: inline-block;
    margin: 1px;
    border: 1px solid var(--colorText);
    padding: 0.25em;
    background-color: var(--colorBacking);
  }
    .sc_upmw_post_tagText::before {
      content: "";
    }
    .sc_upmw_post .sc_upmw_post_tags {
      grid-area: 1 / 2 / 4 / 3;
    }
    .sc_upmw_post .sc_upmw_post_tags::before {
      content: "Tags: ";
    }
   .sc_upmw_classGallery:not(.sc_upmw_displayFormat_full) .sc_upmw_link .sc_upmw_post_tags {
     opacity: 0.50;
     padding: 0.25em;
    }
        .sc_upmw_classGallery:not(.sc_upmw_displayFormat_full) .sc_upmw_link .sc_upmw_post_tagText {
          border: 1px solid var(--colorText);
          width: auto;
          font-size: 0.8em;
        }

/* Description */
.sc_upmw_post_description {
  display: block;
  width: 100%;
}
   .sc_upmw_classArchive .sc_upmw_link .sc_upmw_post_description {grid-area: 1 / 2 / 3 / 3;}
  .sc_upmw_classGallery .sc_upmw_link .sc_upmw_post_description {
    padding: 0 0.5em;
  }

.sc_upmw_post_content {}

/* Title Image */
img.sc_upmw_post_titleImg {
  object-fit: cover;
  width: 100%;
  height: 10em;
}
    .sc_upmw_post .sc_upmw_post_titleImg {
      grid-area: 4 / 1 / 5 / 3;
    }
  #sc_upmw_postFullscreen_inner .sc_upmw_post_titleImg, #sc_upmw_postFullscreen_inner .sc_upmw_post_thumbImage {
    display: block;
    position: absolute;
    top:0; bottom:0; left:0;
    width: 5em;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    z-index: 0;
  }

/* Thumbnail Images */
.sc_upmw_post_thumbImage {
}
  .sc_upmw_classHighlight .sc_upmw_link .sc_upmw_post_thumbImage {
    object-fit: cover !important;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
  }
  .sc_upmw_classHighlight .sc_upmw_link:hover .sc_upmw_post_thumbImage {
    transform: scale(110%,110%);
  }
  .sc_upmw_classGallery .sc_upmw_link_redirect .sc_upmw_post_thumbImage {
    object-fit: cover;
    position: absolute;
    top:0; bottom:0; left:0;
    width: 100px;
  }
   .sc_upmw_classGallery:not(.sc_upmw_displayFormat_full) .sc_upmw_link img.sc_upmw_post_thumbImage {
     display: block;
     position: absolute;
     top:0; bottom:0; left:0;
     object-fit: cover;
     width: 5em;
     height: 100%;
    }

.sc_upmw_post_comments {}

/* Additional Links */
.sc_upmw_post_links {}
  .sc_upmw_post .sc_upmw_post_links {
    display: block;
    border: 1px solid var(--colorText);
    padding: 0.5em;
    padding-right: 4em;
    width: 100%;
  }
  .sc_upmw_post .sc_upmw_post_links a {
    display: inline-block;
    margin-right: 0.25em;
    padding: 0.25em;
    background-color: var(--colorText);
    color: var(--colorBacking);
    text-decoration: none;
  }
    .sc_upmw_post .sc_upmw_post_links a:hover {
      background-color: var(--colorBacking);
      color: var(--colorText);
      text-decoration: underline;
    }

/* Share Element */
.sc_upmw_post_share {}
  .sc_upmw_post .sc_upmw_post_share {
    display: block;
    position: absolute;
    bottom: 1em;
    right: 1em;
    padding: 0.25em;
    background-color: var(--colorText);
    color: var(--colorBacking);
    text-decoration: none;
  }
    .sc_upmw_link_expand .sc_upmw_post_share {
      bottom: 2.5em;
    }
    .sc_upmw_post .sc_upmw_post_share:hover {
      background-color: var(--colorBacking);
      color: var(--colorText);
      text-decoration: underline;
    }
    .sc_upmw_post .sc_upmw_post_share:hover::before, .sc_upmw_post .sc_upmw_post_share:focus::before {
      content: "Right click to copy link";
      display: block;
      position: absolute;
      bottom: 100%;
      right: 0;
      padding: 0.5em;
      width: 10em;
      background-color: var(--colorText);
      color: var(--colorBacking);
      text-align: center;
    }


/* ----------------------------------------------- Nav Containers ----------------------------------------------- */
.sc_upmw_navContainer {
  text-align: center;
}
  .sc_upmw_navEmptyContainer * {
    display: none !important;
  }

  /* Containers inside the gallery container */
  .sc_upmw_classGallery .sc_upmw_navContainer {
    grid-column: 1 / 4;
    grid-row: 6 / 7;
  }
  /* Containers inside the archive container */
  .sc_upmw_classArchive .sc_upmw_navContainer {
    grid-column: 1 / 4;
    grid-row: 3 / 3;
  }

.sc_upmw_navPageNumber {
  display: inline-block;
}
  .sc_upmw_navPageNumber button {
    border: none;
    background-color: transparent;
    color: blue;
    text-decoration: underline;
  }
    .sc_upmw_navPageNumber button:hover {
      border: none;
      background-color: transparent;
      color: lightblue;
      text-decoration: none;
    }
    button.sc_upmw_navCurrentPage {
      color: lightblue;
      text-decoration: none;
    }


@media only screen and (max-width: 1300px) {
  #sc_upmw_postFullscreen {left: calc(26% + 3em);}
}

@media only screen and (max-width: 940px) {
  .sc_upmw_classGallery {
    display: grid;
    grid-template: auto auto auto auto auto auto / 100%;
  }
    .sc_upmw_classGallery .sc_upmw_tagContainer {
      grid-column: 1 / 1;
      grid-row: 4 / 4;
      border-left-width: 0;
    }
    .sc_upmw_classGallery .sc_upmw_postContainer {grid-row: 5 / 5;}
    .sc_upmw_classGallery .sc_upmw_navContainer {grid-row: 6 / 6;}
  #sc_upmw_postFullscreen {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999999999;
  }
    #sc_upmw_postFullscreen::before {
      position: relative;
      top: auto; right: auto; left: auto;
      margin: calc(-0.5em / 1.25);
      margin-bottom: 4px;
      padding-right: calc(2.5em * 2 + calc(4.5em / 2));
      padding-bottom: 4px;
      height: auto;
      width: auto;
      font-size: 2em;
    }
    #sc_upmw_postFullscreen_inner {
      overflow: hidden visible;
      position: relative;
      margin: 0 -0.5em;
      top:auto; right:auto; bottom:auto; left:auto;
      width: calc(100% + 1em);
      min-height: 100%;
    }
    #sc_upmw_postFullscreen button {
      font-size: 1.75em;
    }
}