/* GLOBAL STYLING VARIABLES */

:root {
	/* ORCID COLOURS */
	/* ORCID brand primary - Green */
	--brand-primary-lightest: rgb(245, 249, 232);
	--brand-primary-light: rgb(212, 231, 161);
	--brand-primary: rgb(166, 206, 57);
	--brand-primary-dark: rgb(127, 170, 38);
	--brand-primary-darkest: rgb(68, 116, 5);

	/* ORCID brand secondary - Blue */
	--brand-secondary-lightest: rgb(208, 243, 255);
	--brand-secondary-light: rgb(142, 194, 219);
	--brand-secondary: rgb(46, 127, 159);
	--brand-secondary-dark: rgb(8, 92, 119);
	--brand-secondary-darkest: rgb(0, 52, 73);

	/*  ORCID brand Tertiary - purple */

	--brand-tertiary-darkest: rgba(69, 44, 68, 1);
	--brand-tertiary-dark:rgba(103, 66, 102, 1);
	--brand-tertiary:rgba(137, 88, 136, 1);
	--brand-tertiary-light:rgba(178, 146, 178, 1);
	--brand-tertiary-lightest:rgba(220, 205, 219, 1);

	/*  ORCID brand quad */

	--brand-quad-darkest: rgba(102, 0, 43, 1);
	--brand-quad-dark:rgba(153, 0, 65, 1);
	--brand-quad:rgba(204, 0, 86, 1);
	--brand-quad-light:rgba(222, 89, 145, 1);
	--brand-quad-lightest:rgba(240, 178, 204, 1);
	

	/* ORCID background greys */
	--ui-background-lightest: rgb(250, 250, 250);
	--ui-background-light: rgb(245, 245, 245);
	--ui-background: rgb(224, 224, 224);
	--ui-background-dark: rgb(97, 97, 97);
	--ui-background-darkest: rgb(33, 33, 33);

	/* TEXT - Colours for copy */
	/* DARK */
	--text-dark-high: rgba(0, 0, 0, .9);
	--text-dark-med: rgba(0, 0, 0, .6);
	--text-dark-low: rgba(0, 0, 0, .3);
	--copy-dark: var(--text-dark-high);
	/* LIGHT */
	--text-light-high: rgba(255, 255, 255, .9);
	--text-light-med: rgba(255, 255, 255, .6);
	--text-light-low: rgba(255, 255, 255, .3);
	--copy-light: var(--text-light-high);


	/* SPACING - Standard spacing amounts based on factors of 8 */
	--space: 8px;
	--space-half: 4px;
	--space-quarter: 2px;
	--space-double: 16px;
	--space-triple: 24px;
	--space-quad: 32px;
	--space-quint: 40px;
	--space-oct: 64px;

	/* BORDER RADIUS - Curved corners */
	--radius: 4px;
	--radius-tight: 2px;
	--radius-loose: 8px;

	/* THICKNESS - Use for borders and separators */
	--thin: 1px;
	--medium: 2px;
	--thick: 4px;
	--chunky: 8px;

/* Events cal root styles */


--tec-border-radius-default: 4px;
--tec-border-width-week-event: 2px;
--tec-box-shadow-default: 0 2px 5px 0 var(--tec-color-box-shadow);
--tec-box-shadow-tooltip: 0 2px 12px 0 var(--tec-color-box-shadow);
--tec-box-shadow-card: 0 1px 6px 2px var(--tec-color-box-shadow);
--tec-box-shadow-multiday: 16px 6px 6px -2px var(--tec-color-box-shadow-secondary);
--tec-form-color-background: var(--tec-color-background);
--tec-form-color-border-default: var(--tec-color-text-primary);
--tec-form-color-border-active: var(--tec-color-accent-secondary);
--tec-form-color-border-secondary: var(--tec-color-border-tertiary);
--tec-form-color-accent-primary: var(--tec-color-accent-primary);
--tec-form-box-shadow-default: var(--tec-box-shadow-default);
--tec-opacity-background: 0.07;
--tec-opacity-select-highlighted: 0.3;
--tec-opacity-icon-hover: 0.8;
--tec-opacity-icon-active: 0.9;
--tec-opacity-default: 1;
--tec-transition: all 0.2s ease;
--tec-transition-background-color: background-color 0.2s ease;
--tec-transition-color-border-color: color 0.2s ease, border-color 0.2s ease;
--tec-transition-transform: transform 0.2s ease;
--tec-transition-border-color: border-color 0.2s ease;
--tec-transition-color: color 0.2s ease;
--tec-transition-opacity: opacity 0.2s ease;
--tec-font-family-sans-serif: "Noto sans", Arial, sans-serif;
--tec-font-weight-regular: 400;
--tec-font-weight-bold: 700;
--tec-font-size-0: 11px;
--tec-font-size-1: 12px;
--tec-font-size-2: 14px;
--tec-font-size-3: 16px;
--tec-font-size-4: 18px;
--tec-font-size-5: 20px;
--tec-font-size-6: 22px;
--tec-font-size-7: 24px;
--tec-font-size-8: 16px;
--tec-font-size-9: 32px;
--tec-font-size-10: 42px;
--tec-line-height-0: 1.38;
--tec-line-height-1: 1.42;
--tec-line-height-2: 1.5;
--tec-line-height-3: 1.62;

--tec-grid-gutter: 48px;
--tec-grid-gutter-negative: calc(var(--tec-grid-gutter)* -1);
--tec-grid-gutter-half: calc(var(--tec-grid-gutter) / 2);
--tec-grid-gutter-half-negative: calc(var(--tec-grid-gutter-half)* -1);
--tec-grid-gutter-small: 42px;
--tec-grid-gutter-small-negative: calc(var(--tec-grid-gutter-small)* -1);
--tec-grid-gutter-small-half: calc(var(--tec-grid-gutter-small) / 2);
--tec-grid-gutter-small-half-negative: calc(var(--tec-grid-gutter-small-half)* -1);
--tec-grid-gutter-page: 42px;
--tec-grid-gutter-page-small: 19.5px;
--tec-grid-width-default: 1176px;
--tec-grid-width-min: 320px;
--tec-grid-width: calc(var(--tec-grid-width-default) + var(--tec-grid-gutter-page)* 2);
--tec-grid-width-1-of-2: 50%;
--tec-grid-width-1-of-3: 33.333%;
--tec-grid-width-1-of-4: 25%;
--tec-grid-width-1-of-5: 20%;
--tec-grid-width-1-of-7: 14.285%;
--tec-grid-width-1-of-8: 12.5%;
--tec-grid-width-1-of-9: 11.111%;
--tec-spacer-0: 4px;
--tec-spacer-1: 8px;
--tec-spacer-2: 12px;
--tec-spacer-3: 16px;
--tec-spacer-4: 20px;
--tec-spacer-5: 24px;
--tec-spacer-6: 28px;
--tec-spacer-7: 32px;
--tec-spacer-8: 40px;
--tec-spacer-9: 48px;
--tec-spacer-10: 56px;
--tec-spacer-11: 64px;
--tec-spacer-12: 80px;
--tec-spacer-13: 96px;
--tec-spacer-14: 160px;
--tec-z-index-spinner-container: 100;
--tec-z-index-views-selector: 30;
--tec-z-index-dropdown: 30;
--tec-z-index-events-bar-button: 20;
--tec-z-index-search: 10;
--tec-z-index-filters: 9;
--tec-z-index-scroller: 7;
--tec-z-index-week-event-hover: 5;
--tec-z-index-map-event-hover: 5;
--tec-z-index-map-event-hover-actions: 6;
--tec-z-index-multiday-event: 5;
--tec-z-index-multiday-event-bar: 2;
--tec-color-text-primary: #141827;
--tec-color-text-primary-light: rgba(20, 24, 39, .62);
--tec-color-text-secondary: #5d5d5d;
--tec-color-text-disabled: #d5d5d5;
--tec-color-text-events-title: var(--tec-color-text-primary);
--tec-color-text-event-title: var(--tec-color-text-events-title);
--tec-color-text-event-date: var(--tec-color-text-primary);
--tec-color-text-secondary-event-date: var(--tec-color-text-secondary);
--tec-color-icon-primary: #5d5d5d;
--tec-color-icon-primary-alt: #757575;
--tec-color-icon-secondary: #bababa;
--tec-color-icon-active: #141827;
--tec-color-icon-disabled: #d5d5d5;
--tec-color-icon-focus: var(--brand-secondary-darkest);
--tec-color-icon-error: #da394d;
--tec-color-event-icon: #141827;
--tec-color-event-icon-hover: #334aff;
--tec-color-accent-primary: rgb(8, 92, 119);
--tec-color-accent-primary-hover: rgba(51, 74, 255, .8);
--tec-color-accent-primary-active: rgba(51, 74, 255, .9);
--tec-color-accent-primary-background: rgba(51, 74, 255, .07);
--tec-color-accent-secondary: #141827;
--tec-color-accent-secondary-hover: rgba(20, 24, 39, .8);
--tec-color-accent-secondary-active: rgba(20, 24, 39, .9);
--tec-color-accent-secondary-background: rgba(20, 24, 39, .07);
--tec-color-button-primary: #fff;
--tec-color-button-primary-hover: var(--brand-primary-light);
--tec-color-button-primary-active: var(--tec-color-accent-primary-active);
--tec-color-button-primary-background: var(--brand-secondary-darkest);
--tec-color-button-secondary: var(--brand-secondary-darkest);
--tec-color-button-secondary-hover: var(--brand-primary);
--tec-color-button-secondary-active: var(--tec-color-accent-secondary-active);
--tec-color-button-secondary-background: var(--tec-color-accent-secondary-background);
--tec-color-link-primary: var(--tec-color-text-primary);
--tec-color-link-accent: var(--tec-color-accent-primary);
--tec-color-link-accent-hover: var(--brand-secondary-darkest);
--tec-color-border-default: #d5d5d5;
--tec-color-border-secondary: #e4e4e4;
--tec-color-border-tertiary: #7d7d7d;
--tec-color-border-hover: #5d5d5d;
--tec-color-border-active: #141827;
--tec-color-background: #fff;
--tec-color-background-events: transparent;
--tec-color-background-transparent: hsla(0, 0%, 100%, .6);
--tec-color-background-secondary: #f7f6f6;
--tec-color-background-messages: rgba(20, 24, 39, .07);
--tec-color-background-secondary-hover: #f0eeee;
--tec-color-background-error: rgba(218, 57, 77, .08);
--tec-color-box-shadow: rgba(0, 0, 0, .14);
--tec-color-box-shadow-secondary: rgba(0, 0, 0, .1);
--tec-color-scroll-track: rgba(0, 0, 0, .25);
--tec-color-scroll-bar: rgba(0, 0, 0, .5);
--tec-color-background-primary-multiday: rgba(51, 74, 255, .24);
--tec-color-background-primary-multiday-hover: rgba(51, 74, 255, .34);
--tec-color-background-secondary-multiday: rgba(20, 24, 39, .24);
--tec-color-background-secondary-multiday-hover: rgba(20, 24, 39, .34);
--tec-color-accent-primary-week-event: rgba(51, 74, 255, .1);
--tec-color-accent-primary-week-event-hover: rgba(51, 74, 255, .2);
--tec-color-accent-primary-week-event-featured: rgba(51, 74, 255, .04);
--tec-color-accent-primary-week-event-featured-hover: rgba(51, 74, 255, .14);
--tec-color-background-secondary-datepicker: var(--tec-color-background-secondary);
--tec-color-accent-primary-background-datepicker: var(--tec-color-accent-primary-background);
 }



/* MAIN EVENTS CALENDAR PAGE STYLES
------------------------------------------------*/

/* Make the header match globalstyles */
#tribe-events-pg-template > div.tribe-events-before-html > h1{
	font-size: 40px;
	font-weight: 600;
}
.tribe-common h1 {
	 padding-bottom: var(--space-double);
}


/*reduce the page padding at the top*/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{
	padding-top: 0;
}

/*hide the extraneous breadctumbs and event series marker*/

.tribe-events-series-relationship-marker, .tribe-events-series-relationship-single-marker{
	display: none;
}


.tribe-events-back{
	display: none;
}


/*date picker fixes*/

.tribe-events .tribe-events-c-top-bar__datepicker-container .dropdown-menu {
    min-width: min-content;
    width: max-content;
	
}


.tribe-events .datepicker .datepicker-switch, .tribe-events .datepicker .next, .tribe-events .datepicker .prev{
	background-color: white;
	
}



.tribe-events .datepicker .day, .tribe-events .datepicker .dow {
	background-color: white;
}



/* reduce padding of single page*/


#tribe-events,#tribe-events-pg-template,.tribe-events-pg-template {
    padding: 0 !important;
}


/*Try and fix button styles*/



.tribe-embed a, .tribe-events-event-meta a, .tribe-events-single a .events-cal-body-button{
	color: var(--ui-background-lightest);
}


/* *************************** */
/* Typography */
/* *************************** */



.tribe-events-single-event-title{
	display:none;
}

/* .tribe-embed a, .tribe-events-event-meta a, .tribe-events-single a{
	color: var(--brand-secondary-darkest);
}


.tribe-block__organizer__website > a:nth-child(1){
	color: var(--brand-secondary-darkest);
}


 span.tribe-events-c-view-selector__list-item-text, .tribe-events{
 
	padding: var(--space);
	border: 1px black solid;
}


span.tribe-events-c-view-selector__list-item-text, .tribe-events-c-top-bar__datepicker-mobile:active{
	border-radius: var(--radius-loose);
}

/* Month view calendar differentiate months with color  */

.tribe-events-calendar-month__day--past{
	background-color: var(--ui-background); /* Changes the background color */
	/* border-color: #000;Changes the border color */
  }

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day--other-month{
	background-color: var(--ui-background-light);
  }


  .tribe-events-calendar-month{
	background-color: white;
  }
 */




/* ************************** */
/* single events page styles */
/* ************************ */

.tribe-embed a, .tribe-events-event-meta a, .tribe-events-single a{
	font-size: larger;
}

/*location and time text colour*/

.single-tribe_events .tribe-blocks-editor .tribe-events-schedule .tribe-events-schedule__datetime{
	color: white;
} 

.tribe-events-schedule--browser-time-zone{
	color:white;
}
/*
@media (min-width: 782px) {
     .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
		padding-left: 50px;
	} 
}
*/

/* Hide the title */
/* 
.single-tribe_events .tribe-events-single-event-title{
	display:none;
}
.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title{
	display:none;
}

.tribe-events-schedule__date, .tribe-events-schedule__separator, .tribe-events-schedule__separator--date, .tribe-events-schedule__time, .tribe-block__organizer__details, .tribe-events-schedule__timezone, .tribe-events-schedule--browser-time-zone{
	color: #fff;
	font-weight: bolder;
} */

/* Hide the boarder around the calender sub button */

/* 
span.tribe-events-c-view-selector__list-item-text, .tribe-events{
	border:none;
}
 */

/* Speaker Blocks */
.wp-block-media-text .wp-block-media-text__content .speaker-block {
	padding: 0, 15%;
}


.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border{
	border-color: var(--brand-secondary-darkest);
	background-color: var(--brand-secondary-darkest);
	margin-left: 2em;
	margin-right:1em;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button{
	background-color: var(--brand-secondary-darkest);
	color: #fff;
	margin-top: 16px;
	margin-bottom: 8px;
}


.speaker-box{
	margin-top: var(--space-double);
	border-radius: var(--radius-loose);
    border-color: var(--brand-primary-light) !important;
    border-width: var(--medium)!important;
	border: 1px solid;
}

.speaker-box img{
	border-radius: var(--radius-loose);
	margin: var(--space-double);
}


.speaker-box p{
	margin:0;

}

/* Main title block */

.gb-block-container .gb-container-image {
	border-radius: var(--radius-loose);
}


/* Card Columns event details */

.events-cards{
padding: var(--space-triple);
margin-bottom: var(--space-double);
margin-top: var(--space-double);
border-radius: var(--radius-loose);
}


.tribe-common .tribe-common-c-btn-border-small:hover,
.tribe-common a:not(.tribe-common-anchor--unstyle):hover{
	color:black;
}




/* ************* */
/* Media Queries */
/* and mobile styles */
/* ************* */


/* calendar header */

.tribe-events-calendar-month__header-column-title--mobile{
	font-size: var(--tec-font-size-2);
	padding:2px;
  }

/* Make the venue info and map sit in a column */


@media screen and (min-width: 768px) {
    .single-tribe_events .tribe-block__venue {
        flex-direction: column;
    }

	 .single-tribe_events .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map{
		width:100%;
	 }


	.single-tribe_events .add-to-cal-btn .tribe-common .tribe-common-c-svgicon{
		color:white;
	}

	.tribe-filter-bar.tribe-filter-bar--horizontal, .tribe-filter-bar.tribe-filter-bar--vertical{
		position: static;
		visibility: visible !important;
		width: 500px;
	}

	.tribe-events .tribe-events-c-view-selector__content{
		background-color: white;
	}


	/* font color of buttons in mobile */

	.tribe-common .tribe-common-c-btn-border--alt, .tribe-common a.tribe-common-c-btn-border--alt{
		color:white;
	}

	.tribe-filter-bar.tribe-filter-bar--horizontal, .tribe-filter-bar.tribe-filter-bar--vertical{
		position: relative;
		padding:80px;
	}


	/* align the mobile nav icons */
	.tribe-events .tribe-events-c-events-bar{
	align-items: baseline;
	}

}