/**
 * Variable Overrides.
 *
 * Modify this file to override the Bootstrap Framework variables. You can copy
 * these variables directly from ../bootstrap/less/variables.less to this file.
 */
/* READ overrides */
/**
 * Alert styling.
 */
.alert-sm {
  padding: 5px 10px;
}
.alert a {
  font-weight: bold;
}
.alert-success a,
.alert-success a:hover,
.alert-success a:focus {
  color: #2b542c;
}
.alert-info a,
.alert-info a:hover,
.alert-info a:focus {
  color: #245269;
}
.alert-warning a,
.alert-warning a:hover,
.alert-warning a:focus {
  color: #66512c;
}
.alert-danger a,
.alert-danger a:hover,
.alert-danger a:focus {
  color: #843534;
}
/**
 * AJAX (throbber) styling.
 */
@keyframes glyphicon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.glyphicon-spin {
  display: inline-block;
  animation: glyphicon-spin 1s infinite linear;
}
a .glyphicon-spin {
  display: inline-block;
  text-decoration: none;
}
html.js .btn .ajax-throbber {
  margin-left: .5em;
  margin-right: -0.25em;
}
html.js .form-item .input-group-addon .glyphicon {
  color: #818181;
  opacity: .5;
  transition: 150ms color, 150ms opacity;
}
html.js .form-item .input-group-addon .glyphicon.glyphicon-spin {
  color: #00714a;
  opacity: 1;
}
html.js .form-item .input-group-addon .input-group-addon {
  background-color: #ffffff;
}
html.js .ajax-new-content:empty {
  display: none !important;
}
/**
 * @file
 * Visual styles for fields.
 */
.field--label {
  font-weight: bold;
}
.field--label-inline .field--label,
.field--label-inline .field--items {
  float: left;
  /*LTR*/
}
.field--label-inline .field--label,
.field--label-inline > .field--item,
.field--label-inline .field--items {
  padding-right: 0.5em;
}
[dir="rtl"] .field--label-inline .field--label,
[dir="rtl"] .field--label-inline .field--items {
  padding-left: 0.5em;
  padding-right: 0;
  float: right;
  /*RTL*/
}
.field--label-inline .field--label::after {
  content: ':';
}
/**
 * File (and Image Widget) styles.
 */
.file {
  display: table;
  font-size: 75%;
  font-weight: 700;
  margin: 5px 0;
  width: 100%;
}
.file > span {
  background: #fff;
  color: #00714a;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
.file > span:first-child {
  border-left: 1px solid #cccccc;
}
.file > span:last-child {
  border-right: 1px solid #cccccc;
}
.file > .tabledrag-changed {
  background: #fcf8e3;
  border-radius: 0;
  color: #8a6d3b;
  display: table-cell;
  padding: 0 1em;
  top: 0;
  vertical-align: middle;
  border-left: 1px solid inherit;
}
.file > .tabledrag-changed,
.file > .tabledrag-changed:last-child {
  border: 1px solid #f7e1b5;
}
.file-icon {
  display: table-cell;
  font-size: 150%;
  padding: .25em .5em;
  text-align: center;
  vertical-align: middle;
}
.file-link {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.file-link a,
.file-link a:hover,
.file-link a:focus,
.file-link a:active {
  color: inherit;
}
.file-size {
  display: table-cell;
  padding: 0 1em;
  text-align: right;
  white-space: pre;
  vertical-align: middle;
}
.image-widget.row {
  overflow: hidden;
}
/**
 * Filter styles.
 */
.filter-wrapper {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 0;
  padding: 10px;
  height: 51px;
}
.filter-help {
  float: right;
  line-height: 1;
  margin: .5em 0 0;
}
.nav.nav-tabs.filter-formats {
  margin-bottom: 15px;
}
/**
 * Form styles.
 */
table .checkbox.form-no-label,
table .radio.form-no-label {
  margin-bottom: 0;
  margin-top: 0;
}
.select-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}
.form-inline .select-wrapper {
  width: auto;
}
.input-group .select-wrapper {
  display: table-cell;
}
.input-group .select-wrapper:first-child .form-control:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.input-group .select-wrapper:last-child .form-control:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
  padding-right: 2em;
}
.select-wrapper select::-ms-expand {
  opacity: 0;
}
.select-wrapper:after {
  color: #00714a;
  content: '▼';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -0.5em;
  padding-right: .5em;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
}
.has-glyphicons .select-wrapper:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e114';
  display: inline-block;
  font-family: 'Glyphicons Halflings';
}
.has-error .select-wrapper:after {
  color: #a94442;
}
.has-success .select-wrapper:after {
  color: #3c763d;
}
.has-warning .select-wrapper:after {
  color: #8a6d3b;
}
.form-required:after {
  background-image: url(../images/required.svg);
  background-size: 10px 7px;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 7px;
  width: 10px;
}
.form-actions .btn,
.form-actions .btn-group {
  margin-right: 10px;
}
.form-actions .btn-group .btn {
  margin-right: 0;
}
/**
 * Icon styles.
 */
a.icon-before .glyphicon,
a .glyphicon.icon-before {
  margin-right: .25em;
}
a.icon-after .glyphicon,
a .glyphicon.icon-after {
  margin-left: .25em;
}
.btn.icon-before .glyphicon,
.btn .glyphicon.icon-before {
  margin-left: -0.25em;
  margin-right: .25em;
}
.btn.icon-after .glyphicon,
.btn .glyphicon.icon-after {
  margin-left: .25em;
  margin-right: -0.25em;
}
/**
 * Navbar styling.
 */
body {
  position: relative;
}
body.navbar-is-static-top {
  margin-top: 0;
}
body.navbar-is-fixed-top {
  margin-top: 65px;
}
body.navbar-is-fixed-bottom {
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  body {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  body.toolbar-vertical.navbar-is-fixed-top .toolbar-bar,
  body.toolbar-vertical.navbar-is-fixed-bottom .toolbar-bar {
    position: fixed;
  }
  body.toolbar-vertical.navbar-is-fixed-top header,
  body.toolbar-vertical.navbar-is-fixed-bottom header {
    z-index: 500;
  }
  body.toolbar-vertical.navbar-is-fixed-top header {
    top: 39px;
  }
}
@media screen and (min-width: 768px) {
  .navbar.container {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .navbar.container {
    max-width: 940px;
  }
}
@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1140px;
  }
}
.navbar .site-logo img {
  width: auto;
  height: 120px;
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .navbar .site-logo {
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) and screen and (min-width: 768px) {
  .navbar .site-logo {
    margin-right: 0;
    padding-left: 0;
  }
}
/**
 * Node styling.
 */
.is-unpublished {
  background-color: #fff4f4;
}
.node-preview-container {
  margin-top: -15px;
}
.node-preview-form-select {
  padding: 15px;
}
/**
 * Panel styling.
 */
.panel-title {
  display: block;
  margin: -10px -15px;
  padding: 10px 15px;
}
.panel-title,
.panel-title:hover,
.panel-title:focus,
.panel-title:hover:focus {
  color: inherit;
}
.panel-title:focus,
.panel-title:hover {
  text-decoration: none;
}
/**
 * Progress bar styles.
 */
.progress-wrapper {
  margin-bottom: 15px;
}
.progress-wrapper:last-child .progress {
  margin-bottom: 5px;
}
.progress-wrapper .message {
  font-weight: 700;
  margin-bottom: 5px;
}
.progress-wrapper .percentage,
.progress-wrapper .progress-label {
  font-size: 12px;
}
.progress-wrapper .progress-bar {
  min-width: 2em;
}
/**
 * Table drag styles.
 */
.tabledrag-toggle-weight {
  float: right;
  margin: 1px 2px 1px 10px;
}
.tabledrag-changed-warning {
  margin: 0;
  overflow: hidden;
}
.tabledrag-handle {
  color: #818181;
  cursor: move;
  float: left;
  font-size: 125%;
  line-height: 1;
  margin: -10px 0 0 -10px;
  padding: 10px;
}
.tabledrag-handle:hover,
.tabledrag-handle:focus {
  color: #00714a;
}
.indentation {
  float: left;
  /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em;
  /* LTR */
  padding: 0.42em 0 0.42em 0.6em;
  /* LTR */
  width: 20px;
}
[dir="rtl"] .indentation {
  float: right;
  margin: -0.4em -0.4em -0.4em 0.2em;
  padding: 0.42em 0.6em 0.42em 0;
}
/**
 * Tabs and local action styles.
 */
.local-actions {
  margin: 10px 0 10px -5px;
}
.tabs--secondary {
  margin: 10px 0 5px;
}
/**
 * Missing Bootstrap 2 tab styling.
 * @see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
 * @see http://bootply.com/74926
 */
.tabbable {
  margin-bottom: 20px;
}
.tabs-below > .nav-tabs,
.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  border-bottom: 0;
}
.tabs-below > .nav-tabs .summary,
.tabs-left > .nav-tabs .summary,
.tabs-right > .nav-tabs .summary {
  color: #818181;
  font-size: 12px;
}
.tab-pane > .panel-heading {
  display: none;
}
.tab-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #dddddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #dddddd;
  border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #dddddd #dddddd #dddddd;
}
.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  padding-bottom: 20px;
  width: 220px;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li:focus,
.tabs-right > .nav-tabs > li:focus {
  outline: 0;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:focus {
  outline: 0;
}
.tabs-left > .tab-content,
.tabs-right > .tab-content {
  border-radius: 0 4px 4px 4px;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 10px 15px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: -1px;
}
.tabs-left > .nav-tabs > li > a {
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #f8f8f8 #dddddd #f8f8f8 #f8f8f8;
}
.tabs-left > .nav-tabs > .active > a,
.tabs-left > .nav-tabs > .active > a:hover,
.tabs-left > .nav-tabs > .active > a:focus {
  border-color: #dddddd transparent #dddddd #dddddd;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: -1px;
}
.tabs-right > .nav-tabs > li > a {
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #f8f8f8 #f8f8f8 #f8f8f8 #dddddd;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.tabs-right > .nav-tabs > .active > a,
.tabs-right > .nav-tabs > .active > a:hover,
.tabs-right > .nav-tabs > .active > a:focus {
  border-color: #dddddd #dddddd #dddddd transparent;
}
/**
 * Toolbar module styling.
 */
body.toolbar-fixed .toolbar-oriented .toolbar-bar {
  z-index: 1031;
}
body.toolbar-fixed .navbar-fixed-top {
  top: 39px;
}
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .navbar-fixed-top {
  top: 79px;
}
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open .navbar-fixed-top {
  left: 240px;
}
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed {
  margin-left: 240px;
}
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray {
  padding-bottom: 40px;
}
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray,
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray > .toolbar-lining:before {
  width: 240px;
}
body.toolbar-loading {
  margin-top: 0;
}
body.toolbar-loading.toolbar {
  margin-bottom: 15px;
}
/**
 * jQuery UI autocomplete widget style overrides.
 *
 * @todo Remove once jQuery UI is no longer used?
 */
.ui-autocomplete {
  background: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  color: inherit;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  list-style: none;
  min-width: 160px;
  padding: 5px 0;
  text-align: left;
  z-index: 1000;
}
.ui-autocomplete .ui-menu-item {
  border: 0;
  border-radius: 0;
  clear: both;
  color: #3d3d3d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.42857143;
  margin: 0;
  outline: 0;
  padding: 3px 20px;
  text-decoration: none;
  white-space: nowrap;
}
.ui-autocomplete .ui-menu-item.ui-state-hover {
  background: #f5f5f5;
  color: #303030;
}
.ui-autocomplete .ui-menu-item.ui-state-active,
.ui-autocomplete .ui-menu-item.ui-state-focus {
  background: #00714a;
  color: #4b0049;
}
ol,
ul {
  padding-left: 1.5em;
}
.popover ol:last-child,
.popover ul:last-child {
  margin-bottom: 0;
}
.page-header,
h1.crm-page-title {
  margin-top: 0;
}
.footer {
  margin-top: 45px;
  padding-top: 35px;
  padding-bottom: 36px;
  border-top: 1px solid #E5E5E5;
}
p:last-child,
.form-group:last-child,
.panel:last-child {
  margin-bottom: 0;
}
.region-help > .glyphicon {
  font-size: 18px;
  float: left;
  margin: -0.05em 0.5em 0 0;
}
.region-help .block {
  overflow: hidden;
}
.help-block,
.control-group .help-inline {
  color: #818181;
  font-size: 12px;
  margin: 5px 0 10px;
  padding: 0;
}
.help-block:first-child,
.control-group .help-inline:first-child {
  margin-top: 0;
}
/* READ civicrm */
/**
 * These CSS rules aim to fix some existing odd behaviours when the bootstrap theme is used
 * with CiviCRM.
 *
 * These rules can be subjective and are not definitive.
 */
/**
 * General
 */
/*
body.logged-in .nav.secondary li:last-child {
  display: none;
}
body.page-user input.form-text {
  max-width: 300px;
}
*/
#crm-profile-block > .crm-section {
  padding-top: 20px;
}
#crm-profile-block > .crm-section.helprow-pre {
  padding-top: 5px;
  padding-bottom: 0;
  line-height: 1.6;
  font-style: italic;
}
#crm-profile-block > .crm-section.helprow-pre + .crm-section {
  padding-top: 5px;
}
#crm-profile-block > .crm-section.helprow-post {
  padding-top: 0;
  padding-bottom: 5px;
}
#crm-profile-block .select2-container,
#crm-profile-block .crm-text {
  border-color: #887c78;
}
div.crm-container .crm-section .label label {
  font-weight: bold;
  color: #887c78;
}
#crm-profile-block .helprow-pre .description {
  color: #887c78;
  font-weight: bold;
}
/**
 * Entête
 */
body.toolbar-tray-open {
  padding-top: 30px !important;
  /* When the Drupal/CiviCRM menu is visible */
}
/**
 * CiviCRM
 */
.crm-container .status {
  background-color: #fafafa;
  border-color: #fafafa;
}
.crm-container .help,
.crm-container #help {
  border: none;
  background-color: inherit;
  color: #333333;
  font-size: normal;
}
#intro_text {
  font-size: initial;
  padding: 15px 0;
}
/**
 * Infolettre
 */
#profilewrap17 + .action-link {
  display: none;
}
.crm-profile-name-Bulletin_InfoR_seau_17 .editrow_group-section label {
  display: none;
}
.crm-profile-tagsandgroups input[type="checkbox"] {
  margin-right: 5px;
}
/**
 * Formulaires : Général
 */
form .intro {
  margin-bottom: 15px;
}
form textarea {
  overflow: auto;
}
form label {
  font-weight: 200;
}
/**
 * Formulaires : CiviCRM
 */
/* Fix overflow bug */
#crm-container .label,
div.crm-container .label {
  white-space: normal;
}
.crm-container .additional_participants-section,
#crm-submit-buttons {
  border-top: 4px solid #e7e7e7;
  padding-top: 15px;
  margin-top: 15px;
}
#crm-submit-buttons + div {
  clear: both;
}
#footer_text {
  background-color: #e7e7e7;
  padding: 5px 15px;
}
/**
 * Fieldset on forms
 */
#priceset,
.crm-container form fieldset {
  padding: 0 0 1em 0;
  margin: 1em 0;
  border: none;
}
.crm-container h3,
.crm-container form fieldset legend {
  font-size: 20px;
  background: #eee;
  padding: 0.75em;
  margin: 0;
  margin-bottom: 1em;
}
.crm-container h4 {
  font-weight: bold;
  margin: 15px 0;
}
/* .crm-container .crm-contribution-main-form-block fieldset legend + div.form-item */
.crm-container #billing-payment-block fieldset legend + div.form-item,
.crm-container .payment_options-group fieldset legend + div.form-item {
  clear: left;
}
/* this was elsewhere and may be mergable with the above */
.crm-container fieldset legend {
  float: left;
  font-size: 24px;
}
.crm-container fieldset legend + div {
  clear: both;
}
.crm-container fieldset legend,
.crm-container h3 {
  width: 100%;
  margin: 0;
}
.crm-container fieldset fieldset {
  border: none;
}
.crm-container fieldset fieldset legend {
  background: transparent;
  color: inherit;
}
.crm-container h3 + fieldset {
  padding: 0;
}
#billingcheckbox {
  margin-left: 17%;
  width: 20px;
}
/* Checkbox/Radio + labels */
div.crm-container .crm-form-radio + label,
div.crm-container .crm-form-checkbox + label {
  padding-left: 5px;
}
/* Select2 */
div.crm-container form .select2-container {
  min-width: 250px;
}
div.crm-container form .select2-container {
  width: auto !important;
}
.crm-container.crm-public .select2-container .select2-choice {
  padding-top: 0;
}
div.crm-container form .select2-container a.select2-choice {
  color: #333;
}
/* Wide text areas */
div.crm-container .civisteps .crm-form-textarea {
  width: 100%;
}
.crm-container a,
.crm-container a:link,
.crm-container a:visited {
  color: #00714a;
}
.crm-container a:hover,
.crm-container a:focus,
.crm-container a:active {
  color: #4b0049;
}
/**
 * Messages
 */
.crm-container .crm-error {
  background: transparent;
  display: block;
}
/**
 * Labels
 */
#crm-container .crm-section.form-item,
#crm-container .credit_card_info-section > .crm-section,
#crm-container .billing_name_address-group > .crm-section > .crm-section {
  padding-bottom: 0.5em;
}
/* weird bug seen in CiviCRM 5.10.x, there are empty divs in the billing section */
/* reduce the padding so that they do not take any vertical space, but do not hide just in case .. */
#crm-container .credit_card_info-section .-section {
  padding: 0;
  margin: 0;
}
#crm-container .-section > div,
#crm-container .-section > div.label {
  padding: 0;
  margin: 0;
}
#crm-container .crm-section .label {
  clear: both;
  color: inherit;
  display: block;
  float: none;
  width: 100%;
  text-align: left;
}
#crm-container .crm-section .label.hiddenElement {
  display: none;
}
@media screen and (min-width: 768px) {
  #crm-container .crm-section .label {
    float: left;
    width: 20%;
    text-align: right;
  }
}
/* Marker for Required fields */
.crm-marker {
  color: red;
  font-family: "Courier New";
}
/* Input fields */
#crm-container .crm-section .content,
#crm-container.crm-public .crm-section .content,
#crm-container.crm-public .crm-section .calc-value {
  float: none;
  margin-left: 10px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #crm-container.crm-public .crm-section .content,
  #crm-container .crm-section .content {
    margin-left: 22%;
  }
  /* This is to replicate the default CiviCRM styles that we removed on mobile */
  #crm-container.crm-public .calc-value,
  #crm-container.crm-public .content {
    padding-top: 6px;
  }
}
/**
 * Hacks for specific fields
 */
#crm-container #billing_postal_code-5 {
  width: 5em;
}
#crm-container .crm-section.billing_middle_name-section {
  display: none;
  /* middle billing name is clutter */
}
#crm-container .credit_card_info-section > .crm-section.credit_card_type-section {
  padding-bottom: 1em;
}
/**
 * Recently viewed block
 */
#crm-recently-viewed > ul {
  padding-left: 0;
}
/* Errors */
.crm-container .crm-error,
.crm-container .crm-inline-error {
  background: #ffffff none repeat scroll 0 0;
  border: none;
  color: #cc6666;
}
/**
 * Form submit buttons
 */
#crm-container.crm-public #crm-submit-buttons {
  margin-top: 10px;
  /* default civicrm was 30px */
  padding-left: 10px;
  /* important on mobile */
}
/**
 * Footer
 */
#civicrm-footer {
  border: none;
}
/**
 * CiviVolunteer forms
 */
/* Fix submit buttons, otherwise invisible, on New Volunteer Opportunity form, ex: /civicrm/vol/#/volunteer/manage/0 */
.crm-container .crm-vol-project .crm-form-block {
  background: inherit;
  /* remove grey background */
}
.crm-vol-project .crm-submit-buttons {
  height: 1.5em !important;
}
.crm-vol-project .crm-submit-buttons > span.crm-button {
  background: #00714a;
  color: #ffffff;
}
/* READ civicrm-buttons */
/**
 * These CSS rules alter the look of CiviCRM buttons in Drupal pages.
 *
 * These rules are not definitive. They should be fixed in order to properly
 * replicate the bootstrap styles.
 */
/* Adminimal (default skin) : CiviCRM : buttons styles */
.fa-remove::before,
.fa-close::before,
.fa-times::before {
  content: "\f00d\00a0";
}
/* Buttons bar */
.crm-container .crm-submit-buttons,
.crm-container .action-link {
  margin: 10px 0;
  height: auto;
}
#crm-container .crm-add-address-wrapper {
  height: 35px;
  margin: 1px;
}
/* Buttons icons -- regular */
.crm-container button.crm-button .icon {
  margin-bottom: -4px;
}
/* Buttons icons -- popups */
.crm-container .ui-dialog-buttonset .ui-button .ui-icon {
  background-image: none;
}
/* Buttons icons -- forms */
.crm-i-button > .crm-i {
  top: .65em;
  left: .5em;
}
/* Buttons bar -- regular */
.crm-container span.crm-button {
  border-color: transparent;
  border-radius: 0;
  padding: 0;
  background: none;
  color: #fff;
  text-shadow: none;
}
/* Buttons bar -- popups */
.crm-container .ui-dialog-buttonpane {
  background-image: none;
}
/* Action links */
.crm-container .action-link a.button {
  margin-right: 5px;
  /* add spacing between buttons in actions lists */
}
/* Default CiviCRM buttton */
.crm-container .ui-dialog-buttonset .ui-button,
.crm-container button.crm-button,
.crm-container .crm-submit-buttons input,
.crm-container .crm-button input,
.crm-container .crm-button input[type="button"],
.crm-container .crm-button input.crm-form-submit,
.crm-container input.crm-form-submit,
.crm-container input[type=button],
.crm-container a.button,
.crm-container a.button:link,
.crm-container a.button:visited,
.crm-container a.crm-button {
  background: #00714a;
  background-image: none;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  margin-bottom: 0.5em;
  margin-right: 0.25em;
  /* LTR */
  text-align: center;
  font-weight: normal;
  font-size: normal;
  font-family: "Lucida Grande", Verdana, sans-serif;
  transition: all, 0.3s;
  text-shadow: none;
  padding: 10px 20px;
}
/* Popup buttons */
.crm-container .ui-dialog-buttonset .ui-button {
  background: #333;
  color: #fff;
  background-image: none;
  border: none;
  border-radius: 0;
  margin-bottom: 1em;
  margin-right: 1em;
  /* LTR */
  text-align: center;
  font-weight: normal;
  font-size: 1.077em;
  font-family: "Lucida Grande", Verdana, sans-serif;
  transition: all, 0.3s;
  text-shadow: none;
}
.crm-container .ui-dialog-buttonset .ui-button:hover {
  background-color: #000;
}
.crm-container .ui-dialog-buttonset .ui-button:focus {
  background-color: #000;
  outline: 3px solid #dddddd;
}
/* Link buttons (blue) */
.crm-container a.button,
.crm-container a.button:link,
.crm-container a.button:visited,
.crm-container a.crm-button,
.crm-container a.crm-button:link,
.crm-container a.crm-button:visited {
  background: #0074BD;
}
.crm-container a.button:hover,
.crm-container a.crm-button:hover {
  background: #004c99;
}
.crm-container a.button:focus,
.crm-container a.crm-button:focus {
  background: #004c99;
  outline: 3px solid #D2E4F7;
}
/* Non-submit butttons + report export buttons (blue) */
.crm-container .crm-report-form-block .crm-button input.crm-form-submit,
.crm-container .crm-report-form-block input.crm-form-submit,
.crm-container .crm-button input[type=button] {
  background: #0074BD;
  color: #fff;
}
.crm-container .crm-report-form-block .crm-button input.crm-form-submit:hover,
.crm-container .crm-report-form-block input.crm-form-submit:hover,
.crm-container .crm-button input[type=button]:hover {
  background: #004c99;
}
.crm-container .crm-report-form-block .crm-button input.crm-form-submit:focus,
.crm-container .crm-report-form-block input.crm-form-submit:focus,
.crm-container .crm-button input[type=button]:focus {
  background: #004c99;
  outline: 3px solid #D2E4F7;
}
/* Submit butttons (green) */
.crm-container input.crm-form-submit,
.crm-container button.crm-button[crm-icon="fa-floppy-o"],
.crm-container button.crm-button[crm-icon="disk"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload_new"],
.crm-container button.crm-button[crm-icon="fa-check"],
.crm-container .crm-button input[type=submit] {
  background: #4d8f46;
  color: #fff;
}
.crm-container input.crm-form-submit:hover,
.crm-container button.crm-button[crm-icon="fa-floppy-o"]:hover,
.crm-container button.crm-button[crm-icon="disk"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload_new"]:hover,
.crm-container button.crm-button[crm-icon="fa-check"]:hover,
.crm-container .crm-button input[type=submit]:hover {
  background: #0a6700;
}
.crm-container input.crm-form-submit:focus,
.crm-container button.crm-button[crm-icon="fa-floppy-o"]:focus,
.crm-container button.crm-button[crm-icon="disk"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_upload_new"]:focus,
.crm-container button.crm-button[crm-icon="fa-check"]:focus,
.crm-container .crm-button input[type=submit]:focus {
  outline: 3px solid #D0E8CE;
  background: #0a6700;
}
/* Cancel buttons (orange) */
.crm-container a.button.cancel,
.crm-container button.crm-button[crm-icon="fa-times"],
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_cancel"],
.crm-container .crm-button input.crm-form-submit.cancel {
  background: #fbd445 !important;
  color: #fff!important;
  /*
  color: #E6E6DC!important;
  */
}
.crm-container a.button.cancel:hover,
.crm-container button.crm-button[crm-icon="fa-times"]:hover,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_cancel"]:hover,
.crm-container .crm-button input.crm-form-submit.cancel:hover {
  background: #fb954a !important;
}
.crm-container a.button.cancel:focus,
.crm-container button.crm-button[crm-icon="fa-times"]:focus,
.crm-container .ui-dialog-buttonset .ui-button[data-identifier$="_cancel"]:focus,
.crm-container .crm-button input.crm-form-submit.cancel:focus {
  background: #fb954a !important;
  outline: 3px solid #FFD8D8;
}
/* Delete buttons (red) */
.crm-container button.crm-button[crm-icon="fa-trash"],
.crm-container button.crm-button[crm-icon="trash"],
.crm-container a.button.delete {
  background: #b73939;
  color: #fff;
}
.crm-container button.crm-button[crm-icon="fa-trash"]:hover,
.crm-container button.crm-button[crm-icon="trash"]:hover,
.crm-container a.button.delete:hover {
  background: #990000;
}
.crm-container button.crm-button[crm-icon="fa-trash"]:focus,
.crm-container button.crm-button[crm-icon="trash"]:focus,
.crm-container a.button.delete:focus {
  background: #990000;
  outline: 3px solid #FFD8D8;
}
.crm-container a.button:hover .crm-i.fa-trash {
  color: inherit;
}
/* Disabled buttons (light gray) */
.crm-container .crm-button-disabled,
.crm-container .crm-button.crm-button-disabled,
.crm-container .crm-button-disabled input[disabled],
.crm-container .ui-dialog-buttonset .ui-button[disabled],
.crm-container input.crm-form-submit[disabled],
.crm-container input[type=button][disabled],
.crm-container .crm-button[disabled] {
  background: #e3e3e3;
  color: #555;
}
.crm-container .crm-button-disabled:hover,
.crm-container .crm-button.crm-button-disabled:hover,
.crm-container .crm-button-disabled input[disabled]:hover,
.crm-container .ui-dialog-buttonset .ui-button[disabled]:hover,
.crm-container input.crm-form-submit[disabled]:hover,
.crm-container input[type=submit][disabled]:hover,
.crm-container input[type=button][disabled]:hover,
.crm-container .crm-button[disabled]:hover {
  background: #CECECE;
}
.crm-container .crm-button-disabled:focus,
.crm-container .crm-button.crm-button-disabled:focus,
.crm-container .crm-button-disabled input[disabled]:focus,
.crm-container .ui-dialog-buttonset .ui-button[disabled]:focus,
.crm-container input.crm-form-submit[disabled]:focus,
.crm-container input[type=submit][disabled]:focus,
.crm-container input[type=button][disabled]:focus,
.crm-container .crm-button[disabled]:focus {
  background: #CECECE;
  outline: 3px solid #EFEFEF;
}
/* No crm-button styling for PayPal Express buttons */
/* Menu Buttons */
#crm-event-links-list,
#crm-contribpage-links-list,
#crm-create-new-list,
#crm-contact-actions-list,
#crm-participant-list {
  top: 32px;
}
.crm-container .ui-menu.ui-widget-content .ui-menu-item {
  padding: 0;
}
.crm-container .ui-menu.ui-widget-content a:link {
  padding: 4px;
  display: block;
}
.crm-container .ui-menu.ui-widget-content a:link,
.crm-container .ui-menu.ui-widget-content a:visited,
.crm-container .ui-menu.ui-widget-content a:focus,
.crm-container .ui-menu.ui-widget-content a:active {
  background-color: #333;
  color: #fff;
}
.crm-container .ui-menu.ui-widget-content a:focus,
.crm-container .ui-menu.ui-widget-content a:hover {
  background-color: #F5F6F1;
  color: #666;
}
/* TODO: Verify those lists: #crm-event-links-list, #crm-contribpage-links-list, #crm-contact-actions-list, #crm-participant-list */
/* Making red icons in buttons white again : CiviCRM 4.6 */
/*
.crm-container .red-icon,
.crm-container a:hover .icon.delete-icon,
.crm-container span:hover > .icon.delete-icon,
.crm-container .crm-button:hover .icon.ui-icon-trash,
.crm-container .crm-hover-button:hover .icon.ui-icon-trash {
  background-image: url(/sites/all/modules/civicrm/i/icons/jquery-ui-FFFFFF.png);
}
*/
/* Making red icons in buttons white again : CiviCRM 4.7 */
/*
.crm-i.crm-i-re,
.crm-container a:hover .crm-i.fa-trash,
.crm-container span:hover > .crm-i.fa-trash,
*/
.crm-container .crm-button:hover .crm-i.fa-trash,
.crm-container .crm-hover-button:hover .crm-i.fa-trash {
  color: inherit;
}
#auth_box {
  width: 90%;
}
@media screen and (min-width: 992px) {
  #auth_box {
    width: 500px;
  }
}
/* Default to 'width: auto', which does weird overflow */
#auth_box input[type="text"],
#auth_box input[type="password"] {
  width: 100%;
}
/* Hide 'return to site' link. Awkward to translate, mostly redundant */
#auth_box .back_link {
  display: none;
}
/* Required fields are obvious and asterisk is a distraction */
#auth_box .form-required::after {
  background-image: none;
}
/* Alerts on the login page */
#auth_box .alert {
  max-width: 100%;
  padding: 0.75em;
  margin-bottom: 1em;
}
#auth_box .alert > .close {
  right: 0;
  color: black;
}
/* READ mentors */
/* Mentors search */

#crm-container afsearch-community-food-mentors-c-f-m-directory > div > div.af-container,
#crm-container afsearch-community-food-mentors-c-f-m-directory-f-r > div > div.af-container {
  background: #4d0045;
  padding: 50px 20px 20px;
}
#crm-container afsearch-community-food-mentors-c-f-m-directory af-field,
#crm-container afsearch-community-food-mentors-c-f-m-directory-f-r af-field {
  padding: 0 5px;
  width: 20%;
}

#crm-container crm-search-display-list[search-name="CFM_Directory"] > div {
  background: #4d0045;
  padding: 10px 20px 0px 0px;
}

#crm-container crm-search-display-list[search-name="CFM_Directory"] h3,
#crm-container crm-search-display-list[search-name="CFM_Directory"] h3 a,
#crm-container crm-search-display-list[search-name="CFM_Directory_details"] h3 {
  background-color: transparent;
  padding: 0;
  color: #4d0045 !important;
}

#crm-container crm-search-display-list[search-name="CFM_Directory"] > div > ul > li, wtf {
  clear: both;
  background-color: white;
  padding: 10px;
  margin: 20px 0;
  border-radius: 6px;
}


crm-search-display-list[search-name="CFM_Directory"] .photo {
  float: left;
  margin-right: 20px;
  width: 180px;
}

crm-search-display-list[search-name="CFM_Directory"] .col-left {
  width: -webkit-calc(100% - 200px);
  width:    -moz-calc(100% - 200px);
  width:         calc(100% - 200px);
}

/* Mentor page */

body.page-civicrm-cfm-directory-mentor h1 {
  display: none;
}

@media screen and (min-width: 992px) {
  afsearch-mentor #CFM_directory_content {
    display: grid;
    width: fit-content;
    margin: auto;
    grid-template-columns: 2fr 4fr 1fr;
    gap: 15px 60px;
    grid-template-areas: "mpic mdetails mcoords";
  }
  afsearch-mentor #CFM_directory_img {
    grid-area: mpic;
  }
  afsearch-mentor #CFM_directory_details {
    grid-area: mdetails;
  }
  afsearch-mentor #CFM_directory_connect {
    grid-area: mcoords;
  }
}
afsearch-mentor #CFM_directory_img img {
  width: 100%;
  max-width: 400px;
}

afsearch-mentor #CFM_directory_connect ul {
  margin: 15px 0;
}

@media screen and (max-width: 991px) {
  afsearch-mentor #CFM_directory_img {
    margin: 5px auto;
    text-align: center;
  }
}


.cfm-invite {
  max-width: 320px;
  margin: auto;
  border: 10px double #fefefe;
  background-color: #f1f0ee;
  border-radius: 20px;
  padding: 10px;
  text-align: center;
}
.cfm-invite .button {
  margin: 20px;
}
/* READ custom */
.menu--navigation-principale-fr-,
.menu--main {
  float: right;
}
.menu--navigation-principale-fr- > li,
.navbar-nav > li {
  float: left;
}
.navbar-header {
  margin-top: 50px;
}
.menu--navigation-principale-fr- > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  position: relative;
}
.menu--navigation-principale-fr- > li > a,
.menu--navigation-principale-fr- > li > a:focus,
.menu--navigation-principale-fr- > li > a:hover {
  background-color: transparent;
}
/* Menus */
.menu--account {
  font-weight: bold;
}
/* Views */
crm-search-display-list[search-name="CFM_Directory"]-search > .view-header {
  margin: 15px 15px 30px 15px;
  line-height: 1.7;
}
/* Language switching */
.region-header {
  /* align right */
  display: flex;
  justify-content: flex-end !important;
  max-width: 1320px;
  margin: 0 auto;
}
.block-language ul {
  float: right;
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 15px 0;
}
.block-language ul > * {
  display: inline-block;
  margin-left: 15px;
}
.block-language ul > .is-active {
  display: none;
}
.block-language a,
.block-language a:active {
  color: #4d0045;
  text-decoration: none;
}
/* Misc */
h1 {
  color: #4b0049;
}
.page-header,
h1.crm-page-title {
  /* border-bottom: 2px solid #00938b; */
  border-bottom: none;
  text-align: center;
  font-size: 38px;
  font-weight: 600;
}
h2,
h3,
h4,
h5,
h6 {
  color: #4b0049;
}
legend,
.control-label {
  color: #887c78;
}
.form-submit {
  font-weight: 800;
  text-transform: uppercase;
  padding: 10px 20px;
  border-width: 2px;
  color: #fff;
  border-color: #fff;
  background-color: #54bb45;
}
.form-submit .glyphicon {
  display: none;
}
.form-submit:focus,
.form-submit:hover {
  color: #fff;
  border-color: #54bb45;
  background-color: #54bb45;
}
.form-submit:active {
  color: #54bb45 !important;
  border-color: #54bb45 !important;
  background-color: #fff !important;
}
.form-actions {
  margin: 15px 0;
}
.select-wrapper select.form-control {
  width: 100%;
}
.select-wrapper::after {
  color: #887c78;
}
.footer_container {
  border-bottom: 10px solid #338FFF;
}
#crm-profile-block {
  /*
  input[name^="email"] {
    min-width: 300px;
  }
  */
}
#crm-profile-block .crm-form-text {
  min-width: 300px;
  max-width: 100%;
}
#crm-profile-block .crm-form-text[data-crm-custom^="Member:Training"],
#crm-profile-block .crm-form-text[name^="url"],
#crm-profile-block #custom_19,
#crm-profile-block textarea {
  width: 100%;
}
#crm-profile-block #custom_15,
#crm-profile-block .crm-form-text[name^="postal_code"],
#crm-profile-block .crm-form-text[name^="phone_ext"] {
  min-width: 100px;
  width: 100px;
}
body > div > footer {
  background-color: #f1f0ee;
  background-image: url(https://foodforallnb.ca/grfx/bg-footer-cfm.png);
  background-position-x: right;
  background-repeat: no-repeat;
  border-top: 0;
  min-height: 300px;
  margin-right: 0;
  margin-left: 0;
  width: auto;
}
body > div > footer .region-footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .region-footer {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .region-footer {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .region-footer {
    width: 1170px;
  }
}

/* 2023 */
body > div > header {
  padding-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid #70716b;
}
.page-civicrm-cfm-directory .crm-page-title {
  color: #70716b;
}
#crm-container {
  margin-bottom: 30px;
}
.cfm-invite .button {
  background-color: #70716b;
  text-transform: uppercase;
}
#bootstrap-theme a,
#bootstrap-theme .pagination > li > a, 
#bootstrap-theme .pagination > li > span { 
  color: #4d0045;
  text-decoration: none;
}
#bootstrap-theme a:hover,
#bootstrap-theme a:focus {
  text-decoration: underline;
}