Uumiddleboro.org CSS

/* TOOLS 
-------------------------------*/
/* Hide any block temporarily */
.hide-a-block {
	display: none;
}

/* SITEWIDE DEFAULTS 
-------------------------------*/
/* non-scrolling background image */
.fixed-hero{
	position: sticky;
	/* for safari: */
	position: -webkit-sticky;
	top: 0;
}
/* Fix z-index on Safari – BEST WAY TO SPECIFY?*/
#page {
    transform: translate3d(0,0,0);
}
/* hide page titles */
.entry-title{
	display:none;
}
/* page headline */
.page-headline-font{
	color: var(--global-color-12);
	text-shadow:
		-1.5px 0 var(--contrast), 
		0 1.5px var(--contrast),
		1.5px 0 var(--contrast), 
		0 -1.5px var(--contrast);
	letter-spacing: 2px;
}
/* image margin */
.wp-block-image img {
	margin: 5px;
}
/* text link hover  */
a:hover{
	text-decoration: underline;
}
/* post & event container hover */
.gb-query-loop-item:hover div a,
.ecs-event:hover div a{
	text-decoration: underline;
}

/* FUUSM BOX (also certain ecs events*/
.fuusm-box, 
#FeaturedEvents .ecs-events .ecs-event .ecs-wrap,
#UpcomingEvents .ecs-events .ecs-event .ecs-wrap {
	border-radius: 5px;
  box-shadow: 1px 2px 3px 3px #bababa;
	background-color: var(--base-3);
	opacity: 0.95;
	padding: 3% 5% 3% 5%;
}
/* HIDE EMPTY QUERY LOOP
-------------------------------*/
/* Hide headline if query loop is empty */ 
.gb-query-loop-wrapper:is(:empty) + .gb-headline.hide-if-query-is-empty {
    display: none;
}
.gb-query-loop-wrapper + .gb-headline .hide-if-query-is-empty {
    display: block;
}
/* put headline back on top */
.gb-container.reverse-if-query-is-empty .gb-inside-container {
	display:flex;
	flex-direction: column-reverse;
	border-width: 0;
}
.longquote{
	margin-left:10px;
}
/* MENUS (NAVIGATION)
-------------------------------*/
/* hide down-arrow on parent menu items */
.menu-item-has-children .dropdown-menu-toggle {
    display: none;
    }
/* repl down-arrow with padding */
.secondary-navigation .main-nav ul li.menu-item-has-children>a {
	padding-right: 20px;
}
.main-navigation .main-nav ul li.menu-item-has-children>a{
	padding-right: 20px;
}
/* highlight special menu items*/
/* menu highlight classes added in Customizer (check Screen options: CSS classes) */
.menu-highlight-1 a{
	background-color:var(--global-color-8);
	border:1px solid var(--base-2);
	}
.menu-highlight-2 a{
	background-color:var(--global-color-9);
	border:1px solid var(--base-2);
	}
.menu-highlight-1 a:hover, .menu-highlight-2 a:hover{
	background: var(--contrast-3)!important;
	color:var(--base-3)!important;
}
/* Mobile menus */
@media (max-width: 768px) {
/* indent submenus on mobile */
    .main-navigation .main-nav ul ul li a {
        padding-left: 50px;
    }
	/* change menu title text */
	.menu-toggle:after {
    content: "Menu";
		}
	span.mobile-menu {
		display: none;
		}
}
/* hide down-arrow on parent menu items */
.menu-item-has-children .dropdown-menu-toggle {
    display: none;
    }
/* repl down-arrow with padding */
.secondary-navigation .main-nav ul li.menu-item-has-children>a {
	padding-right: 20px;
}
.main-navigation .main-nav ul li.menu-item-has-children>a{
	padding-right: 20px;
}

/* FOOTERS
-------------------------------*/
/* center footer widgets */
.footer-widgets-container .widget,
.footer-widgets-container .widget > * {
    text-align: center;
    margin: 0 auto;
}

/* THE EVENTS CALENDAR (TEC)
-------------------------------*/
/* hide UpdatesOnly fields */
.tribe-block__additional-field {
	display:none;
	*/so Zoom links don't show */
}
/* hide "All Events" link in event series */
.tribe-events-adv-list-widget .tribe-events-widget-link a, .tribe-events-back a, .tribe-events-list-widget .tribe-events-widget-link a, ul.tribe-events-sub-nav a {
	display:none;
}
/* margin  SCOPE????
.entry-summary{
	margin:50px;
}
/* Hide extra container added by "Add HTML before/after event content" */ 
.gb-container-2214663d > .gb-inside-container {
    display: none;
}
/* TEC Monthly view */
/* reduce padding below title */
.tribe-common-l-container.tribe-events-l-container {
  padding-top: 10px !important;
}
/* Lighten background */
#content div.tribe-events-calendar-month > div{
	background-color: var(--base-3);
}
/* Center & enlarge day names */
.tribe-events-calendar-month__header-column-title-desktop{
	font-size:25px;
	text-align:center;
	color: black;
}
/* Time fonts */
.tribe-events-calendar-month__calendar-event-datetime{
	font-size:75%;
}
/* Event title fonts */
.tribe-events 
.tribe-events-calendar-month__calendar-event-title-link{
	font-size: 100%;
	font-weight: 700;
	color: var(--global-color-14);
}

/* Thumbnail size in popup*/
.tribe-common img{
	max-width: 100px;
}
/* EVENTS CALENDAR SHORTCODES
-------------------------------*/
/* Hide start time in ECS */
div.duration.time.ecs_start_time{
	display: none;
}
/* Centered items in ECS       SCOPE???*/
.ecs-event-title, .ecs-excerpt, .ecs-date, .ecs-thumbnail, .ecs-button{
	text-align:center;
}
/* Worship This Week */
/* Remove link to single event*/
#WorshipNext .ecs-event-title{
	font-size: 30px;
	pointer-events:none;
}

/* remove hover-underline effect in Worship this Week*/
#WorshipNext .ecs-event:hover div a{
	text-decoration:none;
}
/* YOUTUBE VIDEOS /*
/* hide header      NEEDED??*/
.sb_youtube_header{
	display:none;
}

/* FEATURED EVENTS AND POSTS
-------------------------------*/
/* height of featured images */
#WorshipNext img, 
#FeaturedEvents img, 
#FeaturedPosts img{
	height:150px;
	width: auto;
	pointer-events: none;
}
#FeaturedEvents h2,
#FeaturedPosts h1{
	font-size:25px;	
	margin-top: 5px;
}

*/ UPCOMING EVENTS & CURRENT NEWS LISTS */
/* title font */
#UpcomingEvents .ecs-event a{
  font-size: 18px;
	font-weight: 400;
}
/* CURRENT NEWS LISTS*/
#CurrentNews h2 a{
	font-size: 20px;
}
/* TABLES
-------------------------------*/
/* Default tables */
/* padding */
.wp-block-table td, .wp-block-table th {
	padding: 20px;
}
*/ borders */
.wp-block-table table{
	border-collapse: separate;
	border-width: 5px;
	border-radius: 15px; 
	border-color: lightgray;
}
/* stripes */ 
.wp-block-table table
tr:nth-child(even) {
		background-color: lightgray;
}
/* COVID TABLE */
/* line spacing */
.covid-table tr > td :last-of-type {
  margin-bottom:0;
}
/* stripes */
.covid-table tr:nth-child(2){
	background-color: var(--global-color-9) !important;
}
.covid-table tr:nth-child(3){
	background-color: var(--global-color-13)  !important;
}
.covid-table tr:nth-child(4){
	background-color: var(--global-color-8) !important;
}