/* repeater */
.bin_access_control_input_fields_wrap .bin_access_control_input_field { display:flex; align-items:center; margin:0.25rem 0; }
.bin_access_control_input_fields_wrap .bin_access_control_input_field .bin_access_control_remove_field { text-decoration:none; }

/* settings hero */
.bin_access_control_settings_hero { box-sizing:border-box; width:100%; padding:0.25rem; background:white; border-radius:1rem; background:linear-gradient(rgba(132,32,32,1), rgba(0,0,0,1)); }
.bin_access_control_settings_hero .bin_access_control_settings_hero_inner { box-sizing:border-box; display:block; width:100%; padding:1rem; border-radius:0.75rem; background:transparent url('../images/hero_background.jpg') center center; background-size:cover; }
.bin_access_control_settings_hero .bin_access_control_settings_hero_inner h1 { color:#fff; font-size:2.4rem; font-weight:bold; margin:0; padding:0; }
.bin_access_control_settings_hero .bin_access_control_settings_hero_inner img { display:block; height:100px; max-width:100%; }

/* settings linklist */
.bin_access_control_banner_linklist { display:flex; align-items:center; margin:5px -5px 0 -5px; }
.bin_access_control_banner_linklist a { color:#842020; text-decoration:none; margin:0 5px; }

/* settings grid */
.bin_access_control_settings_grid { display:flex; flex-wrap:wrap; margin:-0.5rem; }

.bin_access_control_settings_grid .bin_access_control_settings_grid_left { box-sizing:border-box; width:100%; margin:0.5rem; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_right { box-sizing:border-box; width:100%; margin:0.5rem; }

@media only screen and (min-width:576px) {
	.bin_access_control_settings_grid .bin_access_control_settings_grid_left  { width:calc(50% - 1rem); }
	.bin_access_control_settings_grid .bin_access_control_settings_grid_right  { width:calc(50% - 1rem); }
}

.bin_access_control_settings_grid .bin_access_control_settings_grid_block { box-sizing:border-box; width:100%; margin:1rem 0; padding:0.25rem; background:white; border-radius:1rem; background:#ececec; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block[data-disabled] { position:relative; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block[data-disabled]::before { content:'disabled'; text-transform:uppercase; font-size:1.5rem; font-weight:bolder; color:rgba(0,0,0,0.35); position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.75); border-radius:1rem; display:flex; justify-content:center; align-items:center; z-index:13; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner { box-sizing:border-box; height:100%; background:#ffffff; padding:1rem; border-radius:0.75rem; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner h3 { margin-top:0; font-weight:bold; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner p { margin:0.25rem 0; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner select { width:100%; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner input { width:100%; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner .bin_access_control_settings_grid_block_inner_setting { display:flex; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner .bin_access_control_settings_grid_block_inner_setting:not(:first-of-type) { margin-top:1rem; border-top:1px #efefef solid; padding-top:1rem; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner .bin_access_control_settings_grid_block_inner_setting > p { margin:0.25rem 0 0 0; width:100px; font-weight:bold; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner .bin_access_control_settings_grid_block_inner_setting > div { margin:0 0 0 20px; width:calc(100% - 120px); }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner .bin_access_control_settings_grid_block_inner_setting > div p { margin:0.25rem 0 0 0; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner .bin_access_control_settings_grid_block_inner_setting > div input { width:100%; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner .bin_access_control_settings_grid_block_inner_setting > div textarea { width:100%; min-height:140px; }
.bin_access_control_settings_grid .bin_access_control_settings_grid_block .bin_access_control_settings_grid_block_inner .bin_access_control_settings_grid_block_inner_setting > div select { width:100%; }

@media only screen and (min-width:576px) {
	.bin_access_control_settings_grid .bin_access_control_settings_grid_block.bin_access_control_settings_grid_block_half { width:calc(50% - 1rem); margin:0.5rem; }
}

/* condition */
.bin_access_control_condition_hidden { display:none !important; }

/* switch */
.bin_access_control_switch { position:relative; display:inline-block; width:60px; height:34px; }
.bin_access_control_switch input { display:none; }

.bin_access_control_switch .slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; transition:.4s; border-radius:34px; }
.bin_access_control_switch .slider:before { position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; transition:.4s; border-radius:50%; }
.bin_access_control_switch input:checked + .slider { background-color:#0073aa; }
.bin_access_control_switch input:focus + .slider { box-shadow:0 0 1px #0073aa; }
.bin_access_control_switch input:checked + .slider:before { transform:translateX(26px); }
.bin_access_control_switch input:disabled + .slider { opacity:0.5; }

.bin_access_control_switch_list .bin_access_control_switch_list_item { display:flex; align-items:center; }
.bin_access_control_switch_list .bin_access_control_switch_list_item:not(:last-of-type) { margin-bottom:0.5rem; }
.bin_access_control_switch_list .bin_access_control_switch_list_item .bin_access_control_switch_list_item_label { margin-left:0.5rem; }

/* meta box visible status */
#bin_access_control_status { border:2px #0075af solid; padding:5px; }
#bin_access_control_status.bin_access_control_status_enabled { border:2px #b52727 solid; }
#bin_access_control_status.bin_access_control_status_disabled { border:2px green solid; }