@charset "UTF-8";
/**
 * ACF Pro Styles - Barany Society
 * Version: 1.0.2
 * 
 * Advanced Custom Forms Pro plugin
 */

.acf-field .acf-label label {
	font-size: 1.1em;
	font-weight: 400;
}
@media screen and (min-width: 48em) {
	/* First level */
	.acf-fields >.acf-field > .acf-label > label {
		font-size: 1.5em;
	}.acf-input .acf-fields.-left > .acf-field .acf-label label {
		font-size: 1.25em;
	}
}
.acf-field .acf-input label .message {
	font-size: 1.1em;
	font-weight: 400;
}
.acf-fields textarea {
	font-size: 1em;
	line-height: 1.125;
}
.acf-fields input:not([type="radio"]):not([type="checkbox"]) {
	font-size: 1.25rem;
	line-height: 2.25em;
}


/* Buttons ********************************************************************/

:disabled,
:disabled:hover,
:disabled:focus {
  opacity: 0.3;
  cursor: default;
}

.af-previous-button:disabled {
  /*display: none;*/
}

.acf-actions .acf-button {
	border: 1px solid;
	border-color: var(--prime-brand-color); 
}

.acf-file-uploader {
	margin: 1em 0;
	text-align: right;
}

/* group button wrappers */
.af-submit.acf-form-submit {
	border-top: 1px solid;
	border-color: var(--grey-e1); 
}
.acf-file-uploader .acf-button,
.acf-image-uploader .acf-button,
.acf-actions .acf-button, /* covers .acf-repeater-add-row */
.af-submit .af-previous-button,
.af-submit .af-next-button,
.af-submit .af-submit-button,
.acf-actions .acf-button:focus,
.af-submit .af-next-button:focus,
.af-submit .af-submit-button:focus {
	border: 1px solid;
	border-color: var(--prime-brand-color);
  border-radius: 0.75em;
  padding: 0.5em 1em;
	color: var(--white);
	background-color: var(--prime-brand-color);
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
          box-shadow: none;
}
.af-submit .af-previous-button,
.af-submit .af-previous-button:focus,
.af-submit .af-previous-button:disabled:hover,
.af-submit .af-previous-button:disabled:focus {
	color: var(--prime-brand-color);
	background-color: var(--white);
}
.acf-file-uploader .acf-button:hover,
.acf-image-uploader .acf-button:hover,
.acf-actions .acf-button:hover,
.af-submit .af-previous-button:hover,
.af-submit .af-next-button:hover,
.af-submit .af-submit-button:hover {
	color: var(--white);
	background-color: var(--prime-brand-hover);
}
.acf-actions .acf-repeater-add-row,
.acf-actions .acf-repeater-add-row:focus {
	padding: 0.5em 2em;
}

.acf-fields select,
.acf-fields textarea,
.acf-fields input[type="text"],
.acf-fields input[type="email"], 
.acf-fields input[type="url"], 
.acf-fields input[type="password"], 
.acf-fields input[type="search"], 
.acf-fields input[type="number"], 
.acf-fields input[type="tel"], 
.acf-fields input[type="range"], 
.acf-fields input[type="date"], 
.acf-fields input[type="month"], 
.acf-fields input[type="week"], 
.acf-fields input[type="time"], 
.acf-fields input[type="datetime"], 
.acf-fields input[type="datetime-local"], 
.acf-fields input[type="color"] {
	appearance:none;
	display: block;
	width: 100%;
	height: var(--input-height);
	margin: 0;
  padding: 0.75em;
  -webkit-border-radius: 0.25em;
	   -moz-border-radius: 0.25em;
          border-radius: 0.25em;
	border-width: 2px;
	border-style: solid;
	border-color: var(--white);
	color: var(--grey-444);
	background-color: var(--form-fields-bg);
}.acf-fields textarea {
	height: inherit;
}
.ui-datepicker-title select {
	appearance: auto;
	display: inline-block;
	height: auto;
	background-color: auto;
}
.acf-fields select:hover,
.acf-fields textarea:hover,
.acf-fields input[type="text"]:hover,
.acf-fields input[type="email"]:hover,
.acf-fields input[type="url"]:hover,
.acf-fields input[type="password"]:hover,
.acf-fields input[type="search"]:hover,
.acf-fields input[type="number"]:hover,
.acf-fields input[type="tel"]:hover,
.acf-fields input[type="range"]:hover,
.acf-fields input[type="date"]:hover,
.acf-fields input[type="month"]:hover,
.acf-fields input[type="week"]:hover,
.acf-fields input[type="time"]:hover,
.acf-fields input[type="datetime"]:hover,
.acf-fields input[type="datetime-local"]:hover,
.acf-fields input[type="color"]:hover {
	cursor: pointer;
	background-color: var(--form-input-hover);
}

.acf-fields input[type="text"]:focus,
.acf-fields input[type="email"]:focus,
.acf-fields input[type="url"]:focus,
.acf-fields input[type="password"]:focus,
.acf-fields input[type="search"]:focus,
.acf-fields input[type="number"]:focus,
.acf-fields input[type="tel"]:focus,
.acf-fields input[type="range"]:focus,
.acf-fields input[type="date"]:focus,
.acf-fields input[type="month"]:focus,
.acf-fields input[type="week"]:focus,
.acf-fields input[type="time"]:focus,
.acf-fields input[type="datetime"]:focus,
.acf-fields input[type="datetime-local"]:focus,
.acf-fields input[type="color"]:focus,
.acf-fields textarea:focus {
	border-color: var(--form-fields-focus);
}

/*
.acf-field .acf-date-picker.acf-input-wrap input[type="text"] {}
.acf-field-6425d2b59b257 .acf-input textarea {}
.acf-form.acf-form select,
.acf-fields .acf-input textarea, 
.acf-fields .acf-input input:not([type="radio"]):not([type="checkbox"]) {
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	border: none;
	width: 100%;
	padding: 12px;
	color: var(--gre-444);
	font-size: 14px;
	background-color: var(--grey-f2)
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	        appearance: none;
}
.acf-form.acf-form select {
	display: block;
	padding: 0.7em;
	color: #666;
	background-image: none;
	background-image: -webkit-linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) );
}*/

select:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover {
	cursor: pointer;
}

select option:hover,
select option:checked {
  color: var(--white);
  background-color: var(--bg-prime-50); 
  box-shadow: .acf-fields 0 0 10px 100px var(--prime-brand-color) inset; 
  transition: all 0.2s ease-in-out;
}

/* Lists */
ul li input[type="checkbox"], 
ul li input[type="radio"] {
	vertical-align: inherit;
}

.af-input.acf-input .acf-true-false label {
	display: flex;
	flex-flow: row nowrap;
	column-gap: 1.5em;
}.af-input.acf-input .acf-true-false label input {
	flex: 0 0 auto;
	max-width: calc(var(--switch-size) * 2); 
}.af-input.acf-input .acf-true-false label .message {
	flex: 1 1 auto; 
}

/* repeater row toggle button */
.acf-repeater .acf-row-handle .acf-icon {
	  display: none;
	  position: absolute;
	  top: 0;
	  margin: -8px 0 0 -2px;
	  z-index: 1;
	}.acf-repeater .acf-row:hover > .acf-row-handle .acf-icon, 
	 .acf-repeater .acf-row.-hover > .acf-row-handle .acf-icon {
		text-decoration: none;
	}

/* Select2 */
.select2-container.-acf .select2-selection {
		height: var(--input-height);
		border-width: 2px;
		border-style: solid;
		border-color: var(--white);
		background-color: var(--form-fields-bg);
	}.select2-container.-acf .select2-selection:hover {
		background-color: var(--form-input-hover);
	}.select2-container.-acf.select2-selection .select2-selection__rendered,
	.select2-container.-acf .select2-selection .select2-selection__placeholder {
		color: var(--grey-444);
	}.select2-container.-acf .select2-selection .select2-selection__rendered {
		line-height: var(--input-height);
	}.select2-dropdown .select2-search .select2-search__field {
		background-color: var(--white);
	}

/* field ID .acf-field-6425d0c2a25ec */
.acf-field-6425d0c2a25ec .select2-container.-acf .select2-selection .select2-selection__arrow {
	top: 5px;
}

#submitter-wrap .select2-container.-acf .select2-selection,
#anatomy-wrap .select2-container .select2-selection {
		/*height: inherit;*/
	}#submitter-wrap .select2-container.-acf .select2-selection .select2-selection__rendered,
		#anatomy-wrap .select2-container.-acf .select2-selection .select2-selection__rendered {
		padding-left: 1em;
		padding-left: 4px;
		padding-right: 20px;
		font-size: 1.15em;
		/*line-height: 48px;*/
	}#submitter-wrap .select2-container.-acf .select2-selection .select2-selection__arrow,
	 #anatomy-wrap .select2-container.-acf .select2-selection .select2-selection__arrow {
		/*top: 14px;*/
	}

/* Page Wrap */
.af-page-wrap {
	border: 0;
	margin: 0;
}
.af-page-button .title,
.af-page-button.enabled:hover .title,
.af-page-button.enabled.current .title,
.af-page-button.enabled.current:hover .title  {
		color: var(--white);
		opacity: 1;
		transition: all 0.25s ease-in-out;
	}.af-page-button.enabled .title {
		color: black;
	}
.af-page-wrap .af-page-button { 
		border-width: 0 0 2px 0;
		border-bottom-style: solid;
		border-bottom-color: var(--prime-brand-color);
	  height: inherit;
	  padding: 1em 1.5em;
	  line-height: inherit;
	  text-align: left;
		background-color: var(--prime-brand-color);
		transition: all 0.25s ease-in-out;
	}.af-page-wrap .af-page-button,
	 .af-page-wrap .af-page-button.enabled { 
		border-bottom-color: var(--\~turqouis);
	}.af-page-wrap .af-page-button.enabled:hover,
	 .af-page-wrap .af-page-button.enabled.current,
	 .af-page-wrap .af-page-button.enabled.current:hover {
		border-bottom-color: var(--yellow);
	}.af-page-wrap .af-page-button.enabled,
	 .af-page-wrap .af-page-button.enabled:hover,
	 .af-page-wrap .af-page-button.enabled.current,
	 .af-page-wrap .af-page-button.enabled.current:hover { 
		background-color: var(--prime-brand-hover);
	}.af-page-wrap .af-page-button.enabled,
	 .af-page-wrap .af-page-button.enabled:hover {
		cursor: pointer;
	}.af-page-wrap .af-page-button.enabled.current,
	 .af-page-wrap .af-page-button.enabled.current:hover {
		cursor: default;
	}.af-page-wrap .af-page-button,
	 .af-page-wrap .af-page-button:hover,
	 .af-page-wrap .af-page-button:active,
	 .af-page-wrap .af-page-button.enabled.current,
	 .af-page-wrap .af-page-button.enabled.current:hover,
	 .af-page-wrap .af-page-button.enabled.current:active {
	  text-decoration: none;
	  -webkit-box-shadow: none;
		   -moz-box-shadow: none;
	          box-shadow: none;
	}
/* Page Wrap Arrow right */
.af-page-wrap .af-page-button::after, 
.af-page-wrap .af-page-button::before {
		/*display: none;*/
		border-left-color: var(--prime-brand-color);
	}.af-page-wrap .af-page-button.enabled:after, 
	 .af-page-wrap .af-page-button.enabled:before,
	 .af-page-wrap .af-page-button.current:after, 
	 .af-page-wrap .af-page-button.current:before {
	  /*display: none;*/
	  display: block;
	  border-left-color: var(--prime-brand-hover);
	}
	.af-page-wrap .af-page-button .index {
			color: black;
			text-align: center;
		}.af-page-wrap .af-page-button.enabled .index {
			color: var(--white);
		  background-color: var(--prime-brand-color);
		  transition: all 0.25s ease-in-out;
		}.af-page-wrap .af-page-button.current .index {
		  color: red;
		  background-color: var(--white);
		}.af-page-wrap .af-page-button.enabled:hover .index { 
			color: var(--prime-brand-color);
			background-color: var(--white);
		}

/* Type Group, multiple column, flex. TODO: add class to field */
@media screen and (min-width: 48em) {
	.flex-column { /* field group ID acf-field-64260dd73cd75 */
		padding: 0;
	}.flex-column .acf-fields {
		display: flex;
		flex-flow: row wrap;
		align-items: stretch;
	}.flex-column .acf-fields > div:last-child.acf-hidden {
		flex: 0;
		width: 0;
		height: 0;
	}.flex-column .acf-fields > div {
		flex: 1;
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		align-items: stretch;
		transition: all 500ms cubic-bezier(.22,.61,.36,1);
	}.flex-column .acf-fields > .acf-field {
		border-width: 1px 1px 1px 0;
		border-style: solid;
		border-color: var(--brdr-af-field);
	}.flex-column .acf-fields > .acf-field:first-child {
		border-top-width: 1px;
		border-left-width: 1px;
	}
	.flex-column .acf-fields > acf-label,
	.flex-column .acf-fields > acf-input {
		flex: 0 1 auto;
	}
	/* Repeater Layout: Row */
	.acf-fields.-left .acf-field:before,
	.acf-fields.-left .acf-field .acf-label {
		width: 30%;
	}.acf-fields.-left .acf-field .acf-input {
		width: 70%;
	}
}

/** THEMES **/ 
/* Twenty Seventeen Theme */
.page:not(.home) #content {
	margin-bottom: 0;
	padding-bottom: 0;
	} @media screen and (min-width: 48em) {
		body:not(.has-sidebar):not(.page-one-column) .page-header, 
		body.has-sidebar.error404 #prime .page-header, 
		body.page-two-column:not(.archive) #prime .entry-header, 
		body.page-two-column.archive:not(.has-sidebar) #prime .page-header {
			float: none;
			width: inherit;
		  margin: 70px 0 20px;
		  border-width: 0 0 1px 0;
		  bordery-style: solid;
		  border-color: var(--grey-eee, #eee);
		}
	}


/** Bárány Society **/

/* Containers Background */
.acf-fields.-left,
.acf-fields.-left > .acf-field,
.acf-fields.-left .acf-field::before,
.acf-fields.-left .acf-field .acf-label,
.acf-fields.-left .acf-field .acf-input {
	background-color: var(--transparent);
}

/* Parent Container */

/* Field group labels
   Key: 6425d30c9b258 Reviewer
   Key: 64260dd73cd75 #submitter-wrap, Submitter Information
   Key: 6425daed38af4 #curriculum-wrap, Curriculum Chapter
	 Key: 64260dd73cd75, no label, about
	 Key: 6425f25659892 #topic-material-wrap, 
	 
	 Key: 6425db8e38af5 #anatomy-wrap, Anatomy, Physiology & Physics Topics
	 Key: 6425de27bba93 #patient-privacy-wrap
	 Key: 6425df0fbba94 #copyright-wrap

	 Key: 6425a701214b8 Instructions
	 Key: 64260dd73cd75, curriculum
*/
.acf-field-6425a701214b8, /* instructions */
.acf-field-64260dd73cd75, /* about */
#submitter-wrap,
#curriculum-wrap,
#anatomy-wrap,
#vestibular-wrap,
#history-wrap,
#bedside-wrap,
#ancillary-wrap,
#treatments-wrap,
#disorders-wrap,
#professional-wrap,
#overview-wrap,
#add-topic-wrap,
#patient-privacy-wrap,
#copyright-wrap {
	margin-top: 0.5em;
	padding: 3em 2em;
	border-width: 0;
	border-style: solid;
	border-color: var(--white);
	background-color: var(--aliceblue);
}

#curriculum-wrap .acf-fields.-border {
	border: 0;
}

.acf-repeater > table {
	background: #F9F9F9;
}
.acf-fields > .acf-field {
	border-top: 2px solid #fff;
}
ul.acf-radio-list, 
ul.acf-checkbox-list {
	padding-top: 0.5em;
}

/* Add Topic Material Key: 6425f25659892 class: acf-field-6425f25659892 */
#add-topic-wrap .acf-repeater tr.acf-row .acf-row-handle, 
#add-topic-wrap .acf-fields.-left > .acf-field,
#add-topic-wrap .acf-fields.-left > .acf-field .acf-input {
	background-color: var(--aliceblue);
}#add-topic-wrap .acf-fields.-left .acf-field::before {
	border-right: 0;
	background-color: var(--aliceblue)
}

#article-link input[type="url"],
#add-topic-wrap input[type="text"],
#add-topic-wrap textarea {
	background-color: #f0f0f0;
	background-color: var(--form-fields-bg);
}
#article-link input[type="url"]:hover,
#add-topic-wrap input[type="text"]:hover,
#add-topic-wrap textarea:hover {
	background-color: var(--form-fields-bg);
	background-color: var(--form-input-hover);
}
#article-link input[type="url"]:focus
#add-topic-wrap input[type="text"]:focus,
#add-topic-wrap textarea:focus {
	border-color: var(--form-fields-focus);
}


/* -----------------------------------------------------------------------------
0.0 Vars
----------------------------------------------------------------------------- */
:root {

	/** COLORS **/
	/** RGB */

	/* Base */
	--white: rgb(255, 255, 255);/* #ffffff */
	--orange:rgb(255, 165, 0);  /* #ffa500 */
	--red:   rgb(255, 0, 0);    /* #ff0000 */
	--yellow:rgb(239, 192, 65); /* #efc041 */
	--green: rgb(0, 255, 0);    /* #00FF00 */
	--blue:  rgb(0, 0, 255);    /* #0000ff */
  --black: rgb(0, 0, 0);      /* #000000 */
  
  /* Grey */
  --grey-f2: rgb(242, 242, 242);/* #f2f2f2 ~very light grey */
  --grey-e1: rgb(225, 225, 225);/* e1e1e1 ~very light grey */
  --grey-eee:rgb(238, 238, 238);/* #eeeeee */
  --grey-ddd:rgb(221, 221, 221);/* #dddddd */
  --grey-999:rgb(153, 153, 153);/* #999999 */
  --grey-888:rgb(136, 136, 136);/* #888888  ~middle grey */
  --grey-444:rgb(68, 68, 68);   /* #444444 */

  /* Warm Grey */
  --grey-60-warm:rgb(95, 95, 95);   /* #5f5f5f 60% black */
  --grey-42-warm:rgb(148, 148, 148);/* #949494 42% black */
  
	/* Cool Grey */
	--aliceblue:   rgb(240, 248, 255);/* #F0F8FF aliceblue faint blue */
	--grey-42-cool:rgb(126, 137, 147);/* #7e8993 42% black slighlty blue */
	--grey-97-cool:rgb(0, 0, 8);      /* #008 97% black */
  
  /* Orange */
	/* Red */
	--\~crimson:rgb(200, 16, 46);/* #c8102e ~red */

	/* Yellow */
	/* Green */
	/* Blue */
	--\~manatee:   rgb(140, 135, 165);/* #8c87a5 ~light purple */
	--blue-50-tint:rgb(136, 204, 255);/* #88ccff ~baby blue */
	--\~turqouis:  rgb(59, 171, 196); /* #3babc4 ~turqouis */
	--denim:       rgb(17, 119, 221); /* #1177dd ~denim */
	--\~light-cyan:rgb(199, 226, 252);/* #c7e2fc ~light-cyan */
	

	/* Black */
	/* Alerts, Messages, Bootstrap */
	--bg-prime:   rgb(0, 123, 255);  /* #007bff bootstrap prime blue */
	--bg-prime-50:rgb(120, 183, 250);/* #78b7fa ~bootstrap prime 50% tint */
  --bg-success: rgb(40, 167, 69);  /* #28a745 ~green */
  --bg-info:    rgb(23, 162, 184); /* #17a2b8 ~turquois */
  --bg-warning: rgb(255, 193, 7);  /* #ffc107 ~yellow */
  --bg-danger:  rgb(220, 53, 69);  /* #dc3545 ~red */

  /** BRANDS **/
  /** RGB */

  /* The Bárány Society */
	--barany-tint:  rgb(119, 136, 202);   /* #7788ca 50% tint */
	--barany-rgba: rgba(57, 75, 157, 0.5);/* 50% alpha */
	--barany-blue:  rgb(57, 75, 157);     /* #394b9d */
	/* Analogous */
	--prime-next-a: rgb(95, 53, 171);  /* #5F35AB purple 33% black */
	--prime-next-b: rgb(66, 56, 181);  /* #4238B5 purple blue 29% black */
	--prime-next-c: var(--barany-blue);/* #394B9D */
	--prime-next-d: rgb(56, 112, 181); /* #3870B5 blue 29% black */
	--prime-next-e: rgb(53, 137, 171); /* #3589AB middle blue 33% black */
	/* Monochromatic */
	--prime-mono-a: rgb(155, 169, 235);/* # */
	--prime-mono-b: rgb(155, 169, 235);/* # */
	--prime-mono-c: var(--prime-next-c);  /* # */
	--prime-mono-d: rgb(155, 169, 235);/* #9BA9EB */
	--prime-mono-e: rgb(155, 169, 235);/* # */
	/*  */
  --prime-brand-color:var(--barany-blue);
  --prime-brand-hover:var(--barany-tint);
  --secon-brand-color:var();
  --secon-brand-hover:var();
  --third-brand-color:var();
  --third-brand-hover:var();

  /* Advanced Custom Fields Pro */
	--acf-blue:rgb(0, 102, 153);/* #006699 */

  /** END BRANDS **/

  /** FORMS **/
	/*
	 * @link https://color.adobe.com/create/color-wheel
	*/
	/* Analogous */
	--form-a: rgb(227, 227, 255);/* #E3E3FF very light purple */
	--form-b: rgb(207, 213, 232);/* #CFD5E8 very light grey cool */
	--form-c: var(--aliceblue);  /* #F0F8FF very light blue */
	--form-d: rgb(207, 227, 232);/* #CFE3E8 very light blue tint */
	--form-e: rgb(227, 255, 253);/* #E3FFFD very light tourqouis */

	--form-fields-bg:    var(--\~light-cyan);
	--form-fields-hover: var(--prime-mono-d);
	--form-input-hover:  var(--prime-mono-d);
	--form-fields-focus: var(--prime-mono-a);

	/* Radio Button */
	--form-control-color: var(--prime-brand-color);

	/* Backgrounds */
	--transparent: 'transparent';

	/* Borders */
  --brdr-af-field:var(--grey-999);

	/* Links, Buttons */
  --bg-hover-txt:var(--white,white);
  --bg-hover:    var(--barany-blue);
  --bg-tab:      var(--barany-blue); 

  /* Forms */
  --input-height: 36px;
}

/*
 * Checkboxes
 * @link https://medium.com/codex/even-better-styled-html-css-checkboxes-7e9345b5bffd
 */

/* Extend Switch Slider , class: .ext-switch-slider */
body {
	/* checkbox toggle pill shape */
	--switch-size: 2em;
	--switch-border-width: 0.1875em;
	--switch-border-inner-radius: calc(var(--switch-size) / 2);
  --switch-border-outer-radius: calc(
	    var(--switch-border-inner-radius) + 
	    var(--switch-border-width) );
  --switch-width: var(--switch-size);
} 

/* Square shape pill */
.ext-switch-slider input[type=checkbox] {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		box-sizing: content-box; /* default after appearance:none is border-box */
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width:  calc(var(--switch-size) * 2);
		height: var(--switch-size);
		border-radius: 0.25em;
		border: var(--switch-border-width) solid;
		/* appearance */
		border-color:     var(--grey-42-warm);
		background-color: var(--grey-ddd);
		transition: background 0.3s;
	}.ext-switch-slider input[type=checkbox]:before {
		/* size */
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:  var(--switch-size);
		height: var(--switch-size);
		border: 3px solid;
		/* style */
		border-color:     var(--grey-ddd);
		background-color: var(--white);
		transition: left 0.3s,background 0.3s;
	}.ext-switch-slider input[type=checkbox]:checked {
		background-color: var(--prime-brand-color);
	}.ext-switch-slider input[type=checkbox]:checked:before {
		/* animation */
	  left: var(--switch-size);
	  border-color:     var(--prime-brand-color);
	  background-color: var(--blue-50-tint);
	}.ext-switch-slider .acf-true-false input:after {
		content: 'YES';
		display: inline-block;
		padding: 7px 2px 7px 4px;
		color: var(--white);
		font-size: 0.85em;
		font-weight: 700;
	}

/* Round shape pill */
.pill.ext-switch-slider input[type=checkbox] {
	border-radius: var(--switch-border-outer-radius);
}.pill.ext-switch-slider input[type=checkbox]:before {
	border-radius: var(--switch-border-inner-radius);
}

/* 
 * Radio Button, class: .ext-radio-button  
 * @link https://moderncss.dev/pure-css-custom-styled-radio-buttons/
*/
/** ACF CSS */
/* Radio button
@media.acf.radio {
	.acf-hl {
			padding: 0;
			margin: 0;
			list-style: none;
			display: block;
			position: relative;
		}.acf-hl::before, 
		 .acf-hl::after, 
		 .acf-bl::before, 
		 .acf-bl::after, 
		 .acf-cf::before, 
		 .acf-cf::after {
			  content: "";
			  display: block;
			  line-height: 0;
			}.acf-hl > li {
			  float: left;
			  display: block;
			  margin: 0;
			  padding: 0;
			}
	.acf-radio-list,
	.acf-checkbox-list {
			background-color: transparent;
			border: 1px solid transparent;
			position: relative;
			padding: 1px;
			margin: 0;
		}.acf-radio-list li, 
		 .acf-checkbox-list li {
			font-size: 13px;
			line-height: 22px;
			margin: 0;
			margin-right: 0px;
			position: relative;
			word-wrap: break-word;
		}
	.acf-radio-list.acf-hl li, 
	.acf-checkbox-list.acf-hl li {
		margin-right: 20px;
		clear: none;
	}

	label {
		color: #333;
	  display: inline-block;
	  max-width: 100%;
	  margin-bottom: 5px;
	  font-weight: 700;
	}.selected {}
	.acf-radio-list li label, 
	.acf-checkbox-list li label {
	  display: inline;
	} 
}
/* end .acf.radi */
/** END ACF CSS */

/* Extend Radio Button , class: .ext-radio-button */
.ext-radio-button .acf-radio-list label {
	  font-size: 1.2em;
	  font-weight: bold;
	  line-height: 1;
	  /* Set flex grid */
	  display: grid;
	  grid-template-columns: 1em auto;
	  gap: 0.75em;
	}.ext-radio-button .acf-radio-list label:focus-within {
		/* Experimental:focus-within to Style the Label Text */
		color: var(--form-control-color);
	}.ext-radio-button .acf-radio-list label input[type=radio] {
		/* Reset */
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		/* For iOS < 15 to remove gradient background */
		background-color: inherit;
		/* Not removed via appearance */
	  margin: 0;
	}.ext-radio-button .acf-radio-list label input[type=radio] {
	  margin: 0;
	  width: 1em;
	  height: 1em;
	  border: 0.25em solid;
	  border-radius: 50%;
	}.ext-radio-button .acf-radio-list label input[type=radio]:before {
		/* Checked state */
	  content: "";
	  width: 0.5em;
	  height: 0.5em;
	  border-radius: 50%;
	  /* Appearance */
	  transform: scale(0);
	  transition: 120ms transform ease-in-out;
	  box-shadow: inset 1em 1em var(--form-control-color);
	  /* Windows High Contrast Mode */
	  background-color: CanvasText;
	}.ext-radio-button .acf-radio-list label input[type="radio"]:checked:before {
	  transform: scale(1);
	}.ext-radio-button .acf-radio-list label input[type=radio]:focus,
	 .ext-radio-button .acf-radio-list label.selected input[type=radio] { 
		color: currentColor;
		box-shadow: inset 1em 1em var(--form-control-color);
	  outline-offset: max(2px, 0.15em);
	  outline: max(2px, 0.15em) solid currentColor;
	}