.DB_mask {
   z-index: 999999999999999 !important;
}
.DB_dialog {
   z-index: 9999999999999999 !important;
}
#mobileapp-smart-banner .en-smartAppBanner-content {
   width: 100% !important;
}
.en-hp-alert-box {
   max-width: 600px !important;
   width: 95% !important;
}
.en-hp-alert-box .alert-box-header h1 {
   font-size: clamp(14px, 1.6363vw, 18px) !important;
   line-height: 2 !important;
}
.inner-page {
   display: flex;
   flex-direction: column;
   min-height: 100vh !important;
   height: 100% !important;
   background-color: transparent;
}
@media screen and (min-width:900px) {
   .inner-page .nav-menu-bg{
       background: #9c2c2f url(/pics/navbar.png) repeat-x scroll 0 0;
}
}
.en-pages-inner-wrapper #topDiv > div:nth-child(2){
   margin-top: 20px !important;
   margin-bottom: 20px !important;
}
/* Page navigation */
#pageNav { border: 0; font-size: 14px; position: relative; background: #d82927 url('/pics/pagenav.png')no-repeat scroll center right; margin-left: 20px;}
#pageNav ul, #pageNav ul li { list-style: none; line-height: 16px; }
#pageNav ul { padding: 10px 0 40px !important; margin: 0 auto!important; width: 250px;  height: auto!important;  }
#pageNav ul li { padding: 0 0 0px!important; margin: 0 0 0px!important; zoom: 1; /* important for IE6 */ }
#pageNav td img { display: none; }
#pageNav ul li a, #pageNav ul li b {color: #fff;display: block;font-family: 'Zilla Slab', serif;font-size: 20px;font-weight: 400;line-height: 22px;margin: 0;min-height: 20px;padding: 7px 30px 7px 18px;
position: relative;text-align: left;text-decoration: none;z-index: 0;}
#pageNav ul li b,#pageNav ul li a:hover,#pageNav ul li a:focus { background: #f6c216; color: #202020; }
#pageNav ul li a { text-decoration: none; color: #fff;}
#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt{padding-bottom: 2px;}

.light {
    background-color: #fdfafa !important;
    font-family: 'Zilla Slab', serif !important;
    font-weight: 400 !important;
    font-size: clamp(15px,1.6vw,17px) !important;
    color: #4d5053 !important;
}
.dark {
    background-color: #d82927 !important;
    color: #fff !important;
    font-family: 'Zilla Slab', serif !important;
    font-size: clamp(15px,1.6vw,17px) !important;
}
.inner-page .footer {
   margin-top: auto;

}
.en-pages-inner-wrapper ul ul {
    list-style-type: circle;
    margin-block-start: 0px;
    margin-block-end: 0px;
}
.en-pages-inner-wrapper {
       position: relative;
    min-height: 400px;
    height: auto!important;
    max-width: 1000px;
    margin: 0 auto !important;
    width: 98% ;
    padding: 20px;
}

.en-pages-inner-wrapper,
.en-pages-inner-wrapper table,
.en-pages-inner-wrapper .neutral {
   font-family: 'Zilla Slab', serif;
    font-size: clamp(15px,1.7vw,17px);
    font-weight: 400;
    line-height: 23px;
    color: #4d5053;
}
.pageTitle {
    background: url(/pics/section_title_bg.png) no-repeat scroll 1px 9px;
    color: #54565a;
    display: block;
    font-family: 'Asap Condensed', sans-serif;
    font-size: 30px;
    font-weight: 700;
    height: auto;
    letter-spacing: -0.6px;
    line-height: 38px;
    margin-bottom: 16px;
    margin-top: 5px;
    padding-left: 29px;
    position: relative;
    width: auto;
}
/* search popup */
.en-header-popup-wrapper {
   margin: auto auto !important;
   display: block !important;
   height: 107px !important;
   max-width: 500px !important;
   background: #c42030 !important;
}
.en-popup-close-img {
   background-color: #354395;
   border-radius: 50%;
}
@media screen and (max-width: 600px) {
   .en-editable-block-wrapper a{
      word-break: break-all !important;
   }
   
   
   .en-header-popup-wrapper {
      max-width: 80vw !important;
   }
   .en-pages-inner-wrapper blockquote {
      margin: 10px 10px;
   }
}
.en-header-popup-body {
   padding-top: 26px !important;
}
/* SEARCH POPUP */
/* MARGINS AND PADDING */

div.contentHolder {
   margin: 0 0 20px 0;
   padding: 5px 5px 5px 20px;
   background: #eee;
}
hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
}
.en-pages-inner-wrapper ol {
   display: block;
   list-style-type: decimal;
   margin-block-start: 17px;
   margin-block-end: 17px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
}
.en-pages-inner-wrapper p {
   display: block;
   margin-block-start: 17px;
   margin-block-end: 17px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
}
.en-pages-inner-wrapper ul {
   display: block;
   list-style-type: disc;
   margin-block-start: 17px;
   margin-block-end: 17px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
}
.en-pages-inner-wrapper dl dd {
   padding: 5px;
}
.en-pages-inner-wrapper dd {
   display: block;
   margin-inline-start: 40px;
}
.en-pages-inner-wrapper dl {
   padding: 5px;
   display: block;
   margin-block-start: 17px;
   margin-block-end: 17px;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
}

/* MARGINS AND PADDINGS */

/* apps/video/list.jsp */

.en-pages-inner-wrapper form #searchbox {
   height: 20px !important;
   border-radius: 0 !important;
   padding-left: 2px !important;
}
.button3demboss.search {
   width: max-content !important;
   padding: 0 8px !important;
   height: 26px !important;
   background: #e2e2e2 -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
   line-height: 1.2em !important;
}
#sort-controls select {
   writing-mode: horizontal-tb !important;
   text-rendering: auto;
   color: fieldtext;
   letter-spacing: normal;
   word-spacing: normal;
   line-height: normal;
   text-transform: none;
   text-indent: 0px;
   text-shadow: none;
   display: inline-block;
   text-align: start;
   appearance: auto;
   box-sizing: border-box;
   align-items: center;
   white-space: pre;
   -webkit-rtl-ordering: logical;
   background-color: field;
   cursor: default;
   margin: 0em;
   border-width: 1px;
   border-style: solid;
   border-color: #000;
   border-image: initial;
   border-radius: 0px;
   width: max-content !important;
   font-size: 13.333px !important;
   height: 19px !important;
   padding: 0 !important;
}

@media screen and (max-width: 1000px) {
   #controls {
      box-sizing: border-box !important;
   }
}

/* contact staff table */
#contactStaff table {
   margin: 0 auto;
}
#contactStaff input[type='submit' i] {
   appearance: auto;
   user-select: none;
   white-space: pre;
   align-items: flex-start;
   text-align: center;
   cursor: default;
   box-sizing: border-box;
   background-color: buttonface;
   color: buttontext;
   padding: 1px 6px;
   border-width: 2px;
   border-style: outset;
   border: 1px solid rgb(133, 133, 133) !important;
   border-image: initial;
   width: max-content !important;
}

#contactStaff form#emailForm table td {
   padding: 5px !important;
}
#index-page #edunet_webform input.text{box-sizing: border-box !important;}

@media screen and (max-width:900px) {
      .en-pages-inner-wrapper #topDiv > div:nth-child(2) ,.en-pages-inner-wrapper #topDiv > div:nth-child(2) *{
   max-width: 100% !important;
   width: auto !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
   border: none !important;
}
   div[en-page-rec-id="918584"] ~ table tr{display: flex;
   flex-direction: column;
align-items: center;}
}
@media screen and (max-width: 850px) {


   #contactStaff table .waInputText {
      width: 100% !important;
   }
   #contactStaff form#emailForm table td {
      line-height: normal;
   }

   #contactStaff form#emailForm table td {
      box-sizing: border-box !important;
   }
   #contactStaff table tr:nth-child(6) table td {
      flex-direction: column;
      align-items: center;
      gap: 4px;
   }
   #contactStaff table tr:last-child td:last-child {
      justify-content: center !important;
   }
   #albumsWrapper {
      margin: 0 auto !important;
      width: 98% !important;
   }
}

/* inner-page event */
#events-page #infobar #curmonth {
   font-size: clamp(14px, 2.2vw, 22px) !important;
}

/* form contact */
#en-cms-contact-form table {
   max-width: 463px;
   width: 100%;
   margin: 0 auto;
}
#en-cms-contact-form table .en-contactus-form-firsthf td {
   padding: 5px;
}
.en-contactus-form-secondhf td {
   padding: 5px;
}
.en-pages-inner-wrapper .waInputText {
   border: 1px solid #aaaabb !important;
   border-radius: 0 !important;
   font-family: Arial, Verdana, sans-serif !important;
   font-size: 9.5pt !important;
   padding: 2px !important;
   width: 350px !important;
}
.en-contactus-form-last-td table td {
   padding: 5px;
}
.lightBorderBottom, tbody.light td {
    border-bottom: 1px solid #DFDFDF;
}
#albumName{
   outline:  none !important;
   border: none !important;
}
.en-inner-pages-links-module-linkDesc{margin: 0 !important;}
.en-inner-pages-links-module-linkUrl a{
   text-decoration: underline !important;
   color: #333333 !important;
   font-weight: 300 !important;
}
.en-pages-inner-wrapper .light a {
    color: #333333;
}
@media (max-width: 450px) {
   .en-pages-inner-wrapper .en-contactus-form input, .en-pages-inner-wrapper .en-contactus-form textarea{
      box-sizing: border-box !important;
   }
   .en-modal-header-title{
      font-size: 18px !important;
      font-weight: 500 !important;
   }
  
   #events-page #infobar #calicon {
      left: 82px !important;
   }
   #events-page #infobar #nav a {
      padding: 0 !important;
   }
}

/* staff page search input */
#staff-search-comp {
   display: block;
   text-align: right;
}
#staff-search span {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   display: inline-block;
   font-size: 12px !important;
}
#staff-search input {
   font-family: Arial, Helvetica, sans-serif;
   border: 1px solid rgba(0, 0, 0, 0.25);
   border-radius: 10px;
   box-shadow: 2px 2px 1px -1px rgb(0 0 0 / 20%) inset;
   -webkit-box-shadow: 2px 2px 3px -1px rgb(0 0 0 / 20%) inset;
   font-size: 11px;
   padding: 4px 5px 3px 10px;
   -webkit-appearance: none;
   width: 200px;
   outline: 0;
}
#more-videos-list li a.playing {
    background-color: rgb(208, 208, 208) !important;
    border-top: 1px solid rgb(119, 119, 119) !important;
    font-weight: 400 !important;
    border-bottom: 1px solid rgb(119, 119, 119) !important;
}
.staffOverviewWrapper{
   font-family: "Zilla Slab", serif;
       font-size: 17px;
}
#STAFF_MULTI_PAGE_W_ASIDE.staffPageContactInfo #pageAsideWrapper ul li#staffNavContactWrapper .staffContactWrapper div{
   font-family: "Zilla Slab", serif;

   font-size: 15.3px;
}
#pageContentWrapper .contactStaffMember #contactStaff button{width: max-content;}
#pageContentWrapper .contactStaffMember #contactStaff button br{display: none !important;}
/* --album title for mobile */
.dark.bell-title.darkBorderBottom a,.dark.bell-title a{
 text-decoration: none !important;
 color: white !important;
}
.bell-schedule .dark{
   box-sizing: border-box !important;
   padding-left: 10px !important;
}
@media screen and (max-width:700px) {
   img.en-unused-image-enlarge-icon[src="/apps/pics/enlarge.png"]{display: none;}
   #en-cms-contact-form table tr td #inputName, #en-cms-contact-form table tr td #inputEmail, #en-cms-contact-form table tr td #inputMessage {
    max-width: 300px;
}
   .en-pages-inner-wrapper img{
      max-width: 100% !important;
   }
   .en-pages-inner-wrapper #topDiv a[href="https://www.facebook.com/Imagine-East-Mesa-597135010625612/"]{margin: 0 !important;}
    #staff.staffR1 #staff-search input{
    box-sizing: border-box !important;
  }
  .stick  #curmonth{
    position: relative;
    top: 4px !important;
  }
  #events-page #events.v1 .event .info{
    width: 50% !important;
  }
  #events-page #events.v1 .event .time{
    width: 30%!important;
  }
   #pageInnerText{border-radius: 5px !important;}
   .en-modal-header{
      align-items: center !important;
   }
   #pageNav ul{padding-bottom: 10px;}
}
@media only screen and (max-width: 729px) {
   .en-bell-schedules-data-header .col2{
      white-space: nowrap !important;
   }
   .bell-schedule{box-sizing: border-box;}
    #staff.staffR1 #staff-search input{
    box-sizing: border-box !important;
  }
  .stick  #curmonth{
    position: relative;
    top: 4px !important;
  }
  #events-page #events.v1 .event .info{
    width: 50% !important;
  }
  #events-page #events.v1 .event .time{
    width: 30%!important;
  }
   #albumNavToggle {
      background-color: transparent;
      background-position: right top;
      background-repeat: no-repeat;
      color: #333333;
      cursor: pointer;
      display: inline-block;
      font-family: Arial, serif;
      font-size: 10pt;
      height: 26px;
      max-width: 290px;
      padding: 0 17px 0 0;
      position: relative;
      text-align: center;
      text-decoration: none;
      background-image: url(/pics/dropdown_white.png);
      font-weight: normal;
      outline: 0 none;
      padding-right: 28px !important;
      vertical-align: middle;
      z-index: 2 !important;
      outline: none;
   }

   #albumNavToggle:hover {
      font-weight: inherit !important;
      color: inherit !important;
   }

   #albumNavToggle span {
      background-image: url(/pics/dropdown_white.png);
      padding-left: 9px !important;
      padding-right: 2px !important;
      outline: none;
   }
   #albumsWrapper.narrow #albums {
      width: 90% !important;
   }
}
#events-page div#infobar.stick {
  z-index: 999999999999999 !important;
}
@media screen and (max-width: 800px) {
   
  #events-page div#infobar.stick #infobarwrap #curmonth {
    position: relative;
    top: 3px;
  }
}
/* inner pages photos -- responsive -- */
@media only screen and (max-width: 1100px) {
     .newsContent img{max-width:100% !important;}
  #staff.staffR1.staff-v4 .staff-categoryStaffMember{
    min-width: 330px !important;
    max-width: 330px !important;
  }
  #staff.staffR1.staff-horizontal .staff-categoryStaffMembers{
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  #staff.staffR1.staff-v2 .staff-categoryStaffMember{
    min-width: 330px !important;
  }
   #pageContentWrapper img {
      max-width: 100% !important;
      object-fit: cover;
      object-position: unset !important;
   }
   #pageContentWrapper .img[is="en-responsive-div"] {
    height: max-content !important;
  }
   .en-pages-inner-wrapper iframe{
    max-width: 100% !important;
   }
   .en-pages-inner-wrapper{
      padding: 20px 0;
   }
   #pageContentWrapper img {
      max-width: 100% !important;
      object-fit: cover;
      object-position: unset !important;
   }
   #pageContentWrapper .img {
      align-items: center;
      display: flex;
   }
}
.DB_dialog {
  position: fixed !important;
  width: auto !important;
  height: auto !important;
  max-height: 90vh;
  padding-left: 0px !important;
  background-color: transparent !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  left: 50% !important;
}

.DB_dialog #PV_imageDiv img:first-child {
  padding: 0px 3px 5px 8px !important;
}

.DB_dialog #PV_imageDiv img:last-child {
  width: auto !important;
  height: auto !important;
  max-height: 90vh;
  max-width: 90vw;
  padding: 5px !important;
}

.DB_dialog #PV_imageDiv img:nth-child(2) {
  width: auto !important;
  height: auto !important;
  max-height: 80vh;
  max-width: 90vw;
  padding: 5px !important;
}
@media screen and (max-height: 414px) and (max-width: 850px) {
  .DB_dialog {
    position: fixed !important;
    width: auto !important;
    height: auto !important;
    max-height: 90vh;
    padding-left: 0px !important;
    background-color: transparent !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
  }
  .DB_dialog #PV_imageDiv img:last-child {
    width: auto !important;
    height: auto !important;
    max-height: 80vh;
    max-width: 90vw;
    padding: 5px !important;
  }
}
@media (max-width: 450px) {
 
   #en-cms-contact-form table tr td #inputName, #en-cms-contact-form table tr td #inputEmail, #en-cms-contact-form table tr td #inputMessage {
    width: 100% !important;
}
   #share_box input, #share_box textarea{
      max-width: 350px !important;
      width: auto !important;
   }
  #staff.staffR1.staff-v2 .staff-categoryStaffMember{
    max-width: 315px;
  }
  #events-page #events.v1 .event .time{
    width: 26% !important;
  }
  #contactStaff table tbody tr:first-child td{
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
  }
   #events-page #infobar #calicon {
      left: 82px !important;
   }
   #events-page #infobar #nav a {
      padding: 0 !important;
   }
   #en-cms-contact-form .en-contactus-form-secondhf, #en-cms-contact-form .en-contactus-form-secondhf td {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
	text-align:center;
}
#en-cms-contact-form table tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
}
}