/* Enter Your Custom CSS Here */


.right-col-cmp .cmp-featured {
		padding-right: 0px !important;
}


.right-col-cmp .cmp-featured .e-loop-item .cont-parent:first-child img  {
	max-height: 203px !important;
	object-fit: cover !important;
}

.right-col-cmp .cmp-media {
	padding-right: 0px !important;
}

.right-col-cmp .dce-menu li a {
	padding: 5px 10px !important;
	font-size: .9rem, !important;
	line-height: .9rem !important;
}

.right-col-cmp .cmp-related .dce-posts-layout-template {
	max-width: 100% !important;
}

.right-col-cmp .cmp.cont-parent .e-con-inner > .e-con:nth-child(2) img {
  height: 150px !important;
}

.right-col-cmp .cmp-related .dce-posts-layout-template  {
	max-width: 100% !important;
	--container-widget-width: 100% !important;
}


.right-col-cmp .cmp-gallery {
  position: relative;
  background: var(--e-global-color-294632b); /* your gray */
}

/* extend background 160px to the right */
.right-col-cmp .cmp-gallery::after {
  content: "";
  position: absolute;
  top: 0;
  right: -160px;
  width: 160px;
  height: 100%;
  background: inherit;
}

/* 3 columns only inside this gallery component */
.right-col-cmp .cmp-gallery .uael-img-grid-wrap .uael-grid-item {
  width: calc((100% - 40px) / 3) !important;
  max-width: calc((100% - 40px) / 3) !important;
  flex: 0 0 calc((100% - 40px) / 3) !important;
  margin: 0  !important;
	padding-left: 0px !important;
}

.right-col-cmp .cmp-gallery .uael-img-gallery-wrap {
    margin-left: 0 !important;
}

.right-col-cmp .cmp-gallery .uael-img-gallery-wrap img

/* remove right margin from every 3rd item */
.right-col-cmp .cmp-gallery .uael-img-grid-wrap .uael-grid-item:nth-child(3n) {
  margin-right: 0 !important;
}

/* make image fill its assigned column */
.right-col-cmp .cmp-gallery .uael-grid-img,
.right-col-cmp .cmp-gallery .uael-grid-img-thumbnail,
.right-col-cmp .cmp-gallery .uael-grid-img-thumbnail img {
  width: 100% !important;
  display: block !important;
	height: 100px !important;
}

/* Make images fill their grid cells */
.right-col-cmp .cmp-gallery .uael-grid-img,
.right-col-cmp .cmp-gallery .uael-grid-img-thumbnail,
.right-col-cmp .cmp-gallery .uael-grid-img-thumbnail img {
  width: 100% !important;
  display: block !important;
}

.right-col-cmp .cmp-gallery:before {
	width: 0px !important;	
}

.right-col-cmp .cmp-gallery {
	padding: 0px 40px !important;	
}

.right-col-cmp .mobile-margins {
	padding: 0px !important;
}

.right-col-cmp .c3-text.elementor-widget-text-editor {
	width: 100% !important;
}

.right-col-cmp .cmp-cta .e-con-full {
	padding: 25px !important;
}

.right-col-cmp .cta-text {
	line-height: 1.3rem !important;	
}

.right-col-cmp .cmp-cta a.elementor-button {
	font-size: 1.1rem !important;
	line-height: 1.2rem !important;
	margin: 0px !important;
	padding: 0px !important;
}

.right-col-cmp .cmp-cta .e-con-full:first-child,

.right-col-cmp .cmp-cta .e-con-full:nth-child(2){
	width: 50% !important;
}

.terms-color,
.terms-color a {
    color: var(--e-global-color-6f5be7f );
}

nav.elementor-pagination  {
	margin-top: 30px !important;
}

blockquote {
	font-size: 1.10rem;
	line-height: 1.8rem;
	border-left: 6px solid #eee;
	padding-left: 25px;
	margin: 0px;
}

blockquote p {
	padding-top: 20px;
	padding-bottom: 20px;
}

.elementor-widget-text-editor a:hover {
	text-decoration: underline;
}

.searchbar-style {
	background-color: var(--e-global-color-5459cdc) !important;
	padding: 15px !important;
}

.searchbar-style .search-filter-label {
	font-size: .8rem;
	text-transform: uppercase;
	margin-bottom: 5px;
}


.search-filter-component-combobox-base__listbox-option:hover {
  background-color: #E0E0E0;
  color: #000;
}

.search-filter-component-combobox-base__listbox-option--selected,
.search-filter-component-combobox-base__listbox-option[aria-selected="true"] {
  background-color: #E0E0E0 !important;
  color: #000 !important;
}

.search-filter-input-text__input::placeholder,
.search-filter-component-combobox__actions-input::placeholder,
.search-filter-component-combobox__selection-placeholder,
.search-filter-component-combobox__selection,
.search-filter-component-combobox-base__listbox-option {
	font-size: .8rem !important;
}

.searchbar-style .search-filter-component-combobox-base {
	width: 250px;
}

.searchbar-style .search-filter-component-combobox__selection-label {
	font-size: .75rem;
	line-height: .75rem;
	padding: 3px;
}

.searchbar-style .search-filter-component-combobox__selection-remove
 {
	font-size: .75rem;
	line-height: .75rem;
	padding: 3px;
	 color: #000;
}

.searchbar-style .search-filter-component-combobox__selection-item {
	height: 20px !important;
	background-color: var( --e-global-color-294632b );}

.searchbar-style .search-filter-component-combobox__selection-remove>svg {
	fill: #fff !important;
}

.searchbar-style .search-filter-component-combobox__selection-remove>svg:hover {
	fill: #000 !important;
}

/*
@font-face {font-display:swap;
  font-family: 'CaseTextBold';
  src: url('https://learn.ncartmuseum.org/wp-content/themes/ncma-learn/assets/fonts/CaseText-Bold.woff2') format('woff2');
}
@font-face {font-display:swap;
  font-family: 'CaseTextMedium';
  src: url('https://learn.ncartmuseum.org/wp-content/themes/ncma-learn/assets/fonts/CaseText-Medium.woff2') format('woff2');
}
@font-face {font-display:swap;
  font-family: 'CaseTextRegular';
  src: url('https://learn.ncartmuseum.org/wp-content/themes/ncma-learn/assets/fonts/CaseText-Regular.woff2') format('woff2');
}
@font-face {font-display:swap;
  font-family: 'CaseTextMediumItalic';
  src: url('https://ncartmuseumstg.wpengine.com/wp-content/uploads/2022/08/CaseText-MediumItalic.woff2') format('woff2');
}
*/


/* Remove Social Icon Background Blur Image */
span.elementor-share-btn__icon {
    background-image: none !important;
}


.cmp .elementor-widget-text-editor ol,
.cmp .elementor-widget-text-editor ul,
.cmp .elementor-widget-text-editor hr,
.pp-content-reveal-content ol,
.pp-content-reveal-content ul,
.pp-content-reveal-content hr
{
	margin-bottom: 20px;
}

.pp-content-reveal-content blockquote {
	margin-top: 15px; 
	margin-bottom: 15px;
	font-size: 1.2rem;
}

.cmp-gallery:before {
	content: " " !important;
    right: 100% !important;
 width: 2800px !important;
  background: var(--e-global-color-5459cdc) !important;
	margin-left: -800px;
}

.cmp-gallery:after {
	content: " ";
    width: 2000px;
    background: #dfdfdf;
}

.cmp-gallery .uael-img-gallery-wrap img {
	height: 200px !important;
	object-fit: cover !important;
}

.footer-nav ul{
	list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.footer-nav li {
    margin-bottom: 6px;
}

.footer-nav a {
    text-decoration: none;
}




/* Remove Nav Bottom Border on hover */
.header-nav nav a.pp-menu-item::after {
	display: none!important;
}
.header-nav nav a.pp-menu-item:hover {
    background: rgba(255, 255, 255, 0.2);
}



section.artist-wiki header {
    display: flex;
}
section.artist-wiki h3 {
    font-size: .7rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    font-family: CaseText, Open Sans, Helvetica, Arial, sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 900;
    margin-right: 10px;
}


/* Post Object / Relationship / Taxonomy Tags CSS */
.tags dt {
		position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.tags dd {
    margin: 0;
}

aside.tags dl {
    display: flex;
}
aside.tags dd {
    margin-right: 10px;
}

aside.tags dl dd:first-of-type {
    margin-left: 0;
}
a.linkBubbler-stop {
	  color: var(--e-global-color-6f5be7f);
    background: var(--e-global-color-5459cdc);
    padding: .4em 1em;
    margin-bottom: .3em;
    transition: all .3s;
	  display: block;
}
a.linkBubbler-stop:hover {
    background: var(--e-global-color-accent);
    color: #fff;
}


.shortcode-text .elementor-shortcode{
	color: var(--e-global-color-6f5be7f);
}
/* End Tag Links */


/* UL li List Tags */
ul.taxonomy-list {
    list-style-type: none;
	  padding: 0;
}

ul.taxonomy-list li {
    display: inline-block;
    margin-bottom: 1.4rem;
}
ul.taxonomy-list li a {
    background: var(--e-global-color-5459cdc);
    padding: .5em 1em;
    margin-bottom: .3em;
    transition: all .3s;
    color: #000;
    font-size: 1rem;
    margin-right: .25rem;
    border-radius: .125rem;
    margin-top: 0.25rem;
}
ul.taxonomy-list li a:hover {
    background: var(--e-global-color-accent);
    color: #fff;
}
.linkBubbler-stop--transparent {
    background: transparent !important;
	  padding: 0 !important;
	  color: var(--e-global-color-6f5be7f) !important;
}
.linkBubbler-stop--transparent:hover {
    color: var(--e-global-color-accent) !important;
	  
}




.tags.post-taxonomy dl,
.tags.post-taxonomy dt,
.tags.post-taxonomy dd {
    margin: 0;
    padding: 0;
}

.tags.post-taxonomy dd {
    display: inline;
	  margin: 0 !important;
}

.tags.post-taxonomy dd a {
    display: inline !important;
}

.tags.post-taxonomy dd a:hover {
	text-decoration: underline;
}

.tags.post-taxonomy dd + dd::before {
    content: ", ";
}

span.taxonomy-link-item a {
    display: inline-block;
}

/* End UL li List Tags */
/* End Post Object / Relationship / Taxonomy Tags CSS */



.space-xl {
	margin-top: 80px;
	margin-bottom: 80px;
}

.space-l {
	margin-top: 60px;
	margin-bottom: 60px;
}

.space-m {
	margin-top: 40px;
	margin-bottom: 40px;
}

.space-s {
	margin-top: 20px;
	margin-bottom: 20px;
}


.fit-container {  
	display: inline-flex;   /* shrink-wrap to content */
  width: auto !important; /* don’t stretch full width */
  flex: 0 0 auto;         /* don’t grow */
}

.c3-text.elementor-widget-text-editor {
	width: 75%;
}

input[type="text"]:focus, textarea:focus {
	outline: none !important;
  border-color: #000000 !important;
}

/* Search Overlay Opacity Text PlaceHolder Fix */
.header-search input.elementor-search-form__input::placeholder {
    opacity: 1;
}

/* 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: red !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 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;
}

.page-id-9810 .page-header-title {
    display: none;
}


/* Tablet CSS */
@media (max-width: 1024px) {

.right-col-cmp .mobile-margins {
	padding: 0px !important;
}

	
.space-xl {
	margin-top: 60px;
	margin-bottom: 60px;
}

.space-l {
	margin-top: 40px;
	margin-bottom: 40px;
}

.space-m {
	margin-top: 30px;
	margin-bottom: 30px;
}

.space-s {
	margin-top: 20px;
	margin-bottom: 20px;
}

.c3-text.elementor-widget-text-editor {
	width: 90% !important;
	max-width: 90% !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) {

.right-col-cmp .mobile-margins {
	padding: 0px !important;
}

.cmp-gallery .uael-img-gallery-wrap img {
	height: 190px !important;
	object-fit: cover !important;
}

blockquote {
	font-size: 1.0rem;
	line-height: 1.6rem;
	border-left: 4px solid #eee;
	padding-left: 20px;
	margin: 0px;
}
	
blockquote p {
	padding-top: 10px;
	padding-bottom: 10px;
}
	
/* Make aligned images in text editors scale responsively */

.space-xl {
	margin-top: 40px;
	margin-bottom: 40px;
}

.space-l {
	margin-top: 30px;
	margin-bottom: 30px;
}

.space-m {
	margin-top: 20px;
	margin-bottom: 20px;
}

.space-s {
	margin-top: 20px;
	margin-bottom: 20px;
}

	
.c3-text.elementor-widget-text-editor {
	width: 100% !important;
	max-width: 100% !important;

}
	
.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;	
}

	
}