h5, h5 a {color: #000}

.btn-link:hover {color: #344}

#kunena .breadcrumb li.breadcrumb-item {margin-right: 6px}
#kunena .breadcrumb li.breadcrumb-item::after {content: " | "; color: #000}

#t4-section-10 {border-top: solid 1px #bbb; padding-bottom: 60px}

#t4-header .header-top {background-color: #fff !important}
#t4-breadcrumbs {z-index: 1001}

.header-top .container {padding-top: 1rem !important; padding-bottom: 1rem !important}
.header-top .acm-contact-info.style-1 .contact-subtitle {color: #666 !important}
.header-top .acm-contact-info .font-icon {background-color: #a82768; color: unset !important}
.header-top .acm-contact-info h5:hover {color: #a82768}
.acm-contact-info .wrap-info .contact-title {
    color: #000;
}

.header-top .form-search {float: right; margin: 0; margin-left: 40px; width: 150px; position: relative; z-index: 1001;}
.form-control {
    border: 1px solid #ccc;
}

.logo-img {width: 254px; max-width: 120% !important; max-height: auto; border-radius: 10px; background-color: #fff; padding: 4px;}

.t4-header-height {background-color: #624a76;}

div.t4-megamenu .dropdown-menu {background-color: #624a76;}

div.t4-megamenu .dropdown-menu li > a, div.t4-megamenu .dropdown-menu li .dropdown-item {
    color: #fff;
}

div.t4-megamenu .navbar-nav > li.active > a, div.t4-megamenu .navbar-nav > li.active > .nav-link {color: #000}

.t4-megamenu .navbar-nav > li:first-child > a, div.t4-megamenu .navbar-nav > li:first-child > .nav-link {
    border-left: 0px solid #000;
}

.t4-megamenu .navbar-nav > li > a, div.t4-megamenu .navbar-nav > li > .nav-link {
    border-right: 0px solid #000;
}

.t4-megamenu .dropdown-toggle .item-caret {
    display: none;
}

.t4-offcanvas .t4-off-canvas-header {
    background: #624a76;
}

.t4-offcanvas .t4-off-canvas-header a img {
    max-height: 6rem
}
.t4-off-canvas-header .logo-img {
    width: unset
}

.t4-offcanvas-toggle i {
    color: #000;
}

.donate-about-info {display: none !important}

.don-ab-info .uk-card {border: solid 1px #000; border-radius: 10px}
.don-ab-info span a {color: rgb(168, 39, 104); display: block; margin-bottom: 10px}

#t4-contact img[alt~="Navigator"] {width: 140px !important}
#t4-contact img[alt~="GuideStar"] {width: 100px !important}
#t4-contact img[alt~="THSNA"] {background-color: #fff; padding: 10px; width: 142px}

.t4-main-body {
    padding-top: 4rem;
    padding-bottom: 0rem;
}

/* uk grid */
.uk-grid {display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
margin-left: 0px;
padding: 0;
list-style: none}
.uk-grid::after, .uk-grid::before {
  content: "";
  display: block;
  overflow: hidden
}
.uk-width-medium-1-2 {width: 50%}
.uk-width-medium-1-3 {width: 33.333%}
.uk-width-medium-1-6 {width: 16.666%}

@media (max-width: 765px) {
  .uk-width-medium-1-2, .uk-width-medium-1-3, .uk-width-medium-1-6, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 {
    width: 100%}
  }

.uk-text-center {text-align: center !important;}
/* End uk grid * == */

/* uk table * == */
.uk-table {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03);
}
* + .uk-table {
  margin-top: 15px;
}
.uk-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 15px;
}
.uk-table-striped tbody tr:nth-of-type(2n+1) {
  background: rgba(196, 196, 196, 0.11);
}
.uk-table-striped tbody tr:nth-of-type(2n+1) {
  background: #fafafa;
}
.uk-table-striped tbody tr:nth-of-type(2n+1) td {
  background: rgba(0, 0, 0, 0.03);
}
.uk-table th, .uk-table td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.055);
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.03) inset;
}
.uk-table td {
  vertical-align: top;
}
.uk-table td, .uk-table th {
  padding: 8px 8px;
  border-bottom: 1px solid #ddd;
}
.uk-table-hover tbody tr:hover td {
  background: rgba(0, 0, 0, 0.03);
}
/* End uk table * == */

/* buttons === */
[class*='uk-button-'].uk-button-mini {
  min-height: 20px;
  padding: 0 6px;
  line-height: 20px;
  font-size: 11px;
}
[class*='uk-button-'].uk-button-small {
  min-height: 25px;
  padding: 3px 12px;
  line-height: 23px;
  font-size: 13px;
}
[class*='uk-button-'].uk-button-large {
  min-height: 50px;
  padding: 0 18px;
  line-height: 48px;
  font-size: 24px;
  border-radius: 5px;
}
.uk-badge,
.uk-button-primary,
.uk-button-primary:active,
.uk-button-primary.uk-active,
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #559FCF;
  color: #FFF;
}
.uk-badge-danger,
.uk-button-danger,
.uk-progress-danger .uk-progress-bar,
.uk-button-danger:active,
.uk-button-danger.uk-active,
.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #D32B2B;
  color: #FFF;
}
.uk-progress-warning .uk-progress-bar,
.uk-badge-warning {
  background-color: #FFA322
}
.uk-icon-button:hover,
.uk-icon-button:focus {
  border-color: rgba(0, 0, 0, 0.1)
}
.uk-button-group>.uk-button:last-child:hover,
.uk-button-group>div:last-child .uk-button:hover,
.uk-button-group>.uk-button:not(:first-child):not(:last-child):hover,
.uk-button-group>div:not(:first-child):not(:last-child) .uk-button:hover,
.uk-button-primary:hover,
.uk-button-success:hover,
.uk-button-danger:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 10px 100px rgba(255, 255, 255, 0.2) inset, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 100px rgba(255, 255, 255, 0.2) inset, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 100px rgba(255, 255, 255, 0.2) inset, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.uk-button-group>.uk-button:last-child:active,
.uk-button-group>div:last-child .uk-button:active,
.uk-button-group>.uk-button:not(:first-child):not(:last-child):active,
.uk-button-group>div:not(:first-child):not(:last-child) .uk-button:active,
.uk-button-primary:active,
.uk-button-success:active,
.uk-button-danger:active {
  -webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.1) inset, inset 0 -1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.1) inset, inset 0 -1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 100px rgba(0, 0, 0, 0.1) inset, inset 0 -1px 3px rgba(0, 0, 0, 0.1);
}
.uk-button-success, .uk-button-danger, .button-more, .button-action {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 16px;
  font-size: 15px;
  text-decoration: none;
  line-height: 19px;
  margin: 0;
  letter-spacing: normal;
  text-shadow: none;
  white-space: nowrap;
  border-radius: 4px;
  background-color: #3d3b68;
}

.uk-button-success {color: #fff}
.but-white .btn.btn-white:hover {border: solid 1px #000; color: #fff}

/*group buttons*/
.uk-button-group {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0}
.uk-button-group .uk-button {display: inline-block}

.uk-button-group > .uk-button:first-child, .uk-button-group > div:first-child .uk-button {
  border-right-color: rgba(0,0,0,.1);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.uk-button-group > .uk-button:not(:first-child):not(:last-child), .uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
  border-left-color: rgba(0,0,0,.1);
  border-right-color: rgba(0,0,0,.1);
  border-radius: 0;
}

.uk-button-group > .uk-button:last-child, .uk-button-group > div:last-child .uk-button {
  border-left-color: rgba(0,0,0,.1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.uk-button-group>.uk-button:last-child,
.uk-button-group>div:last-child .uk-button,
.uk-button-group>.uk-button:not(:first-child):not(:last-child),
.uk-button-group>div:not(:first-child):not(:last-child) .uk-button {
  -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset, 0 -5px 10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 1px 0 0 rgba(255, 255, 255, 0.12) inset;
  -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset, 0 -5px 10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 1px 0 0 rgba(255, 255, 255, 0.12) inset;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset, 0 -5px 10px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(0, 0, 0, 0.1), 1px 0 0 rgba(255, 255, 255, 0.12) inset;
}
.uk-icon-button {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-shadow: none;
  color: inherit;
  -webkit-border-radius: 3px;
  moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) inset;
}
.uk-button>.uk-icon-caret-down {
  color: rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
.uk-button-small {
  padding: 8px 16px 8px 16px !important;
  color: #fff !important;
}
.uk-button-large {
  margin: 10px 1px 0 0;
  line-height: 1;
  padding: 1px 30px !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
[class*='uk-icon-'] {
  text-decoration: none !important
}
.uk-button-color {background: rgba(168, 39, 104, 1);
  color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 16px;
  font-size: 15px;
  text-decoration: none;
  line-height: 19px;
  margin: 0;
  letter-spacing: normal;
  text-shadow: none;
  white-space: nowrap;
  border-radius: 4px}

  .uk-button-purple {background: rgba(98, 78, 117, 1);
  color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 16px;
  font-size: 15px;
  text-decoration: none;
  line-height: 19px;
  margin: 0;
  letter-spacing: normal;
  text-shadow: none;
  white-space: nowrap;
  border-radius: 4px}

.uk-button-color:active, .uk-button-color:focus, .uk-button-color:visited {color: #fff}

.uk-button-purple:active, .uk-button-purple:focus, .uk-button-purple:visited {color: #fff}

.uk-button-color:hover, .uk-button-success:hover, .uk-button-purple:hover {color: #fff; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset, 0 -5px 15px rgba(255, 255, 255, 0.15) inset, 0 2px 2px rgba(0, 0, 0, 0.4);}

.btn-arrow-right:after {
  display: none;
}
/* End uk buttons * == */

/* uk panels === */
.uk-panel {
  display: block;
  position: relative;
  width: 98%;
  margin: auto;
}
.uk-panel, .uk-panel:hover {
  text-decoration: none
}
.uk-panel-box-secondary {
  background-color: inherit;
  color: inherit;
}
.uk-panel-box, .module.mod-panel {
  color: inherit;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  border-radius: 4px;
}
.uk-panel-box-secondary {
  background-color: #fff;
}
.uk-panel-box {
  padding: 15px;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* uk panels heading === */
.uk-panel .underline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
  margin-bottom: 10px !important;
  color: #514e86;
  font-size: 24px;
  line-height: 32px}
/* uk panels * == */

/* boxes === */
.mod-light {
    background-color: rgba(235, 247, 253, 0.35);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
    border-radius: 3px;
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.mod-white {
    background-color: rgba(255, 255, 255, 0.15);
}
.mod-color, .mod-white, .mod-dark {
    margin: 10px 10px 15px;
    padding: 15px 10px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.mod-box {
    padding: 40px 10px;
}
.center, .table td.center, .table th.center {
    text-align: center;
}
/* End boxes * == */

/* accordion - toggles === */
#aspect-content {margin: 50px 0 0}
p.sp-acer {margin: 0; padding: 0}
.aspect-tab {
  position: relative;
  width: 100%;
  margin: 12px auto 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(236,236,236,1);
  opacity: 1;
  transition: box-shadow .2s, opacity .4s;
}
.aspect-tab:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .11);
  }
.aspect-tab-content {background-color: rgba(0, 0, 0, 0.02)}
.aspect-tab-content::before {content: "\A"; padding: 10px}
.aspect-tab-content::after {content: "\A"; padding: 10px}
.aspect-input {
  display: none;
}
.aspect-input:checked ~ .aspect-content + .aspect-tab-content {
  max-height: 60000px;
}
.aspect-input:checked ~ .aspect-content::after {
    transform: rotate(0);
}
.aspect-label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-height: 80px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  z-index: 1;
  cursor: pointer;
}
.aspect-label:hover ~ .aspect-content::after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM1NTZBRUEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
  }
.aspect-content {
  position: relative;
  display: block;
  border-bottom: solid 1px #ddd;
  height: 80px;
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 0;
  white-space: nowrap;
  cursor: pointer;
}
.aspect-content::before,
  .aspect-content::after  {
    content: '';
    display: inline-block;
    vertical-align: middle;
  }
.aspect-content::before {
    height: 100%;
  }
.aspect-content::after {
    position: absolute;
    width: 24px;
    height: 100%;
    right: 30px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transform: rotate(180deg);
  }
.aspect-name {
  display: inline-block;
  width: 100%;
  margin-left: 0;
  font-weight: 500;
  color: #000;
  white-space: normal;
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
  line-height: 22px;
}
.aspect-content + .aspect-tab-content {
  max-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: max-height .5s;
  padding-left: 20px;
  padding-right: 20px;
}
.aspect-content > div {
  display: inline-block;
}
.aspect-content > div {
  vertical-align: middle;
}
.aspect-info {
  width: 60%;
  white-space: nowrap;
  font-size: 0;
}
.aspect-info::before {
    content: '';
    display: inline-block;
    height: 44px;
    vertical-align: middle;
  }
@media screen and (max-width: 800px) {
  .aspect-label {
    max-height: 102px;
  }
  .aspect-content {
    height: auto;
    padding: 10px 87px 10px 30px;
  }
  .aspect-content::before {
      display: none;
    }
  .aspect-content::after {
      top: 0;
    }
  .aspect-content > div {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
	.aspect-label {max-height: 140px}
}
/* End Accordion * === */

/* Modal popup * ========= */
.nmodal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(80,78,130,0.9);
  transition: opacity .25s ease;
  z-index: 5001
}
.nmodal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.nmodal-state {
  display: none;
}
.nmodal-state:checked + .nmodal {
  opacity: 1;
  visibility: visible;
}
.nmodal-state:checked + .nmodal .nmodal__inner {
  /* top: 0; */
}
.nmodal__inner {
  transition: top .25s ease;
  position: relative;
  top: 10vh;
  width: 87vw;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  border: solid 2px #000;
  padding-top: 32px;
}
.nmodal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}
.nmodal__close:after,
.nmodal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}
.nmodal__close:hover:after,
.nmodal__close:hover:before {
  background: #aaa;
}
.nmodal__close:before {
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .nmodal__inner {
    box-sizing: border-box;
  }
  .nbtn {font-size: 20px}
}
.nbtn {
  cursor: pointer;
  background: rgb(168, 39, 104);
  display: inline-block;
  padding: .5em 1em;
  color: #fff;
  border-radius: 3px;
}
.nbtn:hover,
.nbtn:focus {
  color: #fff;
  box-shadow: 0 -1px 0 rgba(255,255,255,.15) inset,0 -5px 15px rgba(255,255,255,.15) inset,0 2px 2px rgba(0,0,0,.4);
  background: rgb(168, 39, 104);
}
.nbtn:active {
  background: rgb(168, 39, 104);
  box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
}
.nbtn--purple {
  background: #514e86;
}
.nbtn--purple:hover,
.nbtn--purple:focus {
  color: #fff;
  box-shadow: 0 -1px 0 rgba(255,255,255,.15) inset,0 -5px 15px rgba(255,255,255,.15) inset,0 2px 2px rgba(0,0,0,.4);
  background: #716DBE;
}
.nbtn--purple:active {
  background: #514e86;
}
/* End Modal * == */

/* Menu css only * == */
nav2 {
  &.primary-navigation {
    margin: 0 auto;
    display: block;
    padding: 0;  
    text-align: center;
    
    ul li {
      list-style: none;
      margin: 0 auto;
      margin-bottom: 20px;
      border-left: 2px solid #3ca0e7;
      display: inline-block;
      padding: 0 20px;
      position: relative;
      text-decoration: none;
      text-align: center;
    }

    li a {
      color: #fff;
    }

    li a:hover {
      color: #fff;
  	  box-shadow: 0 -1px 0 rgba(255,255,255,.15) inset,0 -5px 15px rgba(255,255,255,.15) inset,0 2px 2px rgba(0,0,0,.4);
    }

    li:hover {
      cursor: pointer;
    }

    ul li ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
	  padding-left: 0;
      left: 0;
      display: none;
      background: white;
      border-radius: 6px
    }

    ul li:hover > ul,
    ul li ul:hover {
      visibility: visible;
      opacity: 1;
      display: block;
      min-width: 250px;
      text-align: left;
      padding-top: 20px;
      box-shadow: 0px 3px 5px -1px #ccc;
      z-index: 1001;
      top: 28px
    }

    ul li ul li {
      clear: both;
      width: 90%;
      text-align: left;
      margin-bottom: 20px;
      border-style: none;
    }

    ul li ul li a:hover {
      padding-left: 10px;
      border-left: 4px solid #3ca0e7;
      transition: all 0.3s ease;
      color: #000;
  	  box-shadow: unset;
    }
    
    ul.dropdown {width: 100%}
    
    a {text-decoration: none;
	  &:hover {
        color: #3CA0E7;
        }
 	  }
	ul li a {
  	border: 1px solid rgba(0, 0, 0, 0.15);
  	padding: 8px 16px;
  	text-decoration: none;
  	margin: 0;
  	border-radius: 4px;
  	background-color: #514e86
	}
	ul li ul li a {transition: all 0.5s ease;
  	border: unset;
  	padding: unset;
  	text-decoration: unset;
  	margin: 0;
  	border-radius: unset;
  	background-color: unset;
  	color: #000 !important
	}
  }
}
/* End Menu css only * == */

/* images === */
.uk-thumbnail {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
}

.item-page:not(.event-detail):not(.donation-detail) .item-image img {
    border-radius: var(--t4-border-radius);
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 4px;
}

.sup-groups #item-container .item-inner {display: block; height: 557px}
.sup-groups #item-container .item-image img {max-height: 220px; object-fit: fill}

.btn-readmore {color: #fff; background-color: #514e86}
.btn-readmore:hover {
  color: #fff;
  --t4-btn-hover-bg: var(--color-primary);
}

/* Header */

@media (min-width: 992px) {
  .t4-header-height .container {
    max-width: 1060px; padding-right: 6px; padding-left: 6px}
}

@media (max-width: 1199.98px) {
  #t4-header .header-top .container .row .acm-contact-info.style-1 .font-icon {
    display: unset}
}
.mem-donate-off li a {color: #514e86 !important; font-size: 112%; font-weight: lighter}
.off-search {width: 94%;
    border: solid 1px #000;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto}

.t4-offcanvas .menu-item-drill {height: unset}
.c-offcanvas.is-closed, .c-offcanvas.is-open {overflow-y: scroll !important}

@media (max-width: 1198px) {
#t4-section-2 div.owl-carousel .owl-nav {
opacity: 1;
visibility: visible;
top: 65%
}

#t4-section-2 div.owl-carousel .owl-nav button[type=button] {
background-color: #514e86; color: #fff}
}

#t4-hero .owl-dots {display: none}

.t4-palette-blue {background-color: var(--footer-bg-color)}
.t4-palette-blue .t4-module .module-title {color: #000 !important}

/* img.red-frame {border: 20px solid #a82e5f} */
#Mod447 img[src*="-kayla"] {}
img[src*="warrior-prisma"], img[src*="warrior-seth"], img[src*="warrior-cas"] {border: 15px solid #a82e5f}

/* Hide forum editor icons */
a[data-sceditor-command*="map"], a[data-sceditor-command*="x_social"], a[data-sceditor-command*="instagram"], a[data-sceditor-command*="ebay"], a[data-sceditor-command*="soundcloud"], a[data-sceditor-command*="poll"] {display: none}

/*
@media (max-width: 991px) {
  #t4-header .header-top .container .d-none {
    display: unset !important; margin-top: 28px}
  #t4-header .header-top .form-search {
    float: unset;
    position: relative;
    top: 17px;
    left: 43vw}
}

#t4-header .container-fluid {--t4-gutter-x: 0}
.t4-section-inner.container-fluid .header-block {
  padding: unset;
}
*/

.formResponsive button[type=reset], .formResponsive button[type=submit], .formResponsive input[type=reset], .formResponsive input[type=submit] {
    background-color: #624e75;
}

.formResponsive button:hover[type=reset], .formResponsive button:hover[type=submit], .formResponsive input:hover[type=reset], .formResponsive input:hover[type=submit] {
    background-color: #624e75;
}