/* ==========================================================================
   Portfolio Single styles
   ========================================================================== */

.qodef-portfolio-single {
	@include qodefRelativeLayout();

	.qodef-media {

		iframe {
			max-height: calc(56.25vw);
		}

		&.qodef--slider {

			.swiper-button-prev, .swiper-button-next {

				svg {

					path {
						fill: #fff;
					}
				}
			}
		}
	}

	.qodef-portfolio-content {

		p {

			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	.qodef-portfolio-title {
		margin: 0 0 12px;
		letter-spacing: -0.01em;
	}

	.qodef-portfolio-info {

		> * {
			display: flex;
			align-items: center;
			margin-bottom: 11px;
			flex-direction: row;
			justify-items: center;

			&:last-child {
				margin-bottom: 0;
			}
		}

		.qodef-e-label {
			margin: 0 5px 0 0;
		}

		p, a {
			margin: 0;
			@include qodefMetaStyle();
		}

		.qodef-info--social-share {

			.qodef-social-share {
				display: flex;
			}

			.qodef-social-title {
				margin: 0 7px 0 0 !important;
			}

			.qodef-shortcode-list {
				margin-top: -1px;
			}
		}
	}

	.qodef-variations--small {

		.qodef-media {
			margin-right: 0;
		}

		.qodef-portfolio-title {
			margin: -8px 0 22px;
		}

		.qodef-portfolio-info {
			margin-top: 47px;

			.qodef-e-category {
				margin-top: -1px;
			}
		}
	}

	.qodef-variations--big {

		.qodef-e-content {
			margin-top: 43px;
		}

		.qodef-portfolio-info {
			margin-top: 10px;

			.qodef-info--category {
				margin-top: 4px;
			}

			@media only screen and (min-width: 1440px) {
				padding-left: 91px !important;
			}
		}
	}
}
