update styles

Author: jamesros161

gulpfile.js

@@ -500,7 +500,7 @@ gulp.task('hoverColors', function() {
       digestType: 'base32',
       maxLength: 0,
       outputName: 'hover2',
-      classnameFormat: '[classname]:not( .button-primary):not( .button-secondary ) a',
+      classnameFormat: '[classname]:not( .button-primary):not( .button-secondary ) > a',
       type: '.json'
     }),
     require('postcss-prefix-selector')({ prefix: '%1$s' })

src/assets/js/front-end.js

@@ -686,7 +686,8 @@ var BoldGrid = BoldGrid || {};
 					subMenuWidth,
 					subMenuHeight,
 					rightOffset,
-					screenWidth;
+					screenWidth,
+					isVerticalMegaMenu;
 
 				$headerContainer = $headerContainer.length ? $headerContainer : $subMenu.closest( '#masthead-sticky' );
 
@@ -700,8 +701,10 @@ var BoldGrid = BoldGrid || {};
 				rightOffset      = $( window ).outerWidth( true ) - ( leftOffset + subMenuWidth );
 				screenWidth 	 = $( window ).width() + 16;
 
+				isVerticalMegaMenu = $subMenu.closest( '.sm' ).hasClass( 'sm-vertical' ) && $subMenu.hasClass( 'custom-sub-menu' );
+
 				// Adjust the offset for menu items in the footer so it opens upwards instead of down.
-				if ( bottomOffset > headerBottom && $subMenu.closest( '#colophon' ).length ) {
+				if ( $subMenu.closest( '#colophon' ).length && ( bottomOffset > headerBottom || isVerticalMegaMenu ) ) {
 					$subMenu.css( {
 						top: '-' + subMenuHeight + 'px'
 					} );

src/assets/scss/boldgrid/_header.scss

@@ -24,19 +24,19 @@
 			display: flex;
 			flex-wrap: wrap;
 		}
-		.full-width {
+		> .full-width {
 			padding-left: 0px;
 			padding-right: 0px;
 			width: 100%;
-			.row {
+			> .row {
 				display: flex;
 				flex-wrap: wrap;
 				aside.sidebar {
 					padding-left: 0px;
 					padding-right: 0px;
 					height: 100%;
 				}
-				div {
+				> div {
 					padding-left: 0px;
 					padding-right: 0px;
 				}

src/assets/scss/boldgrid/_margin-fix.scss

@@ -94,7 +94,7 @@
 	}
 }
 #masthead, #masthead-sticky {
-	.container {
+	> .boldgrid-section > .container {
 		padding-left: 15px;
 		padding-right: 15px;
 		.site-description {

src/assets/scss/custom-color/color-classes.scss

@@ -141,7 +141,8 @@ $names: background background-color;
 		.color#{$color}-#{nth( $names, $i )} {
 			@for $each from 1 through length( $colors ) {
 				&.color-#{$each}-link-color {
-					li.menu-item:not( .custom-sub-menu ) {
+					li.menu-item:not( .custom-sub-menu ),
+					.attribution-theme-mods .link {
 						> a:not( .btn ) {
 							color: #{nth($colors, $each)};
 						}