/* 
Website: WEATHERSPOON ART MUSEUM
Theme Name: Cuberis Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


#header-um  .ubermenu-main li a.ubermenu-target {
	padding-left: 0px !important;
	padding-right: 40px !important;
} 

#header-um .ubermenu-main .ubermenu-submenu-type-flyout > .ubermenu-item-normal > .ubermenu-target {
	padding: 12px 40px 12px 0px !important;
}

#header-um .ubermenu-nav li.access {
	background-color: #d4d0c7;
}

#header-um .ubermenu-nav li.collaborate {
	background-color: #b2cad6;
}

#header-um .ubermenu-nav li.about {
	background-color: #dbdbdb;
}

#header-um .ubermenu-nav li.access a:hover {
	background: var(--e-global-color-accent) !important;
}

#header-um .ubermenu-nav li.access a:active {
	background: var(--e-global-color-accent) !important;
}


#header-um .ubermenu-nav li.collaborate a:hover, 
#header-um .ubermenu-nav li.collaborate:active {
	background: #6799b2 !important;
}

#header-um .ubermenu-main {
	border-top: 0px solid #ffffff00;
}

#header-um .ubermenu-nav li.collaborate.ubermenu-current-menu-ancestor a.ubermenu-noindicator {
    background: #6799b2 !important;
}

#header-um .ubermenu-nav li.access.ubermenu-current-menu-ancestor a.ubermenu-noindicator {
    background: var(--e-global-color-accent) !important;
}
/*
#header-um .ubermenu-nav li.ubermenu-current-menu-parent {
	border-bottom: 2px solid #475a6d;
}
*/
#header-um .ubermenu-nav li.ubermenu-current-menu-item {
	background-color: #6799b2;
}

#header-um .ubermenu-nav .ubermenu-item a .ubermenu-target-title {
	letter-spacing: 1px;
}

#header-um .ubermenu-main {
	border-top: 0px solid #ffffff00;
}
#header-um .ubermenu-autocolumn {
 padding: 0px !important;
}

#header-um .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
	 margin-top: 10px !important;
}

#header-um .ubermenu-submenu-type-stack {
	 padding-bottom: 10px !important;
}

.footnotes-container .e-con .elementor-widget {
    min-width: unset!important;
}

#footnotes-cont.e-con .elementor-widget {
	min-width: unset !important;
}

li.unused-menus {
	display: none !important;
}

.menu-col-header {
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	text-decoration: underline;
	letter-spacing: .5px;
}

#mec-full .mec-event-grid-modern .mec-event-content p {
	font-size: 17px !important;
	line-height: 21px;
	font-weight: 500 !important;
	xtext-align: center !important;
}

#mec-full .mec-event-grid-modern .mec-event-month {
	font-size: 26px !important;
	line-height: 28px;
	font-weight: 600 !important;
}

#mec-full .mec-event-grid-modern .mec-event-detail {
	font-size: 15px !important;
	line-height: 18px;
	font-weight: 400 !important;
}

#mec-full .mec-event-grid-modern .mec-label-normal {
	position: absolute !important;
	top: -1px !important;
}

#sponsor-grid .dce-acf-repeater-item {
	display: flex;
	flex-direction: column;	
	gap: 10px;
}

.related-programs ul.dce-posts-container {
	padding-left: 0px;
}

.related-programs .dce-posts-container li {
	display: flex;
	gap: 15px;
}

figcaption {
	padding: 10px 60px 0px 60px;
	font-size: 13px;
	line-height: 19px;
}

#spf-news ul {
	padding-left: 0px;
}

#spf-news ul li.sf-field-taxonomy-news_themes ul,
#spf-news ul li.sf-field-taxonomy-media_type  ul,
#spf-news ul li.sf-field-taxonomy-news_themes,
#spf-news ul li.sf-field-taxonomy-media_type  {
	display: flex;
	padding-left: 0px;
}

#spf-news ul li.sf-field-taxonomy-news_themes h4, 
#spf-news ul li.sf-field-taxonomy-media_type h4 {
	Padding-right:15px;
	width: 140px;
}


#spf-news ul li.sf-field-taxonomy-news_themes  li.sf-level-0 {
	margin-right: 15px;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	background-color: var( --e-global-color-accent );
	padding: 8px 12px 6px 12px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
}

#spf-news ul li.sf-field-taxonomy-media_type li.sf-level-0 {
	margin-right: 15px;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	background-color: var( --e-global-color-ec95847 );
	padding: 8px 12px 6px 12px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
}

#spf-news ul li.sf-level-0 .sf-input-checkbox {
	margin-top: 4px;
}

#spf-news ul li.sf-level-0 .sf-label-checkbox {
	margin-top: -4px;
}

#spf-news input[type="submit"] {
	background-color: #fff;
	border: 2px solid var( --e-global-color-ec95847 );
	color: var( --e-global-color-ec95847 );
	font-size: 12px;
	line-height: 12px;
	padding: 8px 12px 6px 12px;
	height: 29px;
}

#spf-news .sf-field-reset {
	margin-top: -5px;
	padding: 0px;
}

#spf-news input[type="submit"]:hover {
	border: 2px solid var( --e-global-color-accent );
	color: var( --e-global-color-accent );
}

#mec-full .event-grid-modern-head .mec-masonry-col6:last-child {
	display: none;
}

#mec-full .event-grid-modern-head .mec-masonry-col6 {
	width: 100%;
}

#mec-full .mec-masonry .mec-masonry-img img {
	width: 100%;
    height: 240px;
    object-fit: cover;
}

#sfp-past form ul {
	display: flex;
	align-items: center;
}

#sfp-past form [type=submit] {
	border: 0px !important;	
}

#sfp-past .sf-field-reset {
	padding-left: 40px;
}
 	
#sfp-past #ui-datepicker-div  {
	background: var( --e-global-color-9ae5edf );
}

#sfp-past ul.sf_date_field {
	display: flex;
	padding: 0px;
}

#sfp-past ul.sf_date_field li {
	padding: 0px 40px;
}

#sfp-past form ul {
	padding: 0px;
}

#sfp-past ul.sf_date_field li {
	padding-right: 25px;
}

button.close-top .dce-quit-ics {
	top: 55px !important;
	right: 45px !important;
}

.dce-carousel-controls .swiper-button-next {
	background-color: #dadada !important;
	border-radius: 50px;
	padding: 0px 0px 0px 10px;
}

.dce-carousel-controls .swiper-button-prev {
	background-color: #dadada !important;
	 border-radius: 50px;
 	padding: 0px 0px 0px 7px;
}


/* Enter Your Custom CSS Here */

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

.heading-hover .elementor-heading-title a:hover {
	color: var(--e-global-color-ec95847) !important;
} 

.mobile-margins {
	padding-left: 20px;
	padding-right: 20px;	
}

.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* Text Component Aligned images (see responsive settings below) */ 
.cmp-text-padding {
	padding-right: 250px;
}

.cmp-text .alignright
{
	margin-right: -250px !important;
	padding: 0px 0px 0px 30px;
}

.cmp-text figure.alignright img {
	padding-bottom: 15px;
}

.cmp-text figure.alignleft,
.cmp-text figure.alignleft .wp-caption-text
{
	padding: 0px 30px 0px 0px;
}

.cmp-text blockquote {
	margin-right: -250px;
	font-size: 26px;
	font-weight: 500;
	line-height: 32px;
	color: #000;
  margin-inline-start: 40px !important;
}

/* END Text Component Aligned images */

/* Tablet CSS */


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

.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}

.mobile-margins {
	padding-left: 20px;
	padding-right: 20px;	
}
	
/* Text Component Aligned images  */ 
.cmp-text-padding {
	padding-right: 0px !important;
}

.cmp-text .alignright
{
	margin-right: 0px !important;
	padding: 0px 0px 0px 30px;
}

.cmp-text figure.alignright img {
	padding-bottom: 15px;
}

.cmp-text figure.alignleft,
.cmp-text figure.alignleft .wp-caption-text
{
	padding: 0px 30px 0px 0px;
}

.cmp-text blockquote {
	margin-right: 0px !important; 
	font-size: 22px;
	line-height: 26px;
  margin-inline-start: 20px !important;
}

/* END Text Component Aligned images */ 		
	
}

/* mobile CSS */

@media (max-width: 768px) {

.page-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}
	
.cmp-text .alignright
{
	margin-right: 0px !important;
	padding: 0px 0px 0px 0px;
	width: 100% !important;
}
	
.cmp-text .alignleft,
.cmp-text .alignleft .wp-caption-text
{
	padding: 0px 0px 0px 0px;
	width: 100% !important;
}	
	
}