?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/portfolio/single/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/portfolio

?? Viewing: _general.scss

/* ==========================================================================
# Portfolio - start
========================================================================== */

@import 'small-images';
@import 'small-slider';
@import 'big-images';
@import 'big-slider';
@import 'gallery';

.single-portfolio-item{
	div.pp_default a.pp_next,
	div.pp_default a.pp_previous{
		color:#fff;
		background-color:transparent;
		font-size:45px;
		@include edgtfTransition(color .3s ease-out);

		&:hover{
			background-color:transparent;
			color:$first-main-color;
		}
	}
}

.edgtf-portfolio-single-holder {
    .edgtf-portfolio-info-item {
		border-bottom: 2px solid $default-border-color;
		padding: 11px 12px;
		background-color: #fafafa;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: middle;
		width: 100%;

        &:last-child {
           border-bottom: none;
        }

		.edgtf-portfolio-info-title {
			float: left;
			width: 40%;
			text-transform: uppercase;
			font-size: 13px;
			font-weight: 600;
			color: $second-main-color;
		}

		.edgtf-portfolio-info-title i{
			margin-right: 17px;
			color: #989494;
			font-size: 17px;
			position: relative;
			top: 2px;
		}
    }

	.edgtf-big-image-corner {
		position: absolute;
		z-index: 100;
		background-color: #18202d;
		width: 70px;
		text-align: center;
		color: #fff;
		padding: 12px 0 0;

		.edgtf-like {
			display: inline-block;
			width: 100%;
			vertical-align: middle;
			padding-bottom: 18px;
		}

		.edgtf-like > span,
		.edgtf-social-share-holder > a > span
		{
			display: block;
			line-height: 13px;
			font-size: 13px;
			color: #fff;
		}
		.edgtf-like i,
		.edgtf-social-share-holder > a > i{
			color: #fff;
		}

		.edgtf-social-share-holder{
			&.edgtf-dropdown {

				width: 100%;
				padding-bottom: 10px;
				vertical-align: middle;

				.edgtf-social-share-dropdown {

					float: none;
					position: absolute;
					top: 100%;
					left: 0;
					width: 100%;


					ul {
						width: 100%;

						li {
							width: 100%;
							float: none;
							position: static;
							background-color: rgba(25, 28, 33, 0.71);
							padding: 10px 0;
							a {
								color: #fff;
								@include edgtfTransition(color .3s ease-out);
								&:hover{
									color:$first-main-color;
								}
							}
						}
					}
				}
			}
		}

	}

	.edgtf-portfolio-info-content-item h2{
		margin-bottom: 25px;
	}

    .edgtf-portfolio-single-nav {
        text-align: center;
        position: relative;
		padding-top: 20px;
        margin-top: 55px;
        margin-bottom: 52px;
        border-top: 2px solid $default-border-color;

		a{
			color: $default-text-color;
		}
		a:hover{
			color: $first-main-color;
		}
        .edgtf-navigation-icon {
			font-size: 20px;
			position: relative;
			top: -1px;
        }

        .edgtf-portfolio-back-btn {
            display: inline-block;
			font-size: 22px;
        }

        .edgtf-portfolio-next,
        .edgtf-portfolio-prev,
        .edgtf-portfolio-back-btn,
		.edgtf-portfolio-back-btn a
		{
			vertical-align: middle;
        }

        .edgtf-portfolio-next,
        .edgtf-portfolio-prev {
           display: inline-block;

			a{
				display: table;
			}

			span{
				display: table-cell;
				vertical-align: middle;
			}
        }

        .edgtf-portfolio-prev {
           margin-right: 22px;
        }

        .edgtf-portfolio-next {
			margin-left: 22px;
        }
    }

    .edgtf-portfolio-video-lightbox {
        position: relative;
        display: block;

        img {
            vertical-align: middle;
        }
    }

    .edgtf-portfolio-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;

        .edgtf-portfolio-play-icon {
            position: absolute;
            font-size: 20px;
            left: 50%;
            top: 50%;

            @include edgtfTransform(translate(-50%, -50%));
        }
    }
}

/* ==========================================================================
# Portfolio - end
========================================================================== */

??

??