.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

	iframe,
	object,
	embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}



.sortable {
	li {
		background: white;
		margin-bottom: .382em;
		padding: .236em 1em;

		.handle {
			background: #CCC;
			border-radius: .5em;
			cursor: move;
			display: inline-block;
			padding: .236em .618em;
		}
		.wp-picker-container {
			line-height: 2.618em;
			position: relative;
			.wp-picker-holder {
				position: absolute;
				z-index: 1;
			}
		}

		.delete {
			background: red;
			border-radius: .5em;
			border-width: 0;
			color: white;
			cursor: pointer;
			display: inline-block;
			float: right;
			opacity: .5;
			padding: .236em .618em;

			&:hover {
				opacity: 1;
			}
		}

		label {
			margin: 0 3em;
			white-space: nowrap;
		}
	}
}



.switch-field {
  // font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
  // padding: 40px;
  //   overflow: hidden;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
  display: none;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  width: 60px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  // -webkit-transition: all 0.1s ease-in-out;
  // -moz-transition:    all 0.1s ease-in-out;
  // -ms-transition:     all 0.1s ease-in-out;
  // -o-transition:      all 0.1s ease-in-out;
  // transition:         all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #A5DC86;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}



#row-addons {
	.addon {
		margin: 0 1% 15px 0;
		width: 30%;

		.addon-header {
			background: #21759b;
			color: white;
			min-height: 2em;
	
			img {
				display: block;
				max-width: 100%;
			}
		}

		.addon-body {
			background: white;
			padding: 15px;

			.button {
				text-align: center;
				width: 100%;
			}
		}

	}
}