/* Navbar */
@media (min-width: 960px) {
    .uk-navbar-container {
        background-color: #9340D1 !important;
    }
}

.tm-headerbar .uk-button {
    border-radius: 34px;
    text-transform: uppercase;
}

.tm-headerbar .uk-button .uk-icon svg {
    height:14px;
}

.uk-navbar-nav .menu-item a:after {
    content: '\f078';
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    transform: rotate(0deg);
    transition: transform 0.6s ease;
}

.uk-navbar-nav .menu-item a:hover::after {
    transform: rotate(180deg);
}

/* Foter */

footer .uk-icon-button {
    height:24px;
    width:24px;
    border: none;
}

footer .uk-icon-button .uk-icon svg {
    height:24px;
    width:24px;
}

footer .wscn-bg-palatinate-purple .uk-panel {
    font-size:14px;
    line-height:185%;
}

footer .wscn-bg-plum .uk-panel {
    font-size:12px;
    line-height:165%;
}

footer .wscn-bg-plum hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(227,233,244,0.2);
    margin: 1em 0;
    padding: 0;
}

/* General */

.underline-link {
    text-decoration: underline;
}

/* Background Colors */
.wscn-bg-palatinate-purple { /* Use With Style Primary*/
    background-color: #4A1F6E;
}

.wscn-bg-plum { /* Use With Style Primary*/
    background-color: #29143A;
}

.wscn-bg-light-pink { /* Use With Style Default*/
    background-color: #F8F5F5;
}

.wscn-bg-lightish-pink { /* Use With Style Default*/
    background-color: #F7EFFF;
}

.wscn-bg-lavender {
    background-color: #D5B2FC;
}

.wscn-bg-eggshell {
    background-color: #F1F2F7;
}

/* Text */
.wscn-text-black {
    color: #000000;
}

.wscn-text-purple {
    color: #6B21A6;
}

.wscn-text-indigo {
    color: #5D0092;
}

.wscn-text-pink {
    color: #E9458C;
}

/* Buttons */
.uk-button-default {
    border: 1px solid #8E8E8E;
}

.tm-headerbar-default .uk-button-default{
    color: #8E8E8E;
}

.tm-headerbar-default .uk-button-default:hover{
    color: #4E4E4E;
}

.uk-section-primary:not(.uk-preserve-color) .uk-button-default {
    border: 1px solid #ffffff;
}

.uk-button-primary {
    transition: all .5s !important;
}

.uk-button-primary:hover {
    background-color: #5D0092 !important;
    /*box-shadow: 0px 3px 15px 0px #9340D1;*/
}

.wscn-button-aboutnav {
    background-color: rgba(255,255,255,0.47);
    color: #6B21A6;
    border: 1px solid #ffffff;
    border-radius: 47px;
}

.wscn-button-aboutnav:hover {
    background-color: rgba(255,255,255,0.87);
    color: #6B21A6;
    border: 1px solid #ffffff;
    border-radius: 47px;
    box-shadow: none;
}

/* Cards */
.uk-card-default {
    transition: all 0.5s;
}
.uk-card-default:hover {
    transform: translateY(-6px);
    box-shadow: 0 6px 23px 10px #e7e9ff;
}
.uk-card-default .uk-card-media-top picture img {
    transition: all 0.5s;
}
.uk-card-default:hover .uk-card-media-top picture img {
    transform: scale(1.05)
}

/* Tiles */

.uk-tile-default {
    box-shadow: 0 4px 12.4px 5px #E6E3E3;
}

.wscn-overview-box {
    background-color: #F8EEF7;
    border-radius: 30px;
    padding: 48px;
}

@media (max-width: 768px) {
	.wscn-overview-box, .wscn-darkcallout-box, .wscn-darkcallout-box-palatinate, 
	.wscn-darkcallout-box-darkblue, .wscn-darkcallout-box-darkblgr, 
	.wscn-darkcallout-box-darkblgr, .wscn-darkcallout-box-black, .wscn-topic-sky-box,
	.wscn-topic-box {
		padding: 24px;
	}
}


.wscn-darkcallout-box, .wscn-darkcallout-box-palatinate {
    background-color: #4A1F6E;
    border-radius: 30px;
    padding: 48px;
}

.wscn-darkcallout-box a, .wscn-darkcallout-box-palatinate a {
	text-decoration: underline;
}

.wscn-darkcallout-box-darkblue {
    background-color: #011A38;
    border-radius: 30px;
    padding: 48px;
}

.wscn-darkcallout-box-darkblgr {
    background-color: #1D313C;
    border-radius: 30px;
    padding: 48px;
}

.wscn-darkcallout-box-black {
    background-color: #010101;
    border-radius: 30px;
    padding: 48px;
}

.wscn-topic-sky-box {
    background-color: #91C3FB;
    border-radius: 30px;
    padding: 48px;
}

.wscn-topic-box {
    border-radius: 30px;
    padding: 48px;
}

.references .uk-accordion-icon {
    margin-left: 0 !important;
    background: #f2f2f2;
	padding: 12px;
	border-radius: 50%;
}

/* Hero BG Mobile */
@media (max-width: 959px) {
	.herobg .uk-section .uk-position-cover {
		background-color: rgba(249, 234, 253,0.80) !important;
		background-position: 100% 0 !important;
	}
}