save

wagabunda.net.pl/styles.scss

@@ -1,3 +1,33 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+$cBlue: #0085ed;
+
+$cTxtBlack: #191919;
+$cTxtBlack2: #2a2a2a;
+
+$fPoppins: 'Poppins', sans-serif;
+
+* {
+	font-family: $fPoppins;
+}
+
+header#main-header {
+	.functional-header {
+		.main {
+			.mobile-menu-item {
+				display: flex;
+				align-items: center;
+				column-gap: 10px;
+
+				.val {
+					font-size: 14px;
+					font-weight: 400;
+				}
+			}
+		}
+	}
+}
+
 nav.main-nav {
 	ul.mega-menu-content {
 		padding-left: 15px;
@@ -8,6 +38,32 @@ nav.main-nav {
 			.quick-search {
 				background: transparent;
 			}
+
+			.elem-in-nav {
+				span {
+					font-size: 16px;
+				}
+			}
+		}
+	}
+}
+#widget197464156 {
+	.promo-box {
+		.carousel {
+			.carousel-indicators {
+				li {
+					height: 10px;
+					width: 30px;
+					transition: all 250ms ease-in-out;
+					border: 1px solid rgba(255, 255, 255, 0.6);
+
+					&.active {
+						height: 10px;
+						width: 60px;
+						background: $cBlue;
+					}
+				}
+			}
 		}
 	}
 }
@@ -21,5 +77,184 @@ nav.main-nav {
 		.background-color-3 {
 			background: transparent;
 		}
+
+		ul.nav-tabs {
+			li {
+				background: rgba($cBlue, 0.2);
+			}
+		}
+	}
+}
+
+.br-input {
+	border-radius: 3px;
+	border-color: #d9d9d9;
+}
+
+#widget197464171,
+#widget197464166 {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body section.offer-box {
+	.offer {
+		padding: 0;
+		border-radius: 5px;
+		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
+		transition: box-shadow 0.25s ease-in-out;
+
+		&:hover {
+			box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px -4px;
+
+			.img-container-wrap {
+				.img-container {
+					transition: all 4s linear;
+				}
+			}
+		}
+
+		.img-container-wrap {
+			.img-container {
+				border-top-left-radius: 4px;
+				border-top-right-radius: 4px;
+				transition: all 300ms linear;
+			}
+		}
+		.text-container {
+			h3 {
+				color: $cTxtBlack;
+
+				display: flex;
+				flex-direction: column;
+				row-gap: 3px;
+				margin-bottom: 15px;
+
+				sup.stars {
+					top: 0;
+
+					i {
+						color: $cTxtBlack;
+					}
+				}
+			}
+
+			.box-header {
+				* {
+					color: $cTxtBlack;
+				}
+				h4 {
+					color: $cTxtBlack;
+				}
+			}
+			.data {
+				p {
+					.text-nowrap {
+						color: $cTxtBlack;
+
+						span {
+							color: $cTxtBlack;
+						}
+					}
+				}
+
+				> * {
+					display: flex;
+					flex-direction: column;
+					row-gap: 5px;
+				}
+
+				.price {
+					span {
+						color: rgba($cBlue, 0.8);
+						font-size: 28px;
+						font-weight: 400;
+
+						sup {
+							color: rgba($cBlue, 0.8);
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+body .offerlist-box {
+	padding: 0;
+	border-radius: 5px;
+	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
+	transition: box-shadow 0.25s ease-in-out;
+
+	&:hover {
+		box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px -4px;
+	}
+
+	.img-container-wrapper {
+		.img-container {
+			border-top-left-radius: 4px;
+			border-top-right-radius: 4px;
+		}
+	}
+
+	ul.offers {
+		li {
+			&:not(:last-child) {
+				border-bottom: 1px solid rgb(242, 242, 242);
+			}
+			&:last-child {
+				border-bottom: none;
+			}
+
+			&:hover {
+				&:not(.link-to-more-offers) {
+					a {
+						background: #f2f4f7;
+					}
+				}
+			}
+
+			&.link-to-more-offers {
+				.more {
+					color: $cTxtBlack2;
+					font-size: 14px;
+
+					span {
+						color: $cTxtBlack2;
+						margin-left: 5px;
+					}
+				}
+			}
+
+			a {
+				margin: 5px 10px;
+				border-radius: 5px;
+				transition: all 250ms ease-in-out;
+
+				.name {
+					span {
+						color: $cTxtBlack2;
+						font-size: 16px;
+						font-weight: 600;
+					}
+				}
+				.price {
+					strong {
+						color: rgba($cBlue, 0.8);
+						font-size: 18px;
+						font-weight: 600;
+
+						sup {
+							color: rgba($cBlue, 0.8);
+						}
+					}
+				}
+				.omnibus {
+					span {
+						color: $cTxtBlack;
+					}
+				}
+			}
+		}
 	}
 }