Directory:~$ /home/lmsyaran/public_html/j3/templates/g5_hydrogen/custom/scss/

Upload File

[Home] [System Details] [Kill Me]

.g-single-project {
	.size-70 {
		padding-right: ($content-padding)*2;
		@include breakpoint(mobile-only) {
			padding-right: 0px;
			margin-bottom: 30px;
		}
	}
	.g-project-main-image {
		img {
			margin-bottom: 1.5rem;
		}
	}
	.g-project-gallery {
		margin-bottom: -1rem;
		img {
			width: 130px;
			@include transition(all 0.3s);
		}
		.g-project-image-container {
			margin: 0 1.5rem 1.5rem 0;
			&:hover {
				img {
					@include transform(scale(1.15));
				}
			}
		}
		.uk-overlay-panel {
			z-index: 4;
			border-radius: 0px;
		}
		.uk-overlay-area:empty::before, .uk-overlay-icon::before {
			font-size: 16px;
			height: 40px;
			width: 40px;
			line-height: 40px;
			margin-left: -20px;
			margin-top: -20px;
		}
	}
	.g-project-details {
		margin-bottom: 1.5rem;
		h4 {
			margin-bottom: 0;
			margin-top: -5px;
		}
		> div {
			@include display(flex);
			margin-bottom: 0.75rem;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	.title-clienttext, .title-tasktext, .title-budgettext {
		color: lighten($base-text-color,25%) !important;
		margin-right: 0.75rem;
	}
	.title-clientvalue, .title-taskvalue, .title-budgetvalue {
		color: $accent-color-1 !important;
	}
	.g-project-features {
		margin-bottom: 25px;
	}
	.g-project-features-item {
		border: 1px solid $base-border-color;
		padding: 25px;
		margin: 0 0.75rem 0.75rem 0;
		@include breakpoint(mobile-only) {
			margin-right: 0;
		}
		.g-item-icon {
			margin-right: 15px;
			color: $accent-color-1;
		}
		.g-item-title {
			font-weight: bold;
			margin-right: 10px;
		}
		.g-item-value {
			font-style: italic;
			color: lighten($base-text-color, 10%);
		}
	}
	.g-project-desc {
		p {
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	.g-project-link {
		i {
			margin-right: 10px;
		}
	}
	.g-project-link-container {
		margin-top: 30px;
	}
}