Save

wagabunda.net.pl/styles.scss

@@ -84,6 +84,120 @@ header#main-header {
 			}
 		}
 	}
+
+	> div {
+		&:nth-child(2) {
+			&:not(#custom-header) {
+				visibility: hidden !important;
+				opacity: 0 !important;
+			}
+		}
+	}
+
+	#custom-header {
+		height: 140px;
+		padding: 15px 0;
+
+		.custom-header {
+			display: flex;
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+
+			.c-col {
+				&-1 {
+					width: calc((100% - 100px) / 3);
+
+					img {
+						width: 100%;
+						max-width: 250px;
+					}
+				}
+				&-2 {
+					width: calc((100% - 100px) / 3);
+
+					ul {
+						list-style: none;
+						padding: 0;
+						margin: 0;
+
+						li {
+							color: #000;
+							font-size: 14px;
+							font-weight: 400;
+
+							a {
+								color: inherit;
+							}
+						}
+					}
+				}
+				&-3 {
+					width: calc((100% - 100px) / 3);
+
+					ul {
+						list-style: none;
+						padding: 0;
+						margin: 0;
+
+						li {
+							color: #000;
+							font-size: 14px;
+							font-weight: 400;
+
+							a {
+								color: inherit;
+							}
+						}
+					}
+				}
+				&-4 {
+					width: 100px;
+
+					ul.box-social-header {
+						list-style: none;
+						padding: 0;
+						margin: 0;
+
+						display: flex;
+						flex-direction: column;
+						row-gap: 10px;
+						align-items: center;
+
+						li {
+							color: #000;
+							font-size: 14px;
+							font-weight: 400;
+
+							a {
+								color: inherit;
+							}
+
+							img {
+								width: 100%;
+								max-width: 80px;
+							}
+
+							.btn-social {
+								display: inline-flex;
+								padding: 5px 10px;
+								background: rgba(0, 133, 237, 1);
+								flex-direction: row;
+								align-items: center;
+								width: max-content;
+								color: #fff;
+								border-radius: 5px;
+
+								.text {
+									font-size: 12px;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+	}
 }
 
 nav.main-nav {