@charset "UTF-8";

@font-face {
  font-family:'Source Sans Pro';
  src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkids18S0xR41.woff2) format("woff2");
  font-weight:300;
  font-style:italic;
  font-display:swap;
}

@font-face {
  font-family:'Source Sans Pro';
  src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2) format("woff2");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:'Source Sans Pro';
  src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDJB9cme.woff2) format("woff2");
  font-weight:normal;
  font-style:italic;
  font-display:swap;
}

@font-face {
  font-family:'Source Sans Pro';
  src:url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu3cOWxw.woff2) format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}

html,body {
  width:100%;
  height:100%;
  padding:0!important;
  margin:0!important;
}

body {
  min-width:100%;
  background-color:#fff;
  background-image:url(https://mfc.shadoworks.de/mary1one/images/overlay.webp),linear-gradient(135deg,#3A8dff,#ff5ca8);
  background-repeat:repeat,no-repeat;
  background-size:auto,100% 100%;
  background-attachment:fixed;
  overflow-y:scroll;
  font-size:15pt!important;
  line-height:1;
  -webkit-text-size-adjust:none;
}

body,input,textarea,select,button {
  font-family:'Source Sans Pro',sans-serif;
  font-weight:300;
  color:#777777;
  font-size:20pt;
  line-height:1.75em;
}

#header_bar,#footer_bar,#profile .profile_row,#profile #profile_header #avatar_holder,#profile #profile_header #profile_header_container .heading,#profile #profile_header #profile_header_container .container,#profile #profile_header #profile_header_container #status_container #status_label,#profile #profile_header #profile_header_container #status_container #status_value > span,#profile #profile_header #profile_header_container #status_container #status_value > a,#profile #profile_main_about_holder #profile_main_photo,#profile #profile_main_about_holder #profile_mfc_share_content,#profile #profile_about_me_friends #profile_about_me .heading,#profile #profile_about_me_friends #profile_about_me .container,#profile #profile_about_me_friends .profile_subsection,#profile #profile_about_me_friends #profile_about_me #about_me_container #about_me_label,#profile #profile_comments .profile_section_background {
  display:none!important;
}

#profile .profile_row:first-child,#profile .profile_row:nth-child(3),#profile .profile_row:last-child,#profile #profile_header #profile_header_container #status_container,#profile #profile_header #profile_header_container #status_container #status_value #member_status_value,#profile #profile_main_about_holder,#profile #profile_about_me_friends #profile_about_me,#profile #profile_about_me_friends #profile_about_me #about_me_container,#profile #profile_about_me_friends #profile_about_me #profile_friends {
  display:block!important;
}

#profile_header_container #status_container {
  margin:0;
}

#profile_header_container #status_container #status_value {
  display:flex!important;
  flex-direction:row;
  font-size:20pt;
  line-height:1;
}

#member_status_value a {
  color:#fff;
  font-size:.75em;
  font-weight:700;
  text-decoration:none;
}

#member_status_value a {
  color:#ff2e63;
}

.mfc_online #member_status_value a {
  color:#32cd32;
}

#profile {
  position:relative;
  width:45em;
  min-height:100vh;
  max-width:100%;
  padding:0;
  margin:0 auto;
  display:-moz-flex;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  -moz-flex-direction:column;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -moz-align-items:center;
  -webkit-align-items:center;
  -ms-align-items:center;
  align-items:center;
  -moz-justify-content:flex-start;
  -webkit-justify-content:flex-start;
  -ms-justify-content:flex-start;
  justify-content:flex-start;
  -moz-transition:opacity 1s ease-in-out;
  -webkit-transition:opacity 1s ease-in-out;
  -ms-transition:opacity 1s ease-in-out;
  transition:opacity 1s ease-in-out;
}

#profile .profile_row:first-child,#profile #profile_about_me_friends #profile_about_me #profile_friends {
  position:absolute;
  top:12.5em;
  left:2.5em;
  z-index:10;
}

.profile_section {
  display:block!important;
  border-spacing:0!important;
}

.profile_section_content {
  border-radius:0;
  padding:0;
  margin:0;
}

#profile_main_about_holder {
  display:block!important;
}

#profile_main_photo .heading {
  display:none;
}

#profile_main_photo .recent_photos {
  display:none;
}

#profile_about_me_friends {
  width:100%;
}

.profile_section_background {
  background-color:transparent!important;
}

#about_me_container {
  margin:0;
}

#profile_header_container {
  margin-left:0;
  min-height:0;
}

#profile_header_container #status_value {
  color:transparent;
}

#profile_header_container #status_value #member_status_value a {
  display:inline;
}

#about_me_value {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:7em;
}

.gem-grid,.club-grid,.gallery-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25em;
}

.gem-grid img,.club-grid img,.gallery-grid img {
  max-width:100%;
  height:auto;
}

.gem-grid div,.club-grid div {
  position:relative;
}

.gem-grid span,.club-grid span {
  position:absolute;
  top:calc(50% - 17.5px);
  right:0;
  left:0;
  background-color:rgba(0,0,0,.4);
  color:#fff;
  width:100%;
  align-self:center;
  opacity:.9;
  text-shadow:0 1px 3px #000;
}

.club-grid span {
  top:calc(50% - 17.5px);
}

.tabs {
  display:flex;
  flex-direction:column;
  text-align:center;
  width:100%;
}

.tab-nav {
  display:flex;
  justify-content:center;
  min-height:85px;
  height:4.25em;
}

.tab-nav.mobile {
  display:none;
}

.tab-nav a {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:1em;
  height:1em;
  line-height:.9em;
  font-size:2.5em;
  margin:0 .25em;
  color:#fff;
  fill:#fff;
  text-align:center;
  padding:0;
  cursor:pointer;
}

.tab-nav a:after {
  content:'';
  display:block;
  position:absolute;
  left:50%;
  bottom:-.95em;
  margin-left:-.5em;
  border-bottom:solid 0 #ffffff;
  border-left:solid .5em transparent;
  border-right:solid .5em transparent;
  -moz-transition:border-bottom-width .25s ease-in-out;
  -webkit-transition:border-bottom-width .25s ease-in-out;
  -ms-transition:border-bottom-width .25s ease-in-out;
  transition:border-bottom-width .25s ease-in-out;
}

.tab-nav a span {
  display:block;
  position:absolute;
  background:#222222;
  color:#ffffff;
  top:-3em;
  font-size:.3em;
  height:2.25em;
  line-height:2.25em;
  left:50%;
  transform:translateX(-50%);
  opacity:0;
  -moz-transition:opacity .25s ease-in-out;
  -webkit-transition:opacity .25s ease-in-out;
  -ms-transition:opacity .25s ease-in-out;
  transition:opacity .25s ease-in-out;
  min-width:5.5em;
  white-space:nowrap;
  padding:0 1em;
}

.tab-nav a span:after {
  content:'';
  display:block;
  position:absolute;
  bottom:-.4em;
  left:50%;
  margin-left:-.6em;
  border-top:solid .6em #222222;
  border-left:solid .6em transparent;
  border-right:solid .6em transparent;
}

.tab-nav a .icon {
  height:45px;
  opacity:.35;
  -moz-transition:opacity .25s ease-in-out;
  -webkit-transition:opacity .25s ease-in-out;
  -ms-transition:opacity .25s ease-in-out;
  transition:opacity .25s ease-in-out;
}

.tab-nav a:hover span,.tab-nav a:hover img {
  opacity:1;
}

#profile #profile_friends,#profile .profile_row:last-child {
  position:absolute;
  top:calc(11.25em + 5px);
  right:0;
  left:0;
  z-index:0;
  opacity:0;
}

#profile #profile_friends {
  position:absolute!important;
  top:11.25em;
  height:375px;
}

#profile #profile_comments a {
  background:linear-gradient(135deg,#777,#777);
  background-clip:text;
  -webkit-background-clip:text;
  color:#777;
  -webkit-text-fill-color:transparent;
  mask-image:linear-gradient(135deg,#777,#777);
  -webkit-mask-image:linear-gradient(135deg,#777,#777);
  mask-composite:intersect;
  -webkit-mask-composite:destination-in;
  font-weight:700;
  text-decoration:none;
  transition:all .5s ease-in-out;
}

#profile #profile_comments a:hover {
  background:linear-gradient(135deg,#3a8dff,#ff5ca8);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  mask-image:linear-gradient(135deg,#3a8dff,#ff5ca8);
  -webkit-mask-image:linear-gradient(135deg,#3a8dff,#ff5ca8);
  mask-composite:intersect;
  -webkit-mask-composite:destination-in;
  text-decoration:none;
}

#profile #profile_about_me_friends #profile_friends,#profile #profile_comments .profile_section_content {
  background:#fff;
  box-shadow:0 1px 0 0 rgba(0,0,0,.25);
  -moz-transition:opacity .25s ease-in-out,min-height .5s ease-in-out,max-height .5s ease-in-out;
  -webkit-transition:opacity .25s ease-in-out,min-height .5s ease-in-out,max-height .5s ease-in-out;
  -ms-transition:opacity .25s ease-in-out,min-height .5s ease-in-out,max-height .5s ease-in-out;
  transition:opacity .25s ease-in-out,min-height .5s ease-in-out,max-height .5s ease-in-out;
  margin-bottom:0;
  position:relative;
  justify-content:flex-start;
  padding:3.5em 2.5em 2.5em;
}

#profile #profile_about_me_friends #profile_friends .heading,#profile #profile_comments .heading {
  display:block;
  font-size:1.8em;
  letter-spacing:-.015em;
  line-height:1.25em;
  font-weight:400;
  color:#363636;
  padding:0;
  margin:0 0 .5em;
}

#profile #profile_comments #new_comment {
  margin:0 0 1.75em;
}

#profile #profile_comments #new_comment_inputs {
  display:block;
  margin-left:60px;
}

#profile #profile_comments #comment_preview {
  margin-left:60px;
}

#profile #profile_comments #new_comment_inputs #user_comment_comment {
  display:block;
  width:100%;
  height:auto;
  min-height:82px;
}

#profile #profile_comments #new_comment_login_message {
  margin:0 0 2em 60px;
}

#profile #profile_comments #comments {
  overflow-y:scroll;
  width:100%;
  max-height:120px;
  height:100%;
}

.tab-content {
  display:none;
  opacity:0;
  background:#fff;
  box-shadow:0 1px 0 0 rgba(0,0,0,.25);
  -moz-transition:opacity .25s ease-in-out,min-height .5s ease-in-out,max-height .5s ease-in-out;
  -webkit-transition:opacity .25s ease-in-out,min-height .5s ease-in-out,max-height .5s ease-in-out;
  -ms-transition:opacity .25s ease-in-out,min-height .5s ease-in-out,max-height .5s ease-in-out;
  transition:opacity .25s ease-in-out,min-height .5s ease-in-out,max-height .5s ease-in-out;
  margin-bottom:0;
  position:relative;
  justify-content:flex-start;
  padding:3.5em 2.5em 2.5em;
}

.tab-content header {
  display:block;
  margin:0 0 1.5em;
}

.tab-content header h2 {
  font-size:1.8em;
  letter-spacing:-.015em;
  line-height:1.25em;
  margin-bottom:0;
  font-weight:400;
  color:#363636;
}

.tab-content header h2.title {
  margin-bottom:1.5em;
}

.tab-content p {
  margin-bottom:2em;
}

.tab-content p a {
  background:linear-gradient(135deg,#777,#777);
  background-clip:text;
  -webkit-background-clip:text;
  color:#777;
  -webkit-text-fill-color:transparent;
  mask-image:linear-gradient(135deg,#777,#777);
  -webkit-mask-image:linear-gradient(135deg,#777,#777);
  mask-composite:intersect;
  -webkit-mask-composite:destination-in;
  font-weight:700;
  text-decoration:none;
  transition:all .5s ease-in-out;
}

.tab-content p a:hover {
  background:linear-gradient(135deg,#3a8dff,#ff5ca8);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  mask-image:linear-gradient(135deg,#3a8dff,#ff5ca8);
  -webkit-mask-image:linear-gradient(135deg,#3a8dff,#ff5ca8);
  mask-composite:intersect;
  -webkit-mask-composite:destination-in;
  text-decoration:none;
}

.tab-content.intro {
  padding:0;
  height:20em;
  display:none;
  -moz-flex-direction:row;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -moz-align-items:center;
  -webkit-align-items:center;
  -ms-align-items:center;
  align-items:center;
}

.tab-content.intro header {
  -moz-flex-grow:1;
  -webkit-flex-grow:1;
  -ms-flex-grow:1;
  flex-grow:1;
  -moz-flex-shrink:1;
  -webkit-flex-shrink:1;
  -ms-flex-shrink:1;
  flex-shrink:1;
  padding:3.5em 2.5em;
  margin-bottom:0;
  width:100%;
  text-align:left;
}

.tab-content.intro header h1 {
  font-size:2.4em;
  letter-spacing:-.015em;
  line-height:1.25em;
  margin-bottom:0;
  font-weight:400;
  color:#363636;
}

.tab-content.intro header p {
  letter-spacing:-.015em;
  font-size:1.25em;
  margin:.25em 0 0;
}

.tab-content.intro .pic {
  text-decoration:none;
  position:relative;
  -moz-flex-grow:0;
  -webkit-flex-grow:0;
  -ms-flex-grow:0;
  flex-grow:0;
  -moz-flex-shrink:0;
  -webkit-flex-shrink:0;
  -ms-flex-shrink:0;
  flex-shrink:0;
  width:17em;
  height:100%;
}

.tab-content.intro .pic:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  background:url(https://mfc.shadoworks.de/mary1one/images/overlay.webp);
  width:100%;
  height:100%;
  z-index:1;
}

.tab-content.intro .pic img {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -moz-object-fit:cover;
  -webkit-object-fit:cover;
  -ms-object-fit:cover;
  object-fit:cover;
  -moz-object-position:center;
  -webkit-object-position:center;
  -ms-object-position:center;
  object-position:center;
}

.tab-content:target {
  display:-moz-flex;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  opacity:1;
}

.tab-content:first-of-type:not(:target) ~ .tab-content:not(:target) {
  display:none;
  opacity:0;
}

body:not(:has(:target)) #tab1 {
  display:-moz-flex;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  opacity:1;
}

#tab1 {
  padding:0;
  height:20em;
  -moz-flex-direction:row;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -moz-align-items:center;
  -webkit-align-items:center;
  -ms-align-items:center;
  align-items:center;
}

#tab2,#tab3,#tab4,#tab5,#tab6 {
  margin-bottom:0;
  position:relative;
  padding:3.5em 2.5em 2.5em;
  -moz-flex-direction:column;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -moz-align-items:flex-start;
  -webkit-align-items:flex-start;
  -ms-align-items:flex-start;
  align-items:flex-start;
}

body:has(#tab1:target) a[href="#tab1"] img,body:has(#tab2:target) a[href="#tab2"] img,body:has(#tab3:target) a[href="#tab3"] img,body:has(#tab4:target) a[href="#tab4"] img,body:has(#profile_friends:target) a[href="#profile_friends"] img,body:has(#profile_comments:target) a[href="#profile_comments"] img {
  opacity:1;
}

body:has(#tab1:target) a[href="#tab1"]:after,body:has(#tab2:target) a[href="#tab2"]:after,body:has(#tab3:target) a[href="#tab3"]:after,body:has(#tab4:target) a[href="#tab4"]:after,body:has(#profile_friends:target) a[href="#profile_friends"]:after,body:has(#profile_comments:target) a[href="#profile_comments"]:after {
  border-bottom-width:.5em;
}

body:not(:has(:target)) a[href="#tab1"] img {
  opacity:1;
}

body:not(:has(:target)) a[href="#tab1"]:after {
  border-bottom-width:.5em;
}

#profile:has(#profile_friends:target) #tab5,#profile:has(#profile_comments:target) #tab6 {
  display:-moz-flex;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  height:calc(475px - 5em);
  opacity:1;
}

#profile:has(#profile_friends:target) #profile_friends,#profile:has(#profile_comments:target) .profile_row:last-child {
  display:block!important;
  z-index:5;
  opacity:1;
}

.lightbox {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,.8);
  justify-content:center;
  align-items:center;
  z-index:9999;
}

.lightbox:target {
  display:flex;
}

.lightbox img {
  max-width:90%;
  max-height:80vh;
}

.lightbox .close {
  position:absolute;
  top:20px;
  right:40px;
  color:white;
  font-size:2rem;
  text-decoration:none;
}

.lightbox .close img {
  width:15px;
}

#footer {
  color:rgba(255,255,255,.45);
  text-align:center;
  padding:2em 0 0;
  font-size:.75em;
}

#footer .copyright {
  list-style:none;
  padding-left:0;
}

#footer .copyright li {
  display:inline-block;
  padding-left:1em;
  margin-left:1em;
  border-left:solid 1px rgba(255,255,255,.25);
  line-height:1;
}

#footer .copyright li:first-child {
  padding-left:0;
  margin-left:0;
  border-left:0;
}

#footer a {
  color:#ddd;
  color:rgba(255,255,255,.65);
  -moz-transition:color .25s ease-in-out;
  -webkit-transition:color .25s ease-in-out;
  -ms-transition:color .25s ease-in-out;
  transition:color .25s ease-in-out;
}

#footer a:hover {
  color:white;
}

.mfc_compliance_link {
  margin-top:0;
}

.mfc_compliance_link a {
  color:#ddd;
  color:rgba(255,255,255,.65);
  -moz-transition:color .25s ease-in-out;
  -webkit-transition:color .25s ease-in-out;
  -ms-transition:color .25s ease-in-out;
  transition:color .25s ease-in-out;
}

.mfc_compliance_link a:hover {
  color:white;
}

@media screen and (max-width: 1680px) {
  body,input,textarea,select {
    font-size:15pt;
  }
}

@media screen and (max-width: 1280px) {
  body,input,textarea,select {
    font-size:14pt;
  }

  #profile {
    max-width:calc(100% - 6em);
  }
}

@media screen and (max-width: 980px) {
  #profile {
    max-width:calc(100% - 8em);
  }

  .gem-grid,.club-grid,.gallery-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .tab-content.intro {
    -moz-flex-direction:column!important;
    -webkit-flex-direction:column!important;
    -ms-flex-direction:column!important;
    flex-direction:column!important;
    height:auto!important;
  }

  .tab-content.intro header {
    width:auto;
    padding:4em;
    text-align:center;
  }

  .tab-content.intro .pic {
    height:25em;
    width:100%;
  }
}

@media screen and (max-width: 736px) {
  body,input,textarea,select {
    font-size:12pt;
  }

  input[type="button"],input[type="submit"],input[type="reset"],button,.button {
    width:100%;
  }

  #about_me_value {
    padding-top:calc(7em - 4.25em);
  }

  .tab-nav.mobile {
    display:flex;
    justify-content:center;
    min-height:85px;
    height:4.25em;
  }

  .tab-nav a:nth-child(7),.tab-nav a:nth-child(8),.tab-nav a:nth-child(9) {
    display:none;
  }

  #tab6 {
    height:calc(470px - 3em)!important;
  }

  #profile .profile_row:last-child {
    top:11.25em;
    right:-3px;
    left:-2px;
  }

  ul.actions li {
    display:block;
    margin:.75em 0 0;
  }

  ul.actions li:first-child {
    margin-top:0;
  }

  #profile {
    max-width:calc(100% - 2em);
  }

  .tab-labels label {
    width:.75em;
  }

  .tab-content {
    padding:2em 1.5em 1.5em;
  }

  .tab-content header {
    margin:0 0 1em;
  }

  .tab-content.intro header {
    padding:2.75em 2em 2.5em;
  }

  .tab-content.intro header h1 {
    font-size:1.75em;
  }

  .tab-content.intro header p {
    font-size:1em;
    margin:.25em 0 0;
  }

  .tab-content.intro .pic {
    height:20em;
  }

  .tab-content header h2 {
    font-size:1.375em;
  }

  #footer .copyright li {
    padding-left:.5em;
    margin-left:.5em;
  }
}

@media screen and (max-width: 576px) {
  .gem-grid,.club-grid,.gallery-grid {
    grid-template-columns:1fr;
  }
}

@media screen and (max-width: 360px) {
  body,input,textarea,select {
    font-size:11pt;
  }

  #profile {
    max-width:100%;
  }
}