/* NAVIGATION */

.primary-menu {
	background: #151C2B;
	margin-top: 16px;
    margin-bottom: 16px;
}


@media (max-width: 575px) {
    .row .branding {
        order: 2; width: 70%;
	    position: absolute;	top: 140px; left: 50px;
    }
    
    .row .header { order: 3; }
    .row .primary-menu { order: 1; width:15%;}
    
    #superfish-main-accordion {
	    width: 320px;
	    background: #151C2B;
    }
    ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
	    background: #151C2B;
    }
    
    #superfish-main-toggle {
	    padding: 24px 20px;
	    background: #FFF;
    }
    
    .primary-menu {
        background: #FFF;
    }
}

ul.sf-menu.sf-style-default {
	float: left;
	margin-bottom: 0;
	padding: 0;
}

ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
	background: none;
}


ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
	border: 0 none;
	color: #ffffff;
	padding: 24px 24px 20px 24px;
	font-size: 16px;
}

.is-active.sf-depth-1  {
	background: #FC3C68;
}

ul.sf-menu .sf-sub-indicator::after {
	line-height: 0;
}

ul.sf-menu .sf-sub-indicator {
	height: 5px;
	width: 24px;
}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
	left: 0;
	top: 60px;
}

ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
	background: #FC3C68;
	outline: 0;
}

ul.sf-menu.sf-style-default a.sf-depth-2 {
	color: #666;
}

.sf-clone-parent a.sf-depth-1 {
	color: #666;
}

ul.sf-menu.sf-style-default a.sf-depth-2:hover {
	color: #fff;
}

ul.sf-menu.sf-style-default li li, ul.sf-menu.sf-style-default.sf-navbar > li > ul {
	background: #ffffff;
}

/* MESSAGES */

.messages {
	min-height: 4.25rem;
	padding: 18px 26px 16px 26px;
	color: #fff;
	outline: solid 1px transparent;
	background-color: #0d1214;
}

.messages-list {
	margin-top: 1.125rem;
	margin-bottom: 1.125rem;
	padding-top: 0;
	padding-bottom: 0;
	list-style: none;
}

.messages__container {
	display: flex;
}

.messages__content .placeholder {
    background: none;
}
.messages__content a {
    color: yellow;
}
.messages__header {
	margin-right: 1.125rem;
}

.messages--status .messages__icon svg {
	fill: #3fa21c;
}

.messages__content {
	overflow: auto;
	flex: 1;
	padding-top: 6px;
}

.messages__button {
	flex-shrink: 0;
	padding-top: 0.1875rem;
}

.messages__close {
	position: relative;
	width: 1.5625rem;
	height: 1.5625rem;
	padding-top: 32px;
	padding-bottom: 0;
	cursor: pointer;
	vertical-align: top;
	border: 0;
	background: none;
	-webkit-appearance: none;
	appearance: none;
}

.messages__close::before, .messages__close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 3.063rem;
	height: 0;
	content: "";
	border-top: solid 2px #7e96a7;
}

.messages__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.messages__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

#block-useraccountmenu li {
	float: left;
	list-style: none;
	padding: 8px 8px 14px 8px;
}

.block-local-tasks-block {
	font-family: metropolis,sans-serif;
	margin-bottom: 48px;
}

.block-local-tasks-block ul {
    padding-left: 0;
}

.tabs__tab {
	float: left;
	list-style: none;
	padding: 15px 23px;
	border: solid 1px #e7edf1;
	margin-right: -1px;
	border-bottom: solid 1px #e7edf1;
	background: #f7f9fa;
}

.tabs__tab.is-active {
	border-bottom: solid 5px #FC3C68;
	padding-bottom: 11px;
}

.block-local-tasks-block a.is-active {
    font-weight: 600;
}

.header {
    font-family: 'Roboto', sans-serif;
}

.header-top-wrapper {
	background: #f2f3f5;
}

.header-wrapper {
	margin: 24px 0 32px 0;
}

.block-title {
	border-bottom: solid 2px #DDD;
	padding-bottom: 8px;
	margin-bottom: 16px;
}

.block-title span::before {
	content: "";
	position: absolute;
	height: 6px;
	width: 50px;
	background-color: #FC3C68;
	border-radius: 25px;
	margin-top: 44px;
}

@media (max-width: 575px) {
    .block-title span::before {
    	content: "";
    	position: absolute;
    	height: 6px;
    	width: 50px;
    	background-color: #FC3C68;
    	border-radius: 25px;
    	margin-top: 35px;
    }
}