/**
*********************
* Import all the base component SCSS file.
********************
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans-Bold.ttf");
  font-weight: 700;
}

/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Colors
********************
**/
/**
*********************
* Image
********************
**/
img {
  max-width: 100%;
  height: auto;
}

/**
*********************
* Site logo
********************
**/
.site-logo {
  width: 15rem;
  max-height: 3rem;
}

.site-logo img {
  width: 100%;
}

/**
*********************
* Main navigation
********************
**/
#header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

#header nav > a {
  padding: 0.75rem;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

/**
*********************
* Breadcrumbs
********************
**/
.breadcrumb {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.breadcrumb > * {
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
}

.breadcrumb > li::after {
  margin: 0.3rem;
  content: "\000BB";
}

.breadcrumb > li:last-child::after {
  content: "";
}

/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans-Bold.ttf");
  font-weight: 700;
}

/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Colors
********************
**/
.views-more-link,
.read-more,
.more-link a {
  position: relative;
  float: right;
  margin-top: 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #1c2f46;
  font-size: 0.875rem;
  font-weight: 700;
}

.views-more-link:before,
.read-more:before,
.more-link a:before {
  margin-right: 0.3rem;
  content: "\f101";
  font-family: "FontAwesome", sans-serif;
}

.views-more-link:hover, .views-more-link:focus,
.read-more:hover,
.read-more:focus,
.more-link a:hover,
.more-link a:focus {
  -webkit-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
  text-decoration: none;
  color: #2075bc;
}

/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans-Bold.ttf");
  font-weight: 700;
}

/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Colors
********************
**/
.btn, .field-add-more-submit {
  display: inline-block;
  padding: 0.5rem 2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  border: 0.0625rem solid transparent;
  border-radius: 0.3rem;
  background-color: #27a8e0;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem !important;
}

.btn:hover, .field-add-more-submit:hover, .btn:focus, .field-add-more-submit:focus {
  text-decoration: none !important;
  color: #fff;
  background: #6f7171;
}

@media only screen and (min-width: 36.065rem) {
  .btn, .field-add-more-submit {
    padding: 0.75rem 1.875rem;
  }
}

.btn--cta {
  position: relative;
  padding: 1rem 2rem 1rem 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #2bafe9;
  border: 1px solid #2bafe9;
  background: #fff;
  font-size: 0.75rem !important;
}

.btn--cta::before {
  position: absolute;
  top: 50%;
  right: 0.9rem;
  content: "\f061";
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #2bafe9;
  font-family: "FontAwesome", sans-serif;
  font-weight: 400;
}

.btn--cta:hover, .btn--cta:focus {
  color: #2bafe9;
  background: none;
}

/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans-Bold.ttf");
  font-weight: 700;
}

/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Colors
********************
**/
label {
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 700;
}

.form-select {
  background-image: url("../../../assets/dropdown.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 2.75rem 0.5625rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.autocomplete-deluxe-form {
  background: none !important;
}

.form-text,
.form-select,
.form-email,
.form-url,
.form-date,
.form-type-tel,
.form-time,
.autocomplete-deluxe-form {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-right: 2rem;
  margin-bottom: 1rem;
  padding: 0.5rem calc(2rem - 1px) 0.5rem 0.5rem !important;
  border: 0.0625rem solid #7e7e7e !important;
  border-radius: 0.2rem;
}

.form-text:hover,
.form-select:hover,
.form-email:hover,
.form-url:hover,
.form-date:hover,
.form-type-tel:hover,
.form-time:hover,
.autocomplete-deluxe-form:hover {
  border-color: #0f0f0f;
}

.form-text:focus,
.form-select:focus,
.form-email:focus,
.form-url:focus,
.form-date:focus,
.form-type-tel:focus,
.form-time:focus,
.autocomplete-deluxe-form:focus {
  outline-width: 0.125rem;
  outline-style: solid;
  outline-color: #2bafe9;
  outline-offset: 0.2rem;
}

@media only screen and (min-width: 48.065rem) {
  .form-text,
  .form-select,
  .form-email,
  .form-url,
  .form-date,
  .form-type-tel,
  .form-time,
  .autocomplete-deluxe-form {
    width: auto !important;
    margin-bottom: 0;
  }
}

.form-actions {
  width: 100%;
}

.form-actions .form-submit {
  padding: 0.5rem 2rem;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 0.25rem;
  background: #3bb44a;
  font-size: 0.875rem;
  font-weight: 600;
}

.form-actions .form-submit[value="Apply"] {
  display: inline-block;
  margin-top: 1rem;
  margin-left: calc(50% - 6.875rem);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: color 100ms ease-out, border-color 100ms ease-out, background-color 100ms ease-out;
  -o-transition: color 100ms ease-out, border-color 100ms ease-out, background-color 100ms ease-out;
  transition: color 100ms ease-out, border-color 100ms ease-out, background-color 100ms ease-out;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  border: 0.0625rem solid transparent;
  border-radius: 0.3rem;
  background-color: #3bb44a;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
}

.form-actions .form-submit[value="Apply"]:hover {
  color: #fff;
  background: #7c7e7e;
}

@media only screen and (min-width: 36.065rem) {
  .form-actions .form-submit[value="Apply"] {
    margin-left: 0;
    padding: 0.75rem 1.875rem;
  }
}

.form-actions .form-submit[name="op"], .form-actions .form-submit[name="reset"] {
  display: inline-block;
  margin-top: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: color 100ms ease-out, border-color 100ms ease-out, background-color 100ms ease-out;
  -o-transition: color 100ms ease-out, border-color 100ms ease-out, background-color 100ms ease-out;
  transition: color 100ms ease-out, border-color 100ms ease-out, background-color 100ms ease-out;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  border: 0.0625rem solid transparent;
  border-radius: 0.3rem;
  background-color: #27a8e0;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875rem;
}

.form-actions .form-submit[name="op"]:hover, .form-actions .form-submit[name="reset"]:hover {
  color: #fff;
  background: #6f7171;
}

@media only screen and (min-width: 36.065rem) {
  .form-actions .form-submit[name="op"], .form-actions .form-submit[name="reset"] {
    padding: 0.75rem 1.875rem;
  }
}

@media only screen and (min-width: 62.065rem) {
  .form-actions {
    text-align: left;
  }
}

.form-item .description,
.form-composite > .fieldset-wrapper > .description {
  width: 80%;
  color: #444646;
  font-size: 0.75rem;
  font-style: italic;
}

.autocomplete-deluxe-container {
  display: block;
  border: none;
  background: none;
}

/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans-Bold.ttf");
  font-weight: 700;
}

/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Colors
********************
**/
table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border: 0.0625rem solid #ccc;
  border-collapse: collapse;
  font-size: inherit;
}

table th,
table td {
  min-width: 12rem;
  padding: 0.3rem 0.75rem;
}

table td > p {
  font-size: 0.875rem;
}

tbody tr {
  border: 0.0625rem solid #ccc;
}

tbody tr:nth-child(even) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0));
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e0e0e0 100%);
}

form .field-multiple-table {
  table-layout: auto;
}

form .field-multiple-drag {
  min-width: unset;
}

form a.tabledrag-handle .handle {
  width: 2rem;
  height: 2rem;
}

/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans-Bold.ttf");
  font-weight: 700;
}

/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Colors
********************
**/
blockquote {
  float: center;
  margin: 0 0 2rem 0;
  padding: 2rem;
  color: #004d6a;
  border: 0;
  background-color: #d3d5d6;
  font-size: 1rem;
}

blockquote::before {
  position: relative !important;
  display: inline-block !important;
  float: left;
  width: auto !important;
  height: 3.5rem !important;
  margin-right: 0.25em;
  content: open-quote !important;
  vertical-align: -0.4em;
  color: #004d6a;
  background-color: transparent !important;
  font-family: "Times New Roman", Times, serif;
  font-size: 8rem;
  line-height: 6.75rem;
}

/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans-Bold.ttf");
  font-weight: 700;
}

/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Colors
********************
**/
.ckeditor-accordion-container > dl {
  border: none !important;
}

.ckeditor-accordion-container > dl dt {
  margin-bottom: 0.3rem !important;
}

.ckeditor-accordion-container > dl dt > a {
  border: 0.0625rem solid #d3d3d3 !important;
  background-color: #01a79e !important;
  font-family: "Droid Sans", sans-serif;
}

.ckeditor-accordion-container > dl dd {
  padding: 2rem;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  top: calc(25% - 0.0625rem) !important;
  -webkit-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
  background: url(/themes/custom/stelar/src/assets/accordion-plus.svg) no-repeat;
}

.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle {
  top: calc(25% - 0.0625rem) !important;
  -webkit-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
  background: url(/themes/custom/stelar/src/assets/accordion-minus.svg) no-repeat;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before {
  display: none;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  display: none;
}

/*# sourceMappingURL=components.css.map */