Brompton: Remove half circle from the footer

brompton/sass/_extra-child-theme.scss

@@ -406,16 +406,14 @@ table,
 // Footer
 #colophon {
 	flex-direction: column;
-	padding-bottom: #{5 + map-deep-get($config-global, "spacing", "vertical")};
+	padding-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
 
 	.site-info {
 		background: #{map-deep-get($config-global, "color", "foreground", "default")};
 		border-bottom: 5px solid #{map-deep-get($config-global, "color", "primary", "default")};
 		border-top: 5px solid #{map-deep-get($config-global, "color", "primary", "default")};
 		font-weight: 900;
-		min-height: #{110 - map-deep-get($config-global, "spacing", "vertical")};
 		padding: #{map-deep-get($config-global, "spacing", "vertical")} #{map-deep-get($config-global, "spacing", "horizontal")};
-		position: relative;
 		@extend %responsive-width-full;
 
 		@include media(tablet) {
@@ -429,36 +427,6 @@ table,
 		.site-name {
 			font-weight: inherit;
 		}
-
-		& > * {
-			position: relative;
-		}
-
-		&:before,
-		&:after {
-			background: #{map-deep-get($config-global, "color", "foreground", "default")};
-			border-bottom-left-radius: 200px;
-			border-bottom-right-radius: 200px;
-			content: "";
-			display: block;
-			height: 100px;
-			left: 50%;
-			margin-left: -100px;
-			position: absolute;
-			bottom: -#{map-deep-get($config-global, "spacing", "vertical")};
-			width: 200px;
-		}
-
-		&:after {
-			background: #{map-deep-get($config-global, "color", "primary", "default")};
-			border-bottom-left-radius: 210px;
-			border-bottom-right-radius: 210px;
-			height: 110px;
-			margin-left: -105px;
-			transform: translateY(5px);
-			width: 210px;
-			z-index: -1;
-		}
 	}
 
 	.footer-navigation {
@@ -467,10 +435,8 @@ table,
 		display: block;
 		margin-bottom: 0;
 		padding: #{0.5 * map-deep-get($config-global, "spacing", "vertical")} #{map-deep-get($config-global, "spacing", "horizontal")};
-		position: relative;
 		text-align: center;
 		text-transform: uppercase;
-		z-index: 1;
 
 		@extend %responsive-width-full;
 
@@ -490,7 +456,6 @@ table,
 		& + .site-info {
 			border-top: 0;
 			margin-top: 0;
-			min-height: 0;
 			padding: 0 #{map-deep-get($config-global, "spacing", "horizontal")} #{0.666 * map-deep-get($config-global, "spacing", "vertical")};
 		}
 

brompton/style-rtl.css

@@ -3124,7 +3124,7 @@ table th,
 	display: flex;
 	flex-flow: column wrap;
 	justify-content: space-between;
-	margin-top: 37px;
+	margin-top: 64px;
 	max-width: 100vw;
 	min-height: 78px;
 	padding-top: 16px;
@@ -3485,9 +3485,7 @@ table th,
 	border-bottom: 5px solid #C04239;
 	border-top: 5px solid #C04239;
 	font-weight: 900;
-	min-height: 78px;
 	padding: 32px 16px;
-	position: relative;
 }
 
 @media only screen and (min-width: 640px) {
@@ -3504,45 +3502,14 @@ table th,
 	font-weight: inherit;
 }
 
-#colophon .site-info > * {
-	position: relative;
-}
-
-#colophon .site-info:before, #colophon .site-info:after {
-	background: #252E36;
-	border-bottom-right-radius: 200px;
-	border-bottom-left-radius: 200px;
-	content: "";
-	display: block;
-	height: 100px;
-	right: 50%;
-	margin-right: -100px;
-	position: absolute;
-	bottom: -32px;
-	width: 200px;
-}
-
-#colophon .site-info:after {
-	background: #C04239;
-	border-bottom-right-radius: 210px;
-	border-bottom-left-radius: 210px;
-	height: 110px;
-	margin-right: -105px;
-	transform: translateY(5px);
-	width: 210px;
-	z-index: -1;
-}
-
 #colophon .footer-navigation {
 	background: #252E36;
 	border-top: 5px solid #C04239;
 	display: block;
 	margin-bottom: 0;
 	padding: 16px 16px;
-	position: relative;
 	text-align: center;
 	text-transform: uppercase;
-	z-index: 1;
 }
 
 @media only screen and (min-width: 640px) {
@@ -3562,7 +3529,6 @@ table th,
 #colophon .footer-navigation + .site-info {
 	border-top: 0;
 	margin-top: 0;
-	min-height: 0;
 	padding: 0 16px 21.312px;
 }
 

brompton/style.css

@@ -3482,7 +3482,7 @@ table th,
 
 #colophon {
 	flex-direction: column;
-	padding-bottom: 37px;
+	padding-bottom: 32px;
 }
 
 #colophon .site-info {
@@ -3490,9 +3490,7 @@ table th,
 	border-bottom: 5px solid #C04239;
 	border-top: 5px solid #C04239;
 	font-weight: 900;
-	min-height: 78px;
 	padding: 32px 16px;
-	position: relative;
 }
 
 @media only screen and (min-width: 640px) {
@@ -3509,45 +3507,14 @@ table th,
 	font-weight: inherit;
 }
 
-#colophon .site-info > * {
-	position: relative;
-}
-
-#colophon .site-info:before, #colophon .site-info:after {
-	background: #252E36;
-	border-bottom-left-radius: 200px;
-	border-bottom-right-radius: 200px;
-	content: "";
-	display: block;
-	height: 100px;
-	left: 50%;
-	margin-left: -100px;
-	position: absolute;
-	bottom: -32px;
-	width: 200px;
-}
-
-#colophon .site-info:after {
-	background: #C04239;
-	border-bottom-left-radius: 210px;
-	border-bottom-right-radius: 210px;
-	height: 110px;
-	margin-left: -105px;
-	transform: translateY(5px);
-	width: 210px;
-	z-index: -1;
-}
-
 #colophon .footer-navigation {
 	background: #252E36;
 	border-top: 5px solid #C04239;
 	display: block;
 	margin-bottom: 0;
 	padding: 16px 16px;
-	position: relative;
 	text-align: center;
 	text-transform: uppercase;
-	z-index: 1;
 }
 
 @media only screen and (min-width: 640px) {
@@ -3567,7 +3534,6 @@ table th,
 #colophon .footer-navigation + .site-info {
 	border-top: 0;
 	margin-top: 0;
-	min-height: 0;
 	padding: 0 16px 21.312px;
 }