.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.top-bar {
height: 138px;
background-color: #fff;
color: 
#ddd;
font-size: 13px;
display: block;
text-align: center;
}
.navbar-collapse.in {
overflow-y: auto;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle, button:focus {
outline:none !important;
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid 
transparent;
border-top-color: transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.navbar-default {
background-color: #f8f8f8;
border-color: 
#e7e7e7;
border-bottom-color: rgb(231, 231, 231);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
border-bottom-width: 1px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
}
.dropdown-toggle:after {
display:none;
}
.navbar-collapse.collapse.show {
display: block !important;
min-height:100vh;
height:auto;
}
.navbar-mobile {
display:none;
}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
}
.navbar-nav>li {
float: none;
}
.navbar-collapse.collapse.in{
display:block !important;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.navbar-toggle .icon-bar {
margin: 6px 0;
transition: all 0.2s ease 0s;
width: 29px;
}     
.navbar-toggle {
background: transparent none repeat scroll 0 0 !important;
border: medium none;
margin-top:0px !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #f18821;
}    
.navbar {
background-color: #fff;
border-bottom: 0px;
padding-top: 15px !important;
padding-bottom: 0px !important;
height:80px;
}  
.navbar-default .navbar-nav > li > a:hover {
color: #fff;
font-weight:400;
}    
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background-color: #f1870f;
border-color: #f1870f;
}    
.navbar-toggle {
background: transparent none repeat scroll 0 0 !important;
border: medium none;
margin-right:10px;
}
.navbar-toggle[aria-expanded="true"] {
margin-right:4px;
}
.navbar-toggle:hover {
background: transparent none repeat scroll 0 0 !important;
}
.navbar-toggle .icon-bar {
margin: 6px 0;
transition: all 0.2s ease 0s;
width: 29px;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10% 0;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90% 0;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0deg);
width: 22px;
margin-left: 8px;
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
width: 30px;
margin-left: 0px;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0deg);
width: 26px;
margin-left: 4px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: rgba(255, 255, 255, 0);
box-shadow: none;
}
.primary-menu-mobile-wrapper ul {
padding-left: 20px;
}
.primary-menu-mobile-wrapper li a {
color:#fff;
}
.primary-menu-mobile-wrapper {
padding-top:15px;
padding-bottom:15px;
}
.navbar-mobile .logo_top {
position:absolute;
top:10px;
left:12px;   
} 
.navbar-mobile .logo_top img.logo {
width: 139px;
margin-top: 2px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
margin-top:64px;
max-height:none!important;
}
#mobile-menu {
z-index:99;
position:absolute;
top: 0px;
left: 0;
padding:0;
}
.primary-menu-mobile-wrapper ul {
margin:0px;
padding:0px;
list-style: outside none none;
}
.primary-menu-mobile-wrapper a:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-size:17px;
padding-right:12px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;    
font-weight:900;
}
.primary-menu-mobile-wrapper a:before {
font-family: "Font Awesome 5 Free";
font-weight:900;
content: "\f054";
font-size:17px;
padding-right:12px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.primary-menu-mobile-wrapper a.dropdown-toggle:before {
font-family: "Font Awesome 5 Free";
font-weight:900;
content: "\f078";
font-size:17px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
padding-right:0px;
padding-left:5px;
vertical-align:middle;
padding-bottom:4px;
}
.primary-menu-mobile-wrapper a.dropdown-toggle[aria-expanded="true"]:before {
content: "\f077";  
padding-bottom:5px;  
}
#mobile-menu ul li a {
font-weight:300;
text-decoration: none !important;
font-size:17px;
}
header .dropdown-menu {
background-clip:none;
background-color: transparent;
border: 0px;
border-radius: 0px;
box-shadow:none;
display: none;
float:none;
font-size: 14px;
left: 0;
list-style: outside none none;
margin: 2px 0 0;
min-width: 160px;
padding: 2px 0;
position:inherit;
text-align: left;
}    
header .dropdown-menu > li > a {
font-weight:300; 
}
#menu-mobilemenu a {
text-transform: uppercase;
font-weight:400 !important;
}
#menu-mobilemenu li {
line-height: 37px;
}
#menu-mobilemenu li.menu-item {
padding-bottom:5px;
}
li.menu-item > a:focus, li.menu-item > a:hover {
background-color: transparent;
text-decoration: none;
}    
.navbar-collapse {
padding-right: 15px !important;
padding-left: 15px !important;
}
#mobile-menu.scroll {
position:fixed;
}
.default-menu-bar {
position:inherit;
}
@media (max-width: 1013px) {
.slider-top-container {
top:80px !important;
margin-bottom:80px !important;
}
}
.dropdown-menu.show {
margin-left:20px;
margin-top:20px;
}
#mobile-menu .search-item {
display:none;
}
#mobile-menu ul li a {
outline:none !important;
}
.primary-menu-wrapper ul.sub-menu li:after {
content:'';
width:15px;
height:13px;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/themes/spg-2020/assets/images/arrow-right.svg);
background-size:cover;
position:absolute;
right:15px;
top:16px;
}