/*make a dev class to find things
  use with @include dev;*/
/* line 364, ../sass/_custom.scss */
.dev {
  background: rgba(215, 88, 82, 0.3);
  border: 1px solid #d75852;
}

/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /*
   * Float Region Blocks - custom media query CSS example:
   *
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  /* line 57, ../sass/responsive.custom.scss */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/* line 64, ../sass/responsive.custom.scss */
.page-nomination #user-register-form .form-item-name,
.page-nomination #user-register-form .form-item-mail,
.page-nomination #user-register-form #edit-field-first-name,
.page-nomination #user-register-form #edit-field-last-name,
.page-nomination #user-register-form #edit-field-salutation,
.page-nomination #user-register-form #edit-field-gender,
.page-nomination #user-register-form #edit-field-address,
.page-nomination #user-register-form #edit-field-international-phone,
.page-nomination #user-register-form #edit-field-phone-type,
.page-nomination #user-register-form #edit-field-country-code,
.page-nomination #user-register-form #edit-field-area-code,
.page-nomination #user-register-form #edit-field-phone-number,
.page-nomination #user-register-form #edit-field-extension {
  display: none;
}

/* line 88, ../sass/responsive.custom.scss */
details > summary {
  margin-left: -0.4em;
  margin-right: -0.4em;
}

/* line 102, ../sass/responsive.custom.scss */
div.ctools-modal-content {
  border: none !important;
  height: auto !important;
  width: auto !important;
  border-radius: 6px;
}
/* line 108, ../sass/responsive.custom.scss */
div.ctools-modal-content .alert {
  font-size: 12px !important;
}
/* line 111, ../sass/responsive.custom.scss */
div.ctools-modal-content #user-register-form {
  background: transparent;
  color: #000;
  font-size: 12px !important;
  border: 0;
  margin: 0;
  padding: 0;
}
/* line 120, ../sass/responsive.custom.scss */
div.ctools-modal-content #user-register-form .form-item label {
  width: auto !important;
}
/* line 125, ../sass/responsive.custom.scss */
div.ctools-modal-content .modal-header {
  background-color: #424242;
  padding: 0.5em .25em 0.5em 1em;
  border-bottom: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 25px;
}
/* line 137, ../sass/responsive.custom.scss */
div.ctools-modal-content .modal-header img {
  margin-left: 1rem;
}
/* line 141, ../sass/responsive.custom.scss */
div.ctools-modal-content #modal-content {
  width: auto !important;
  height: auto !important;
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
}
/* line 147, ../sass/responsive.custom.scss */
div.ctools-modal-content .model-content {
  border-top-left-radius: unset !important;
  border-top-right-radius: unset !important;
}

/* line 152, ../sass/responsive.custom.scss */
#modalContent {
  top: 12%;
  left: 0 !important;
  right: 0 !important;
  margin: 0 25% !important;
}

@media (min-width: 1025px) and (max-width: 1525px) {
  /* line 159, ../sass/responsive.custom.scss */
  #modalContent {
    top: 60px !important;
    position: fixed !important;
    margin: 0 30% !important;
  }

  /* line 164, ../sass/responsive.custom.scss */
  div.ctools-modal-content {
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    border-radius: 6px;
  }
}
@media only screen and (max-width: 1025px) {
  /* line 173, ../sass/responsive.custom.scss */
  #modalContent {
    margin: 0 15% !important;
  }

  /* line 178, ../sass/responsive.custom.scss */
  #page-title {
    margin: 0;
    color: #133E7C;
    font-family: "Rubik-Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 30px;
    line-height: 3.0rem;
    font-weight: 400;
  }
}
@media only screen and (max-width: 768px) {
  /* line 192, ../sass/responsive.custom.scss */
  #modalContent {
    top: 12% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 5% !important;
  }

  /* line 198, ../sass/responsive.custom.scss */
  div.ctools-modal-content {
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    border-radius: 6px;
  }
}
/* line 208, ../sass/responsive.custom.scss */
#user-login input[type="text"], #user-login input[type="password"] {
  width: 100%;
}

/* line 215, ../sass/responsive.custom.scss */
#modalBackdrop {
  background-color: #646464 !important;
  opacity: 0.85 !important;
}

/* line 219, ../sass/responsive.custom.scss */
.modal-header {
  color: white;
  font-family: "Rubik-Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  background-image: url("/sites/all/themes/oc50/images/lion.png");
  background-size-y: 1.5rem;
  background-repeat: no-repeat;
  padding-left: 65px;
  padding-left: 6.5rem;
  background-position-x: 8px;
  background-position-x: 0.8rem;
  background-position-y: center;
}
/* line 233, ../sass/responsive.custom.scss */
.modal-header .modal-title {
  color: white;
  font-family: "Rubik-Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 22px !important;
  font-size: 2.2rem !important;
  font-weight: normal !important;
  padding-left: 4.5rem;
}
/* line 242, ../sass/responsive.custom.scss */
.modal-header .close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0 1rem;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal !important;
  font-size: 0 !important;
  font-family: Arial, Baskerville, monospace !important;
}

/* line 261, ../sass/responsive.custom.scss */
#modalContent,
#modal-content {
  box-sizing: content-box !important;
}

/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */
/* line 280, ../sass/responsive.custom.scss */
.bump-left {
  margin-left: 1rem;
}

/* line 286, ../sass/responsive.custom.scss */
.two-col-row {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

/* line 291, ../sass/responsive.custom.scss */
.two-col-text,
.two-col-image {
  flex: 1;
}

@media (max-width: 768px) {
  /* line 296, ../sass/responsive.custom.scss */
  .two-col-row {
    flex-direction: column;
  }
}

/*# sourceMappingURL=responsive.custom.css.map */