Merge pull request #967 from equalizedigital/feature/local-dev-branch

Feature/local dev branch

assets/js/src/global.js

@@ -407,19 +407,19 @@ document.addEventListener('DOMContentLoaded', function () {
 				title.setAttribute('aria-expanded', 'false');
 				// Add click event listener to each .widget-title
 
-				title.addEventListener('keypress', function () {
+				// title.addEventListener('keypress', function () {
 
-					// Check if there's a next sibling element
-					this.classList.toggle('active');
-					let sibling = this.nextElementSibling;
-					if (sibling) {
-						var isExpanded = title.getAttribute('aria-expanded') === 'true';
-						// Add class to the sibling
-						this.nextElementSibling.classList.toggle('active'); // Replace 'your-class-name-here' with your desired class name
-						this.setAttribute('aria-expanded', isExpanded ? 'false' : 'true');
-
-					}
-				});
+				// 	// Check if there's a next sibling element
+				// 	this.classList.toggle('active');
+				// 	let sibling = this.nextElementSibling;
+				// 	if (sibling) {
+				// 		var isExpanded = title.getAttribute('aria-expanded') === 'true';
+				// 		// Add class to the sibling
+				// 		this.nextElementSibling.classList.toggle('active'); // Replace 'your-class-name-here' with your desired class name
+				// 		this.setAttribute('aria-expanded', isExpanded ? 'false' : 'true');
+
+				// 	}
+				// });
 
 				title.addEventListener('click', function () {
 					// Check if there's a next sibling element
@@ -988,21 +988,38 @@ window.addEventListener('DOMContentLoaded', () => {
 		// Add a click event listener to each element
 		elementsWithHref.forEach(element => {
 			element.addEventListener('click', event => {
+				event.preventDefault(); // Prevent the default anchor behavior
+
 				// Get the href value
 				const hrefValue = element.getAttribute('href');
-
+		
 				// Find the target element using the href value
 				const targetElement = document.querySelector(hrefValue);
-
+		
 				// Check if the target element exists
 				if (targetElement) {
 					// Set the focus on the target element
 					targetElement.focus();
+
+					// Toggle the contents-nav-mobile class
 					let contentsNavMobileClicker = document.querySelector('.contents-nav-mobile');
 					contentsNavMobileClicker.classList.toggle('active');
+
+					// Calculate the position to scroll to
+					const elementTop = targetElement.getBoundingClientRect().top + window.pageYOffset;
+					const offsetPosition = elementTop - 100;
+
+					// Scroll to the desired position
+					window.scrollTo({
+						top: offsetPosition,
+						behavior: 'smooth'
+					});
 				}
 			});
 		});
+
+
+
 
 
 		// menu

assets/scss/blocks/columns-with-button.scss

@@ -5,7 +5,7 @@
     &-container {
         max-width: 1168px;
         margin: 0 auto;
-        padding: 0 24px;
+        padding: 0 ;
         display: grid;
         grid-template-columns: 1fr;
         gap: 20px 115px;

assets/scss/blocks/featured-in.scss

@@ -2,7 +2,6 @@
     &-container {
         margin: 0 auto;
         max-width: $container-width;
-        padding: 0 $container-padding;
         &-header {
             display: flex;
             justify-content: center;

assets/scss/blocks/form-column.scss

@@ -1,7 +1,7 @@
     .form-column-block {
         .form-column-container {
             margin: 0 auto;
-            padding: 0 $container-padding;
+            // padding: 0 $container-padding;
             max-width: $container-width;
 
             .form-column-container-columns {

assets/scss/blocks/tabbed-content.scss

@@ -1,6 +1,7 @@
 .tabbed-content-block {
     padding-bottom: 95px;
     overflow: hidden;
+    z-index: 10;
 
     .tabbed-content {
         &__row_container {

assets/scss/blocks/team-hightlight.scss

@@ -16,6 +16,7 @@
         }
 
         .team-hightlight-block-container-team-hightlight-member__photo img{
+            border-radius: 10px;
             @include media("<tablet") {
                 height: 33vw;
             }
@@ -30,7 +31,7 @@
             font-size: 14px;
             font-style: normal;
             font-weight: 400;
-            line-height: 28px;
+            line-height: 1.4;
             text-align: left;
         }
 

assets/scss/blocks/vendor-information-block.scss

@@ -94,6 +94,10 @@
                 justify-content: center;
                 margin-left: auto;
 
+                @include media("<tablet") {
+                    margin: 30px auto 0;
+                }
+
                 span {
                     display: inline-flex;
                     transform: rotate(0deg);
@@ -261,14 +265,14 @@
             }
 
             &-link {
-
-
                 @include media(">desktop") {
                     display: flex;
                     justify-content: space-between;
                     align-items: center;
                     //flex-direction: column;
                     flex-direction: row;
+                    display: grid;
+                    grid-template-columns: auto auto;
                 }
 
                 &.btn {
@@ -279,7 +283,7 @@
                     justify-content: center;
                     flex-direction: column;
                     @include media(">tablet") {
-                        max-width: 185px;
+                        // max-width: 185px;
                     }
                 }
                 &-more-info {

assets/scss/partials/_blocks-base.scss

@@ -381,7 +381,7 @@ iframe {
 
 .wptb-preview-table {
 	tr:nth-child(1) {
-		background-color: #625089 !important;
+		// background-color: #625089 !important;
 	}
 }
 

assets/scss/partials/_editor-class.scss

@@ -90,7 +90,8 @@
     padding: 0;
 
     @include media(">tablet") {
-        columns: 2;
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
     }
 
     li {
@@ -147,10 +148,13 @@
     }
 }
 
-.post_type_layout_standard {
+.site-inner .post_type_layout_standard {
     blockquote{
         &.wp-block-quote {
             margin-bottom: 20px;
+            p {
+                text-align: left;
+            }
         }
     }
 }
@@ -165,7 +169,7 @@ blockquote{
         &:not(.is-style-plain) {
 
             max-width: 740px;
-            margin: 60px auto 10px !important;
+            margin: 60px auto 20px !important;
             padding: 100px 24px 50px;
             display: grid;
             gap: 27px;
@@ -482,4 +486,8 @@ a.facetwp-page.next {
             display: none;
         }
     }
+}
+
+html .wptb-table-container, .wptb-table-container .wptb-table-container-matrix, .wptb-preview-table{
+    overflow: auto !important;
 }

assets/scss/partials/_navigation.scss

@@ -45,6 +45,7 @@ header.site-header {
 
 .site-header {
 	position: relative;
+	z-index: 100;
 
 	@include media("<1070px") {
 		&:after {
@@ -61,7 +62,7 @@ header.site-header {
 
 	&.scroll_active {
 		@include media("<1070px") {
-			z-index: 1;
+			// z-index: 1;
 		}
 	}
 
@@ -137,11 +138,13 @@ header.site-header {
 						background: transparent;
 						border: none;
 						display: inline-flex;
-						
+
 						align-items: center;
+
 						@include media(">1070px") {
 							height: 80px;
 						}
+
 						@include media("<1070px") {
 							color: white;
 							font-size: 23px;
@@ -200,8 +203,9 @@ header.site-header {
 									@include media(">1070px") {
 										grid-template-columns: .65fr .35fr;
 									}
-									.menu-column:nth-child(4){
-										.sub-menu{
+
+									.menu-column:nth-child(4) {
+										.sub-menu {
 											@include media(">1070px") {
 												grid-template-columns: repeat(2, 1fr);
 												gap: 0 15px;
@@ -220,6 +224,7 @@ header.site-header {
 									}
 								}
 							}
+
 							&.submenu-column__single_menu {
 								.sub-menu {
 									@include media(">1070px") {
@@ -689,6 +694,7 @@ body {
 	@include media(">1070px") {
 		display: none;
 	}
+
 	span {
 		background: white !important;
 	}
@@ -874,6 +880,7 @@ body {
 		width: 20px;
 		height: 20px;
 		padding: 0;
+		margin-left: 20px;
 
 		img {
 			width: 20px;
@@ -884,6 +891,9 @@ body {
 
 	a.btn {
 		min-width: 0;
+		font-size: 16px;
+		padding: 10px 5px;
+		min-width: 80px;
 	}
 
 

assets/scss/partials/_singular.scss

@@ -626,6 +626,9 @@ img.wprm-comment-rating {
 			display: inline-flex;
 			align-items: center;
 			gap: 20px;
+			background: transparent;
+			border: none;
+			cursor: pointer;
 		}
 
 		.link:hover {
@@ -932,6 +935,14 @@ img.wprm-comment-rating {
 	}
 }
 
+.home {
+	.inner-hero{
+		@include media(">tablet") {
+			padding: 132px 0;
+		}
+	}
+}
+
 .inner-hero {
 	background-color: brand-color('tertiary');
 	padding: 60px 0;
@@ -1139,7 +1150,7 @@ img.wprm-comment-rating {
 
 .site-main-article-content {
 	.site-main-article__author-data {
-		margin-bottom: 64px;
+		margin-bottom: 20px;
 		display: flex;
 		gap: 20px 60px;
 
@@ -1209,7 +1220,7 @@ img.wprm-comment-rating {
 		max-width: 750px;
 		max-height: 400px;
 		margin-top: -60px;
-		margin-bottom: 40px;
+		margin-bottom: 20px;
 
 		img {
 			width: 100%;
@@ -1282,8 +1293,8 @@ img.wprm-comment-rating {
 
 .site-main-article__author-data-editorial_statement {
 	background: var(--Light-Gray, #F7F7F7);
-	padding: 30px 40px;
-	margin: 0 0 64px;
+	padding: 0.5rem;
+	margin: 0 0 20px;
 
 	&-container__title {
 		h2 {
@@ -1452,7 +1463,7 @@ section.refinance_lender_section {
 	}
 
 	tr th {
-		font-size: 14px;
+		font-size: 18px;
 	}
 
 	tr .td_content {
@@ -1870,6 +1881,9 @@ section.refinance_lender_section {
 
 html {
 	scroll-behavior: smooth;
+	&.overflow-hidden{
+		overflow: hidden;
+	}
 }
 
 // Single Related Posts