/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */


 .main_flex{
  display:flex;
  justify-content: flex-start; 

 }



.container {
 
  max-width: var(--max-width);
 

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}

.page-wrapper {
  max-width: var(--max-bg-color);
  background: var(--color--white);
}

.region-header-right{
  position: absolute;
  right: 0;
  top: 30px;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.region-header-right form{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 20px;
}


.region-header-right form input.search-input{
  width: 30%;
  font-size: 12px;
  border-top-left-radius: 5px;   
  border-bottom-left-radius: 5px;  
  border-width:2px;
}

.region-header-right form input:focus{
  outline: none;
}
.region-header-right form button{
  display: block;
  padding:0;
  background-color: #eecf2e;
  cursor: pointer;
  color: var(--color--white);
  width: 40px;
  border:none;
  outline: none;
  color: #000;
  text-align: center;
  border-radius: unset;
}
.region-header-right form button:hover,.region-header-right form button:focus{
  background-color: #eecf2e;
  color: #000;
  outline: none;
  outline-offset: 0px;
  border:none;
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {
  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}

@media (min-width: 75rem) {
  .main-content {
    width: calc(100% - var(--content-left));
    margin-inline-end: auto;
  }
}

.main-content__container {
  
}

@media (min-width: 43.75rem) {
  .main-content__container {
   
  }

}
@media (max-width: 53.75rem) {
 main{
  width:100%!important;
 }
.main_flex{
  flex-wrap: wrap;
}
.region-header-middle nav{
  display:none;
}
.region-header-right{
 top:120px;
 left:10px;
}
.region-header-right form{
  justify-content: flex-start;
}
.region-header-right form input.search-input{
  width: 70%;
}

.right_column{
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
}
@media (max-width:697px) {
  .region-header-right {
    top:55px;
    left:10px;
  }
}

@media (max-width:499px) {
  .region-header-right {
    top:40px;
    left:10px;
  }
}

@media (max-width:326px) {
  .region-header-right {
    top:50px;
    left:10px;
  }
}



/*
 * Contextual link wrappers load without the ".contextual" CSS class, which
 * causes layout shifts. We fix this by setting this to position: absolute;
 */

[data-contextual-id]:not(.contextual) {
  position: absolute;
}