/**
 * @file
 * Use this CSS file to override components CSS rules
 */

/** This rule is the equivalent of the bootstrap 'row' declaraction. Its
 *  just easier to add it to the rule then trying to hunt down WHERE in templates
 *  the classes are added.
 */
.region-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.header-container .cart-block--summary a {
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 11px 15px 18px;
  text-decoration: none;
}

.cart-block--contents {
  width: inherit !important;
}

.view-products-list .views-row:first-child {
  margin-top: 10px;
}

.view-products-list .views-row {
  margin-top: 70px;
}

.field--name-field-age-group .form-composite > legend
{
 font-size: 15px;
 font-weight: normal;
}

.commerce-rng-registrant-add-form fieldset legend,
.registrant-form fieldset legend,
.profile-form fieldset legend
{
  border: none;
}

/**
 * Media File overrides
 */
.media--view-mode-table-output .field .field__item {
  padding: .25rem!important;
  margin: .25rem!important;
  background-color: #f8f9fa!important;
}

.col-12 h1.title > {
  font-size: 40px;
  margin: 20px 0 50px;
  padding-bottom: 25px;
  font-weight: 600;
  border-bottom: none;
  position: relative;
  text-transform: none;
}

/*.opacity-0 {*/
/*  opacity: 0; }*/

/*.opacity-10 {*/
/*  opacity: 0.1; }*/

/*.opacity-20 {*/
/*  opacity: 0.2; }*/

/*.opacity-30 {*/
/*  opacity: 0.3; }*/

/*.opacity-40 {*/
/*  opacity: 0.4; }*/

/*.opacity-50 {*/
/*  opacity: 0.5; }*/

/*.opacity-60 {*/
/*  opacity: 0.6; }*/

/*.opacity-70 {*/
/*  opacity: 0.7; }*/

/*.opacity-80 {*/
/*  opacity: 0.8; }*/

/*.opacity-90 {*/
/*  opacity: 0.9; }*/

/*.opacity-100 {*/
/*  opacity: 1; }*/

/*superfish menu arrows*/
.header-container ul.sf-menu .sf-sub-indicator {
  right: -3px;
  top: 50%;
}

/**
 * Visual styles for Conference+'s front page background.
 */
 .background-image-area__image, .background-image {
  background-size: auto;
}
@media (min-height: 1080px) , (min-width: 1920px) {
  .background-image {
    background-size: auto;
  }
}