/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

.paragraph--type--menu-landing-simple .ocw-submenu-section {
    padding: 1em .5em;
    background-color: #fff;
}

.paragraph--type--menu-landing-simple .ocw-submenu-section__nav__list {
    justify-content: flex-start;
    align-items: center;
	flex-wrap: nowrap;
	overflow-x: scroll;
	padding-bottom: 1rem;
}

.paragraph--type--menu-landing-simple .ocw-submenu-section__nav__list .nav-link {
    font-family: "roboto-regular", sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #2e3d43;
    padding: 0 1em;
    transition: all .3s;
    white-space: nowrap;
}

.paragraph--type--menu-landing-simple .ocw-submenu-section__nav__list .nav-link:hover, 
.paragraph--type--menu-landing-simple .ocw-submenu-section__nav__list .nav-link.active {
    color: #19a301;
    font-family: "roboto-bold", sans-serif;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.paragraph--type--menu-landing-simple .ocw-submenu-section {
    	padding: 1em 2em;
	}

	.paragraph--type--menu-landing-simple .ocw-submenu-section__nav__list {
	    justify-content: center;
	    flex-wrap: wrap;
	    overflow-x: unset;
	    padding-bottom: unset;
	}

	.paragraph--type--menu-landing-simple .ocw-submenu-section__nav__list .nav-link {
		font-size: 18px;
		padding: .5em 2em;
	}
}

/*Extra extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {}