@import "../../../css/_mixins.scss";
@import "../../../css/_trx_addons.vars.scss";

//@mixin sc_portfolio--md() {
@media #{$media_md} {
    /* Portfolio */
	[class*="portfolio_page_gallery_type_masonry_"] {
		margin-right:-$md_grid_gap;
	}
	[class*="portfolio_page_gallery_type_masonry_"] .portfolio_page_gallery_item {
		padding:0 $md_grid_gap $md_grid_gap 0;
	}
	.portfolio_page_gallery_type_masonry_3 .portfolio_page_gallery_item,
	.portfolio_page_gallery_type_masonry_4 .portfolio_page_gallery_item {
		width: 50%;
	}
	.portfolio_page_gallery_type_stream .portfolio_page_gallery_item+.portfolio_page_gallery_item {
		margin-top: $md_grid_gap;
	}
}

//@mixin sc_portfolio--sm() {
@media #{$media_sm} {
    /* Portfolio */
	.portfolio_page_details_left .portfolio_page_details_wrap {
		padding-right: 0;
		padding-bottom: 2em;
	}
	.portfolio_page_details_right .portfolio_page_details_wrap {
		padding-left: 0;
		padding-top: 2em;
	}
	.portfolio_page_details_left .portfolio_page_details_wrap,
	.portfolio_page_details_right .portfolio_page_details_wrap {
		display: block;
		width: 100%;	
	}
	.portfolio_page_details_left .portfolio_page_content_wrap,
	.portfolio_page_details_right .portfolio_page_content_wrap {
		display: block;
		width: 100%;
	}
	.portfolio_page_details_top .portfolio_page_description,
	.portfolio_page_details_top .portfolio_page_details,
	.portfolio_page_details_bottom .portfolio_page_description,
	.portfolio_page_details_bottom .portfolio_page_details {
		width: 100%;
		padding: 0; 
	}
	.portfolio_page_details_top .portfolio_page_details_item_title,
	.portfolio_page_details_bottom .portfolio_page_details_item_title {
		width: 20%;
	}
	.portfolio_page_details_top .portfolio_page_details_item_value,
	.portfolio_page_details_bottom .portfolio_page_details_item_value {
		width: 80%;
	}
	[class*="portfolio_page_gallery_type_masonry_"] {
		margin-right:-$sm_grid_gap;
	}
	[class*="portfolio_page_gallery_type_masonry_"] .portfolio_page_gallery_item {
		padding:0 $sm_grid_gap $sm_grid_gap 0;
	}
	.portfolio_page_gallery_type_stream .portfolio_page_gallery_item+.portfolio_page_gallery_item {
		margin-top: $sm_grid_gap;
	}
}

//@mixin sc_portfolio--xs() {
@media #{$media_xs} {
    /* Portfolio */
	[class*="portfolio_page_gallery_type_masonry_"] {
		margin-right:0;
	}
	[class*="portfolio_page_gallery_type_masonry_"] .portfolio_page_gallery_item {
		padding:0 0 $xs_grid_gap 0;
	}
	.portfolio_page_gallery_type_masonry_2 .portfolio_page_gallery_item,
	.portfolio_page_gallery_type_masonry_3 .portfolio_page_gallery_item,
	.portfolio_page_gallery_type_masonry_4 .portfolio_page_gallery_item {
		width: 100%;
	}
	.portfolio_page_gallery_type_stream .portfolio_page_gallery_item+.portfolio_page_gallery_item {
		margin-top: $xs_grid_gap;
	}
}