/** Base **/
.orange-color {
   color: #E7540A !important;
}

.width-100 {
   width: 100%;
}

.about-page  .text-content ul li {
   margin-bottom: 30px;
   padding-left: 15px;
}
/** Layout **/

.site-header__inner_short {
   grid-column: 4 / 13 !important;
}

.main-content_full {
   width: 100%;

}

.main-content__container_full {
   max-width: 100% !important;
   margin: unset !important;
}

.fa-solid {
   color: #220939;
   margin-right: 10px;
}
.no-bottom-margin {
   margin-bottom: 0px;
}

.no-bottom-top-margin {
   margin-bottom: 0px;
   margin-top: 0px;
}

.link-box {
   display: block;
   border: 2px solid #dcdcdc;
   padding: 15px 20px;
   color: #000;
   FONT-SIZE: 25PX;
   font-weight: bold;
   background: #fff;
   margin-bottom: 20px;
    margin-right: 0px;
}



.margin-left {
   margin-left: 5%;
}

.flex-normal {
   display: flex;
   justify-content: space-evenly;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;

}

.flex-normal > div{

   margin-right: 10%;
}

.flex-normal img {
   min-width: 300px;
}

.flex-normal h1 {
   margin-bottom: 0px;
}

.image-wrap img {
   float: left;
   margin-right: 5%;
   margin-bottom: 2%;
      margin-left: 1rem;
         margin-top: 2.85rem;
}

.paragraph-image-wrap div.field--name-field-curator-headshot {
      float: left;
      margin-right: 5%;
      margin-bottom: 2%;
      margin-left: 1rem;
      margin-top: 2.85rem;
      max-width: 20rem;
}

.paragraph-image-wrap div.field--name-field-curator-list {
   display: flex;
   flex-direction: column;
   margin-top: 1.5rem;
}

.paragraph-image-wrap {
   border-bottom: 1px solid #E7540A;
   margin-bottom: 3rem;
}
.paragraph-image-wrap h1 {
   margin-bottom: 0px;
}
.paragraph-image-wrap h1:nth-child(n+3) {
   margin-top: 0px;
   margin-bottom: 0px;
}

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

}

.page-flex-end {
   display: flex;
   justify-content: flex-end;

}

.site-footer .page-flex-end > div {
   margin-right: 50px;
}

.site-footer .page-flex-end > div:last-child {
   margin-right: 0px;
}

.flex-4 > div {
   width: 21%;
   margin: 0px 2%;
}

/** Home page **/
.front-page .amdp-grid-view img {
   width: 100%;
}
.front-page .layout--pass--content-medium > * {
   grid-column: 4 / 13;
}

.front-page .views-view-grid--horizontal.cols-4>* {
   flex-basis: 25% !important;
}

 /*.about-page .field--name-field-banner-image img {
    width: 100%;
 }
*/

 /** Search **/
.search-form {
   display: flex;
}

.search-block-form {
   display: flex;
}

/*** Navigation ***/

.primary-nav__menu .is-active {
   color: #e7540b;
}
.primary-nav__menu-link {
   margin-bottom: 20px;
}
.admp-block-search-wide__wrapper {
   margin-top: 1rem;
}

#admp-vertical-navigation .site-branding {
   margin: 0;
}

#admp-vertical-navigation .site-branding__inner {
   margin: 0 auto;
}

@media (min-width: 75rem) {
   #admp-vertical-navigation .site-branding {
      min-height: 7rem;
   }
}

#admp-vertical-navigation-container {
   margin-top: 9rem;
}

#content-box {
   display: flex;
   background-color: #fff;
   padding: 3rem;
   grid-column: 1/12;
}

#right-content {
   width: 75%;
   padding: 0 2% 0 0;
}

#left-content {
   padding-top: 2.25rem;
   width: 25%;
}

#right-content-short {
   width: 20%;
   padding: 0 2% 0 0;
}

#left-content-long {
   width: 80%;
}


.info-boxes {
   background-color: #fff;
   padding: 0px 0rem;
   margin: 0px 0px;
   grid-column: 1/12;

}

.meta-list {
   display: flex;
   flex-wrap: wrap;
}

/*.meta-info-box {
   width: 14%;
   display: flex;
   flex-direction: column;
   margin-bottom: 50px;
   margin-right: 1%;
   color: #328D8F;
}*/

.meta-info-box {
   display: flex;
   flex-direction: column;
   margin-bottom: 50px;
   margin-right: 4%;
   color: #220939;
   flex: 1 1 20%;
}


.meta-info-box b{
   color:#220939;
   margin-bottom: 10px;
}

.black-fa .svg-inline--fa {
   color: #000;
}

.red-fa .svg-inline--fa {
   color: #E7540A;
}
.views-exposed-form  form {
   /*display: flex;*/
}

#views-exposed-form-pieces-search-page-1 {

   display: block;
}

.views-exposed-form .form-actions {
   padding-top:9px;
   margin-left: 5px;
}


.white-box {
   background-color: #fff;
   padding: 10px 0px;
   /*margin-left: 2%;*/
   /*margin: 2% 0;*/
   /*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
   grid-column: 1 / 12;
}

.white-box-simple {
   background-color: #fff;
   padding: 30px 0px;
   margin-bottom: 50px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   margin-top: 50px;
}

/** form **/

.region--vertical-filters form {
   margin: 0 8%;
 }
.region--vertical-filters label {
   color: #fff;
   float: left;
}



.region--vertical-filters   [type="text"] {

   background-color: #fff;
   color: #000;
   box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.region--vertical-filters input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #c9c9cd;
   opacity: 1; /* Firefox */
 }

 .region--vertical-filters input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #c9c9cd;
 }

 .region--vertical-filters input::-ms-input-placeholder { /* Microsoft Edge */
   color: #c9c9cd;
 }


.region--vertical-filters input:focus-within::placeholder { opacity: 0; } /* Modern Browsers */
.region--vertical-filters input:focus-within::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
.region--vertical-filters input:focus-within:-moz-placeholder { opacity: 0; } /* FF 4-18 */
.region--vertical-filters input:focus-within::-moz-placeholder { opacity: 0; } /* FF 19-50 */
.region--vertical-filters input:focus-within:-ms-input-placeholder { opacity: 0; } /* IE 10+ */

 /** Layout **/
::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; }  /* Chrome <=56, Safari < 10 */
:-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */

*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */

*:focus-within::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus-within:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus-within::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus-within:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus-within::placeholder { opacity: 0; } /* Modern Browsers */

#admp-vertical-navigation-spacing {
   width: 5%;
   min-width: 75px;
}
#admp-vertical-navigation {
   background-color: #328d8f; /*#220939*/;
   /*width: 20%;
   min-width: 295px;*/
   box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
   width: 21rem;
   z-index: 1;

}

.region--vertical-navigation h2 {
   color: #fff !important;
}

.center-layout .layout--pass--content-medium > * {
   grid-column: 5 / 14;
}

.center-layout-medium-large .layout--pass--content-medium >* {
   grid-column: 3 / 14;
}

.center-layout .white-box-simple .layout--pass--content-medium>* {
   grid-column: 2 / 16;
}

#content #views-exposed-form-pieces-search-page-1 {
   display: none;
}

.full-layout #block-pagetitle {
   grid-column: 3 / 15;
   padding-left: 1rem;
   margin-left: 0px !important;
}

.full-layout .layout--pass--content-medium>* {
   grid-column: 3 / 15;
   margin-left: 1rem;
}

/** Footer **/

.footer-logo {
   max-height: 7.625rem;
   width: auto;
}
#footer-two .region--footer-two {
   display: flex;
}

#footer-two .region--footer-two > div:not(:first-child) {
   margin-left: 50px;
}

#footer-three .region--footer-three {
   display: flex;
}

#footer-three .region--footer-three > div:not(:first-child) {
   margin-left: 50px;
}

#footer-four .region--footer-four {
   display: flex;
}

#footer-four .region--footer-four > div:not(:first-child) {
   margin-left: 50px;
}

#footer-three h2.block__title {
   line-height: unset;
   margin-top: 25px;
   text-transform: uppercase;
   font-size: 16px;
}

#footer-four h2.block__title {
   line-height: unset;
   margin-top: 25px;
}

.site-footer h2 {
   color: #328D8F;
}

.region--footer-bottom {
   margin-top: 20px;
}

.region--footer-bottom #block-amdp-powered {
   grid-column: 13 / 16;
}


/** dom elements **/
ul.music-list {
   list-style: none;
}
ul.music-list li:before {
   content: '\f001'; /* FontAwesome Unicode */
   font: var(--fa-font-solid);
   display: inline-block;
   margin-left: -1.3em; /* same as padding-left set on li */
   width: 1.3em; /* same as padding-left set on li */
   margin-right: 15px;
 }

 .callout-box {
   background: #220939;
   padding-top: 20px;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   color: #fff;
   margin-top: 30px;
 }

 .callout-box h2{
   color: #fff;
   margin-top: 0px;
 }



 /*** Navigation **/
 .secondary-nav__menu-item {
   background: #220939;
   color: #fff;
   padding: 5px 20px;
   border-radius: 10px;
 }

 .secondary-nav__menu-item:hover {
   background: #E7540A;
 }

 .secondary-nav__menu-item a:hover {
   color:  #fff;
   text-decoration: none;
 }

 .secondary-nav__menu {
   margin-top: 10px;
 }

 /*** team page **/
 .view-team-profile-list img {
   width: auto;
   max-height: 300px;
 }
 .view-team-profile-list a {
   color: #220939;
   font-size: 1.5rem;
   font-family: Noto Serif;
   font-weight: bold;
   margin-top: 25px;
   display: block;
   margin-bottom: 10px;
 }

 .view-team-profile-list a:hover {
   color: #328D8F;
 }



 .view-team-profile-list .field-content {
   font-size: 14px;
 }

 .image-wrap em {

}

.paypal-button {
   background: #220939;
   color: #fff;
   padding: 5px 30px;
   height: 3rem;
   display: inline-block;
   padding-top: 13px;
   font-weight: bold;
}

.paypal-button:hover {
   background: #E7540A;

 }

 .paypal-button a:hover {
   color:  #220939;
 }


 .about-page .text-content {
   max-width: 1070px;
 }

 .about-page .field--name-body {
   margin-top: 30px;
 }

/*** tables **/
.admp-table thead tr th:first-child, .admp-table tbody tr td:first-child {
   padding-left: 45px;
}
.views-table td:first-child {
   width: 150px;
}

.views-table th:first-child {
   width: 150px;
}

.views-table a {
   text-decoration: none;
}

.views-table a:hover {
   text-decoration: underline;
   color: #328D8F !important;
}


.view-browse-data table th, .view-browse-data table td {
   width: 200px !important;
}


.view-browse-data table th:first-child, .view-browse-data table th:first-child {
   width: 400px !important;
}

.content-above-container {
   min-height: 75px;
   background: #328d8f;
   align-items: center;
   display: grid;
}

.content-above-container #block-pagetitle {
margin-left: 3rem;
width: calc(100% - 3rem);
}

.content-above-container #block-pagetitle h1 {
   color: #fff;
}


/*#block-pagetitle {
   margin-top: 50px;
}
*/

.donate-button {
   background: #220939;
   color: #fff;
   padding: 5px 20px;
   border-radius: 15px;
}

.donate-button:hover {
   background: #E7540A;
}

#left-content div:first-child h1:nth-child(1) {
   margin-top:0px;
}


.alt_menu__item {
   padding: 0 1.125rem;
   margin-bottom: 1rem;
   vertical-align: top;
   font-family: Epidemic, sans-serif;
   font-size: 1rem;
   font-weight: normal;
   padding: 0px 1rem;
   line-height: calc(2.5rem - 2px);
   white-space: nowrap;
   text-transform: capitalize;
   text-align: left;
   width: auto;
   cursor: pointer;
   color: #fff;
   border: none;
}

/*** submit page styles **/

.image-links-box {
   display: flex;
   flex-wrap: wrap;
}

.image-link-box {
   display: block;
   color: #000;
   FONT-SIZE: 25PX;
   font-weight: bold;
   background: #fff;
   margin-bottom: 20px;
   margin-right: 20px;
   position: relative;
   width: 20%;
}


.image-link-box:hover .overlay {
   opacity: .8;
}


.home-image-link-box {
   display: block;
   position: relative;
}


.home-image-link-box:hover .overlay {
   opacity: .8;
}

image-link-box img {
   width: 100%;
   height: 100%;
}

.overlay {
   position: absolute;
   transition: all 0.3s ease;
   opacity: 0;
   background-color: #220939;
   color: #fff;
   font-size: 25px;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   line-height: 25px;
   padding-left: 6%;
   padding-right: 6%;
}

.overlayFade {
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   background-color: #220939;
}
.overlay a {
   color: #fff !important;
   font-size: 15px;
}
.home-image-link-box .overlay a {
   font-size: 22px;
   text-decoration: none;
}

.overlay a:hover {
   color: #fff !important;
}

.orange-bottom-border {
   border: 0px;
   border-bottom: 1px solid #E7540A;
}

/** Webform hack **/
.webform-flex--container:nth-child(2) {
   margin-left: 0px;
}

/* Table sorting
th.views-field-title a:after {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   content: "\f0dc";
   position: absolute;
   margin-left: 7px;
}
*/

.no-sort:after {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   content: "\f0dc";
   position: absolute;
   margin-left: 7px;
}

.tablesort--desc, .tablesort--asc {
   background: none;
}

.tablesort--desc:after {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   content: "\f0dd";
   position: absolute;
   margin-left: 7px;
}

.tablesort--asc:after {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   content: "\f0de";
   position: absolute;
   margin-left: 7px;
}



ul.orange-list {
   list-style: none;
   /* Remove default bullets */
}

ul.orange-list li {
   margin-bottom: 0.5rem;
   display: flex;
}

ul.orange-list li::before {
   content: "\2022";
   /* Add content: \2022 is the CSS Code/unicode for a bullet */
   color: #E7540A;
   /* Change the color */
   font-weight: bold;
   /* If you want it to be bold */
   display: inline-block;
   /* Needed to add space between the bullet and the text */
   width: 1em;
   /* Also needed for space (tweak if needed) */
   margin-left: 1rem;
   /* Also needed for space (tweak if needed) */
   margin-right: 1rem;
}

.webform-multiple-table .draggable-table {
   margin-top: 0px;
}

.webform-multiple-table .draggable-table th {
   padding-top: 0px;
}