/* =============== Shortcode style start ========*/

.mprm-container {
  &.mprm-shortcode-categories {
	margin-top: 2rem;
	margin-bottom: 2rem;

	&.mprm-view-list {
	  .mprm-menu-category {
		.mprm-category-content {
		  .mprm-link {
			outline: none;
			margin: 0;
			padding: 0;
			.mprm-title {
			  margin: 0;
			  padding: 0;
			}
			.mprm-icon {
			  margin: 0 5px 0 0;
			}
			.mprm-category-description {
			  margin: 1rem 0 0;
			  padding: 0;
			  font-size: 0.8em;
			  line-height: 1.1;
			  color: inherit;
			}
		  }
		}
	  }
	}

	&.mprm-view-grid {
	  .mprm-menu-category {
		background-size: 0 0;
		display: inline-block;
		overflow: hidden;
		padding: 0;
		position: relative;
		transition: all 0.6s ease 0s;
		&:hover:before {
		  transform: scale(1.2, 1.2);
		}
		&:before {
		  background-color: @overlay;
		  background-image: inherit;
		  background-position: center center;
		  background-repeat: no-repeat;
		  background-size: cover;
		  //background: @overlay inherit no-repeat center center;
		  content: "";
		  height: 100%;
		  left: 0;
		  position: absolute;
		  top: 0;
		  transition: all 0.6s ease 0s;
		  width: 100%;
		}

		.mprm-effect-hover {
		  background-color: @overlay;
		  height: 100%;
		  left: 0;
		  position: absolute;
		  top: 0;
		  width: 100%;
		}

		.mprm-link {
		  color: @white;
		  .mprm-category-content {
			position: relative;
			padding: 4em;
			.mprm-title {
			  color: inherit;
			  margin: 0;
			  padding: 0;
			}
			.mprm-icon {
			  margin: 0 5px 0 0;
			}
			.mprm-category-description {
			  margin: 1rem 0 0;
			  padding: 0;
			  font-size: 0.8em;
			  line-height: 1.1;
			  color: inherit;
			}
		  }
		}
		&.mprm-four {
		  .mprm-category-content {
			padding: 10%;
		  }
		}
		&.mprm-three {
		  .mprm-category-content {
			padding: 15%;
		  }
		}
		&.mprm-two {
		  .mprm-category-content {
			padding: 15%;
		  }
		}
	  }
	}
  }

  &.mprm-shortcode-items, .mprm-page-template-items {
	margin-top: 2rem;
	margin-bottom: 2rem;
	.mprm-link {
	  outline: none;
	}
	.mprm-content-container {
	  &.mprm-title {
		a {
		  font-weight: bold;
		}
	  }
	}
	&.mprm-view-grid {
	  .mprm-image {
		margin: 0 2em 1em 0;
	  }
	  .mprm_menu_item_buy_button.mprm-offset-by-five {
		margin-left: 0;
	  }
	  .mprm-header {
		position: relative;
		width: 100%;
		&.with-image {
		  color: @white;
		  margin-bottom: 2rem;
		  background-position: center center;
		  background-size: cover;
		  .mprm-header-content {
			background-color: rgba(70, 70, 70, 0.5);
			padding: 6em 2em;
			position: relative;
			text-align: center;
			.mprm-title {
			  margin: 0;
			  padding: 0;
			  color: inherit;
			  .mprm-icon {
				margin: 0 5px 0 0;
			  }
			}
		  }
		}
		&.only-text {
		  padding: 0 0 2rem;
		}
	  }
	  .mprm-image {
		height: auto;
		width: 100%;
	  }
	}

	&.mprm-view-list {
	  .mprm_menu_item_buy_button.mprm-offset-by-five {
		max-width: 55%;
		&.mprm-with-image {
		}
	  }
	  .mprm-header {
		position: relative;
		width: 100%;
		&.with-image {
		  color: @white;
		  margin-bottom: 2rem;
		  background-position: center center;
		  background-size: cover;
		  .mprm-header-content {
			background-color: rgba(70, 70, 70, 0.5);
			padding: 6em 2em;
			position: relative;
			text-align: center;
			.mprm-title {
			  margin: 0;
			  padding: 0;
			  color: inherit;
			  .mprm-icon {
				margin: 0 5px 0 0;
			  }
			}
		  }
		}
		&.only-text {
		  padding: 0 0 2rem;
		}
	  }
	}

	&.mprm-view-simple-list {
	  .mprm-simple-view-column {
		&.mprm-last {
		  margin-bottom: 1.5em;
		  &:last-child {
			margin-bottom: 0;
		  }
		}
		&:first-child {
		  .mprm-taxonomy-title {
			margin-top: 0;
		  }
		}
	  }
	  .mprm-header {
		position: relative;
		width: 100%;
		&.with-image {
		  color: @white;
		  margin-bottom: 2rem;
		  background-position: center center;
		  background-size: cover;

		  .mprm-header-content {
			padding: 6em 2em;
			position: relative;
			text-align: center;
			.mprm-title {
			  .mprm-icon {
				margin: 0 5px 0 0;
			  }
			}
		  }
		}
		&.only-text {
		  padding: 0 0 1rem;
		}
	  }

	  .mprm-row {
		.mprm-columns:first-child {
		  &.type-mp_menu_item {
			padding-right: 0.5em;
		  }
		}
	  }
	  .mprm-list {
		margin: 0 0 1em 0;
		padding: 0;
	  }
	  .type-mp_menu_item {
		.mprm-flex-container-simple-view {
		  &.mprm-list {
			margin: 0;
			&:first-child {
			  margin: 0 0 5px 0;
			}
		  }
		  list-style: none;
		  width: 100%;
		  display: flex;
		  flex-flow: row wrap;
		  .mprm-flex-item {
			margin: 0;
			&.mprm-dots {
			  border-bottom: 1px dotted #e0e0e0;
			  flex: 1;
			  align-self: flex-end;
			  flex-basis: 5%;
			  margin: 0.25em;
			}
			&.mprm-price {
			  align-self: flex-end;
			}

		  }
		  &.mprm-right {
			.mprm-flex-item {
			  &.mprm-dots {
				border: none;
				margin-bottom: 0;
			  }
			}
		  }

		  &.mprm-after_title {
			.mprm-flex-item {
			  &:first-child {
				font-weight: bold;
			  }
			  &.mprm-dots {
				display: none;
			  }
			  &.mprm-price {
				margin-left: 0.5em;;
			  }
			}
		  }
		  &.mprm-right {
			.mprm-flex-item {
			  &:first-child {
				font-weight: bold;
			  }
			}
		  }
		}
	  }
	}
  }
}