Save

wagabunda.net.pl/styles.scss

@@ -1,5 +1,7 @@
 @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');
 
+$cYellow: #ffd024;
+$cYellowLight: #ffe37c;
 $cBlue: #0085ed;
 
 $cTxtBlack: #191919;
@@ -11,6 +13,19 @@ $fPoppins: 'Poppins', sans-serif;
 	font-family: $fPoppins;
 }
 
+section.search-box div[data-template-type='searchbtn']:not(.grid-stack-item),
+section.subscriptionsbox
+	div[data-template-type='searchbtn']:not(.grid-stack-item) {
+	height: 55px !important;
+}
+section.search-box .fields-container:not(.grid-stack) > .searchbox-dd-item {
+	height: 55px !important;
+}
+section.search-box .fields-additional-button:not(.grid-stack-item),
+section.subscriptionsbox .fields-additional-button:not(.grid-stack-item) {
+	height: 55px !important;
+}
+
 header#main-header {
 	.functional-header {
 		.main {
@@ -83,6 +98,66 @@ nav.main-nav {
 				background: rgba($cBlue, 0.2);
 			}
 		}
+
+		.tab-content {
+			form {
+				.fields-additional-button {
+					a.btn {
+						border-radius: 3px;
+						background: transparent;
+
+						&:hover {
+							background: $cYellowLight;
+						}
+
+						span {
+							color: rgba(99, 99, 99, 1);
+							flex-direction: row-reverse;
+							justify-content: space-between;
+							padding: 3.5px;
+
+							i {
+								&.fa-chevron-down {
+									&::before {
+										content: '\f107';
+									}
+								}
+								&.fa-chevron-up {
+									&::before {
+										content: '\f106';
+									}
+								}
+								&::before {
+									font-weight: var(--fa-style);
+									font-family: var(--fa-style-family, 'Font Awesome 6 Pro');
+									position: absolute;
+									top: calc(50% - 16px);
+									right: 0;
+									text-align: center;
+									width: 32px;
+									line-height: 32px;
+									font-size: 22px;
+									color: rgba(0, 133, 237, 1);
+									cursor: pointer;
+								}
+							}
+						}
+					}
+				}
+				.btn.btn-send {
+					background: $cYellow;
+					border-radius: 8px;
+					padding: 8px 24px;
+
+					&:hover {
+						background: $cYellowLight;
+					}
+					span {
+						color: $cTxtBlack2;
+					}
+				}
+			}
+		}
 	}
 }
 
@@ -258,3 +333,29 @@ body .offerlist-box {
 		}
 	}
 }
+
+// For product page
+.section-header {
+	background: $cBlue;
+	border-radius: 5px !important;
+
+	h2 {
+		font-weight: 300;
+	}
+}
+
+main#mainCol {
+	.object-listing-elem.elem-booking {
+		> .elem-details {
+			> .elem-name {
+				h1 {
+					color: $cTxtBlack;
+					display: flex;
+					flex-direction: column;
+					row-gap: 3px;
+					margin-bottom: 15px;
+				}
+			}
+		}
+	}
+}