/*

Yukon.ca Design System overrides
Last updated: December 15, 2020

*/

menu-button {
	display: none!important;
}

.form-control, .input-group input {
	border-color: #595959!important;
	background-color: transparent!important;
}

.form-item.form-type-datetime .container-inline, .form-item.form-type-datelist .container-inline {
	display: block !important;
	margin: -10px 0px 10px 0px;
}

.form-inline .control-label {
  	display: block !important;
    margin-bottom: 10px !important;
}

.form-item {
	margin: 10px 0px!important;
}

.form-actions {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.form-group h3 {
	margin-top: 30px;
}

.panel-default {
	margin: 20px 0px!important;
}

.form-required::after {
	color: transparent!important;
	background-image: none!important;
}

.region-content {
	margin-top: 80px;
}

.title-heading {
	margin-bottom: 30px;
    font-size: 36px;
}

ol, ol ol, ol ul, ul, ul ol, ul ul {
	padding-left: 2em!important;
}

h6 {
	font-weight: 300!important;
	margin-bottom: 20px;
}

.panel-heading, .panel-body {
	border: 0;
}

.webform-progress__status {
	text-align: left;
	margin-bottom: 20px;
	font-weight: 500!important;
	color: #323232;
}

.form-composite legend {
  font-weight: 500;
}

.webform-element-description {
  font-size: 16px;
}

/* remove top-border over fieldset tags */
.webform-submission-form fieldset:first-child {
  border-top: none;
}

.webform-multiple-add {
  padding-bottom: 30px;
}


/* Form ID */
.form-type-webform-markup footer {
    font-size: small;
	color: #323232;
    text-align: right;
}

/* Suppress required-field asterisks for checkboxes. */
input[type="checkbox"].required:before {
  content: none !important;
}

/* Hide back to form link */
div.webform-confirmation__back {
  display: none !important;
}

.family-member-container.panel-body.panel-collapse.fade.collapse.in{
  display: flex;
  flex-direction: row;
}
/* add arrows in preview page */
.panel-title i.arrow{
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-left: 12px;
}

.panel-title.collapsed i.arrow{
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 12px;
}