/* Expand / Collapse Buttons */
.field-repeater-toggle-all {
	float:right;
	margin: -5px 0 15px !important;
}

.button.field-repeater-toggle-single {
	padding: 1px 1px 0 1px;
}
.layout .field-repeater-toggle-single {
	margin: 0 5px 0 -5px;
}
.repeater-button-cell {
	background: #f9f9f9 !important;
	padding: 0 !important;
	vertical-align: middle !important;
	text-align: center !important;
	border-right-color: #e1e1e1 !important;
	width: 30px !important;
	/* Sorry 'bout the !importants. They are gross. Sadly, so are the ACF selectors I have to battle. */
}

.field_type-flexible_content .layout {
	padding-left: 30px;
	background: transparent;
}

.field_type-flexible_content .field-repeater-toggle-single {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 5px;
}

.field_type-flexible_content .acf-fc-layout-handle {
	background: #fff;
}

.button.field-repeater-toggle-single {
	display: inline;
	-webkit-font-smoothing: antialiased;
	font: normal 20px/1 'dashicons';
	vertical-align: text-bottom;
	color: #777;
	background: url(../images/icon--collapse.svg);
	background-size: 10px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: none;
	border:1px solid #d1d1d1;
}

.button.field-repeater-toggle-single:focus { 
	background: url(../images/icon--collapse.svg) center center no-repeat #FFF;
	background-size: 10px;
	box-shadow: none;
	border:1px solid #d1d1d1;
}
.field-repeater-toggle-all::before {
	margin: 3px 5px 0 0;
}
.button.field-repeater-toggle-single:hover {
	border:1px solid #d1d1d1;
	background: url(../images/icon--collapse.svg) center center no-repeat #FFF;
	background-size: 10px;
}

.layout.collapsed-row .button.field-repeater-toggle-single,
.row.collapsed-row .button.field-repeater-toggle-single { 
	background: url(../images/icon--expand.svg) center center no-repeat;
	background-size: 10px;
}

.layout.collapsed-row .button.field-repeater-toggle-single:hover,
.row.collapsed-row .button.field-repeater-toggle-single:hover { 
	border:1px solid #d1d1d1;
	background: url(../images/icon--expand.svg) center center no-repeat #FFF;
	background-size: 10px;
}





.acf_flexible_content,
.repeater {
  clear: both;
}

.collapsed-repeater .acf_input {
	position: relative;
}

.collapsed-row .acf_input-wrap tr {
	display: none;
}

.collapsed-row .acf_input-wrap tr:first-child {
	display: table-row;
}

/* "Masks" the first field in order to prevent clicking on it */
.collapsed-row  .acf_input-wrap tr::after {
	position: absolute;
	top: 0; bottom: 0; left: 0px; right: 0;
	display: block;
	content: ' ';
	background: -webkit-gradient(linear, left top, left bottom, from(rgba( 244, 244, 244, .2 )), to(rgba( 244, 244, 244, 1 )));
	background: -o-linear-gradient( rgba( 244, 244, 244, .2 ), rgba( 244, 244, 244, 1 ) );
	background: -moz-linear-gradient( rgba( 244, 244, 244, .2 ), rgba( 244, 244, 244, 1 ) );
	background: -webkit-linear-gradient( rgba( 244, 244, 244, .2 ), rgba( 244, 244, 244, 1 ) );
	background: linear-gradient( rgba( 244, 244, 244, .2 ), rgba( 244, 244, 244, 1 ) );
}

/* 2017 button styles */
.button.field-repeater-toggle-all { 
	box-sizing: border-box;
	position: relative;
	border:1px solid #d1d1d1;
	background:#FFF;
	color:#e5e5e5;
	float:right; 
	font-weight:normal;
	color:#6a6f74;
	padding:1px 10px 1px 30px;
	text-align: right;
	min-width: 114px;
	transition: all 100ms ease-in-out;
	background-color: rgba(249, 249, 249, 0.50);
	user-select: none;
	box-shadow: none;
}

.button.field-repeater-toggle-all:before { 
	position: absolute;
	top:0;
	left:3px;
	content: "";
	background: url(../images/icon--collapse.svg);
	background-size: 10px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}

.button.field-repeater-toggle-all.collapse:hover { 
	border:1px solid #d1d1d1;
	background-color: #FFF;
	color:#b0a9a8;
}

.button.field-repeater-toggle-all:focus { 
	outline: none;
	box-shadow: none;
	border:1px solid #d1d1d1;
	color:#6a6f74;
}

div.field_type-flexible_content.collapsed-repeater .button.field-repeater-toggle-all:before,
div.field_type-repeater.collapsed-repeater .button.field-repeater-toggle-all:before { 
	background: url(../images/icon--expand.svg);
	background-size: 10px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}