/* Globas */
:root {
  --qc-outline: #e5e5e5;
  --qc-badge: #f2f2f2;
  --qc-light: #fff;
  --qc-mid: #757575;
  /* --qc-meta: #666; */
  --qc-meta: #f8f8f8;
  --qc-dark: #000;
  --qc-green: #4b8b2a;
  --qc-green2: #385441;
  --qc-yellow: #fc0;
  --qc-yellow2: #f2c200;
  --qc-brown: #483627;
  --qc-bg: #f6fafb;
  --qc-f: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  --qc-f2: "Poppins",sans-serif;
  --qc-fw1: 400;
  --qc-fw2: 500;
  --qc-fw3: 700;
}
html {overflow-y:scroll}
#page-wrapper[data-server="local"] > header{
  outline:2px dashed red;
  outline-offset: 5px;
}
#page-wrapper[data-server="local"] > header::before {
  content: 'Development';
  position:absolute;
  left:100px;
  bottom:0;
  z-index: 1000;
  color: #f00;
  font-weight: 700;
}
body {
  background: linear-gradient(var(--qc-yellow) 80px, #fff 80px )
}
u {
  text-decoration: line-through;
}
i[title] {
  display: inline-block;
  cursor: pointer;
}
.uk-container {
  padding-left: 10px;
  padding-right: 10px;
}
.uk-offcanvas-bar {
  background: var(--qc-green2);
}
header#page--header {
  position: relative;
  z-index: 8 ;
}
header .uk-navbar-right {
  padding-right: 0;
}

select option[value="128"], .poll-form #edit-field-constituencies option[value="2"], form #edit-subject-wrapper, form .filter-wrapper{
  display:none;
}
body #quickchat-modal-div #quickchat-powered-by-definitely-not-you {
 visibility: hidden !important;
 height: 5px;
}
.node-form .uk-accordion li {
  border: 1px solid var(--qc-outline);
  padding: 7px 10px;
  background: var(--qc-meta);
}
.node-form .uk-accordion-title{
  font-size: 1rem;
  font-weight: var(--qc-fw2);
}
.node-form .uk-accordion h4, .node-form .uk-legend {
  font-size: .875rem;
  font-weight: var(--qc-fw1);
  padding: 0;
}
.node-form .uk-accordion .uk-fieldset {
  padding: 5px 0;
}
.node-form .filter-wrapper, .node-form .field--name-unpublish-on {
  display:none;
}
.node-form .uk-accordion-content, .node-form .uk-accordion .uk-legend  {
  font-size: .875rem;
  color: #999;
  line-height: 1.4;;
}
.node-form .uk-text-danger {display: none;}
.uk-text-danger a, .uk-text-danger a:hover {color: currentColor}
.poll-form .uk-card{
  border:1px solid var(--qc-outline);
}

#uikit-local-tasks {display: none;}
a > .uk-icon:not(a) {
  cursor: pointer;
}
#edit-field-groups-target-id--2--wrapper,#edit-field-groups-target-id-wrapper--2, #exposedformfrontpagetimelinesearch .js-form-item-nid, .js-form-item-nids, .js-form-item-status, .js-form-type-entity-autocomplete, #edit-field-staff-announcement-wrapper, #edit-field-constituencies option[value="_none"], .contact-message-personal-form  #edit-preview  {
  display: none;
  position: absolute;
}


.tools-dropdown {display: none;}
#exposedformfrontpagetimelinesearch {
  margin-bottom: 15px;
}
.uk-badge, .uk-badge:focus, .uk-badge:hover {
  background: var(--qc-badge);
  color: var(--qc-green)
}
#profile .uk-card-badge {
  background: transparent;
  color: var(--qc-dark);

}
em {color: currentColor}

strong {
  font-weight: var(--qc-fw3);
}
header .uk-navbar-item, header .uk-navbar-nav>li>a, header .uk-navbar-toggle {
  font-size: 1.2rem;
}
header .uk-navbar-container:not(.uk-navbar-transparent) {
  background: var(--qc-yellow);
}
.uk-navbar-dropdown-nav .uk-nav-divider {border-top: 1px solid var(--qc-dark)}
.uk-navbar-dropdown {
  width: 250px;
}
.uk-navbar-nav li:nth-child(3) .uk-navbar-dropdown {
  width: 280px;
}
.uk-navbar-nav>li>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus, .uk-navbar-dropdown-nav>li.uk-active>a, .uk-navbar-dropdown-nav>li>a, .uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-toggle {
  color: var(--qc-dark);
}
.uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover {
  text-decoration: underline;
}
.uk-navbar-nav .uk-icon {
  cursor: pointer;
}
.uk-navbar-nav > li >  a > div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.uk-link, a, .uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover{
  color: var(--qc-green)
}
.uk-tab > * > a {
  color: var(--qc-green);
  font-family: var(--qc-f2);
  font-weight: var(--qc-fw2);
}
.uk-tab>.uk-active>a {
  border-color: var(--qc-green);
  color: var(--qc-green);
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle, .uk-navbar-dropdown-nav>li.uk-active>a, .uk-navbar-dropdown-nav>li>a {
  font-family: var(--qc-f2);
  font-weight: var(--qc-fw2);
  text-transform: uppercase;
  
}
#uikit-account-menu {
  display: block !important;
}
.uk-navbar-dropdown {
  background: var(--qc-yellow);
  margin-top: 0 !important;
  box-shadow: none;
}
.uk-nav-parent-icon>.uk-parent>a {
  position: relative;
}
.uk-offcanvas .uk-nav li > a > div > span {
  transform: scale(.7);
}
.uk-offcanvas .uk-nav-sub {
  padding: 0 0 5px 40px
}
.uk-offcanvas .uk-nav-parent-icon>.uk-parent>a::after {
  float:none;
  position: absolute;
  right:0;
  top: 50%;
  transform: translateY(-50%) scaleX(-1);
}
.uk-offcanvas .uk-nav-primary > li .uk-navbar-subtitle {
  transform: translateY(1px);
}
.uk-offcanvas .uk-nav-primary > li:first-child .uk-navbar-subtitle {
  transform: translateY(3px);
  font-weight: var(--qc-fw2);
}
.uk-offcanvas .uk-nav li > a > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px;
  align-items: center;
}
.uk-offcanvas .uk-navbar-subtitle {
  font-size: 1.2rem;
  text-transform: uppercase;
}
.uk-offcanvas .uk-nav-sub a {
  font-size: 1rem;
  
}
.uk-offcanvas li.uk-parent {
  margin-bottom: 5px;
}
.uk-offcanvas li.uk-parent li {
  margin-bottom: 5px;
}
.uk-offcanvas li.uk-parent > a {
  font-weight: var(--qc-fw2);
}
.uk-button {
  font-family: var(--qc-f2);
  font-weight: var(--qc-fw2);
}
.uk-button:hover:after {
  transform: translateX(4px);
}
.uk-button-primary:after {
  position: relative;
    display: inline-block;
    content: "";
    background: url(../images/arrow-yellow.svg);
    width: 8px;
    height: 14px;
    margin-left: 10px;
    margin-bottom: -2px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .5s;
}
.uk-button-secondary:after {
  background: url(../images/arrow-black.svg);
}
.uk-button-secondary, .uk-subnav-pill > .uk-active > a {
  background: var(--qc-yellow);
  color: var(--qc-dark);
}
.uk-button-secondary:focus, .uk-button-secondary:hover, .uk-button-secondary.uk-active, .uk-button-secondary:active {
  background: var(--qc-yellow2);
  color: var(--qc-dark);
}

.uk-button-primary {
  background: var(--qc-dark);
  color: var(--qc-yellow);
}
.uk-button-primary:focus, .uk-button-primary:hover, .uk-button-primary.uk-active, .uk-button-primary:active {
  background: var(--qc-dark);
  color: var(--qc-yellow);
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6, .uk-legend {
  font-family: var(--qc-f2);
  font-weight: var(--qc-fw2);
}
.uk-h1, h1, .uk-h2, h2, .uk-h3, h3 {
  font-weight: var(--qc-fw3);
}



.uk-pagination>*>* {
  color: var(--qc-yellow);
}

.uk-pagination>.uk-active>*, .uk-pagination>*>:focus, .uk-pagination>*>:hover {
  color: var(--qc-green)
}

.user-form #edit-pass {
  background-color: var(--qc-outline);
  padding: 5px 10px;
}
.password-parent .uk-form-icon, .confirm-parent .uk-form-icon {
  align-items: flex-start;
  top: 10px;
}




aside {position: relative;}
aside > a {float:right}
aside#page--sidebar-first > a {display:none}


/* isolation */
.isolation-form .uk-fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}



@media screen and (min-width:1300px) {
  aside > a {display: inline-block !important; position: fixed;}
  aside#page--sidebar-second > a {right:20px;float:none}
  aside#page--sidebar-first > a {bottom:20px;right:20px;left:auto}
}
@media screen and (min-width:960px) and (max-width:1199px) {
  aside#page--sidebar-first > a{display:inline-block}
}


/** suggestion box */
.form-grid {
  display: grid;
  gap: 20px 50px;
  grid-template-columns: repeat(auto-fit, minmax(440px, 1fr));
  align-items: start;
}
.form-grid .uk-margin {
  margin: 0 !important;
}



/* ranking */
.rankings table td:not(td:nth-child(2)) {
  /* font-family: digit;
  font-size: 1.2rem; */
}
.rankings td:nth-last-child(2) {
  color: var(--qc-green);
  
}
.rankings .uk-inline img {
  min-width: 110px;
  max-height: 120px;
  object-fit: cover;
  object-position: top;
}
.rankings .uk-overlay {
  padding: 4px 2px;
  text-align: center;
  font-size: .7rem;
}


.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  padding: 0 15px;
  padding: 0 calc(10px + 1.2vw);
} 
.uk-navbar-right .uk-navbar-nav > li > a {
  padding: 0 10px;
}





@media(max-width:1199px) {
  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    padding: 0 calc(10px + .4vw);
  }
  header .uk-navbar-center:not(:only-child) {

    transform: translate(-43%,-50%)
  }

}






@media screen and (max-width:640px) { 
  
  .profile .uk-card-body.match, .profile .uk-background-muted.uk-padding {
    padding: 15px;
  }
  
  .directory .uk-inline {
    overflow-x: hidden;
  } 
}



/* view bulk operation */

.vbe-selector-fieldset > .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
#vbo-action-form-wrapper {
  display: flex;
  align-items: baseline;
}
#vbo-action-form-wrapper .js-form-type-checkbox {
  order: -1;
  margin-right: auto;
  margin-left: 0px
}
.vbo img {
  width: 65px;
  height: 65px;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
}




header .uk-icon-button, header .uk-icon-button:focus, header .uk-icon-button:hover {
  background:var(--qc-dark);
  color: var(--qc-yellow)
}
.uk-navbar-right .uk-navbar-nav li > a {
  position: relative;
}
.notifications   {
  transform: scale(1.1);
}
#bell  {
  position: relative;
}
#bell.alert::after{
  content: ' ';
  position: absolute;
  width:10px;
  height:10px;
  background-color: red;
  left: 0;
  top:0;
  border-radius: 50%;
}
#loggedinusers li {
  position: relative;
}
#loggedinusers li::after {
  content: ' ';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: green;
  left: 30px;
  top:30px;
}
i.dot {
  width: 5px;
  height: 5px;
  background-color: #f00;
  position: absolute;
  top: 40%;
}
#notifications {
  /* background: #ffffdd; */
  color: var(--qc-dark)
}
#notifications .pic, .eakins .pic, .voters .pic {
  width: 45px;
  height: 45px;
  object-fit: cover;
  object-position: top;
}
#notifications .pic {
  width: 50px;
  height: 50px;
}
#notifications td {
  
  padding: 5px;
}
#notifications a {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
#notifications i.action {
  position: absolute;
  right: -8px;
  bottom: 0;
}


.accountpic {
  width: 40px;
  height: 40px;
  object-fit: cover;
  object-position: top;
}
ul.uk-subnav.timeline a {
 color: var(--qc-green);
}
ul.uk-subnav.timeline {
  flex-wrap:nowrap;
  justify-content: space-between;

}

.timeline.uk-subnav-divider>::before {
  margin-right: 20px;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}





#edit-field-groups--wrapper {
  border:0;
}
#edit-field-groups--wrapper legend {
  display:none
}
form#views-exposed-form-media-library-widget, form.js-media-library-add-form > div {
  display: flex;
  align-items: baseline;
  width: 100%;
  
}
.js-media-library-views-form .uk-table th {
  padding-left: 0;
  
}
header > a.views-display-link {
  display: none;
}
.js-media-library-views-form .views-field-rendered-entity img {
  width:80px;
  height: auto;
}
form#views-exposed-form-media-library-widget > div {
  flex: 1 1 auto;
}
form#views-exposed-form-media-library-widget > div:first-of-type {
  flex: 1 1 70%;
}
form#views-exposed-form-media-library-widget .js-form-item, form.js-media-library-add-form .js-form-item {
  display: flex;
  align-items: baseline;
}
form#views-exposed-form-media-library-widget .js-form-item > .uk-form-controls {
  flex: 1 1 100%;
}
form#views-exposed-form-media-library-widget .js-form-item label {
  flex: 1 1 80px;
  font-weight:bold;
}
form#views-exposed-form-media-library-widget input[type="text"] {
  width:100%
}
.js-media-library-views-form .uk-table td {
  padding: 0;
  vertical-align: middle;
}
.node-article-form .form-checkboxes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.node-article-form .form-checkboxes .uk-margin {
  margin: 0 0 5px 0 !important;
}
.mygroups {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
}


/* who can see your news post */
.node-form .form-checkboxes > div {
  visibility: hidden;
  margin-right: 20px;
}
.node-form .tid-3 {
  order: 1;
}
.node-form .tid-1 {
  order: 2;
}
#edit-field-groups--wrapper {
  padding: 0;
  margin:0;
}
.ui-dialog {
  z-index: 1000 !important;
}
/* sidebars */
aside h2 > a, aside h3 > a  {
  color: currentColor;
  text-decoration: none;
  position: relative;

}
aside h2 > a:hover, aside h3 > a:hover {
  text-decoration: none;
}
aside h2 > a::after, aside h3 > a::after {
  content: ' ';
  width:20px;
  height: 20px;
  font-size: .6em;
  transition: all .3s;
  position: absolute;
  bottom: 5px;
  right: -20px;
  font-family: Arial;
  background: url('../images/arrow.svg');
  transform: rotate(-45deg);
}
aside h2 > a:hover::after, aside h3 > a:hover::after {
  bottom: 7px;
  right: -23px;
} 
aside .uk-card {
  background: var(--qc-bg);
  border-radius: 5px;
}
#views-exposed-form-frontpage-timelinesearch {
  display: flex;
  align-items: baseline;
}
#views-exposed-form-frontpage-timelinesearch .uk-button {
  width: 40px;
  padding: 0 10px;
}
#views-exposed-form-frontpage-timelinesearch > div:first-of-type {
  flex: 1 1 100%;
}
#views-exposed-form-frontpage-timelinesearch > div:last-of-type {
  flex: 0 0 auto;
  justify-self: flex-end;
  
}
aside .uk-card-small.uk-card-body {
  padding: 10px;
}
aside .uk-overlay {
  padding: 5px;
}
aside .uk-overlay p {
  font-size: .8rem;
}
.uk-modal-dialog .uk-margin {
  margin: 0;
}
aside a[href="#modal-meme"] > div {
  margin: 0 -10px;
}
#modal-meme .uk-overlay-default {
  background: rgba(255,255,255,.7);

  padding: 10px 15px;
}
#exposedformfrontpagetimelinesearch h3 {
  margin: 0;
}
#views-block__reminders-reminders-2, #views-block__popular-posts-popular-2, #views-block__memes-meme-2, #whatshappeningblock-2 {
  display: none;
}

aside time {
  display: inline-block;
  min-width:50px;
}

aside .uk-form-row > .photobox {
  margin: 0 -10px;
}
#views-block__photobox-photobox-random {
  padding-bottom: 0;
}
aside .photobox img {
  object-fit: cover;
  object-position: center;
  max-height: 180px;
}
aside .photobox nav.pager {
  display: none
}
#views-uikit-photobox-photobox {
  float: none;
}
.photobox {
  position: relative;
}
.photobox > form {
  /* width: 150px; */
  position: absolute;
  top: -20px;
  right: 0;
}

.photobox > form > div.js-form-item {
  display: grid;
  gap: 0 5px;
  grid-template-columns: auto 1fr;
  justify-items: center;
  align-items: baseline;
}

#edit-comment-0-status--wrapper {
  padding: 10px;
}
#edit-comment-0-status--wrapper .js-form-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: baseline;
}
.whatshappening ul {
  margin:0 0 20px 5px;
}
.whatshappening .uk-list li {
  position: relative;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 20px;
}
.whatshappening .uk-list li::before {
  content: '-';
  position: absolute;
  left: -20px;

}

.whatshappening .uk-list li.bday::before {
  content: '\1F381';
  left: -12px;
  transform: scale(.9);
}


@media (min-width:640px) and (max-width:1199px) {
  
  aside#page--sidebar-second {
    display: none;
  }

  #views-block__reminders-reminders-2, #views-block__popular-posts-popular-2, #views-block__memes-meme-2, #whatshappeningblock-2 {
    display: block;
  }

} 


@media screen and (min-width: 640px) {
  .uk-container {
    padding-left: 15px;
    padding-right: 15px
  }
}

@media screen and (min-width:960px) {
  
  aside .uk-h2, aside h2, aside h3, aside .uk-h3 {
    font-size: 1.5rem;
  }
  aside#page--sidebar-first > div:first-of-type {
    margin-top: 65px
  }
  header .uk-navbar-right {
    position: relative;
    z-index: 1000;
    display: none;
  }
  .form-grid> div:last-of-type {
    position: relative
  }
  .form-grid > div:last-of-type::before {
    position: absolute;
    content: '';
    top:0px;
    bottom: 0px;
    left: -25px;
    border-left: 1px solid #e5e5e5;
  }
  .form-grid hr {
    display: none;
  }
}
@media screen and (min-width:1200px) {
  .uk-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  header .uk-navbar-right {
    padding-right: 10px;
  }
  header .uk-navbar-dropdown-bottom-right {
    transform: translateX(10px);
  }
  aside#page--sidebar-second > div:first-of-type {
    margin-top: 65px;
  }
}
@media screen and (max-width:1199px) {
  .timeline .uk-card-footer .uk-navbar {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 959px) {
  #region--sidebar_first, #page--sidebar-second {display: none;}
  .tools-dropdown {
    display: flex;
  }
  .tools-dropdown > .uk-button {
    flex: 1 1 auto;
  }
  .tools-dropdown .uk-inline {
    position: static !important;
  }
  .tools-dropdown .uk-dropdown.uk-open {
    left:0 !important;
    right:0 !important;
    top:30px !important;
    min-width:100% !important;
  }
  .tools-dropdown a:hover {
    color: var(--qc-dark);
  }
}

@media screen and (max-width:639px) {
  .uk-article-title {
    font-size: 1.75rem;
  }
  #uikit-branding {
    padding-left: 0;
  }
  header .uk-navbar-right {
    padding-right: 5px;
  }
  .uk-navbar-right .uk-navbar-nav > li > a {
    padding: 0 4px;
    font-size: 1rem;
  }
  .uk-modal-header, .uk-modal-body, .uk-modal-footer {
    padding: 10px;
  }
  #notifications .uk-modal-body td {
    min-width: 15px;
  }
  .uk-modal-body {
    font-size: .875rem;
  }
  header .uk-navbar-dropdown-bottom-right {
    transform: translateX(5px);
  }
  header .accountpic {
    width: 35px;
    height: 35px;
  }
  #bell  {
    width: 35px;
    height: 35px;
    
  }
  #bell svg {
    transform: scale(.8);
  }
  .uk-timeline a {
    text-transform: capitalize;

  }
  .timeline .uk-badge {
    transform: translateY(-1px);
  }
  
  
}



/** careeer ready **/
.careerready .uk-card-header, .careerready .uk-card-footer, .careerready .uk-card-body {
  padding-left:0 ;
}
.careerready .uk-card-body {
  padding-top:0;
}
dd, dt {display:inline}

dd {
    margin: 0;
    
}
dd + dt::before {
    content: "\A";
    white-space: pre;
}
dd + dd::before {
    content: ', ';
    font-weight: normal;
}
.careerready dd span:not(:last-child)::after {
  content: ' | ';
  color: var(--qc-mid)
}
.careerready .field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
#careernight .uk-accordion-content {
  background: var(--qc-meta);
  padding: 20px;
}


/* Then style the iframe to fit in the container div with full height and width */
.careerready .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/** forums **/
.uk-comment-list .uk-comment~ul {
  margin: 20px 0 0 0;
}
ul.action-links {
  list-style: none;
  padding:0;
}
.forum .uk-comment-header {
  margin-bottom: 0;
}
.uk-comment-title {
  font-size: 1rem;
}
.uk-comment-primary {
  padding: 15px;
}
.uk-comment-list>:nth-child(n+2) {
  margin-top: 30px;
}
.uk-comment-meta {
  font-size:13px;
}
.forum .uk-comment-list {

  padding-top: 20px;
  margin-top: -20px;
}
.uk-comment-body {
  margin-top: -35px;
  margin-left: 70px;
}
.forum .uk-comment-body {
  margin-top: -20px;
}
.uk-comment-body > div > * {
  margin: 0;
}
.forum .uk-comment-list > :nth-child(n+2) {
  margin-top: 25px;
}

.forum #edit-preview {
  display: none;
}
.forum .eventprofile {
  width: 65px;
  height: 65px;
}
.uk-card-media-top img{
  width: 100%;
}
.forum .uk-grid .uk-margin {
  margin: 0 !important;
}

.pic {
  width:55px;
  height: 55px;
  object-fit: cover;
  border-radius: 50%;;
}
.mfp-arrow {
  opacity: 1;
  
}

.mfp-arrow::after {
  visibility: hidden;
}
.mfp-container .uk-icon:not(a) {
  cursor: pointer;
}
.mfp-arrow svg {
  
  position: absolute;
  z-index: 1000;
  /* outline:1px solid red; */
  transform: translate(-50%, 50%);
  pointer-events: none;
}
.mfp-arrow svg polyline {
  color: #fff;
}

.mfp-close span {
  transform: translateX(-100%);
  pointer-events: none;
  position: absolute;
  right: -30px;
}

.mfp-content img {
  max-width: 85vw;
}
.eventprofile {
  width:80px;
  height:80px;
  object-fit: cover;
  object-position: top;

}

/* wellbeing */
.wellbeing div + div {
  margin-top: 50px;
  
}
.wellbeing caption {
  font-size: 1.5rem;
  color: var(--qc-dark);
  font-weight: var(--qc-fw3);
  margin-bottom:10px;
}


/* visitors */
#edit-visitors-date-filter > .fieldset-wrapper {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 2fr;
}
#edit-visitors-date-filter #edit-from, #edit-visitors-date-filter #edit-to{
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
}
#edit-visitors-date-filter #edit-from .uk-margin, #edit-visitors-date-filter #edit-to .uk-margin {
  margin: 0 !important
}
.recent .uk-table td:last-child, .recent .uk-table th:last-child {
  text-align: right;
}
.uk-navbar-nav .uk-nav li.uk-nav-divider:last-child {
  display: none;
}