.mean-container .mean-bar { background-color: #5094B5; }

/****** ========== SUBNAV ========== *****/

#subnav { float: right; width: calc(25% - 10px); background-color: #fff; padding-top: 20px; padding-bottom: 20px; }

#subnav-header { text-align: center; background-color: #5094B5; color: #FFFFFF; font-weight: bold; padding: 8px 0;  text-transform: uppercase; font-size: 15px; border-radius: 5px; }

#subnav .nav ul { padding:0;margin:0;list-style-type:none; }

#subnav .nav ul > li > ul > li > a, #subnav .nav ul > li.topspecial > a { border-bottom:1px dotted #000; padding:10px 0 10px 2px; display: block; }

#subnav .nav a { font-size: 14px; border-bottom:0; color:#333; text-decoration:none; }

#subnav .nav ul li a:hover { color:#c00; }

#subnav .prime > a { display: none !important; }
#subnav .prime { border-bottom: 0 !important; padding: 0 !important; }

@media (max-width: 758px){
    #subnav { float: none; width: 100%; margin-top: 5px;}
}

/*---------- Dropdown Search Box  ----------*/

#search-container { padding:5px 10px 10px 10px; z-index:9999; background-color:#818181; display:none; position:absolute; top: 28px; right: -10%; width: 240px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#search-container .advancedsearchformdiv { width: 220px; padding: 5px 5px; margin-top: 5px; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; background-color: #fff;}
#search-container .advancedsearchformdiv .searchbox { vertical-align: bottom; border: 0; height: 26px; font: normal 15px arial; color: #595959; width: 175px; padding: 0 !important; }
#search-container .advancedsearchformdiv input[type="text"].searchbox:focus, #mobilesearchform input[type="text"].searchbox:hover { border: 0; outline: none; }
#search-container .advancedsearchformdiv .form-search-submit  { padding: 0; background: none; border: none !important; box-shadow: none; width: 22px;  height: 27px; }
#search-container .advancedsearchformdiv .form-search-submit span { border: 0; font-size: 15px !important; color: #000 !important; padding: 0 !important; margin: 0 5px 0 0 !important; float: none !important; text-align: right !important; }



#fpcontainer { display: flex; flex-wrap: nowrap; }

@media (max-width: 800px){
    #fpcontainer, #fpfeaturecontainer { display: block; }
}

.mobile-only-nav-item { display: none; }
.desktop-only-nav-item { display: block; }

@media (max-width: 1150px){
    .mobile-only-nav-item { display: block; }
    .desktop-only-nav-item { display: none; }
}


.content ul, .content ol { display: block; }

.content ul li, .content ol li { margin-bottom: 6px; }
#homepage-hero li { margin-bottom: 0; }

#admin ul, #admin ol { display: block; }

/****** ========== COLUMNS ========== *****/

.columns { display: flex; flex-wrap: wrap; justify-content: space-between; }
.columns-two { width: 48%; }

@media (max-width: 640px){
    .columns-two { width: 100%; }    
}

/****** ========== PANELS ========== *****/

#one-panel, .one-panel  { width: 100%; margin-bottom: 15px; background-color: #F2F2F2; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px;}
#two-panels, .two-panels { display: flex; flex-wrap: wrap; justify-content: space-between; }
#three-panels, .three-panels { display: flex; flex-wrap: wrap; justify-content: space-between; }
#one-panel h3, .one-panel h3, #two-panels h3, #three-panels h3, .two-panels h3, .three-panels h3 { margin-top: 0; padding-top: 0; }
#one-panel h4, .one-panel h4, #two-panels h4, #three-panels h4, .two-panels h4, .three-panels h4 { margin-top: 0; padding-top: 4px; }
#two-panels div, .two-panels div { width: 49%; margin-bottom: 15px; background-color: #F2F2F2; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px;}
#three-panels div, .three-panels div { width: 32%; margin-bottom: 15px; background-color: #F2F2F2; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px;}

@media (max-width: 640px){
    #two-panels div, .two-panels div { width: 100%; }
    #three-panels div, .three-panels div { width: 100%; }
}

/****** ========== EDITOR FIGURES & IMAGES ========== *****/

.internal-page img { max-width:100% !important; height: auto !important; }

#subnav img { max-width:100% !important; height: auto !important; /* width: 100% !important; */  }

figure.image { margin: 0 0 15px 0; padding: 10px; background-color: #F8F8F8; border: solid 1px #C7C7C7;}

figcaption { margin-top: 4px; text-align: center; }

.align-left, figure.align-left { float: left; margin-left: 0; margin-right: 15px; }

.align-right, figure.align-right { float: right; margin-right: 0; margin-left: 15px; }

.align-center { text-align: center; }

.align-center > figure { display: inline-block; margin: 0; }

@media (max-width: 600px){
    .internal-page img.align-left, .internal-page img.align-center, .internal-page img.align-right { width: 100%; margin-bottom: 10px; }
    figure.image { float: none; width: 100%; margin: 0; margin-bottom: 10px;}
    figure.image img { float: none; width: 100%; }
}

/****** ========== IMAGE INSETS (LEGACY) ========== *****/

.inset { width: 40%;  float: right;  margin: 0 0 5px 5px; max-width: 380px; }

img.inset2 { width: 22%;  max-width: 220px; float: right;  margin: 0 0 5px 5px;  }


/****** ========== FP NEWS / EVENTS PANEL ========== *****/

#fp-news-events-container { background-color: #EAE8E8; padding: 20px 0 20px 0; margin-top: 20px; }
#fpcol-container { display: flex; justify-content: space-between; }
#fpcol-container .fpcol { text-align: left; color: #6d6e70;}
#fpcol-container .fpcol h2 { color: #000; font-size: 28px; font-weight: normal; text-transform: uppercase; font-family: "Oswald"; letter-spacing: 1px; margin-top: 0; } 
#fpcol-container ul { list-style: none; padding: 0; margin: 0; } 
#fpcol-container ul li { padding: 10px 0; border-bottom: dashed 1px #212121; } 
#fpcol-container ul li a { text-decoration: none; color: #000 }
#fpcol-container ul li a:hover { text-decoration: underline; }

.fpcol {display:flex; flex-direction:column; }
.fpcol.latest-news { width: 60%; border-right: solid 1px #0F637C; padding-right: 30px}
.fpcol.events-calendar { width: 40%; padding-left: 30px;  }

@media (max-width: 800px) { 
    #fpcol-container { display: block; }
    .fpcol.latest-news { border: 0; padding-left: 0; }
    .fpcol.latest-news, .fpcol.events-calendar { width: 100%; margin: 0; padding: 0;}
    .fpcol.events-calendar { margin-top: 20px; }
}



    /****** ========== (4) SLIDER/STORIES ========== *****/
    
    

        #homepage-hero { width: 100%; margin: 0 0 0 0; border: 0; float: none; clear: both; }
        
    
    
    /****** ========== (18) DOCUMENT CENTER (LISTVIEW) ========== *****/
    
    #document-container { font-size: 15px; margin-top: 20px; }
    .document-item { float: left; width: 50%; padding-bottom: 10px; }
    
    @media (max-width: 500px){
        .document-item { float: none; width: 100%; }
    }
    

    /****** ========== (18) DOCUMENT CENTER (TREEVIEW) ========== *****/

    #dc-container { display: flex; flex-wrap: wrap; background-color: #fff; border: solid 1px #878787; font-size: 14px; min-height: 400px;} 
    
    #dc-container #dc-left { width: 33%; padding: 0; overflow-x: auto; white-space: nowrap; }
    #dc-container #dc-left .fa-angle-right, #dc-container #dc-left .fa-angle-down { width: 11px; }
    #dc-container #dc-left .fa-folder, #dc-container #dc-left .fa-folder-open { margin-right: 5px; width: 14px;}
    #dc-container #dc-left td i { text-align: right; }
    #dc-container #dc-left .folder-select a { text-decoration: none; }    
    #dc-container #dc-left .folder-select ul {list-style: none; }
    #dc-container #dc-left .folder-select li ul { display: none; }
    #dc-container #dc-left .folder-select ul { padding: 0px; margin: 0; }
    #dc-container #dc-left .folder-select ul ul { padding-left: 20px; }
    
    #dc-container #dc-right { width: 66%; }
    #dc-container #dc-right table, #dc-container #dc-left table { width: 100%; border-collapse: separate; border-spacing: 0;}
    #dc-container #dc-right th, #dc-container #dc-left th { background-color: #DFDFDF; color: #000; font-weight: normal; padding: 5px; }
    #dc-container #dc-right table th.leftcell { border-color: #CCCCCC; border-right-width: 1px; border-left-width: 0; border-top-width: 0px; border-bottom-width: 1px; border-style: solid; }
    #dc-container #dc-right table th.rightcell, #dc-container #dc-left table th { border-color: #CCCCCC; border-right-width: 0px; border-left-width: 0; border-top-width: 0px; border-bottom-width: 1px; border-style: solid; }
    #dc-container #dc-right table th.rightcell { width: 110px; }
    #dc-container #dc-right td, #dc-container #dc-left td { background-color: #fff; padding: 5px 5px 5px 10px; }
    #dc-container #dc-right table td.leftcell { border-color: #CCCCCC; border-right-width: 1px; border-left-width: 0; border-top-width: 0; border-bottom-width: 0; border-style: solid; }
    #dc-container #dc-right td i { margin-right: 6px; text-align: right; }
    #dc-container #dc-right td img { width: 16px; margin-right: 6px; vertical-align:middle; }
    #dc-container #dc-right td a { text-decoration: none; }
    #dc-container #dc-right .filedetails { display: none; }
    #dc-container #dc-right .fa-angle-right, #dc-container #dc-right .fa-angle-down { width: 11px; }
    
    #dc-container .resizer { background-color: #CCCCCC; cursor: ew-resize; width: 2px; }

    @media (max-width: 600px){
    
        #dc-container { display: block; min-height: 0; }
        #dc-container #dc-left, #dc-container #dc-right { width: 100%; }
        #dc-container #dc-right table th.rightcell { width: 80px; }
        #dc-container #dragMe { display: none; }

    }



    /****** ========== (22) MEETINGS ========== *****/
    
    #frmMeetingSearch select {padding:2px;}
    .meeting-search {background:#5094B5;border-radius:7px;color:#FFFFFF;padding:6px 8px;margin-bottom:10px;}
    .meeting-search div { display: inline; }
    .meeting-search div .fields { border-radius: 5px; width: 150px;}
    
    #meeting-table-container { display: flex; flex-wrap: wrap; color: #000;}
    #meeting-table-container .table-header { font-weight: bold; background-color: #5094B5; color: #FFFFFF; text-align: center; padding: 6px 0 !important;}
    #meeting-table-container .mobile-only { display: none; }
    #meeting-table-container .table-cell { font-size: 14px; flex: 25%; margin-bottom: 0px; padding: 6px 0 !important;}
    #meeting-table-container .center { text-align: center; }
    #meeting-table-container .table-cell-line-header { font-weight: bold; }
    
    @media screen and (max-width: 800px){
        .meeting-search div { display: block; text-align: center; }
        .meeting-search div .fields { width: 100%; margin-bottom: 4px;}
    
    }
    
    @media screen and (max-width: 600px){
        #meeting-table-container .table-header { display: none; }
        #meeting-table-container .table-cell { flex: 100%; }
        #meeting-table-container .table-cell-line-header { margin-top: 10px; background-color: #5094B5 !important; color: #FFFFFF;}
        #meeting-table-container .mobile-only { display: inline; }
    }
    

    
    /****** ========== (23) MEDIA GALLERY ========== *****/
    
    #gallerycontainer { display: flex; flex-wrap: wrap; justify-content: flex-start; }
    
    #gallerycontainer .galleryimages { width: 24%; margin-right: 1%; margin-bottom: 10px; }
    #gallerycontainer .galleryimages.singleitem { width: 100%; margin: 0; }
    #subnav #gallerycontainer .galleryimages { width: 49%; }
    #subnav #gallerycontainer .galleryimages.singleitem { width: 100%; margin; }
    
    #gallerycontainer .galleryimages img  { width: 100%; border: solid 1px #EAE8E8; }
    
    #gallerycontainer .galleryimages div { width: 100%;  }
    
    .gallerycaption { font: normal 14px arial;  text-align: center; padding: 5px 0 0 0; }
    
    #subnav #gallerycontainer .gallerycaption { text-align: center; }
    
    @media (max-width: 1000px){
        #gallerycontainer .gallerycaption { font-size:12px; }
        #subnav #gallerycontainer .gallerycaption { font-size:12px; }
    }
    
    @media (max-width: 640px){
        #gallerycontainer .galleryimages { width: 32%; margin-right: 1.3%;}
        #subnav #gallerycontainer .galleryimages { width: 32%; margin-right: 1.3%;}
        #gallerycontainer .gallerycaption { font-size:11px; }
    }
    
    @media (max-width: 480px){
        #gallerycontainer .galleryimages { width: 48.5%; margin-right: 1.5%; }
        #subnav #gallerycontainer .galleryimages { width: 48.5%; margin-right: 1.5%; }

    }
    
    .gallery-image-container { position: relative; width: 50%; }
    .gallery-image-image { display: block; width: 100%; height: auto; }
    .gallery-image-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #212121; }
    .gallery-image-container:hover .gallery-image-overlay { opacity: 0.7; }
    .gallery-image-text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }



    /****** ========== (26) NEWS ========== *****/

    /* ----- FP Panel -----*/    
    
    #fp-news-panel { width: 32%; background-color: #EAE8E8; border-radius: 5px; } 
    
    #fp-news-panel > div { padding: 10px; font-size: 13px; }
    
    #fp-news-panel > div a { text-decoration: none; }
    
    #fp-news-panel > div a:hover { text-decoration: underline; }
    
    #fp-news-panel .view-all { text-align: right; margin-top: 0px;}
    
    #fp-news-panel-hdr h2 { margin: 0; background-color: #5094B5; color: #FFFFFF; font-size: 20px; font-weight: bold; text-align: center; padding: 3px; border-radius: 5px; margin-bottom: 0px; }
    
    @media (max-width: 1000px){
        #fp-news-panel-hdr { font-size: 14px; }
    }
    
    @media (max-width: 900px){
        #fp-news-panel > div {  font-size: 12px; }
    }
    
    @media (max-width: 800px){
        #fp-news-panel > div { font-size: 14px; }
        #fp-news-panel { height: auto; width: 100%; margin-top: 10px;}
    }
    @media (max-width: 480px){
        #fp-news-panel .view-all { text-align: right; margin-top: 0px;}
    }

    /* ----- News Summary Page List -----*/    
    
    #news-summary-container-list .news-item { padding-bottom: 10px; border-bottom: solid 1px #EAE8E8; margin-bottom: 10px; }
    
    #news-summary-container-list img.news-photo { float: right; width: 20%; max-width: 200px; margin: 0 0 10px 10px; border: solid 1px #EAE8E8; }
    
    #news-summary-container-list h2 { margin-top: 0;  margin-bottom: 0; }
    
    #news-summary-container-list .news-date { font-size: 11px;  font-style: italic; margin-bottom: 5px; }
    
    #news-summary-container-list .read-more { padding: 4px 12px; border: solid 1px #212121; display: inline-block; position: relative; margin-top: 10px;  text-decoration: none; }
    
    #news-summary-container-list .news-category { margin-top: 6px; font-size: 12px; }
    
    #news-summary-container-list .read-more:hover { background-color: #A51E22; color: #fff; }
    
    @media screen and (max-width: 600px){
        #news-summary-container-list .news-item .no-photo { display: none; }
    }
    
    @media screen and (max-width: 480px){
        #news-summary-container-list img.news-photo { float: none; width: 100%; margin-left:0; }        
    }
    
    /* ----- News Summary Page Panels -----*/    
    
    #news-summary-container-panels { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-right: -10px; }
    
    #news-summary-container-panels .news-item { width: calc(33.3% - 10px); padding: 5px; margin-right: 10px; margin-bottom: 10px; background-color: #EAE8E8;}
    
    #news-summary-container-panels img.news-photo { width: 100%; border: solid 1px #EAE8E8; }
    
    #news-summary-container-panels h2 { margin-top: 2px;  margin-bottom: 0; }
    
    #news-summary-container-panels .news-date { font-size: 11px;  font-style: italic; margin-bottom: 5px; }
    
    #news-summary-container-panels .read-more { padding: 4px 12px; border: solid 1px #212121; display: inline-block; position: relative; margin-top: 10px;  text-decoration: none; }
    
    #news-summary-container-panels .read-more:hover { background-color: #A51E22; color: #fff; }
    
    #news-summary-container-panels .news-category { margin-top: 6px; font-size: 12px; }
    
    #news-summary-container-panels .news-item .news-summary { padding: 0 5px; }

    @media screen and (max-width: 800px){
        #news-summary-container-panels .news-item { width: 49%; }
    }

    @media screen and (max-width: 600px){
        #news-summary-container-panels .news-item { width: 100%; }
        #news-summary-container-panels .news-item .no-photo { display: none; }
    }

    /* ----- News Search Form -----*/    

    #news-search .category-field, #news-search .search-field {float: left; width: 190px !important; padding: 7px 6px; border: 1px solid #888888; display: inline-block; margin-right: 3px; margin-top: 2px;  }
    
    #news-search {background:#B1A99E; border-radius:7px; padding:6px 8px;margin-bottom:10px;margin-top: 10px;}
    
    #news-search .site-button { margin-top: 2px; float: left; display: inline-block; padding: 9px 10px; width: 70px; }
    
    #news-search .search-button { margin-right: 3px; }
    
    @media (max-width: 600px){
        
        #news-search .site-button { margin-top: 3px; width: calc(50% - 2px); }
        
       #news-search .search-button { clear: both; }   
       
       #news-search .category-field { width: 100% !important; margin-bottom: 3px; }
       
       #news-search .search-field { width: 100% !important; margin-bottom: 3px;  margin-right: 0; } 

    }
    
    /* ----- News Detail Page -----*/  

    #news-detail-container h1 { margin-top: 0;  margin-bottom: 0; }

    #news-detail-container .subtitle { }

    #news-detail-container .byline { font-weight: bold; margin-top: 10px; }
    
    #news-detail-container .pagecontent { margin-top: 10px;  }

    #news-detail-container .attribute { margin-top: 10px;  font-style: italic; }

    #news-detail-container .news-date { font-size: 11px;  font-style: italic; margin-top: 8px; margin-bottom: 8px; }



    /****** ========== (29) WEBSITE SEARCH ========== *****/

    /* ----- Website Header -----*/  

    .header-search {   }
    .header-search #search-field { width: 160px; height: 30px; background: #EAE8E8; padding: 5px 12px; font-size: 14px; color: #000; border: none; border: solid 2px #5094B5; box-shadow: none; outline:none; }
    .header-search #search-button { background-color: #5094B5;  color: #FFFFFF; padding: 0; font-size: 20px; margin: 0 0 0 -5px; border: none; text-shadow: none; box-shadow: none; vertical-align: top; border-radius: 0; display: inline; height: 30px; width: 30px; }

    /* ----- Search Results Page -----*/  
    
    /* NOTHING HERE */
    
    
    
        /* ----- Mobile Search Box -----*/  

        #mobilemenusearchform { display: none; }
        #mobilemenusearchform .mobilemenusearchformspan { padding: 2px 5% 6px 5%;  }
        #mobilemenusearchform .mobilesearchformdiv { border: solid 1px #000; width: 270px; padding: 5px 5px; margin-top: 5px; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; background-color: #fff; text-align: right;}
        #mobilemenusearchform .mobilesearchformdiv .searchbox { vertical-align: bottom; border: 0; height: 26px; font: normal 15px arial; color: #595959; width: 235px; }
        #mobilemenusearchform .mobilesearchformdiv input[type="text"].searchbox:focus, #mobilesearchform input[type="text"].searchbox:hover { border: 0; outline: none; }
        #mobilemenusearchform .mobilesearchformdiv .form-search-submit  { padding: 0; background: none; border: none !important; box-shadow: none; width: 26px;  height: 27px; }
        #mobilemenusearchform .mobilesearchformdiv .form-search-submit span { border: 0; font-size: 15px !important; color: #000 !important; padding: 0 !important; margin: 0 5px 0 0 !important; float: none !important; text-align: right !important; }
        
        @media (max-width: 1150px){
            #mobilemenusearchform { display: block; }
        }
        
    

    /****** ========== (42) CUSTOM FORMS ========== *****/

    .custom-form-question-container.double >div:nth-child(odd) { clear: left; }    
    
    .custom-form-question label, .custom-form-question label.req { color: #000; }
    
    .custom-form-question label { display: block; margin-bottom: 0;}
    
    .custom-form-question label.req span.fieldlabel::after { color: red; content: " *"; }
    
    .custom-form-option-container.horizontal,
    .custom-form-option-container.vertical {
      margin-bottom: 10px; 
      margin-top: 10px; }
    
    .custom-form-option-container.horizontal label {
      display: inline !important;
      margin-right: 10px; }
      
    .custom-form-option-container.vertical label {
    display:block;
    }
    
    .custom-form-recaptcha {
      margin-bottom: 1em; }
    
    .custom-form-action {
      text-align: center; }
    
    .form h2,
    h2.custom-form-section-header {
      font-size: 20px; }
    
    .custom-form-section-container h5 {margin-bottom: 12px !important; }

    .form-input {
      margin-bottom: 15px; }
      .form-input .horizontal label,
      .form-input .vertical label {
        /*white-space: nowrap;*/ }
      .form-input strong {
        font-size: 1rem;
        display: block;
        margin-bottom: 5px;
        white-space: normal; }
      .form-input label {
        color: #000000;
        font-size: 1rem;
        font-weight: bold;
        position: relative; }
        .form-input label span.example {
          color: #3378aa; }
        .form-input label span.error-message,
        .form-input label span.error-validate {
          position: absolute;
          top: 2.75em;
          right: 10px;
          display: none;
          font-size: 11px;
          color: #c00; }
        .form-input label.has-error input[type=text],
        .form-input label.has-error input[type=tel],
        .form-input label.has-error input[type=email],
        .form-input label.has-error input[type=date],
        .form-input label.has-error input[type=time],
        .form-input label.has-error input[type=number],
        .form-input label.has-error input[type=file],
        .form-input label.has-error select,
        .form-input label.has-error textarea {
          border: 1px solid #f00 !important; }
        .form-input label input[type=radio],
        .form-input label input[type=checkbox] {
          margin-left: 10px; }
      .form-input input[type=text],
      .form-input input[type=tel],
      .form-input input[type=number],
      .form-input input[type=date],
      .form-input input[type=time],
      .form-input input[type=email],
      .form-input input[type=file],
      .form-input textarea,
      .form-input select {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 6px;
        font-family: inherit;
        font-size: 1em;
        border: 1px solid #212121;
        border-radius: 3px;
        margin-top: 5px; 
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;}
      .form-input select, .form-input input[type=date] {
        padding: 9px 6px; }
      .form-input textarea {
        height: 6em; }
    .form button[type=submit],
    .custom-form-action button[type=submit] {
      background: #3378aa;
      color: #fff;
      font-family: inherit;
      text-transform: uppercase;
      border: 0;
      font-size: 20px;
      font-weight: bold;
      padding: 5px 30px;
      display: block;
      margin-bottom: 20px;
      margin: 0 auto 20px;
      cursor: pointer;
      transition: all .3s; }
      .form button[type=submit]:hover,
      .custom-form-action button[type=submit]:hover {
        background: #777; }
    
    a.btn-classic {
      display: inline-block;
      background: #3378aa;
      color: #fff;
      font-size: 1rem;
      width: auto;
      padding: .5em 1em;
      border-radius: .5em;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
    
    @media (max-width: 768px) {
      .form-input label,
      .form-input strong {
        display: block; }
    
      .form-input label input[type=radio],
      .form-input label input[type=checkbox] {
        margin-left: 0; } }
    .double:after,
    .triple:after,
    .quad:after,
    .address:after {
      content: '';
      display: block;
      clear: both; }
    
    
    .form-input input[type=date] { padding: 9px 6px; }


    
    .double > div {
      float: left;
      width: 48%; }
    
    .double > div:nth-child(2n) {
      margin-left: 4%; }
    
    .triple > div {
      float: left;
      width: 30.66%; }
    
    .triple > div:nth-child(3n-1) {
      margin-left: 4%;
      margin-right: 4%; }
    
    .quad > div {
      float: left;
      width: 22%;
      margin-left: 4%; }
    
    .quad > div:nth-child(4n-3) {
      margin-left: 0; }
    
    .address > div {
      float: left; }
    
    .address > div:nth-child(3n-2) {
      width: 46%; }
    
    .address > div:nth-child(3n-1) {
      width: 18%;
      margin-left: 4%;
      margin-right: 4%; }
    
    .address > div:nth-child(3n) {
      width: 28%; }
    
    @media (max-width: 991.98px) {
      .double > div,
      .triple > div,
      .quad > div,
      .address > div,
      .double > div:nth-child(2n),
      .triple > div:nth-child(3n-1),
      .quad > div:nth-child(3n-1),
      .address > div:nth-child(3n-2),
      .address > div:nth-child(3n-1),
      .address > div:nth-child(3n) {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
        

    @media (max-width: 500px) {
        
        .custom-form-option-container.horizontal label { display: block !important; }

    }
    
   

    /* PEOPLE BIOS */
    
    .people-bio-photo { float: right; width: 30%; max-width: 300px; margin: 0 0 20px 20px; }
    .people-bio-photo img { width: 100%; }

    @media (max-width: 480px){ 
    
        .people-bio-photo { float: none; width: 100%; margin-left: 0; max-width: none; }    

    }
    
    /* PEOPLE */
    
    #people-thumb-container { display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; }
    
    #people-thumb-container-no-photo { display: flex; flex-wrap: wrap; justify-content: space-between; }

    #people-thumb-container .people-thumb { flex-basis: 33.3%; max-width: 33.3%; padding: 10px; text-align: center; }
    
    #people-thumb-container-no-photo .people-thumb-no-photo { border: solid 1px #878787; background-color: #F3F3F3; width: 32.5%; padding: 10px; text-align: center; margin-bottom: 8px; border-radius: 5px;}
    
    #people-thumb-container .people-thumb img { width: 100%; margin-bottom: 6px; }
    
    #people-thumb-container .people-thumb .people-name, #people-thumb-container-no-photo .people-thumb-no-photo .people-name { font-weight: bold; }
    
    #people-thumb-container .people-title { font-style: italic; }
    
    
    @media (max-width: 800px){ 
    
        #people-thumb-container .people-thumb { flex-basis: 50%; max-width: 50%; padding: 4px; text-align: center; font-size: 14px; }
        
        #people-thumb-container-no-photo .people-thumb-no-photo { width: 49.5%; padding: 4px; text-align: center; font-size: 14px; }

    }

    #people-thumb-container .people-email, #people-thumb-container-no-photo .people-email { display: block } 
    
    #people-thumb-container .people-email-mobile, #people-thumb-container-no-photo .people-email-mobile { display: none; }
    
    @media (max-width: 480px){ 
    
        #people-thumb-container .people-email, #people-thumb-container-no-photo .people-email { display: none; }
        #people-thumb-container .people-email-mobile, #people-thumb-container-no-photo .people-email-mobile { display: block; }

    }
    
    #contactbox { border: solid 2px #b5b5b5; padding: 6px; }

    /* CATEGORIES */

    
        
        #people-category-thumb-container { display: flex;  flex-wrap: wrap; justify-content: space-around; }
    
        #people-category-thumb-container .people-category-thumb { width: 33%; padding: 4px; margin-bottom: 6px; text-align: center; font-size: 16px; }

        #people-category-thumb-container .people-category-thumb .category-name-container { background-color: #000000; padding: 6px; }
        
        #people-category-thumb-container .people-category-thumb .category-name { text-decoration: none; color: #ffffff; }
        
        #people-category-thumb-container .people-category-thumb .category-name:hover { text-decoration: underline; }
        
        @media (max-width: 800px){ 
        
            #people-category-thumb-container .people-category-thumb { width: 49.8%; text-align: center; font-size: 14px; }
    
        }
        
        @media (max-width: 480px){ 
        
            #people-category-thumb-container .people-category-thumb { width: 100%; text-align: center; font-size: 16px; }
            
        }

    
    
    /* SINGLE PAGE */
    
    #people-single-container .people-single { border-bottom: solid 1px #000; margin-top: 28px; padding-bottom: 18px; }
    
    #people-single-container .people-single img { float: left; width: 30%; max-width: 300px; margin: 0 10px 10px 0; }
    
    #people-single-container .people-single h2 { margin-bottom: 0; }
    
    #people-single-container .people-single .people-email { margin-top: 10px; } 
    
    #people-single-container .people-single .people-phone { margin-top: 10px; } 
    
    #people-single-container .people-single .people-bio { margin-top: 14px; } 
    
    @media (max-width: 480px){ 
    
        #people-single-container .people-single img { float: none; width: 100%; margin: 0 0 10px 0; }    

    }
    
    /* SINGLE PAGE BASIC */
    
    .committee-container { display: flex; flex-wrap: wrap; justify-content: flex-start; }
    .committee-member { margin-bottom: 10px; font-size: 14px; overflow: hidden;}
    
    .withsubnav .committee-member { width: 33%; }
    .withoutsubnav .committee-member { width: 25%; }
    
    @media (max-width: 800px){
        .withoutsubnav .committee-member { width: 33; }
    }    
    
    @media (max-width: 640px){
        .withoutsubnav .committee-member { width: 50%; }
        .withsubnav .committee-member { width: 50%; }
    }




    
    /****** ========== (2) CALENDAR ========== *****/
    
    /* ----- FP Panel -----*/    
    
    #fp-events-panel { width: 32%; background-color: #EAE8E8; border-radius: 5px; } 
    
    #fp-events-panel > div { padding: 10px; font-size: 13px; }
    
    #fp-events-panel > div a { text-decoration: none; }
    
    #fp-events-panel > div a:hover { text-decoration: underline; }
    
    #fp-events-panel .view-all { text-align: right; margin-top: 0px;}
    
    #fp-events-panel-hdr h2 { margin: 0; background-color: #5094B5; color: #FFFFFF; font-size: 20px; font-weight: bold; text-align: center; padding: 3px; border-radius: 5px; margin-bottom: 0px; }
    
    @media (max-width: 1000px){
        #fp-events-panel-hdr { font-size: 14px; }
    }
    
    @media (max-width: 900px){
        #fp-events-panel > div {  font-size: 12px; }
    }
    
    @media (max-width: 800px){
        #fp-events-panel > div { font-size: 14px; }
        #fp-events-panel { height: auto; width: 100%; margin-top: 10px !important;}
    }
    
    @media (max-width: 480px){
        #fp-events-panel .view-all { text-align: right; margin-top: 0px;}
    }

    /* ----- Main Calendar -----*/
    
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 
        .mini-cal__dates > div, 
        .calendar__dates > div {width:14.285%;} 
    }
    
    .calendar-inverse { background-color: #5094B5; font-weight: bold; color: #FFFFFF; padding: 5px; }
    
    #cal-proper li { padding: 0; }
    
    #cal-proper div.view > ul > li { margin-bottom: 0; }
    
    h1 .print-header {
      display: none; }
    
    
    div#cal-proper { line-height: 1.5;  }
    
    .cal-proper {
      border-bottom: 5px solid #5094B5; }
    
    .cal-proper a {
      border-bottom: 0;
      text-decoration: none; }
    
    /* View Selection */
    .view ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .view ul li {
        width: 30%;
        display: inline-block; }
        @media (min-width: 576px) {
          .view ul li {
            width: auto; } }
        .view ul li a {
          background: none repeat scroll 0 0 #ddd;
          border-radius: 10px 10px 0 0;
          border-bottom: 0;
          display: block;
          margin-right: 5px;
          padding: 10px 0;
          text-align: center;
          width: 100%;
          transition: all .25s; }
          @media (min-width: 576px) {
            .view ul li a {
              width: 100px; } }
          .view ul li a:hover {
            background: #edf4fa; }
          .view ul li a.active {
            background: #5094B5;
            color: #FFFFFF !important;
            font-weight: bold; }
            .view ul li a.active:hover {
              background: #5094B5; filter: brightness(80%); }
    
    /* Extra Bar */
    .extra {
      background: #5094B5;
      border-bottom: 1px solid #5094B5;
      color: #FFFFFF;
      text-align: right; }
      .extra .show-today {
        float: right; }
      .extra a {
        padding: 10px;
        display: inline-block;
        transition: all .25s;
        font-size: 0;
        line-height: 1rem; }
        @media (min-width: 576px) {
          .extra a {
            font-size: .875rem; } }
        .extra a:link, .extra a:visited {
          color: #fff; }
        .extra a:hover, .extra a:active, .extra a:focus {
          color: #FFFFFF;
          background: #5094B5;
          filter: brightness(80%);
          text-decoration: none; }
        .extra a img {
          vertical-align: top; }
    
    /* Search Bar */
    .cal-proper .search {
      background: #5094B5;
      border-bottom: 1px solid #5094B5;
      color: #FFFFFF;
      padding: 10px; }
      .cal-proper .search-showing {
        float: right;
        font-size: 10px; }
        .cal-proper .search-showing-item a:link, .cal-proper .search-showing-item a:visited {
          color: #FFFFFF; }
        .cal-proper .search-showing-item a:hover, .cal-proper .search-showing-item a:active, .cal-proper .search-showing-item a:focus {
          color: #eaad34;
          text-decoration: line-through; }
        .cal-proper .search-showing-item:after {
          content: ", "; }
        .cal-proper .search-showing-item:last-child:after {
          content: ""; }
        .cal-proper .search-showing-item-more {
          border-bottom: 1px dotted #fff;
          cursor: help; }
      .cal-proper .search-label {
        font-weight: bold;
        margin-bottom: 5px; }
      .cal-proper .search a img {
        margin-right: 10px; }
      .cal-proper .search input {
        border: 1px solid #5094B5;
        background: #fff;
        border-radius: 5px;
        margin-right: 3px;
        padding: 5px 5px; }
        .cal-proper .search input[type=text], .cal-proper .search input[type=date] {
          width: 100%;
          min-width: 150px; }
        .cal-proper .search input + a img {
          vertical-align: text-bottom;
          margin-right: 10px; }
        .cal-proper .search input[type=submit] {
          box-shadow: 0 -1px 2px rgba(255, 255, 255, 0.33) inset;
          cursor: pointer; }
          .cal-proper .search input[type=submit]:hover {
            background: #edf4fa; }
      .cal-proper .search__form {
        display: grid;
        grid-gap: .5em;
        grid-template-areas: "start start" "end end" "term term" "cat btn"; }
        @media (min-width: 576px) {
          .cal-proper .search__form {
            grid-template-areas: "start end" "term term" "cat btn"; } }
        @media (min-width: 768px) {
          .cal-proper .search__form {
            grid-template-areas: "start end term" "cat cat btn"; } }
        @media (min-width: 992px) {
          .cal-proper .search__form {
            grid-template-areas: "start end term cat btn"; } }
        .cal-proper .search__form-btn {
          grid-area: btn;
          text-align: right; }
        .cal-proper .search__form-start {
          grid-area: start; }
        .cal-proper .search__form-end {
          grid-area: end; }
        .cal-proper .search__form-term {
          grid-area: term; }
        .cal-proper .search__form-cat {
          grid-area: cat; }
    
    /* Search Results */
    .search-results {
      background: #fff;
      padding: 15px;
      border-right: 1px solid #5094B5;
      border-left: 1px solid #5094B5; }
    
    .search-intro {
      border-bottom: 2px solid #999;
      margin-bottom: 15px;
      padding-bottom: 15px;
      font-size: 14px;
      line-height: 1.5em; }
    
    .search-term {
      display: none; }
    
    .search-item {
      border-bottom: 1px dashed #999;
      margin-bottom: 15px;
      padding-bottom: 15px; }
    
    .search-item h2 {
      font-size: 16px;
      margin-bottom: 0; }
    
    .search-item-date {
      font-weight: bold; }
    
    .search-item-desc {
      margin: 10px 0; }
    
    .search-item-cats {
      font-size: 10px; }
    
    .search-item-cats a:after {
      content: ","; }
    
    .search-item-cats a:last-child:after {
      content: ""; }
    
    .search-item-more {
      margin-top: 10px; }
    
    .search-item-more a {
      background: #f2f2f2;
      border-radius: 7px;
      box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
      display: inline-block;
      font-size: 12px;
      padding: 5px 10px; }
    
    /* Category */
    .category-select {
      display: inline-block; }
    
    .category-select > a {
      border-radius: 7px 7px 0 0;
      color: #fff;
      padding: 5px 10px 13px;
      margin-bottom: -10px;
      display: inline-block;
      transition: all .25s; }
    
    .category-select > a.active,
    .category-select > a:hover {
      background: #5094B5; filter: brightness(80%);}
    
    .category {
      display: none;
      background: #5094B5;
      border-left: 1px solid #5094B5;
      border-right: 1px solid #5094B5;
      filter: brightness(80%);
      box-sizing: border-box;
      color: #FFFFFF;
      padding: 5px;
      width: 100%; }
    
    .category-item {
      display: inline-flex;
      align-items: center;
      font-size: .875rem;
      margin: 10px; }
    
    .category-item input {
      margin-right: 5px; }
    
    .category-item label {
      margin-bottom: 0; }
    
    /* Details View */
    .details {
      background: #fff;
      padding: 15px;
      border-right: 1px solid #5094B5;
      border-left: 1px solid #5094B5; }
    
    .details-intro {
      border-bottom: 2px dotted #999;
      margin-bottom: 10px;
      padding-bottom: 10px; }
    
    .details-intro strong {
      margin-bottom: 0;
      font-size: 20px;
      font-weight: normal;
      font-family: "Lora","Times New Roman",Times,serif;
      color: #5094B5; }
    
    .details-item {
      display: grid;
      grid-gap: 1em;
      grid-template-areas: "main" "aside" "content" "files" "tickets";
      align-items: flex-start; }
      @media (min-width: 992px) {
        .details-item {
          grid-template-areas: "main aside" "content aside" "content files" "content tickets";
          grid-template-rows: auto auto 1fr;
          grid-template-columns: 3fr minmax(350px, 2fr); } }
      .details-item-main {
        grid-area: main; }
        .details-item-main h1 {
          margin-bottom: 0;
          font-size: 24px; }
      .details-item-date {
        font-size: 14px;
        font-weight: bold;
        padding-left: 0px; }
      .details-item-box {
        grid-area: content; }
      .details-item-extra {
        display: none; }
        .details-item-extra-view {
          background: #5094B5;
          border-radius: 5px;
          color: #FFFFFF;
          display: inline-block;
          font-size: 14px;
          padding: 3px 7px;
          margin-bottom: 10px; }
          .details-item-extra-view:link, .details-item-extra-view:visited {
            color: #fff; }
          .details-item-extra-view:hover, .details-item-extra-view:active, .details-item-extra-view:focus {
            color: #FFFFFF; }
          .details-item-extra-view img {
            vertical-align: top; }
      .details-item-aside {
        grid-area: aside;
        font-size: .875rem; }
        .details-item-aside > div {
          border-bottom: 1px dotted #999;
          padding-bottom: 5px;
          margin-bottom: 5px;
          line-height: 1.5em; }
          .details-item-aside > div:last-child {
            border-bottom: 0;
            margin-bottom: 0; }
      .details-item-label {
        display: inline-block;
        width: 100px;
        font-weight: bold; }
      .details-item-copy a.copy {
        margin-right: 5px; }
        .details-item-copy a.copy img {
          vertical-align: bottom; }
      .details-item-cals {
        font-size: 12px; }
        .details-item-cals > a:after {
          content: ", "; }
        .details-item-cals > a:last-child:after {
          content: ""; }
    
    /* Details View - Attachment Files */
    .details-item-files {
      grid-area: files; }
      .details-item-files .files-table {
        border: 1px solid #000;
        background: #fff;
        width: 100%;
        border: 0;
        border-collapse: collapse; }
      .details-item-files .files-table th {
        white-space: nowrap; }
      .details-item-files .files-item-type {
        text-transform: uppercase;
        font-weight: bold;
        white-space: nowrap; }
      .details-item-files .files-table th,
      .details-item-files .files-table td {
        padding: 2px 4px;
        vertical-align: top; }
      .details-item-files .files-table thead {
        background: #5094B5;
        color: #FFFFFF; }
      .details-item-files .files-table tbody tr:nth-child(2n) {
        background: #edf4fa; }
      .details-item-files .files-description {
        line-height: 1.5em;
        position: relative;
        padding-bottom: 20px;
        box-sizing: border-box; }
      .details-item-files .files-description .more {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: right;
        padding-top: 32px;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        /* IE6-9 */ }
      .details-item-files .files-table tbody tr:nth-child(2n) .files-description .more {
        background: -moz-linear-gradient(top, rgba(234, 235, 255, 0) 0%, #eaebff 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 235, 255, 0)), color-stop(100%, #eaebff));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(234, 235, 255, 0) 0%, #eaebff 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(234, 235, 255, 0) 0%, #eaebff 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(234, 235, 255, 0) 0%, #eaebff 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(234, 235, 255, 0) 0%, #eaebff 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
        /* IE6-9 */ }
      .details-item-files .files-description .more a {
        display: inline-block;
        *display: inline;
        zoom: 1;
        background: #5094B5;
        color: #FFFFFF;
        border: 1px solid #5094B5;
        border-radius: 5px;
        padding: 0 10px; }
      .details-item-files .files-description .more a:hover {
        color: #ff0; }
      .details-item-files .files-table tfoot {
        background: #ddd; }
    
    /* Details View - Ticket Purchases */
    .tickets {
      grid-area: tickets; }
    
    .tickets-table {
      border: 1px solid #000;
      background: #fff;
      width: 100%;
      border: 0;
      border-collapse: collapse; }
    
    .tickets-table th,
    .tickets-table td {
      padding: 2px 4px; }
    
    .tickets-table thead {
      background: #5094B5;
      color: #FFFFFF; }
    
    .tickets-table tbody tr:nth-child(2n) {
      background: #edf4fa; }
    
    .tickets-table tfoot {
      background: #ddd; }
    
    /* List View Calendar */
    .list-box {
      background: #fff;
      border-right: 1px solid #5094B5;
      border-left: 1px solid #5094B5;
      display: flex;
      display: grid; }
      @media (min-width: 768px) {
        .list-box {
          grid-template-columns: minmax(300px, 1fr) 3fr; } }
    
    /*.list-cal { width:300px; } */

    .list-items {
      flex-grow:1;
      padding: 15px; }
    
    .mini-cal {
      border-collapse: collapse;
      border-top: 0; }
      @media (min-width: 768px) {
        .mini-cal {
          border-right: 1px solid #5094B5;
          position: sticky;
          top: 2em; } }
      .mini-cal__nav, .mini-cal__days {
        display:flex;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        background: #5094B5;
        color: #FFFFFF;
        font-size: .875rem;
        font-weight: normal;
        text-align: center;
        padding: 0; }
      .mini-cal__nav > div.nav {flex-grow:1;}
      .mini-cal__nav > div.month {
        flex-grow:5;
        grid-column-end: span 5; }
      .mini-cal__nav > div a {
        width: 100%;
        display: block;
        background: #5094B5;
        transition: background 1000ms, color 1000ms;
        padding: 5px;
        font-weight: bold; }
        .mini-cal__nav > div a:link, .mini-cal__nav > div a:visited {
          color: #fff; }
        .mini-cal__nav > div a:hover, .mini-cal__nav > div a:active, .mini-cal__nav > div a:focus {
          background: #5094B5;
          filter: brightness(80%);
          color: #FFFFFF;
          transition: background 250ms, color 250ms; }
      .mini-cal__days > div {
        flex-grow:1;
        font-size: 0; }
        .mini-cal__days > div:first-letter {
          font-size: .875rem; }
      .mini-cal__dates {
        display:flex;
        flex-wrap:wrap;
        display: grid;
        grid-template-columns: repeat(7, 1fr); }
        .mini-cal__dates > div {
          background: #fff;
          border-left: 1px solid #5094B5;
          border-bottom: 1px solid #5094B5;
          box-sizing: border-box;
          padding: 6px;
          text-align: center; }
          .mini-cal__dates > div:nth-child(7n+1) {
            border-left: 0; }
          .mini-cal__dates > div.mark a {
            display: block;
            margin: -6px;
            padding: 6px;
            transition: all .25s;
            background: #ccc; }
            .mini-cal__dates > div.mark a:hover {
              background: #5094B5;
              color: #FFFFFF; }
          .mini-cal__dates > div.outside {
            background: #edf4fa;
            color: #999; }
            .mini-cal__dates > div.outside.mark a {
              background: #ddd; }
              .mini-cal__dates > div.outside.mark a:hover {
                background: #8F91AD; }
    
    .list-item {
      border-bottom: 1px dashed #999;
      margin-bottom: 15px;
      padding-bottom: 15px; }
    
    .list-item h2 {
      font-size: 16px;
      margin-bottom: 0; 
      margin-top: 0px !important;}
    
    .list-item h2 img {
      vertical-align: text-top; }
    
    .list-item-copy {
      float: right; }
    
    .list-item-copy a.copy {
      margin-left: 5px; }
    
    .list-item-copy a.copy img {
      vertical-align: bottom; }
    
    .list-item-date {
      font-weight: bold; }
    
    .list-item-desc {
      margin: 10px 0; }
    
    .list-item-more {
      margin-top: 10px; }
    
    .list-item-more a {
      background: #f2f2f2;
      border-radius: 7px;
      box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
      display: inline-block;
      font-size: 12px;
      padding: 5px 10px; }
    
    /* Week View */
    .week {
      border: 1px solid #5094B5;
      border-top: 0;
      display:flex;
      display: grid;
      grid-template-columns: 100%; }
      @media (min-width: 992px) {
        .week {
          grid-template-columns: 60% 1fr; } }
    
    .week-box {
      flex-grow:3;
      background: #fff; }
      @media (min-width: 992px) {
        .week-box {
          border-right: 1px solid #5094B5; } }
    
    .week-header {
      height: 40px;
      line-height: 40px;
      background: #5094B5;
      color: #FFFFFF;
      display: flex; }
    
    .week-startend {
      text-align: center;
      font-size: 18px;
      width: 80%; }
    
    .week-prev,
    .week-next {
      display: inline-block;
      transition: all .25s;
      color: #fff !important; }
    
    .week-prev {
      padding-left: 20px; }
    
    .week-next {
      padding-right: 20px; }
    
    .week-prev:hover,
    .week-next:hover {
      background: #5094B5;
      filter: brightness(80%);
      padding-left: 10px;
      padding-right: 10px; }
    
    .week-year {
      text-align: center;
      font-size: 18px;
      position: relative;
      width: 20%; }
    
    .week-year > a {
      color: #fff; }
    
    .week-year .arrow {
      font-size: 14px; }
    
    .week-year-select {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: #5094B5;
      border-radius: 0 0 7px 7px;
      padding-bottom: 10px; }
    
    .week-year-select ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    
    .week-year-select ul li a {
      color: #fff;
      display: block;
      padding: 2px 10px;
      transition: all .25s; }
    
    .week-year-select ul li a:hover {
      background: #5094B5; filter: brightness(80%); }
    
    .week-days {
      background: #fff; }
    
    .week-day {
      min-height: 75px;
      border-bottom: 1px solid #5094B5; }
    
    .week-day:last-child {
      border-bottom: 0; }
    
    .week-day-date {
      float: left;
      font-size: 18px;
      padding: 5px 0;
      text-align: center;
      width: 100px; }
    
    .week-day-items {
      margin-left: 100px; }
    
    .week-day-item {
      font-size: 14px;
      padding: 5px 0; }
    
    .week-day-item-title {
      float: left;
      width: 60%; }
    
    .week-day-item-title img {
      vertical-align: text-bottom; }
    
    .week-day-item-time {
      margin-left: 60%; }
    
    .week-day-item-cats {
      font-size: 10px;
      clear: both; }
    
    .week-day-item-cats a:after {
      content: ", "; }
    
    .week-day-item-cats a:last-child:after {
      content: ""; }
    
    .week-item-box {
      flex-grow:2;
      background: #edf4fa; }
    
    .week-item-header {
      height: 40px;
      line-height: 40px;
      background: #5094B5;
      color: #FFFFFF;
      text-align: center; }
    
    .week-item {
      padding: 10px;
      font-size: 14px; }
    
    .week-item h1 {
      font-size: 24px; }
    
    .week-item-date {
      font-weight: bold; }
    
    .week-item > div {
      border-bottom: 1px solid #5094B5;
      padding-bottom: 10px;
      margin-bottom: 10px; }
    
    .week-item > div > span.label {
      font-weight: bold;
      float: left;
      width: 100px; }
    
    .week-item > div.week-item-copy a.copy {
      margin-right: 5px; }
    
    .week-item > div.week-item-copy a.copy img {
      vertical-align: bottom; }
    
    .week-item > div.week-item-more {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    
    .week-item-more > a {
      background: #FFFFFF;
      color: #000;
      border-radius: 7px;
      display: inline-block;
      font-size: 12px;
      padding: 5px 10px;
      margin-bottom: 10px;
      box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset; }
    
    .week-item > div.week-item-attachments {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0;
      margin-top: 10px; }
    
    .week-item-attach {
      margin-bottom: 10px;
      padding-bottom: 10px; }
    
    .week-item-attach > a {
      border-bottom: 1px solid #5094B5;
      display: block;
      margin-bottom: 5px;
      padding-bottom: 5px; }
    
    .week-item-attach > a > span {
      background: #FFFFFF;
      color: #000;
      box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5) inset;
      border-radius: 7px;
      float: right;
      font-size: 10px;
      margin-left: 10px;
      margin-top: -3px;
      padding: 2px 10px 1px;
      text-transform: uppercase; }
    
    .week-item-attach > a img {
      vertical-align: middle; }
    
    .week-item-attach-desc {
      font-size: 12px; }
    
    /* Calendar View */
    .calendar {
      width: 100%;
      border-right: 1px solid #5094B5;
      border-left: 1px solid #5094B5; }
      .calendar__nav {
        display:flex;
        display: grid;
        grid-template-columns: 1fr 5fr 1fr; }
        .calendar__nav div {
          background: #5094B5;
          color: #FFFFFF;
          font-size: 16px;
          font-weight: normal;
          padding: 5px;
          text-align: center; }
          .calendar__nav div.month {
            flex-grow:5;
            font-size: 20px;
            font-weight: bold; }
          .calendar__nav div.nav {
            flex-grow:1;
            font-size: 1rem;
            padding: 0; }
            .calendar__nav div.nav a {
              display: block;
              width: 100%;
              background: #5094B5;
              transition: background 1000ms, color 1000ms;
              padding: .5em 1em; }
              .calendar__nav div.nav a:link, .calendar__nav div.nav a:visited {
                color: #fff; }
              .calendar__nav div.nav a:hover, .calendar__nav div.nav a:active, .calendar__nav div.nav a:focus {
                text-decoration: none;
                background: #5094B5;
                filter: brightness(80%);
                color: #FFFFFF;
                transition: background 250ms, color 250ms; }
      .calendar__days {
        display:flex;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        background: #5094B5; }
        .calendar__days div {
          flex-grow:1;
          color: #fff;
          font-size: 1rem;
          font-weight: normal;
          padding: 5px;
          text-align: center; }
          @media (max-width: 767.98px) {
            .calendar__days div {
              font-size: 0; }
              .calendar__days div:first-letter {
                font-size: 1rem; } }
      .calendar__dates {
        display:flex;
        flex-wrap:wrap;
        display: grid;
        grid-template-columns: repeat(7, 1fr); }
        .calendar__dates > div {
          background: #fff;
          border-bottom: 1px solid #5094B5;
          border-left: 1px solid #5094B5;
          box-sizing: border-box;
          padding: 5px;
          min-height: 100px; }
          @media (max-width: 767.98px) {
            .calendar__dates > div {
              min-height: 0; } }
          .calendar__dates > div:nth-child(7n+1) {
            border-left: 0; }
          .calendar__dates > div.today {
            background: #D4ECF4; }
          .calendar__dates > div.outside {
            background: #edf4fa;
            color: #999; }
          .calendar__dates > div .date {
            font-size: 16px; }
    
    /* Calendar Popup */
    .calendar-item {
      position: relative;
      z-index: 10;
      border-bottom: 1px solid #ccc;
      margin-bottom: 5px;
      padding-bottom: 5px; }
      .calendar-item > a:first-child {
        display: none; }
      @media (max-width: 767.98px) {
        .calendar-item > * {
          display: none; }
        .calendar-item > a:first-child {
          display: inline-block;
          background: #edf4fa;
          border-radius: 5px;
          border: 1px solid #cccccc;
          line-height: 1rem;
          padding: 3px; } }
      .calendar-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0; }
      .calendar-item.active {
        z-index: 15; }
      .calendar-item-details {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 0;
        min-width: 200px;
        color: #000;
        font-size: 12px; }
        .calendar-item-details .indicator {
          float: left;
          position: relative;
          left: 20px;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 9px solid #999;
          height: 0;
          width: 0; }
        .calendar__dates > div:nth-child(7n) .calendar-item-details, .calendar__dates > div:nth-child(7n-1) .calendar-item-details, .calendar__dates > div:nth-child(7n-2) .calendar-item-details {
          left: auto;
          right: 0; }
          .calendar__dates > div:nth-child(7n) .calendar-item-details .indicator, .calendar__dates > div:nth-child(7n-1) .calendar-item-details .indicator, .calendar__dates > div:nth-child(7n-2) .calendar-item-details .indicator {
            float: right;
            left: auto;
            right: 20px; }
        .calendar-item-details-inner {
          background: #fff;
          border: 1px solid #5094B5;
          border-radius: 5px;
          padding: 5px;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }
        .calendar-item-details-title {
          border-bottom: 1px solid #5094B5;
          padding-bottom: 2px;
          margin-bottom: 2px;
          font-size: 12px;
          white-space: nowrap;
          display: flex; }
          .calendar-item-details-title span {
            flex-grow: 1;
            padding: 0 .5em; }
        .calendar-item-details dl {
          width: 100%;
          padding: 0;
          margin: 0; }
          .calendar-item-details dl dt {
            display: block;
            float: left;
            font-weight: bold; }
          .calendar-item-details dl dd {
            display: block;
            margin: 0 0 5px 6em; }
        .calendar-item-details-cats {
          font-weight: bold;
          font-size: 10px; }
          .calendar-item-details-cats a {
            font-weight: normal; }
            .calendar-item-details-cats a:after {
              content: ", "; }
            .calendar-item-details-cats a:last-child:after {
              content: ""; }
        .calendar-item-details .more {
          border: 1px solid #5094B5;
          border-radius: 5px;
          background: #fff;
          box-shadow: 0 2px 4px #bfbfbf;
          padding: 3px 8px;
          float: right;
          clear: left; }
        .calendar-item-details .copy {
          margin-right: 5px; }
          .calendar-item-details .copy img {
            margin-top: 5px;
            vertical-align: bottom; }
    
    @media print {
      body {
        background: none; }
    
      header, footer, .view, .extra, .search, .week-item-more > a, .list-item-more > a, .search-item-more > a, .calendar th.nav a, .week-prev, .week-next, .week-year a .arrow, .search-intro a {
        display: none; }
    
      h1 .print-header, .search-term {
        display: inline; }
    
      .calendar, .week, .list, .mini-cal {
        border-top: 1px solid #5094B5; }
    
      .week-header {
        border-right: 1px solid #5094B5;
        border-bottom: 1px solid #5094B5; }
    
      .week-item-header {
        border-bottom: 1px solid #5094B5;
        text-indent: -9999px; }
    
      .list-items {
        padding: 15px 0 0; } }