/* Plugin styles */

/* In the topbar version with no sidebar, we need to restore logo and button spacing */
.no-sidebar .tab-bar-container .tab-bar {
  justify-content: end;
}

.no-sidebar {
	padding: 6px 0;
}

/* Local overrides */
/* Items below are for classes that might have inherited styling within Phoenix theme but elsewhere need to be declared explictly  */

.universal-header-wrapper .site-header {
  padding: 0;
}

.universal-header-wrapper #logo-wrapper img {
	margin: 0;
	max-width: 275px;
}

.universal-header-wrapper a.gohome {
  background: transparent;
}

.universal-header-wrapper .tab-bar {
  height: auto;
}

.universal-header-wrapper .tab-bar .menu-toggle {
  position: relative;
  width: auto;
  height: auto;
  top: 0;
}

.universal-header-wrapper .tab-bar .menu-toggle .title {
  padding-left: 0;
}

aside .universal-navigation-list li.menu-item, 
.universal-site-footer .nav-menu:first-child li.menu-item {
  margin-left: 0;
}

aside .universal-navigation-list li.menu-item ul.sub-menu, 
.universal-site-footer .nav-menu:first-child li.menu-item ul.sub-menu {
  margin-top: 0;
}

aside.universal-side-nav-container {
  background: #4b4b4b;
}

.universal-side-nav-container .search-box-nav {
  border-top: 0;
}

.search-box-nav .universal-search-wrapper .universal-search-submit svg {
  display: inline;
}

.universal-site-footer button {
  font-family: Arial, sans-serif;
  font-weight: 400;
  color: #bdbdbd !important;
  line-height: normal;
}

.universal-site-footer a:hover, 
.universal-site-footer a:focus, 
.universal-site-footer a:active,
.donate-button-top a:hover,
.donate-button-top a:focus,
.donate-button-top a:active {
  color: white !important;
}

.universal-header-wrapper .menu-toggle {
  padding: 6px 1px;
}

.universal-site-footer {
  max-width: 100%;
}

.universal-footer-bottom {
  line-height: 24px;
}

.universal-footer-bottom .text {
  border: 0;
  padding: 0;
  width: auto;
}

/* rem => em fixes below: Phoenix styles use rem but we need them in em, since rem size is set on html element and we don't want to mess with that */

/* Setting a containing element font-size should fix our base size as long as elements inside use em */

footer.universal-site-footer,
.universal-header-wrapper,
.universal-side-nav-container,
.inner-wrap {
  font-size: 16px;
}

/* Order of items below is the same as in universal-navigation.css */

.universal-header-wrapper label {
  font-size: 0.875em;
}

@media only screen and (min-width: 40.063em) {
  .universal-header-wrapper .tab-bar-container .tab-bar .menu-toggle #right-off-canvas-toggle svg {
    padding-right: 0.5em;
  }
}

@media only screen and (min-width: 64.063em) {
  .universal-header-wrapper .tab-bar-container .tab-bar .menu-toggle {
    margin-right: 1.2em;
  }
}

.universal-header-wrapper .tab-bar-container .tab-bar .donate-button-top a {
  font-size: 0.9em;
}


aside .universal-navigation-list li.menu-item a,
footer .nav-menu:first-child li.menu-item a {
  font-size: 0.8em;
}

aside .universal-navigation-list li.menu-item ul.sub-menu li.menu-item a,
footer .nav-menu:first-child li.menu-item ul.sub-menu li.menu-item a {
  font-size: 0.8em;
}

aside.universal-side-nav-container .offcanvas-close-wrapper #offcanvas-close {
  font-size: 1.3125em;
}

aside.universal-side-nav-container .universal-navigation-list li.menu-item ul.sub-menu li a {
  font-size: 0.85em;
}

.universal-side-navigation-tools {
  padding: 2em 1.5em 2em 1em;
}

.uni-follow-wrapper .uni-follow-text span {
  font-size: 0.9em
}

footer.universal-site-footer .universal-navigation-list {
  padding-top: 3em;
  padding-bottom: 3em;
}

@media only screen and (min-width: 40.063em) {
  footer.universal-site-footer .universal-navigation-list li.menu-item {
    margin: 2px 0.7em 2px 0;
  }
}

footer.universal-site-footer .universal-navigation-list li.menu-item a {
  font-size: 0.8em;
}

@media only screen and (min-width: 40.063em) {
  footer.universal-site-footer .universal-navigation-list li.menu-item a {
    margin-right: -2em;
    padding-bottom: 0.9em;
  }
}

footer.universal-site-footer .universal-navigation-list li.menu-item ul.sub-menu li.menu-item a {
  font-size: 0.8em;
}

@media only screen and (min-width: 64.063em) {
  footer.universal-site-footer .universal-footer-bottom-wrapper {
    padding-top: 2em
  }
}

footer.universal-site-footer .universal-footer-bottom-wrapper .universal-footer-bottom a,
footer.universal-site-footer .universal-footer-bottom-wrapper .universal-footer-bottom span {
  padding-right: 1em;
}

footer.universal-site-footer .universal-footer-bottom-wrapper .universal-footer-bottom .uni-footer-bottom-column.text {
  margin-top: 1em;
}

footer.universal-site-footer .universal-footer-bottom-wrapper .universal-footer-bottom .uni-footer-bottom-column.logo {
  margin-top: 2em;
}

@media only screen and (min-width: 40.063em) {
  footer.universal-site-footer .universal-footer-bottom-wrapper .universal-footer-bottom .uni-footer-bottom-column.logo {
    margin-top: 3em;
    margin-top: 1em;
  }
}

footer.universal-site-footer .universal-footer-bottom-wrapper .universal-footer-bottom .uni-contact-wrapper {
  margin-top: 1em;
}

footer.universal-site-footer .universal-footer-bottom-wrapper .universal-footer-bottom .uni-contact-wrapper span {
  font-size: 1em;
}

footer.universal-site-footer .universal-footer-bottom-wrapper .universal-footer-bottom .uni-contact-wrapper .jrs-subscribe-wrapper {
  margin-top: 1em;
}

footer.universal-site-footer .copyright-wrapper {
  margin-top: 2em;
}

footer.universal-site-footer .copyright-wrapper .privacy {
  padding-bottom: 0.5em;
}

@media only screen and (min-width: 640px) {
  footer.universal-site-footer .copyright-wrapper .privacy {
    padding-bottom: 0.5em;
  }
}

@media only screen and (min-width: 90.063em) {
  footer.universal-site-footer .copyright-wrapper {
    margin-top: 4em;
  }

  footer.universal-site-footer .copyright-wrapper .privacy {
    padding-bottom: 0.5em;
  }
}

.search-box-nav {
  margin-top: 1.5em;
  font-size: 1em;
}

/* The order of items below is the same as in universal-offcanvas.css */

aside.right-off-canvas-menu {
  width: 20.625em;
}

.move-left > div.inner-wrap {
  -ms-transform: translate(-20.625em, 0);
  -webkit-transform: translate3d(-20.625em, 0, 0);
  -moz-transform: translate3d(-20.625em, 0, 0);
  -ms-transform: translate3d(-20.625em, 0, 0);
  -o-transform: translate3d(-20.625em, 0, 0);
  transform: translate3d(-20.625em, 0, 0);
}

.no-csstransforms .left-off-canvas-menu {
  left: -20.625em;
}
.no-csstransforms .right-off-canvas-menu {
  right: -20.625em;
}
.no-csstransforms .move-left > div.inner-wrap {
  right: 20.625em;
}
.no-csstransforms .move-right > div.inner-wrap {
  left: 20.625em;
}