Your IP : 216.73.217.101

Current Path : /home/antonen/poznajlitwe.lt/templates/it_startup/scss/startup/
Upload File :
Current File : /home/antonen/poznajlitwe.lt/templates/it_startup/scss/startup/_social-search.scss

.g-social-search {
	> span {
		display: inline-block;
	}

	.g-search-offcanvas {
		> span {
			display: inline-block;
		}

		.g-search-margin {
			margin-right: 3px;
		}

		&.g-so-margin {
			margin-left: 3px;
		}
	}

	// Social Icons
	.g-social-icons {
		a {
			display: inline-block;
			background: none;
			color: $header-text-color;
			width: 35px;
			height: 35px;
			font-size: 0.9rem;
			line-height: 32px;
			border: 2px solid $base-border-color;
			border-radius: 50%;
			text-align: center;
			margin-right: 3px;
			@include transition(all, 0.2s);
			&:last-child {
				margin-right: 0;
			}
			&:hover {
				color: $accent-color-1;
				border-color: $accent-color-1;
			}
		}
	}

	// Modal Search
	.g-search-icon {
		> a {
			display: block;
			width: 35px;
			height: 35px;
			line-height: 32px;
			font-size: 0.9rem;
			text-align: center;
			border: 2px solid #e1e1e1;
			border-radius: 50%;
			@include transition(all, 0.2s);
			&:hover {
				color: $accent-color-1;
				border-color: $accent-color-1;
			}
		}
	}
	#modal-search {
		&.uk-open {
			.uk-modal-dialog {
				@include transform(scale(1));
			}
			.uk-close {
				@include transform(scale(1));
			}
		}
		.uk-close {
			color: #ffffff !important;
			opacity: 1;
			font-size: 24px;
			top: 25px;
			right: 25px;
			position: absolute;
			@include transform(scale(0));
			@include transition(all 0.3s);
			&:hover {
				@include transform(rotate(90deg));
				color: $accent-color-1 !important;
			}
		}
		.uk-modal-dialog {
			padding: 0;
			border-radius: 0;
			width: 455px;
			background: none;
			box-shadow: none;
			@include transform(scale(0));
			// Joomla
			.search {
				form {
					margin-bottom: 0;
				}
				input {
					margin-bottom: 0;
					border: none;
					font-size: 2.3rem;
					width: 455px;
					color: #ffffff;
					text-align: center;
					background: none;
					padding: 20px;
					border-radius: 0;
					box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.3);
					@include placeholder {
						color: #ffffff;
						opacity: 1;
					}
					@include breakpoint(mobile-only) {
						width: 100%;
						padding: 20px 0;
					}
					&:focus {
						box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1);
					}
				}
			}
			// Wordpress
			.search-form {
				.search-field {
					border: none;
					font-size: 2.3rem;
					width: 455px;
					color: #ffffff;
					text-align: center;
					background: none;
					padding: 20px;
					border-radius: 0;
					box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.3);
					@include placeholder {
						color: #ffffff;
						opacity: 1;
					}
					@include breakpoint(mobile-only) {
						width: 100%;
						padding: 20px 0;
					}
					&:focus {
						box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1);
					}
				}
				label {
					margin-bottom: 0;
				}
				.search-submit {
					display: none;
				}
			}
		}
	}

	// Offcanvas
	.g-offcanvas-icon {
		> a {
			color: $header-text-color;
			width: 35px;
			height: 35px;
			line-height: 32px;
			font-size: 0.9rem;
			text-align: center;
			border: 2px solid #e1e1e1;
			border-radius: 50%;
			display: block;
			cursor: pointer;
			@include transition(all, 0.2s);
			&:hover {
				color: $accent-color-1;
				border-color: $accent-color-1;
			}
		}
	}
}