body {
  background-color: var(--background-color);
}

@media screen and (max-width: 545px) {
    body {
        padding: 20px;
    }
}

    
@media only screen and (max-width: 768px) {
    
    .fresh_logo-wrapper { display: block !important; }
    .ribbon_graphic  { display: none !important; }
    
    
}
    
    .post-image-wrapper { overflow: visible !important; }



.post-featured-image:nth-child(1) { transform: rotate(-1deg); }
.post-featured-image:nth-child(2) { transform: rotate(2deg); }
.post-featured-image:nth-child(3) { transform: rotate(-2deg); }
.post-featured-image:nth-child(4) { transform: rotate(4deg); }
.post-featured-image:nth-child(5) { transform: rotate(3deg); }
.post-featured-image:nth-child(6) { transform: rotate(-2deg); }





    
body.login {
    margin-top: 50px;
}



p, article, article p, article a, .grid-item h2.image-title .author-name, input, textarea, .the-magistrate, body {
    font-size: 20px;
    line-height: 33px;
}


a:hover {text-decoration:none !important;}
.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    width: 100%;
    max-width: 500px; /* Match the post container width */
    margin: auto;
}

.pagination-prev {
    text-align: left;
}

.pagination-next {
    text-align: right;
}

.pagination-prev a,
.pagination-next a {
    font-family: 'Hudson Text 75', sans-serif;
    font-size: 18px;
    text-decoration: none;
}

.pagination-prev a:hover,
.pagination-next a:hover {
    text-decoration: underline;
}


.grid-item h2.image-title {
  text-align: center;
}
.grid-item {
  position: relative;
  overflow: hidden;
  background: var(--inverse-color);
}
.grid-item h2.image-title {
  padding: 10px;
  color: white;
  background: transparent;
  line-height: 1.2;
  font-family: 'Hudson Text 50', sans-serif;
  text-align: left;
}
.grid-item h2.image-title .author-name {
  display: block;
  font-family: 'Hudson Text 50', sans-serif;
  color: var(--background-color);
  margin-top: 4px;
}
.grid-item h2.image-title .category-slug {
  text-transform: uppercase;
  display: block;
  font-size: 11px;
  font-family: 'Hudson Text 75', sans-serif;
  color: var(--background-color);
  margin-top: 4px;
  letter-spacing: 1.4px;
}
.featured-image-cover {
  margin-top: 20px !important;
  width: 100% !important;
}
.grid-item a {
  height: inherit;
}
#article-limit-modal, #article-limit-modal span, #article-limit-modal a {
  font-size: 14px;
  line-height: 25px;
}
.membership_explainer {
  max-width: 200px;
  margin: 20px 0 0px 0;
  float: right;
}

@font-face {
  font-family: 'Hudson Display 50';
  src: url('/files/fonts/HudsonDisplay50.woff') format('woff');
  font-weight: 400
}
@font-face {
  font-family: 'Hudson Display 75';
  src: url('/files/fonts/HudsonDisplay75.woff') format('woff');
  font-weight: 400
}
@font-face {
  font-family: 'Plum Glyphs';
  src: url('/files/fonts/PlumGlyphs.woff') format('woff');
  font-weight: 400
}
@font-face {
  font-family: 'Hudson Text 50';
  src: url('/files/fonts/HudsonText50.woff') format('woff');
  font-weight: 400
}
@font-face {
  font-family: 'Hudson Text 75';
  src: url('/files/fonts/HudsonText75.woff') format('woff');
  font-weight: 400
}
@font-face {
  font-family: 'Hudson Text 100';
  src: url('/files/fonts/HudsonText100.woff') format('woff');
  font-weight: 400
}
@font-face {
  font-family: 'Hudson Times';
  src: url('/files/fonts/HudsonTimesRoman.woff') format('woff');
  font-weight: 400
}
h2.wp-block-heading {
  text-align: left;
  font-size: 33px;
  line-height: 42px;
  padding-bottom: 18px
}
@media (min-width:768px) {
  h2.wp-block-heading {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 18px
  }
}
@media (min-width:1024px) {
  h2.wp-block-heading {
    font-size: 46px;
    line-height: 58px;
    padding-bottom: 14px
  }
}
#logo_column svg, #menu_column svg, .menu_artwork {
  vertical-align: middle;
}
.menu_artwork {
  padding-left: 10px;
}
#Full_frame_cover {
  min-height: 710px;
}
#menu-item-3082 {
  font-style: italic;
}
@media only screen and (min-width: 766px) {
  body.home #container, body.page-template-plum_userfeed #container {
    padding-top: 25px;
  }
}
#menu_column .nsl-button-google div, .log_social_icon, .log_social_icon div {
  height: auto !important;
}
input, textarea {
  height: 50px;
}
.the-magistrate {
  pointer-events: auto;
  text-transform: uppercase;
  text-align: center;
  opacity: .5;
  margin: 40px auto 0;
  padding: 0 5px
}
.the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 li:first-child {
  display: none
}
.the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 {
  display: flex;
  gap: 15px;
  justify-content: space-around;
  margin: auto
}
.the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 li {
  padding: 0
}
@media (max-width:768px) {
  .the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 {
    display: block
  }
  .the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 li {
    padding: 5px
  }
}
.the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 {
  width: 1095px;
  margin: auto;
  padding-top: 5px;
  padding-bottom: 0
}
@media (max-width:1450px) {
  .the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 {
    width: 860px
  }
}
@media (max-width:1024px) {
  .the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 {
    width: 630px
  }
}
@media (max-width:768px) {
  .the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 {
    width: 750px
  }
}
@media (max-width:576px) {
  .the-magistrate .menu-plum-menu-container ul#menu-plum-menu-2 {
    width: 100%
  }
}
* {
  margin: 0;
  padding: 0
}
body {
  animation: fadeIn 2s
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
body {
  font-family: 'Hudson Text 75', sans-serif;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  touch-action: manipulation
}
p {
  font-family: 'Hudson Text 75', sans-serif;
}
a {
  color: inherit;
  text-decoration: none
}
ul li, li, ul {
  list-style: none
}
.no-break {
  var(--background-color)-space: nowrap
}
#content p a {    
    font-style: italic;
    letter-spacing: 1.1px;
}
.no-line {
  border-bottom: 0 !important
}
.user-links-tab a, .user-links-tab div div a, .profile_name_title {
  font-size: 20px !important;
}
body strong, strong {
  font-family: 'Hudson Text 100', sans-serif;
    font-weight:normal !important;
}
h1, h2, h3 {
    font-family: 'Hudson Display 50', sans-serif;
    letter-spacing: 1px;
    font-size: 35px;
    margin: 0;
    padding: 5px 0;
    font-weight: normal !important;
    font-style: normal;
    line-height: 45px;
}
input, textarea {
  font-family: 'Hudson Text 75', sans-serif;
  letter-spacing: 1px;
  margin: 0;
  padding: 5px 0;
  line-height: 22px
}
.main__button, .main__button:focus {
  background: black;
  color: var(--background-color);
}
#logo_column svg, .logo_artowork {
  height: auto;
  margin: 3px;
  padding: 10px 0px 10px 10px;
  border-radius: 10px;
  stroke: var(--background-color);
  /*stroke-width: 7px;*/
  paint-order: stroke fill;
  overflow: visible
}
.menu-column-open #logo_column svg {
  stroke: black
}
.logo-column-open #logo_column svg {
  stroke: var(--background-color)
}
#logo_column {
  position: fixed !important;
  left: 0;
  top: 0;
  padding: 0;
  text-align: left;
  z-index: 899999999;
  border-radius: 20px
}
#logo_column_nav_categories {
  padding: 0 20px;
  height: 9000px
}
#logo_column_nav_categories a, #menu_column_nav_info a {
  width: 100%;
  margin: 0;
  font-size: 20px;
  line-height: 40px;
  color: black !important
}
body.menu-column-open #menu_column {
  background: var(--background-color)
}
body.logo-column-open #logo_column {
  background: var(--background-color)
}
body.page #content article {
  margin-top: 20px;
}
body.menus-closed #menu_column, body.menus-closed #logo_column, #Full_frame_cover, body.menus-closed .scroll-message {
  background: transparent
}
body.logo-column-open #logo_column {
  border-radius: 0
}
#menu_column, #logo_column {
  min-width: 160px
}
#menu_column {
  position: fixed !important;
  right: 0;
  text-align: right;
  top: 0;
  padding: 10px 14px;
  z-index: 899999999;
  border-radius: 20px;
  stroke: var(--background-color);
  stroke-width: 3px;
  paint-order: stroke fill;
  overflow: visible
}
#menu_column svg, .menu_artwork {
  height: auto;
  text-align: right;
  padding: 0
}
@media only screen and (max-width: 767px) {
  h1.entry-title {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
#menu_artwork_link {
  cursor: pointer
}
#menu_column_nav_info {
  display: none;
  height: 3000px
}
#footer_artwork {
  width: 100%;
  text-align: center;
  padding: 40px
}
.wp-block-group {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}
.wp-block-post-title {
  position: absolute;
  text-align: center;
  font-size: var(--wp--preset--font-size--large);
  line-height: var(--wp--custom--heading--typography--line-height);
  margin-bottom: 0;
  width: 100%;
  height: 100%;
  color: var(--background-color) !important;
  z-index: 999999999 !important
}
.wp-block-post:first-child {
  display: none
}
.plum_latest_post_grid .wp-block-post {
  display: none
}
.plum_latest_post_grid .wp-block-post:first-child {
  display: block
}
#container {
  width: 100%;
  text-align: center;
  position: relative
}
#content {
  width: 100%;
  text-align: left;
  float: none;
  margin: 0 auto
}
#Full_frame_cover {}
#logo_column svg, .logo_artowork {
  width: 30px
}
content article, .entry-content img, #Full_frame_cover .wp-post-image, .grid-item, .post-content, .image-title, .grid-item, #comments, .ad-format, .ad-format img, .plum_new_user_post, #logo_column svg, .logo_artowork, #menu_column svg, #Full_frame_cover h2, .comment-box, .grid-item, h2.image-title, .external-news-feed, .external-news {
  transition: width 0.2s ease
}
@media (min-width:180px) and (max-width:850px) {
  #menu_column .nsl-button-google {
    /* display: none */
  }
  #Full_frame_cover {
    max-width: 100%;
    height: auto;
    width: 80px;
    fill: black;
    margin-top: -80px
  }
  body.menus-closed #mobile_pedestal {}
  body.menu-column-open #mobile_pedestal, body.logo-column-open #mobile_pedestal {
    background: black;
    color: var(--background-color)
  }
  #mobile_pedestal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    display: block;
    margin: 0;
    z-index: 89999999;
    background: var(--background-color);
  }
  #logo_column svg {
    margin: 16px;
    padding: 0;
    border-radius: 0
  }
  .footer-menu-container ul {
    display: block !important;
    text-align: center;
    width: 100%
  }
  .footer-menu-container li {
    margin-right: 0 !important;
    padding: 10px 0;
    width: 100%;
    border-bottom: 2px solid #EAEAEA
  }
  .footer-menu-container li a {
    list-style: none;
    float: none;
    display: block;
    width: 100%;
    padding: 15px 0
  }
  .footer-menu-container {
    display: block !important;
    padding: 20px 0 !important
  }
  #container {
    margin-top: 44px
  }
  .post-content {
    padding-right: 0;
    padding-bottom: 20px;
    max-width: 100%
  }
  #wrapper {
    padding-top: 0 !important
  }
  body { padding: 20px !important; }
  #Full_frame_cover {}
  #Full_frame_cover {
    text-align: center
  }
  #Full_frame_cover .wp-post-image {
    width: 300px;
    height: 300px
  }
  #Full_frame_cover h2 {
    font-size: 45px;
    line-height: 54px;
    max-width: 289px;
    margin: auto;
    float: none
  }
  .post-content {
    width: 100%;
    padding-right: 0
  }
  .grid-wrapper .image-title {}
  .grid-item {
    width: 120px;
    height: 200px
  }
  #content article, .entry-content img, #comments, .ad-format, .ad-format img, .plum_new_user_post, .comment-box {
    width: 335px
  }
  .wp-post-image {
    height: 335px
  }
  #menu_column svg, .menu_artwork {
    width: 45px
  }
  #Full_frame_cover .post-container {
    margin-top: 0
  }
  .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin: auto
  }
}
@media (min-width:851px) and (max-width:1100px) {
  .post-content {
    padding-right: 30px;
    max-width: 300px
  }
  #Full_frame_cover .wp-post-image {
    width: 350px;
    height: 350px
  }
  #Full_frame_cover h2 {
    font-size: 57px;
    line-height: 56px
  }
  .grid-wrapper .image-title {
    font-size: 22px;
    line-height: 22px;
    top: 33%;
    left: 50%
  }
  .grid-item {
    width: 200px;
    height: 280px
  }
  #content article, .entry-content img, #comments, .ad-format, .ad-format img, .plum_new_user_post, .comment-box {
    max-width: 500px
  }
  .wp-post-image {
    height: 700px
  }
  #menu_column svg, .menu_artwork {
    width: 25px
  }
  #Full_frame_cover .post-container {}
  .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin: auto
  }
}
@media (min-width:1101px) and (max-width:1450px) {
  .post-content {
    padding-right: 30px;
    max-width: 350px
  }
  #Full_frame_cover .wp-post-image {
    width: 450px;
    height: 450px
  }
  #Full_frame_cover h2 {
    font-size: 70px;
    line-height: 69px
  }
  .grid-wrapper .image-title {
    font-size: 22px;
    line-height: 22px;
    top: 33%;
    left: 50%
  }
  .grid-item {
    width: 200px;
    height: 280px
  }
  #content article, .entry-content img, #comments, .ad-format, .ad-format img, .plum_new_user_post, .comment-box {
    max-width: 500px
  }
  .wp-post-image {
    height: 700px
  }
  #menu_column svg, .menu_artwork {
    width: 25px
  }
  #Full_frame_cover .post-container {}
  .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin: auto
  }
}
@media (min-width:1451px) and (max-width:9000px) {
  .post-content {
    padding-right: 50px;
    max-width: 350px
  }
  #Full_frame_cover .wp-post-image {
    width: 510px;
    height: 510px
  }
  #Full_frame_cover h2 {
    font-size: 76px;
    line-height: 78px
  }
  .grid-wrapper .image-title {
    font-size: 22px;
    line-height: 22px;
    top: 33%;
    left: 50%
  }
  .grid-item {
    width: 200px;
    height: 280px
  }
  #content article, .entry-content img, #comments, .ad-format, .ad-format img, .plum_new_user_post, .comment-box {
    max-width: 500px
  }
  .wp-post-image {
    height: 700px
  }
  #menu_column svg, .menu_artwork {
    width: 25px
  }
  #Full_frame_cover .post-container {}
  .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin: auto
  }
}
.home-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin: auto;
}
@media (min-width: 851px) and (max-width: 1100px) {
  .home-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    margin: auto;
  }
}
@media (min-width: 1101px) and (max-width: 1450px) {
  .home-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    margin: auto;
  }
}
@media (min-width: 1451px) and (max-width: 9000px) {
  .home-grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px;
    margin: auto;
  }
}
.footer-menu-container ul, .menu-plum-menu-container ul, .menu-side-menu-container ul {
  padding: 0;
  list-style: none
}
#loading-gif, .ajax-loader {
  position: fixed;
  z-index: 9999
}
#content article {
  margin: auto;
  float: none;
    overflow: visible;
}
.entry-summary a img {
  width: 100%;
  height: auto
}
.post-container {
  display: flex;
  flex-wrap: wrap
}
.post-content {
  flex: 1;
  display: flex;
  align-items: center
}
#menu_column .plum_user_name, .ajax-loader {
  display: none
}
.post-image {
  flex: 1;
}
.wp-post-image {
  width: 500px;
  height: 500px;
  object-fit: cover;
  border-radius: 0
}
.ad-format img, .entry-content img, .grid-item, .scroll-message {
  border-radius: 0px
}
#Full_frame_cover {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 850px;
}
#Full_frame_cover .wp-post-image, .category #Full_frame_cover .wp-post-image {
  object-fit: cover;
  border-radius: 0px
}
#Full_frame_cover h2 {
  text-align: center;
  font-style: italic
}
.post-details {
  text-align: center;
  max-width: 480px;
  padding-right: 30px;
  line-height: 85px
}
.ajax-loader {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .7);
  background-image: url("/files/loading.gif");
  background-repeat: no-repeat;
  background-position: center
}
.scroll-message, body.menus-closed .scroll-message {
  background-color: var(--background-color);
  color: var(--inverse-color)
}
.scroll-message {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 20px 0;
  cursor: pointer;
  transition: opacity .5s;
  font-size: 18px;
  letter-spacing: 1px;
  z-index: 3333333;
  width: 100%;
  text-align: center !important
}
.entry-content, .grid-wrapper, .image-title, .notifier-message figcaption, figcaption a, .notifier-message p, .plum_message, .plum_new_user_post, .special_plum_heart, h1.entry-title {
  text-align: center
}
#menu-footer {
  z-index: 8888888889
}
.message-button {
  color: black !impotant;
}
.grid-wrapper {
  width: 100%;
  padding-top: 14px
}
.grid-inner-paper {
  float: none;
  display: inline-block
}
.grid-item {
  position: relative;
  overflow: hidden;
  background: var(--inverse-color)
}
.image-title, .image-title-blank {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.grid-item a {
  display: block;
  position: relative
}
.grid-item img, .profile_picture_large {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.grid-item:hover img {
  opacity: 1
}
.image-title {
  padding: 10px;
  color: var(--background-color);
  background: 0 0 !important;
  font-size: 18px;
  line-height: 17px;
}
.footer-menu-container {
  display: flex;
  justify-content: center;
  padding: 0px 40px 40px;
  margin-top: 51px
}
.footer-menu-container ul {
  display: flex
}
.footer-menu-container li {
  margin-right: 20px
}
.sub-menu {
  padding-left: 20px !important;
  color: #999 !important
}
.menu-side-menu-container {
  padding-top: 0px;
  padding-left: 40px
}
h1.entry-title {
  margin-left: -3px;
  font-size: 76px;
  line-height: 73px;
  padding-top: 10px;
  max-width: 390px;
  float: none;
  margin: auto;
  font-style: normal
}
.post_category_slug {
  padding: 20px 0 0;
  text-transform: uppercase;
  text-align: center
}
.entry-content img {
  position: relative;
  overflow: hidden;
  height: auto
}
article, article p, article a {
  font-size: 22px;
  line-height: 33px;
}
article p {
  margin-bottom: 20px;
}
.entry-content p {
  text-align: left
}


.image-credit, .image-credit a {    
    font-size: 11px;
    color: grey;
    margin-bottom: 10px;
    margin-top: -21px;
    line-height: 18px;
    margin-right: 60px;
    text-transform:uppercase;
}

.single-image-credit, .single-image-credit a {
    margin-top: 10px !important;
    font-size: 11px;
    color: grey;
    margin-bottom: 10px;
    text-align: left;
    line-height: 18px;
    margin-right: 60px;
    text-transform:uppercase;
}


.figcap, .wp-element-caption, figcaption, figcaption a {
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 19px;
  letter-spacing: 1px;
  color: #757575
}
.entry-content .wp-post-image, .wp-block-image, figure {
  padding: 20px 0
}
body.menus-closed {
  background: var(--background-color);
  color: var(--inverse-color)
}
body.menus-closed #logo_column, body.menus-closed #menu_column {
  border-radius: 20px
}
.profile_options_container .profile_picture_large, .recent-authors-index .profile_picture_large, body.logo-column-open #logo_column {
  border-radius: 0
}
body.logo-column-open, body.menu-column-open {
  background: var(--inverse-color);
  color: var(--background-color)
}
body.logo-column-open #menu_column, body.menu-column-open #logo_column {
  background: 0 0;
  stroke: black;
  fill: var(--background-color)
}
body.logo-column-open .scroll-message {
  background-color: var(--inverse-color);
  stroke: black;
  color: var(--background-color)
}
body.menu-column-open #menu_column {
  border-radius: 0;
  padding-left: 50px
}
body.menu-column-open .scroll-message {
  background-color: var(--inverse-color);
  color: var(--background-color)
}
.plum_user_display_name, .plum_user_name a {
  font-size: 18px !important;
  letter-spacing: 1.5px
}
.plum_user_name {
  padding-right: 10px
}
#comments, .ad-format {
  margin: auto;
  float: none;
  padding: 25px 0
}
.extra-top-padding, .plum_new_user_post, .post_plum_editor {
  padding-top: 25px
}
body.menus-closed #comment {
  background: 0 0;
  border: 1px solid #eaeaea;
  width: 100%;
  color: var(--inverse-color)
}
body.logo-column-open #comment, body.menu-column-open #comment {
  background: 0 0;
  border: 1px solid var(--background-color);
  width: 100%;
  color: var(--background-color)
}
body.menus-closed input, input, textarea {
  background-color: #eaeaea;
  color: var(--inverse-color);
  border: 0;
  padding: 0
}
body.menus-closed input:focus, input:focus, textarea:focus {
  background: 0 0
}
body.logo-column-open input, body.logo-column-open textarea, body.menu-column-open input, body.menu-column-open textarea {
  background-color: #333;
  color: var(--background-color);
  border: 0
}
.plum_new_user_post {
  margin: auto;
  float: none
}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="color"] {
  height: 50px;
}
/*
#menu_column .nsl-button-google div, .log_social_icon, .log_social_icon div, input, textarea {
  width: 100%
}
*/
.plum_new_user_post textarea {
  resize: none;
  height: 320px
}
.post_guidelines_link {
  margin-bottom: 22px;
  border-bottom: 1px solid var(--inverse-color);
  display: inline-block
}
@media (max-width: 768px) {
  .grid-item h2.image-title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
    opacity: 1;
    top: 36%;
  }
}
@media (min-width: 769px) {
  .grid-item h2.image-title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 59%;
    opacity: 1;
    top: 49%;
  }
}
.grid-item h2.image-title {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .grid-item h2.image-title {
    padding-top: ;
    opacity: 1;
    text-align: center;
    font-size: 25px;
    line-height: 25px;
  }
}
#edit_post_message {
  height: 310px
}
.plum_message {
  padding: 25px
}
.special_plum_heart {
  width: 100%;
  padding: 60px 0
}
#special_plum_heart_artwork {
  width: 25px;
  height: auto;
  margin: auto;
  float: none
}
.plum_hated, .plum_hearted {
  width: 25px;
  height: 25px;
  background-size: cover;
  display: inline-block
}
.plum_hearted, body.menus-closed .plum_hearted {
  background-image: url('/files/assets/heart-fillblack-borderblack.svg')
}
.plum_hated, body.menus-closed .plum_hated {
  background-image: url('/files/assets/heart-fillvar(--background-color)-borderblack.svg')
}
body.logo-column-open .plum_hearted, body.menu-column-open .plum_hearted {
  background-image: url('/files/assets/heart-fillvar(--background-color)-bordervar(--background-color).svg')
}
body.logo-column-open .plum_hated, body.menu-column-open .plum_hated {
  background-image: url('/files/assets/heart-fillblack-bordervar(--background-color).svg')
}
.comment-box {
  padding: 25px 0;
  border-bottom: 2px solid #eaeaea;
  margin-bottom: 25px
}
.notifier-message, .profile_article {
  padding-top: 25px;
  text-align: center
}
.comments li {
  list-style: none
}
.notifier-message {
  padding-bottom: 25px
}
.plum_profile_picture_container {
  width: 110px;
  height: 110px;
  text-align: center;
  float: none;
  margin: auto;
  border-radius: 30px;
  overflow: hidden
}
.mini_profile_picture {
  width: 100%;
  position: relative;
  min-height: 70px;
  text-align: right;
}
.mini_profile_picture img {
  width: 70px !important;
  height: 70px !important;
  text-align: center;
  float: none;
  margin: auto;
  border-radius: 20px !important
}
.story_editor_blank, body.menus-closed .story_editor_blank {
  color: var(--inverse-color);
  background: var(--background-color);
  border: 2px solid #eaeaea
}
.image-title-blank {
  padding: 10px;
  text-align: center;
  color: var(--inverse-color);
  background: 0 0 !important
}
body.menus-closed .story_editor_blank .image-title-blank {
  color: var(--inverse-color)
}
body.logo-column-open .story_editor_blank, body.menu-column-open .story_editor_blank {
  color: var(--background-color);
  background: var(--inverse-color);
  border: 2px solid #eaeaea
}
body.logo-column-open .story_editor_blank .image-title-blank, body.menu-column-open .story_editor_blank .image-title-blank {
  color: var(--background-color)
}
#avatarPreview, .blip_container {
  text-align: center;
  width: 100%
}
.summary_blip {
  margin: auto;
  max-width: 100%;
  text-align: center;
  padding: 0 0 8px
}
.uploader_box_box {
  margin-bottom: 30px;
  padding: 30px;
  border: 2px dashed #eaeaea;
  border-radius: 30px
}
.profile_picture_preview {
  width: 80px;
  overflow: hidden;
  height: 80px;
  border-radius: 20px;
  object-fit: cover;
  margin: 12px auto;
  float: none
}
.page-template-user-drafts-php .grid-item h2.image-title, .page-template-user-drafts-php .grid-wrapper .image-title {
  display: block !important
}
.divider_line {
  color: #d0d0d0
}
#Modal_modal {
  width: 100%;
  height: 100%;
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 999999999999
}
#Modal_top {
  flex: 1;
  display: flex;
  position: relative
}
#Modal_bottom {
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--inverse-color);
  font-size: 12px;
  text-align: center;
  border-top: 1px solid #eaeaea;
  padding: 0 50px
}
.Modal_side {
  flex: 1;
  position: relative;
  background-color: var(--background-color);
  transition: opacity .3s
}
#Modal_left {
  border-right: 1px solid #eaeaea
}
#Modal_left:hover, #Modal_right {
  opacity: .3
}
#Modal_right:hover, .greyed-out {
  opacity: .4
}
.Modal_image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%
}
@media (max-width:768px) {
  #Modal_top, .post-container {
    flex-direction: column
  }
  #Modal_left, #Modal_right {
    width: 100%
  }
  #Modal_left {
    border-right: none
  }
}
#loading-gif {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.followerbutton {
  font-family: 'Hudson Text 75', sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 26px;
  padding: 5px 12px;
  margin-top: 14px;
  border: 0;
  background: #eaeaea
}
body.single .wp-post-image {
  margin: 0px 0 0px 0
}
.deact {
  pointer-events: none
}
.grid-item a:hover h2.image-title {
  opacity: 1
}
.log_social_icon {
  padding: 3px
}
#menu_column .nsl-button-svg-container svg {
  display: none !important
}
#menu_column .nsl-button-svg-container {
  background: var(--background-color) !important
}
/*
#menu_column .nsl-button-google div:before {
  content: "Continue with Google"
}
#menu_column .nsl-button-twitter div:before {
  content: "Continue with X"
}
#menu_column .nsl-button-linkedin div:before {
  content: "Continue with LinkedIn"
}
#menu_column .nsl-button-spotify div:before {
  content: "Continue with Spotify"
}
#menu_column .nsl-button-facebook div:before {
  content: "Continue with Facebook"
}
*/
#menu_column div.nsl-container-inline[data-align=left] .nsl-container-buttons {
  justify-content: end !important
}
#menu_column div.nsl-container .nsl-button-google[data-skin=light] {
  border-radius: 0;
  box-shadow: none !important;
  color: var(--inverse-color) !important
}
#menu_column div.nsl-container .nsl-button-svg-container {
  padding: 0 !important;
  display: block
}
.plum_avatar_info {
  padding: 20px 0 10px;
}
.fresh_logo-wrapper {
  width: 100%;
  z-index: 1000;
} 

.menu-overlay {
  width: 100%;
  z-index: 1000;
  display: none
}
#pass-strength-result {
  width: 100% !important;
  background: 0 0 !important;
  border: 1px solid var(--inverse-color) !important;
  border-radius: 50px
}
.wp-block-video {
  height: 100%;
  margin-bottom: 50px
}
.single video {
    width: 500px;
    height:auto;
}
.external-news {
  padding: 0 50px 250px;
  text-align: center;
  max-width: 650px;
  margin: auto
}
.external-news h2 {
  font-size: 39px !important;
  display: inline;
  font-style: italic
}
.external-news figcaption, .external-news-feed figcaption {
  padding: 0 7px;
  display: none
}
.external-news-feed div {
  border-bottom: 3px solid var(--inverse-color);
  padding-bottom: 40px
}
.external-news-feed {
  padding: 20px 50px 90px;
  text-align: justify;
  max-width: 580px;
  margin: auto
}
.external-news-feed h2 {
  font-size: 44px !important;
  display: inline;
  font-style: italic;
  line-height: 37px;
  letter-spacing: 0;
  cursor: default;
  padding-bottom: 60px
}
@media (max-width:1200px) {
  .external-news-feed {
    max-width: 350px
  }
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background: rgb(0 0 0 / 47%);
  z-index: 100000000;
}
.fresh_logo-wrapper {
  justify-content: center;
  align-items: center;
  height: 6px;
}
.post_category_slug a {
  padding: 0 8px
}
.fresh_logo-container {
  text-align: center
}
body.single #container {
  padding-top: 14px;
}
body.page-template-plum_userfeed .fresh_logo-wrapper, body.home .fresh_logo-wrapper, body.page-template-plum_in_print .fresh_logo-wrapper, body.single .fresh_logo-wrapper, body.home .fresh_logo-wrapper {
  display: block !important
}
.fresh_logo {
  max-width: 100%;
  height: auto;
  width: 100px;
  fill: black
}
@media only screen and (min-width:768px) {
  body.single #container {
    padding-top: 56px;
  }
  body.page-template-plum_userfeed .fresh_logo, body.home .fresh_logo {
    /* width: 217px !important */
  }
}
body.menu-open .fresh_logo {
  fill: var(--background-color) !important
}
body.page-template-plum_userfeed .fresh_logo, body.home .fresh_logo {
  width: 116px
}
.fresh_logo {
  padding-top: 13px
}
@media (min-width:768px) {
  .fresh_logo-wrapper {
    position: absolute;
    top: 0;
    left: 0
  }
}
@media (max-width:767px) {
  .fresh_logo-wrapper {
    position: fixed;
    top: 20px;
    left: 0;
    z-index: 899999999;
    height: 30px;
  }
  .fresh_logo {
    max-width: 100%;
    height: auto;
    width: 80px;
    fill: black;
    margin-top: -19px;
  }
}
#drummer-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-color);
  display: none;
  z-index: 9999
}
#drummer-container p, #drummer-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  opacity: .3;
  text-align: center;
  font-size: 12px
} /*Desktop*/ .ribbon_graphic {
  width: 30%;
  margin: auto;
  margin-top: -10%;
  margin-bottom: -120px
}
body.logo-column-open .ribbon_graphic img, body.menu-open .ribbon_graphic img {
  filter: invert(1)
}
@media only screen and (max-width:575px) { /*Mobile*/ .ribbon_graphic {
    width: 40%;
    margin: auto;
    margin-top: -17%;
    margin-bottom: -110px
  }
}
#header {
  position: relative;
  display: block;
  float: none;
  margin: auto
}
.drummer_logo_small {
  drummer_logo_small
}
@media only screen and (max-width:767px) {
  .ribbon_graphic img {
    z-index: 99999998;
    position: absolute;
    left: 14%;
    width: 230px;
              top: -28px;
  }
  .plum_profile_picture_container {
    z-index: 9999986;
    margin-top: 20px;
  }
  #Full_frame_cover {
    min-height: 820px
  }
}
#helper-nav {
  position: fixed;
  top: -54px;
  left: 0;
  width: 100%;
  height: 54px;
  background-color: var(--background-color);
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, .1); */
  border-bottom: 1px solid #80808033;
  transition: top .3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000
}
.helper-nav-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%
}
.helper-logo {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.helper-hidden {
  display: none
}
@media (max-width:768px) {
  #helper-nav {
    display: none
  }
}
.helper-logo {
  max-width: 100%;
  height: auto;
  width: 100px;
  fill: black
}
.menu-open #helper-nav, .logo-column-open #helper-nav, .menu-column-open #helper-nav {
  background-color: var(--inverse-color);
}
.menu-open .helper-logo, .logo-column-open .helper-logo, .menu-column-open .helper-logo {
  fill: var(--background-color)
}
.logo-column-open .sections-label {
  color: black
}
.menu-column-open .sections-label {
  color: var(--background-color)
}
.menu-column-open .account-label {
  color: black
}
.logo-column-open .account-label {
  color: var(--background-color)
}
.author_bio_byline {
  max-width: 500px;
  margin: auto
} /* Base styles for the labels */ .fresh-radio label, .allow_subscribers_edit label {
  display: flex;
  align-items: center;
  padding-left: 25px;
  position: relative
} /* Common styles for both checked and unchecked states */ .fresh-radio label::before, .allow_subscribers_edit label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
} /* Specific styles for checked state */ .fresh-radio input[type="radio"]:checked + label::before, .allow_subscribers_edit input[type="checkbox"]:checked + label::before {
  background-image: url('/files/assets/icons/check.svg');
  background-size: contain;
  background-repeat: no-repeat
} /* Specific styles for unchecked state */ .fresh-radio input[type="radio"]:not(:checked) + label::before, .allow_subscribers_edit input[type="checkbox"]:not(:checked) + label::before {
  background-image: url('/files/assets/icons/x.svg');
  background-size: contain;
  background-repeat: no-repeat
} /* Subscribed text style */ .fresh-radio input[type="radio"]:checked + label span, .allow_subscribers_edit input[type="checkbox"]:checked + label span {
  opacity: 1;
  margin-left: 5px
} /* Subscribe text style */ .fresh-radio input[type="radio"]:not(:checked) + label span, .allow_subscribers_edit input[type="checkbox"]:not(:checked) + label span {
  opacity: .2;
  margin-left: 5px
}
.allow_subscribers_edit {
  display: flex;
  align-items: center;
  padding-left: 25px;
  position: relative
}
.allow_subscribers_edit::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}
input[type="checkbox"]:checked + .allow_subscribers_edit::before {
  background-image: url('/files/assets/icons/check.svg');
  background-size: contain;
  background-repeat: no-repeat
}
input[type="checkbox"]:not(:checked) + .allow_subscribers_edit::before {
  background-image: url('/files/assets/icons/x.svg');
  background-size: contain;
  background-repeat: no-repeat
} /* Subscribed text style */ input[type="checkbox"]:checked + .allow_subscribers_edit span {
  opacity: 1;
  margin-left: 5px
} /* Subscribe text style */ input[type="checkbox"]:not(:checked) + .allow_subscribers_edit span {
  color: black;
  margin-left: 5px
}
.allow_subscribers_edit label {
  display: flex;
  align-items: center;
  padding-left: 25px;
  position: relative
}
.allow_subscribers_edit label::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}
input[type="checkbox"]:checked + label::before {
  background-image: url('/files/assets/icons/check.svg');
  background-size: contain;
  background-repeat: no-repeat
}
input[type="checkbox"]:not(:checked) + label::before {
  background-image: url('/files/assets/icons/x.svg');
  background-size: contain;
  background-repeat: no-repeat
} /* Subscribed text style */ input[type="checkbox"]:checked + label span {
  color: grey;
  margin-left: 5px
} /* Subscribe text style */ input[type="checkbox"]:not(:checked) + label span {
  opacity: .2;
  margin-left: 5px
}
.grid-size {
  width: 424px
}
@media (min-width:851px) {
  .grid-size {
    width: 671px
  }
}
@media (min-width:1101px) {
  .grid-size {
    width: 901px
  }
}
@media (min-width:1451px) {
  .grid-size {
    width: 901px;
  }
}
#Plum_news_summary {
  font-family: 'Hudson Text 50', sans-serif;
  letter-spacing: 1px;
  font-size: 47px;
  line-height: 46px;
  font-weight: lighter !important;
  text-align: left;
  margin: 30px auto 0
}
@media (max-width:767px) {
  #Plum_news_summary {
    font-size: 23px;
    padding-top: 5px;
    line-height: 24px !important;
  }
}
b {
  font-family: 'Hudson Text 100', sans-serif;
}
body.woocommerce #wrapper, body.woocommerce p {
  text-align: center
}
body.woocommerce #container {
  margin: auto;
  text-align: center;
  max-width: 1000px;
  padding-top: 20px;
  width: 100%
}
body.woocommerce #content {
  text-align: center !important
}
.woocommerce-breadcrumb, .woocommerce-products-header, .woocommerce-result-count, .screen-reader-text, .cart_totals h2 {
  display: none
}
.woocommerce-ordering {
  display: none
}
.products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px
}
.woocommerce-loop-product__link img {
  object-fit: contain;
  width: 100%;
  height: auto
}
.woocommerce-message {
  padding-bottom: 30px
}
.woocommerce-tabs {
  display: none
}
.woocommerce-product-gallery {
  opacity: 1 !important
}
.woocommerce-product-gallery img {
  object-fit: contain;
  width: 100%;
  height: auto
}
.woocommerce img {
  width: inherit !important
}
.woocommerce .cart img {
  width: 30px !important;
  height: auto !important
}
.woocommerce .cart {
  margin-top: 30px
}
.shop_table thead:first-of-type {
  display: none
}
.woocommerce .quantity input[type="number"] {
  margin: 0 10px;
  width: 60px;
  padding: 0 2px;
  text-align: center
}
.woocommerce .cart td {
  padding: 10px
}
.woocommerce button, .woocommerce .wc-proceed-to-checkout {
  background-color: #eaeaea;
  color: var(--inverse-color);
  border: 0;
  padding: 8px 0;
  font-family: 'Hudson Text 75', sans-serif;
  margin: 10px auto;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 22px;
  width: 100%
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  background-color: #eaeaea;
  color: var(--inverse-color);
  border: 0;
  padding: 8px 0;
  font-family: 'Hudson Text 75', sans-serif;
  margin: 10px auto;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 22px;
  width: 100%
}
.shop_table {
  width: 100%
}
.shop_table tr th {
  line-height: 40px
}
.woocommerce-message, .woocommerce-notices-wrapper ul {
  position: relative;
  background: var(--background-color);
  padding: 10px 0
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  border-top: none !important
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  content: "" !important;
  color: #c5c5c5 !important
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
  width: 100%
}
.woocommerce-shipping-destination, .woocommerce-shipping-calculator {
  text-align: center
}
#content article {
  text-align: center
}
body.woocommerce-page #content article {
  margin-top: 20px
}
@media only screen and (min-width:1024px) {
  body.woocommerce-page #content article {
    margin-top: 20px;
    min-width: 600px
  }
}
@media (min-width:1101px) and (max-width:1450px) {
  .woocommerce #content article {
    max-width: 1000px !important;
    margin: 0 auto
  }
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  color: black !important;
  font-family: 'Hudson Text 75', sans-serif;
  font-size: 18px;
  line-height: 22px
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
  display: none
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
  width: 100%
}
.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: auto;
  display: block;
  margin: 0 0 1em;
  box-shadow: none
}
.woocommerce a.remove, .woocommerce a.remove:hover {
  color: black !important;
  background: transparent !important
}
body.woocommerce #content article {
  margin-top: 30px !important
}
.woocommerce table.shop_table {
  border: none !important
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 100% !important
}
#coupon_code, .coupon button {
  width: 100% !important
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, .checkout-button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover, .woocommerce_checkout_place_order, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
  background-color: #eaeaea;
  color: var(--inverse-color);
  border: 0;
  padding: 8px 0;
  font-family: 'Hudson Text 75', sans-serif;
  margin: 10px auto;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 22px;
  width: 100%;
  min-height: 50px
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: transparent !important;
  border-radius: 0;
  border: 1px solid black
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box, #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  background-color: transparent;
  border: none !important
}
.woocommerce-cart-form.processing, .processing, .blockOverlay {
  display: none !important
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
  width: 100%;
  float: none
}
.woocommerce .col2-set {
  margin: 0;
  padding: 0
}
.woocommerce .col2-set .col-2 {
  margin-top: 20px
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
  max-width: 100%
}
.wc-upe-element {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important
}