/* Enter Your Custom CSS Here */


/* Tooltip Hover Styling */
.tooltipster-base .tooltipster-content .pp-tooltip-content {
	text-align: left;
}
.tooltipster-content {
    padding: 0 !important;
}
.pp-tooltip-content {
    padding-left: 10px;
    padding-right: 10px;
}

body .tooltipster-sidetip.tooltipster-top:not(.uael-tooltipster-active) .tooltipster-arrow-background {
    border-top-color: #636363 !important;
    left: 0 !important;
    top: -1px !important;
}
.tooltipster-arrow-border {
    display: none;
}
/* End Tooltip Hover Styling */


.fancybox-toolbar button {
	color: #fff;
  background-color: #FFFFFF00;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #FF7800;
  border-radius: 0px 0px 0px 0px;
  padding: 0px 0px 3px 0px;
}

/* Uber Menu Orange Bar Hover */
.mega-edu .uael-nav-menu li.menu-item a {
    position: relative;
    display: inline-block;
}
.ubermenu .jfcs-sub-menu ul li:hover a:after {
    border-style: solid !important;
	  border-width: 0px 0px 3px 0px!important;
    border-color: #FF7800 !important;
    border-radius: 0px 0px 0px 0px !important;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 9999999;
}


.mega-exhibits .jfcs-menu-btn a.elementor-button:hover {
	border-width: 0px 0px 3px 0px;
  border-color: var(--e-global-color-accent);
}

/*
.mega-edu .uael-nav-menu li.menu-item:hover a {
    border-style: solid!important;
    border-width: 0px 0px 3px 0px!important;
    border-color: #FF7800!important;
    border-radius: 0px 0px 0px 0px!important;
    content: '';
    z-index: 9999999;
}
*/

.main-header ul.ubermenu-submenu a.ubermenu-target .ubermenu-target-text:hover {
    border-style: solid!important;
    border-width: 0px 0px 3px 0px!important;
    border-color: #FF7800!important;
    border-radius: 0px 0px 0px 0px!important;
    content: '';
		margin-bottom: -3px;
    z-index: 9999999;
}

.main-header ul.ubermenu-nav li.ubermenu-item:hover a.ubermenu-target .ubermenu-target-title {
	color: #000 !important;
}

.main-header .ubermenu-submenu li.ubermenu-autocolumn {
	padding-bottom: 30px;
	padding-top: 15px;
}

.main-header .ubermenu-autocolumn {
    padding-top: 0px;
    padding-bottom: 0px;
}

.main-header .ubermenu-submenu-type-stack {
    padding-bottom: 0px;
}

.main-header .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0px;
}

.main-header .ubermenu-sub-indicator {
    display: none;
}

.main-header .ubermenu-submenu-drop {
    border-top: 0px solid #000 !important;
}

.main-header .ubermenu-nav {
    display: flex;
    gap: 0px;
}

.cmp-dark a {
	color: var( --e-global-color-accent ) !important;
}

.cmp-dark a:hover {
	color: #ef9749 !important;
}

#scrolltop.visible {
    opacity: 1;
}

#scrolltop {
    opacity: 0;
    transition: opacity 0.25s ease-in-out 0.25s;
}
#scrolltop {
    opacity: 0;
    transition: opacity 0.25s ease-in-out 0.25s;
}

/* About Us Sub Menu Position Fix */
ul.ubermenu-submenu.ubermenu-submenu-id-851 {
    /* left: 40px!important; */
    xright: -47px;
}


.jfcs-table table td {
    padding: 10px;
}

.jfcs-table table tbody>tr:nth-child(odd)>td {
    background: var( --e-global-color-67962e6 );
}

.jfcs-content-reveal .pp-content-reveal-buttons-wrapper .elementor-button {
	border-bottom: 2px solid var(--e-global-color-accent) !important;
  text-decoration: none !important;
  color: #000 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

.jfcs-content-reveal .pp-content-reveal-buttons-wrapper .pp-icon i {
	font-size: 16px;
  margin-top: 2px;		
}

/* Content Reveal Dynamic Posts Overlap Fix */
.bkg-img {
    z-index: 1 !important;
}


.content-reveal-posts .dce-posts-container.dce-skin-grid .dce-post-item {
    display: flex;
    position: relative !important;
    max-width: 600px;
    flex-direction: column !important;
    flex-wrap: nowrap ! Important;
    top: unset !important;
    left: unset !important;
}
.content-reveal-posts .dce-posts-container.dce-skin-grid .dce-posts-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.cmp-text .alignright {
	margin: 0px -120px 20px 20px !important;
}

/* Default JFCS Form Styling */


.jfcs-form-style .gfield {
	display: flex !important;
	flex-direction: column !important;
}

.jfcs-form-style .gform_fields  {
	grid-row-gap: 21px !important;
}

.jfcs-form-style input,
.jfcs-form-style select,
.jfcs-form-style textarea {
	background-color: #fff !important;
	padding: 8px 15px 8px 15px !important;
  border-radius: 0px 0px 0px 0px !important;
	color: #000 !important;
	border: none !important;
}

.jfcs-form-style input::placeholder,
.jfcs-form-style select::placeholder,
.jfcs-form-style textarea::placeholder  {
   opacity: 1 !important;
} 

.jfcs-form-style input:focus,
.jfcs-form-style select:focus,
.jfcs-form-style textarea:focus {
	background-color: var(--e-global-color-d0c995d) !important;
	color: #fff !important;
}

.jfcs-form-style .gform_wrapper.gravity-theme .gfield_label {
	margin-bottom: 5px !important;
	font-size: 17px !important;
	line-height: 17px !important;
	font-weight: 500 !important;
}

.jfcs-form-style .gfield_required_asterisk {
	color: var( --e-global-color-552c95d ) !important;
}

.jfcs-form-style input[type=submit] {
	color: #000 !important;
	background-color: #00000000 !important;
	padding: 0px 0px 7px 0px !important;
	border-bottom: 3px solid  var( --e-global-color-552c95d ) !important;
}

.jfcs-form-style input[type=submit]:hover {
	color:  var( --e-global-color-552c95d ) !important;
}

.jfcs-form-style .gform_required_legend {
	font-size: 15px;
	font-style: italic;
}


/* END Default JFCS Form Styling */

.cmp .elementor-widget-text-editor a {
	color: var( --e-global-color-0943529 );
	text-decoration: underline;
}

.cmp .elementor-widget-text-editor a:hover {
	color: #000;
	text-decoration: underline;
}

.blue-bkg .elementor-widget-text-editor a,
.blue-bkg  .pp-content-reveal-content a {
	color: #fff !important;
	text-decoration: underline;
}

.blue-bkg .elementor-widget-text-editor a:hover,
.blue-bkg  .pp-content-reveal-content a:hover {
	color: var( --e-global-color-552c95d ) !important;
	text-decoration: underline;
}

.dark-bkg a {
	color: var( --e-global-color-552c95d );
	text-decoration: underline;
}

.dark-bkg a:hover {
	color: #fff !important;
	text-decoration: underline;
}


.cmp-tabs .e-n-tabs-content {
	margin-top: -1px;
}

.cmp-tabs-light .e-n-tabs-heading,
.cmp-tabs-dark .e-n-tabs-heading {
	z-index: 1;
} 

.cmp-tabs-light .e-n-tab-title[aria-selected="false"]:not( :hover ) {
	border-bottom: 1px solid #000 !important;
}

.cmp-tabs-dark .e-n-tab-title[aria-selected="false"]:not( :hover ) {
	border-bottom: 1px solid #fff !important;
}

.cmp-tabs-light .e-n-tab-title {
	border-bottom: 1px solid #fff !important;
}

.cmp-tabs-dark .e-n-tab-title {
	border-bottom: 1px solid var( --e-global-color-0c8a866 ) !important;
}

.main-header .ubermenu-responsive-toggle {
    border: 0px solid #00000000 !important;
}

.main-header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover, 
.main-header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:active,
.main-header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:focus {
        background: #00000000;
}

.main-header .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:focus {
        color: #fff;
}





.elementor-widget-post-info .elementor-widget-container {
	background-color: var( --e-global-color-0943529 ) !important;
	padding: 3px 7px 3px 7px !important;
	border-bottom: 1px solid #acacac;
}

.alt-btn-blue {
	background-color: var(--e-global-color-0943529);
	padding: 9px 20px 8px 20px;
}

.alt-btn-blue:hover {
	background-color: #000 !important;
}

.alt-btn-blue a {
	color: #fff !important;
	border: none !important;
}

.alt-btn-blue a:hover {
	color: var(--e-global-color-0943529) !important;
}

/*
body.dce-trackerheader .trackerheader--pinned {
    z-index: 9999 !important;
}
body.dce-trackerheader .trackerheader--top.trackerheader--pinned {
    z-index: 999 !important;
}
*/

/*
body.dce-trackerheader #jfcs-header {
	z-index: 9999 !important;
}
*/



.trackerheader--pinned .home-uber-nav .elementor-widget-container {
	margin-bottom: 0px !important;
}
.trackerheader--top .home-uber-nav .elementor-widget-container {
	margin-bottom: 0px !important;
}

.img-overflow {
	overflow: hidden;
}

/* SubMenu Border Removal */
ul.ubermenu-submenu {
	  z-index: 99999!important;
    border: none!important;
}

/* Header Blue Border Fix */
div#c3-menu {
    border: none;
}

/* Mobile Menu Padding */
nav#ubermenu-main-4.ubermenu-mobile-modal {
    xpadding: 25px;
}

/* Search Overlay Opacity Text PlaceHolder Fix */
.header-search input.elementor-search-form__input::placeholder {
    opacity: 1;
}

#appointment-form #field_3_3,
#appointment-form #field_3_5,
#appointment-form #field_3_7,
#appointment-form #field_3_9,
#appointment-form #field_3_10{
	grid-column: span 5;
}

#appointment-form #field_3_4,
#appointment-form #field_3_6,
#appointment-form #field_3_8{
	grid-column: span 6;
}

#appointment-form #input_3_14 {
	display: flex;
	gap: 20px;
}

            /*--- Main Div styles ---*/
            #finding-aids div#main{
                margin: 0 auto; 
                width: 95%; 
                text-align:left;
                }
            
            #finding-aids #header {
                margin:10px 0px;
                padding:0;
                display:block;
                width: 100%;
                /*height: 50px;
                overflow:hidden;*/
                background-color: #fff;
                border-top: 5px solid #000;
                border-bottom: 1px solid #000;
                text-align:right;
                }
            #finding-aids #header h3 {
                display:inline;
                font-size: 138.5%; 
                margin: 20px 20px 0px 25px; 
                padding-top:20px; color:#000; 
                font-weight: lighter; 
                text-align:right;
                }
            #finding-aids #header img{display:inline; vertical-align: bottom; padding-top: 2px;}
            #finding-aids #title {
                display: block; 
                margin:0; 
                height: 125px; 
                padding: 16px 8px; 
                background-color:#000; 
                text-align: center; 
                color: #fff;
                }
            
            #finding-aids #title h1 {margin:0; padding:0; font-size: 197%; font-weight: lighter;}
            #finding-aids #title h2 {margin:0; padding:0; font-size:161.6%; font-weight: lighter;}
            
            /*--- Main Content Div ---*/
            #finding-aids #contents {
                display:block; 
                margin: 10px 0px; 
                border-top: 1px solid #000; 
                border-bottom: 1px solid #000;
                }
                
            /*--- Table of Contents styles ---*/
            #finding-aids #toc {
                display:block;
                width: 225px;
                position: relative;
                float:left;
                clear:left;
                margin: 0 16px 0 8px;
                padding-left: 8px;
                border-right: 1px solid #000;
                }
                
            #finding-aids #toc h3 {margin: 16px 8px 16px 0px;}
            #finding-aids #toc dt {margin: 3px; padding: 4px 0px; font-weight: normal;} 
            #finding-aids #toc dd {margin-top: 3px; margin-left: 16px; padding: 4px 0px;}
            #finding-aids #toc dt a:link, #toc dd a:link {color: #333; text-decoration: none;} 
            #finding-aids #toc dt a:visited, #toc dd a:visited {color: #333; text-decoration: none;} 
            #finding-aids #finding-aids #toc dt a:active, #toc dd a:active {color: #FF5721;} 
            #finding-aids #toc dt  a:hover, #toc dd  a:hover {color: #FF5721;} 
            
            /*--- EAD body ---*/
            #finding-aids #content-right {display:block; margin-left:275px; margin-right: 10px;}
            
            /*--- Typography ---*/

            #finding-aids #contents h3 {
                margin: 16px 8px 16px -8px;
                font-size: 116%; 
                font-variant: small-caps; 
                border-bottom: 1px dashed #999;
                }
                
            #finding-aids h4 {
                font-size: 93%; 
                margin: 24px 8px 4px -4px; 
                padding:0; color: #555;
                }
                
            #finding-aids p {margin: 8px;}
            #finding-aids dt {margin: 2px 8px; font-weight:bold; }
            #finding-aids dd {margin: 2px 16px;}
            #finding-aids br {margin:0; padding:0;}
            #finding-aids hr {border:1px solid #000; margin: 24px -8px;}
           #finding-aids  .summary dt {margin:16px 8px 0px 8px; color: #555;}
            #finding-aids .summary dd {margin: 2px 24px 2px 24px;}
            #finding-aids .returnTOC {font-size: 85%; margin-top: 24px;}
            #finding-aids .returnTOC  a:link {color: #FF5721; text-decoration: none;} 
            #finding-aids .returnTOC a:visited	{color: #FF5721; text-decoration: none;} 
            #finding-aids .returnTOC  a:active	{color: #EE0000;}             
            #finding-aids .returnTOC  a:hover		{color: #EE0000;} 
            
            /*--- Emph styles -------*/
            #finding-aids .smcaps {font-variant: small-caps;}
            #finding-aids .underline {text-decoration: underline;}
            
            /*--- Styles Index entry elements ---*/
            #finding-aids .indexEntry {display:block}
            
            /*---- Table Styles ---*/
            #finding-aids table { 
                border-top: 1px solid #000; 
                border-bottom: 1px solid #000; 
                margin: 16px; width: 60%; 
                font-size: 93%;
                }
                
            #finding-aids th {background-color:#000; color: #fff;}
            #finding-aids td {vertical-align: top; padding: 5px 8px;}
            
            /*---Container List Styles  --*/           
            #finding-aids table.containerList {border:none; margin: 8px; width: auto;}
            #finding-aids table.containerList h4 {margin: 2px 8px;}
            #finding-aids tr.series{background-color: #bbbbbb;}
            #finding-aids tr.subseries{background-color: #dddddd;}
           #finding-aids  .containerHeader {font-variant: small-caps; font-weight:bold; color:#555; text-align: center;}
            #finding-aids .containerTypes {font-varient: small-caps; font-weight:bold; color:#555;}
            #finding-aids .container {text-align:center;}
            #finding-aids .clear{clear:both;}
           #finding-aids  table.parentContainers {
           border:none; float:right; clear:both; width: 400px;
           border-top: 1px solid #666; 
           border-bottom: 1px solid #666; 
            }
            
            /*--- Clevel Margins ---*/
            #finding-aids table td.c{padding-left: 0;}
            #finding-aids table td.c01{padding-left: 0;}
            #finding-aids table td.c02{padding-left:  8px;}                
            #finding-aids table td.c03{padding-left: 16px;}
            #finding-aids table td.c04{padding-left: 24px;}
            #finding-aids table td.c05{padding-left: 32px;}
            #finding-aids table td.c06{padding-left: 40px;}
            #finding-aids table td.c07{padding-left: 48px;}
            #finding-aids table td.c08{padding-left: 56px;}
            
            
            #finding-aids .address {display:block; margin: 8px;}
            #finding-aids .odd{background-color:#eee;}
            #finding-aids .citation{
                border: 1px dashed #999; 
                background-color: #eee; 
                margin: 24px 8px; 
                padding: 8px 8px 8px 24px;
                }
            #finding-aids .citation h4 {margin-top: 8px;}
            
            /*---List Styles---*/
            #finding-aids .simple{list-style-type: none;}
            #finding-aids .arabic {list-style-type: decimal;}
            #finding-aids .upperalpha{list-style-type: upper-alpha;}
            #finding-aids .loweralpha{list-style-type: lower-alpha;}
           #finding-aids  .upperroman{list-style-type: upper-roman;}
           #finding-aids  .lowerroman{list-style-type: lower-roman;}

/* fixes incompatibility with PP Advanced Menues and Dynamic parent/child page list */
ul.uael-nav-menu ul .fix-pp-ul ul {
    display: block!important;
	    width: 100%;
}

.fix-pp-ul {
	padding: 0px !important;
	background-color: #ffffff00 !important;	
}

.finding-aids .elementor-posts-container {
    display: block;
    column-count: 2;
}
.finding-aids article {
    padding-bottom: 15px!important;
}

.cmp blockquote  {
  font-family: "Crimson Pro";
  font-size: 58px;
  font-weight: 600;
  line-height: 64px;
  text-align: center;
}

.admin-bar .page-nav-menu.pagenavmenu-scrolling-up {
    top: 283px!important;
    z-index: 1;
}
.admin-bar .page-nav-menu.pagenavmenu-scrolling-down {
    top: 32px!important;
}
.page-nav-menu.pagenavmenu-scrolling-up {
    top: 250px!important;
    z-index: 1;
		transition: 0.8s;
}
.page-nav-menu.pagenavmenu-scrolling-down {
    top: 0px!important;
    z-index: 1;
		transition: 0.8s;
}

.mega-view-button .elementor-button-text {
	color: #fff !important;
}

.mega-view-button .elementor-button-text a.elementor-button {
	background-color: #000 !important;
}

.mega-view-button a.elementor-button {
	width: 105px !important;
}


.mega-view-button a.elementor-button:hover {
	background-color: #ccc !important;
}

.cmp ul {
	padding-bottom: 20px;
}

li.sf-field-post-meta-common_core_standards ul li {
    display: none; 
}
ul.noFade:after {
    content: none!important;
}

li.sf-field-post-meta-common_core_standards ul li:nth-child(-n+5) {
    display: block;
}
li.sf-field-post-meta-common_core_standards ul:after {
    content: '';
    height: 30px; /* Adjust to your preference */
    display: block;
    position: relative;
    top: -36px; /* This value should match the height above */
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}


/* Common Core ACF Choices for S&amp;F Pro */
form.common-core-choices-form ul {
    padding-left: 0;
}
.acf-field-choices-container {
    padding-left: 40px;
    padding-top: 5px;
}
.acf-field-choices-container h4 {
	  margin: 0;
    padding: 5px 0 10px;
    font-size: 16px;
}
li.acf-field-key-value {
    list-style: none;
    display: block;
    padding: 5px 0;
    margin: 0;
}
input#searchInputCores {
    width: 70%;
   	margin-bottom: 5px;
}
li.acf-field-key-value label {
    padding-left: 10px;
}
li.sf-field-post-meta-common_core_standards {
    /*display: none!Important;*/
}
/* End Common Core ACF Choices for S&amp;F Pro */


.before-edu {
	font-weight: 500;
}


/* Site layout setting */

		/* px = height of header + footer */
.page-content-container {
	min-height: calc( 100vh - 365px ); 
}

.title-padding {
	padding-bottom: 30px;	
}

.heading-hover .elementor-heading-title a:hover {
    color: var( --e-global-color-accent ) !important;
} 

.posts-card:hover .heading-hover,
.archive-card:hover .heading-hover {
	color: red;
}

.mobile-margins {
	padding-left: 20px;
	padding-right: 20px;	
}

.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* END Site layout setting */


/* fixes incompatibility with PP Advanced Menues and Dynamic parent/child page list */
ul.pp-advanced-menu ul .fix-pp-ul ul {
  display: block!important;
	width: 100% !important;
}

.dce-menu li a:focus-visible {
	color: red;
}

/* For controlling sub menus when using megamenus */ 
#c3-menu #menu-main-menu li.menu-item:nth-child(2) ul.sub-menu li {
	width: 530px !important;
}

#c3-menu #menu-main-menu li.menu-item:nth-child(2) ul.sub-menu  {
	left: 0px !important;
}


/* Fixes Elementor a display-block bug when an image is made a link */
.elementor-widget-image a { 
	display: inline !important; 
} 

/* Disable the clickable icon when mousing over main menu items that are not clickable */
.unclickable > a:hover {
  cursor: default;
}




/* Tablet CSS */
@media (max-width: 1024px) {

.cmp blockquote  {
  font-size: 48px;
  line-height: 54px;
}
	
.cmp-text .alignright {
	margin: 0px 0px 20px 20px !important;
}
	
.main-header .ubermenu-nav {
    gap: 20px !important;
}

.main-header .ubermenu-target-title {
    font-size: 15.5px !important;
}

/* Make aligned images in text editors scale responsively 

.cmp-basic-text figure.alignleft,
.cmp-basic-text figure.alignleft img,
.cmp-basic-text figure.alignright,
.cmp-basic-text figure.alignright img {
	width: 100% !important;
}

*/

/* px = height of header + footer */
.page-content-container {
	min-height: calc( 100vh - 365px ); 
}
	
.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

.mobile-margins {
	padding-left: 20px;
	padding-right: 20px;	
}

.title-padding {
	padding-bottom: 30px;	
}

	
}

/* mobile CSS */

@media (max-width: 768px) {
	

/* Assorted Gallerys Mobile Overlay Fix */
.cmp-img-text-right .e-con.e-child {
    display: block !important;
}
.cmp-blank .e-con.e-child {
    display: block !important;
}	
	

/* Make aligned images in text editors scale responsively */

.cmp blockquote  {
  font-size: 28px;
  line-height: 38px;
}
	
.cmp-basic-text figure.alignleft,
.cmp-basic-text figure.alignleft img,
.cmp-basic-text figure.alignright,
.cmp-basic-text figure.alignright img {
	width: 100% !important;
}

/* px = height of header + footer */
.page-content-container {
	min-height: 100%; 
}
	
.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}
	
.title-padding {
	padding-bottom: 20px;	
}

	
}



