@charset "UTF-8";
/* CSS Global Styles */

/* Resets */

* {margin: 0; padding: 0; box-sizing: border-box;}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, hr, form, input, img, fieldset, button, table {margin: 0; padding: 0; border: 0; -webkit-text-size-adjust:none;}

	
body {font-family: 'Roboto', sans-serif; font-weight: 300; color: #707070; background-color: #DAEBF7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.vertical-tabs {display: none;}

h2 {border-bottom: solid 1px #d7d7d7; padding-bottom: 0.3em; margin-bottom: 1.0em; font-size: 1.2em;}
p {line-height: 1.6em; margin-bottom: 1.0em;}
a {color: #004088}
a:hover, h3 a {text-decoration: none;}

article ul, article ol {margin-bottom: 1.0em; margin-left: 2.0em;}
article ul li, article ol li {line-height: 1.6em;}

.acknowledgment {font-style: italic; font-size: 0.9em;}
.question, .answer {font-style: italic; line-height: 1.6em;}
.question {font-weight: bold;}
.webform-element-more--link, .webform-element-more--content {line-height: 1.6em;}

.logout {margin-top: 1.0em; text-align: center;}
.logout a {text-decoration: none;}

header {background-color: #FFF; border-bottom: solid 2px #E8E4E4;}
header .wrapper {position: relative; padding-top: 1.0em; padding-bottom: 1.0em;}
header .wrapper .logo {display: block; width: 260px; height: auto;}
header .wrapper .name {position: absolute; right: 1.0em; top: 2.2em; text-transform: uppercase;}

section.page {display: grid; grid-template-columns: 1fr 4fr; background-color: #FFF; min-height: 100vh;}
section.user {background-color: #DAEBF7; text-align: center;}
section aside {padding-left: 1.0em; padding-top: 2.0em;}
section aside ul {list-style: none;}
section aside ul li {background-size: 26px; background-position: left center; background-repeat: no-repeat; background-image: url(/themes/experience/images/icon-content.svg);}
section aside ul li:nth-child(1) {background-image: url(/themes/experience/images/icon-reports.svg);}
.path-group section aside ul li:nth-child(2) {background-image: url(/themes/experience/images/icon-content.svg);}
.path-group section aside ul li:nth-child(3) {background-image: url(/themes/experience/images/icon-members.svg);}
.path-group section aside ul li:nth-child(4) {background-image: url(/themes/experience/images/icon-settings.svg);}
section aside ul li a {display: block; padding: 1.0em; border-top-left-radius: 6px; border-bottom-left-radius: 6px; margin-left: 2.0em; text-decoration: none; color: #707070;}
section aside ul li a.is-active {background-color: #DAEBF7;}
section main {background-color: #DAEBF7; padding: 3.0em;}

section main .content {background-color: #FFF; border-radius: 6px;}

.qrcode {margin: 4.0em 20% 2.0em 0;}
.qrcode .views-field-field-qr-code {margin-bottom: 1.0em;}
.qrcode .views-field-field-qr-code img {width: 100%; height: auto; max-width: 130px;}
.qrcode .click {font-style: italic;}

/* Paragraph styles */
.paragraph {margin-bottom: 3.0em;}
.node--article {max-width: 800px; margin-left: auto; margin-right: auto;}
.paragraph--type--image .field-item {padding: 1.0em; border-radius: 6px; background-color: #d0e5f3;}
.paragraph--type--image img {border-radius: 4px;}
.paragraph--type--image .field-item:hover {background-color: #e2eef6;}

/* Taxonomy styles */
.taxonomy-list {max-width: 800px; margin-left: auto; margin-right: auto;}
.taxonomy-list .views-row {position: relative; padding: 1.0em; border-radius: 6px; margin-bottom: 2.0em; background-color: #d0e5f3}
.taxonomy-list .views-row:hover {background-color: #e2eef6;}
.taxonomy-list .views-row a {position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; text-indent: -9999px;}

/* Provider settings */
.share-url {background-color: #d0e5f3; border-radius: 6px; margin-bottom: 2.0em; padding: 1.0em;}
.share-url .views-field-view-node {background-color: #FFF; padding: 10px; border-radius: 6px; max-width: 400px;}
.group-form .form-wrapper {background-color: #d0e5f3; border-radius: 6px; margin-bottom: 2.0em; padding: 1.0em;}

/* User login pages */
section.user .wrapper {padding-top: 3.0em; padding-bottom: 6.0em;}
section.user .wrapper h1 {margin-bottom: 2.0em;}
section.user .wrapper .user-link {line-height: 1.6em; margin-top: 2.0em;}
#block-experience-page-title {position: relative; background-color: #FFF; border-radius: 6px; margin-bottom: 2.0em;}
#block-experience-page-title ul {position: absolute; right: 1.0em; top: 1.0em; list-style: none;}
#block-experience-page-title ul li {display: inline-block; margin-left: 1.0em;}
#block-experience-page-title ul li a {text-decoration: none;}
#block-experience-page-title ul li a:hover {text-decoration: underline;}
#block-experience-page-title .account {background-image: url(/themes/experience/images/icon-account.svg); background-size: 26px; background-position: right center; background-repeat: no-repeat; padding-right: 2.0em; padding-top: 0.5em; padding-bottom: 0.5em;}
#block-experience-page-title h1 {padding: 0.5em 1.0em;}

#block-experience-primary-local-tasks {text-align: center; margin-bottom: 2.0em;}
#block-experience-primary-local-tasks ul li {display: inline-block;}
#block-experience-primary-local-tasks ul li a {display: block; padding: 0.5em;}

.path-group table {width: 100%;}

.button {display: inline-block; background-color: #004088; border-radius: 6px; padding: 10px 18px; font-size: 1.0em; color: #FFF; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; font-weight: normal;}
.button.small {padding: 4px 18px; text-transform: capitalize;}
.button:hover {background-color: #0b56aa;}

.form-item {margin-bottom: 1.0em;}
.form-item label {display: block; margin-bottom: 0.3em;}
.form-item.js-form-type-checkbox label {display: inline-block;}
.form-item .form-text, .form-item .form-textarea, .form-item .form-url, .form-item .form-email, .form-item .form-number, .form-item .form-date {padding: 10px; border-radius: 6px; outline: none; font-size: 1.0em; color: #707070; max-width: 400px; border: none;}
.form-item .description {font-size: 0.9em; margin-top: 0.5em;}
.form-actions {padding: 2.0em 0;}

.form-item-other-feedback .description {max-width: 500px; margin: auto; padding-bottom: 1.0em;}

select {-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; padding: 9px 46px 11px 18px; outline: none; cursor: pointer; background-repeat: no-repeat; background-position: right 12px center; background-size: 18px auto; background-color: #3781C5; color: #FFF; font-size: 1.0em; border: none; outline: none; border-radius: 6px; background-image: url(/themes/experience/images/icon-down.svg);}
select:hover {background-color: #005DAA;}

.ui-autocomplete {background-color: #cee3f1; line-height: 1.6em;}
.ui-autocomplete li a {display: block; padding: 0.2em;}
.ui-autocomplete li a:hover {background-color: #e2eef6;}

/* Results */
.results table {text-align: center; margin-bottom: 1.0em;}
.results table tr th:first-child, .results table tr td:first-child {text-align: left;}

.results .views-element-container {padding-bottom: 2.0em; padding-top: 2.0em;}

/* Exposed forms */
.views-exposed-form div {display: inline-block;}
.views-exposed-form .form-actions {padding: 2.0em 0;}
.ui-datepicker {background-color: #FFF; border-top: 2px solid #E8E4E4;}
.ui-datepicker .ui-datepicker-prev {background-image: url(/themes/experience/images/icon-prev.svg); background-repeat: no-repeat; background-size: 10px auto; background-position: left center;}
.ui-datepicker .ui-datepicker-next {background-image: url(/themes/experience/images/icon-next.svg); background-repeat: no-repeat; background-size: 10px auto; background-position: right center;}
.ui-datepicker .ui-corner-all {cursor: pointer;}
.ui-datepicker .ui-corner-all:hover {}

.js-webform-radios {display: inline-flex;}

.js-webform-radios .js-form-type-radio input {position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden;}

.js-webform-radios .js-form-type-radio label {background-color: #3781C5; color: #FFF; font-size: 1em; line-height: 1; text-align: center; padding: 10px 26px; margin-right: -1px; border-left: solid 1px #004088;}

.js-webform-radios .js-form-type-radio label:hover {cursor: pointer;}

.js-webform-radios .js-form-type-radio input:checked + label {background-color: #005DAA; color: #FFF;}

.js-webform-radios .js-form-type-radio:first-child label {border-radius: 6px 0 0 6px; border-left: none;}

.js-webform-radios .js-form-type-radio:last-child label {border-radius: 0 6px 6px 0;}

table {margin-top: 1.0em; border-collapse: 0; border-spacing: 0; width: 100%;}
table .views-field-title {text-align: left;}
table .views-field-type, table .views-field-status, table .views-field-changed {text-align: center;}
table .views-field-dropbutton {text-align: right;}
table tr:nth-child(even) {}
table tr:nth-child(odd) {background-color: #cee3f1;}
table tr th, table tr td {padding: 1.0em 0.5em;}
table tr th {border-bottom: 3px solid #DAEBF7;}

/* Social Follow */
.social-follow .views-row {display: flex; flex-direction: row; justify-content: center; column-gap: 1.0em;}
.social-follow .views-row .icon {display: inline-block; width: 32px; height: 32px; background-color: #004088; padding: 6px; border-radius: 16px; text-align: center;}
.social-follow .views-row .icon img {width: 100%; height: auto;}
.social-follow .views-row .facebook.icon img {width: auto; height: 100%;}

/* Smily Faces Form */
.webform-options-display-buttons {display: flex; justify-content: center;}
.webform-options-display-buttons .form-item {display: block; width: auto; height: auto;}
.webform-options-display-buttons .webform-options-display-buttons-wrapper {flex: none; margin: 0 1.0em !important;}

.webform-options-display-buttons .webform-options-display-buttons-wrapper .form-item .webform-options-display-buttons-label {background-image: url(/themes/experience/images/face-excellent.svg); background-size: 260px 130px; background-repeat: no-repeat; background-color: transparent !important; background-position: 0 0; width: 130px !important; height: auto !important; padding: 150px 0 0 0 !important; cursor: pointer; display: inherit !important; border: none !important; color: #707070;}

.webform-options-display-buttons .webform-options-display-buttons-wrapper:nth-child(2) .form-item .webform-options-display-buttons-label {background-image: url(/themes/experience/images/face-very-good.svg);}

.webform-options-display-buttons .webform-options-display-buttons-wrapper:nth-child(3) .form-item .webform-options-display-buttons-label {background-image: url(/themes/experience/images/face-good.svg);}

.webform-options-display-buttons .webform-options-display-buttons-wrapper:nth-child(4) .form-item .webform-options-display-buttons-label {background-image: url(/themes/experience/images/face-fair.svg);}

.webform-options-display-buttons .webform-options-display-buttons-wrapper:nth-child(5) .form-item .webform-options-display-buttons-label {background-image: url(/themes/experience/images/face-poor.svg);}

.webform-options-display-buttons .webform-options-display-buttons-wrapper:nth-child(6) .form-item .webform-options-display-buttons-label {background-image: url(/themes/experience/images/face-not.svg);}

.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {background-position: -130px 0 !important;}

.webform-submission-form .form-actions {text-align: center; }
.webform-submission-form .description {text-align: center; font-size: 1.3em; margin-top: 0;}
.extra {font-size: 1.3em; margin-bottom: 2.0em;}
/*.webform-submission-form .description p:first-child {font-size: 1.3em;}
.webform-submission-form .description p {margin-bottom: 0.5em;}*/

.webform-submission-form .js-form-type-radio, .webform-submission-form .js-form-type-select .form-select, .form-item-aboriginal-islander-status {margin-top: 2.0em;}

.wrapper.form #block-experience-content {text-align: center;}
.wrapper.form .branding img {display: block; width: 100%; height: auto;}
.wrapper.form p.welcome {font-size: 1.2em;}
.wrapper.form p.last {margin-bottom: 2.0em;}

.wrapper.form {min-height: 100vh; padding-top: 2.0em;}

.wrapper.form .logo {display: block; width: 280px; height: auto; margin: auto;}
.wrapper.form .branding {display: block; width: 200px; height: auto; margin: auto;}

.webform-element-more--link a {display: inline-block; padding: 6px;}
.webform-element-more--link:before {padding: 6px 0 6px 0;}

/* Add user */
.field--name-path {display: none;}

/* Webform export */
.webform-results-export .form-item-header-prefix, .webform-results-export .form-item-header-format, .webform-results-export #edit-options, .webform-results-export #edit-format, .webform-results-export #edit-header, .webform-results-export #edit-columns, .webform-results-export .description, .webform-results-export .form-item-excluded-columns, .webform-results-export .webform-details-toggle-state-wrapper, .webform-results-export #edit-save {display: none !important;}

.views-field-nothing {text-align: center;}

#block-experience-help {display: none !important;}

#edit-columns, #edit-header, #edit-entity-reference, #block-experience-help {display: none !important;}

.page-node-type-webform #block-experience-primary-local-tasks, .page-node-type-webform #block-experience-secondary-local-tasks {display: none;}

/* Mobile navigation */
/* Mobile menu */
#site-wrap {overflow: hidden; background-color: #DAEBF7}
/* Add animation for all transitions to the elements that need it */ 
#drawer-toggle-label, #drawer, #site-wrap, #push-wrap, #drawer-toggle:checked ~ #drawer-toggle-label, #drawer-toggle:checked ~ #site-wrap, #drawer-toggle:checked ~ #drawer, #drawer-toggle:checked ~ #push-wrap {-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out}

#push-wrap {overflow-x: hidden; width: 100%; background-color: #fffaf5; position: relative;}
/* Get the actual input element out of the way; we're going to style the label instead */ 
#drawer-toggle {position: absolute; opacity: 0; z-index: 101}

#drawer-toggle-label {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; right: 0px; width: 0; height: 100%; display: block; position: absolute; background: none; z-index: 110; cursor: pointer; } 

/* Add the "hamburger" menu icon 
#drawer-toggle-label:before {content: ''; display: block; position: absolute; height: 2px; width: 20px; background: var(--base_color, #343434); right: 12px; top: 13px; box-shadow: 0 6px 0 var(--base_color, #343434), 0 12px 0 var(--base_color, #343434)}*/

#drawer-toggle-label:before {content: url(/themes/experience/images/icon-open.svg); display: block; position: absolute; right: 18px; top: 16px; width: 30px; height: 30px; transition: 0.5s;} 

/* Drawer menu pane  */ 
#drawer {position: fixed; top: 0; right: -300px; height: 100%; width: 300px; background-color: #DAEBF7; overflow-x: hidden; /* overflow-y: scroll; -webkit-overflow-scrolling: touch */}
.toolbar-tray-open #drawer {top: 78px}
#drawer ul {margin-top: 3.0em; margin-left: 1.0em; list-style: none;}
#drawer ul li {background-image: url(/themes/experience/images/icon-reports.svg); background-size: 26px; background-position: left center; background-repeat: no-repeat;}
#drawer ul li a {display: block; padding: 1.0em; border-top-left-radius: 6px; border-bottom-left-radius: 6px; margin-left: 2.0em; text-decoration: none; color: #707070;}
#drawer ul li a.is-active {background-color: #FFF;}

#drawer .branding {text-align: center; margin-top: 3.0em}
#drawer .branding .logo {display: inline-block; width: 220px; height: auto}

/* actual page content pane */ 
#push-wrap {margin-right: 0px; overflow-x: hidden}

/* checked styles (menu open state) */ 
#drawer-toggle:checked ~ #drawer-toggle-label {height: 200%; width: calc(100% - 300px); background: rgba(0, 0, 0, 0.5)} 

#drawer-toggle:checked ~ #drawer-toggle-label {right: 300px}

#drawer-toggle:checked ~ #drawer-toggle-label:before {content: url(/themes/experience/images/icon-close.svg)}

#drawer-toggle:checked ~ #drawer {right: 0px} 

#drawer-toggle:checked ~ #push-wrap {margin-left: -300px}

/* Messages */
div[aria-label="Status message"], div[aria-label="Error message"], div[aria-label="Warning message"], .messages, .checkout-complete, .webform-confirmation__message {margin-bottom: 2.0em; padding: 15px 20px 15px 35px; word-wrap: break-word; border: 1px solid; border-width: 1px 1px 1px 0; background: no-repeat 10px 17px; overflow-wrap: break-word}

div[aria-label="Status message"], .messages--status, .checkout-complete, .webform-confirmation__message {color: #325e1c; border-color: #c9e1bd #c9e1bd #c9e1bd transparent; background-color: #f3faef; box-shadow: -8px 0 0 #77b259; background-image: url(/themes/experience/images/check.svg)}

div[aria-label="Error message"], .messages--error {color: #a51b00; border-color: #f9c9bf #f9c9bf #f9c9bf transparent; background-color: #fcf4f2; box-shadow: -8px 0 0 #e62600; background-image: url(/themes/experience/images/error.svg)}
.checkout-complete p {margin-bottom: 0}

div[aria-label="Warning message"], .messages--warning {color: #734c00; border-color: #f4daa6 #f4daa6 #f4daa6 transparent; background-color: #fdf8ed; box-shadow: -8px 0 0 #e09600; background-image: url(/themes/experience/images/warning.svg)}

/* Ajax Throbber */

.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  text-indent: -99999em;
}
 
.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before {
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
  border-radius: 80px;
  border-width: 8px;
  border-style: solid;
  border-color: #FFF transparent #FFF transparent;
  overflow: hidden;
  text-indent: -99999em;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
 
@-webkit-keyframes spin {
  to {
	transform: rotate(360deg); 
  }
}
 
@keyframes spin {
  to {
	transform: rotate(360deg);
  }
}