﻿/* cafs.css at root: used for all Civi pages: set in Administer- > System Settings- > Resource URLs */

.cafs-event-image img { /* Centre horiz and gap at bottom */
  display: block;
  margin: 0 auto 0.5rem auto;
}

.event_title-section {
  font-weight: bold;
  font-size: 150%;
  margin-bottom: 1em !important;
  background-color: #a1cd44;
  padding: 0.5em;
  color: #333333;
}

.event_summary-section {
  font-weight: bold;
  font-size: 125%;
  margin-bottom: 1em !important;
}

/*.event_title-section,
.event_summary-section,
.event_description-section {
  margin-left: 19%;
}*/

.event-places-left {
  font-weight: bold;
  font-size: 125%;
}


@media (max-width: 600px) {
  .event_title-section, .event_summary-section, .event_description-section {
    margin-left: 0;
  }
}

.crm-container a.crm-register-button,
.crm-container a.crm-register-button:link,
.crm-container a.crm-register-button:visited,
.crm-register-button {
  text-shadow: none;
  color: green;
  background: none;
  border: 2px solid green;
  border-radius: 5px;
  font-weight: bold;
  margin-bottom: 30px;
}

.fusion-columns
.fusion-column {
  margin: 0 !important;
}

#crm-container.crm-public .crm-section,
.crm-section {
  margin-bottom: 0.75em;
  line-height: normal;
}

.helprow-pre {
  margin-bottom: 0 !important;
}

.select2-container .select2-choice {
  height: auto;
}

.cafs-hidden{
  display:none;
}

#crm-container.crm-public input[type="text"],
#crm-container.crm-public input[type="password"], 
#crm-container.crm-public input[type="email"], 
#crm-container.crm-public select{
  width:90%;
}

.crm-container .replace-plain,
.crm-container textarea,
.crm-container select.crm-form-multiselect {
  width: 90%;
}

input.crm-form-radio + label, 
input.crm-form-checkbox + label {
  margin-left: 1px;
  margin-right: 7px;
}

@media (max-width: 600px) {
  #main {
    padding-left: 10px;
    padding-right: 10px;
  }
  .crm-container .crm-section .label{
    text-align: left;
    width: auto;
  }
}

ul.errorList {
  padding-left: 2em;
}

.servicehead {
  clear: both;
  font-weight: bold;
  color: #2d542c !important;
  text-decoration: underline;
  margin: 5px 0;
}

.servicelisting {
  margin-bottom: 0;
  margin-top: 10px;
}
.supplier-field-label {
  font-weight: bold;
  padding-top: 10px;
}

.supplier-field-value {
  padding-top: 10px;
}

.supplier_map-section{
  margin-top: 0.5em;
}

/* Group select on add new individual */
#s2id_group{
  width:20em !important;
}

/* Cold to Cosy forms: fix Title field display */
#s2id_prefix_id {
  width: 52% !important;
}

#s2id_prefix_id a {
  min-height: 3em;
}

/* Make not-required fields have default black text colour */
.crm-container textarea,
.crm-container input {
  color: inherit;
}

/* Make submit button bigger */
.crm-container .crm-button.crm-i-button input.crm-form-submit {
  font-size: 16px;
}

/* Position of submit button */
.crm-container .crm-submit-buttons, 
.crm-container .action-link {
  margin-left: 19%;
}

@media (min-width: 600px) {
  /* Width of select boxes */
  .crm-container.crm-public div.select2-container {
    width: 52% !important;
  }

  /* Width of text boxes */
  #crm-container.crm-public input[type="text"] {
    width: 50%;
  }

  /* Width of select box on newsletter page */
  #crm-container.crm-public select {
    width: 50%;
  }
}

.crm-form-radio,
.crm-form-checkbox {
  outline: 1px solid #00a0c6 !important;
  outline-offset: -2px;
}
.crm-form-radio:focus,
.crm-form-checkbox:focus {
  outline: 1px solid #d21485 !important;
}

.crm-container a,
.crm-container a:link,
.crm-container a:visited {
  color: #186579;
}

.crm-container .description {
  color: #1a3610;
}

.crm-container .action-link {
  height: auto;
  margin: 0 0 1rem 0;
}

#UpdatePreference .crm-container fieldset {
  border-top: none !important;
}