@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap');

@font-face {
  font-family: 'Karla';
  src:  url('fonts/Karla-Regular.ttf') format('tff'),
		url('fonts/Karla-Regular.ttf') format('tff');
}

@font-face {
  font-family: 'Karla-Bold';
  src:  url('/fonts/Karla-Bold.ttf') format('tff'),
		url('/fonts/Karla-Bold.ttf') format('tff');
}



.score-overlay-green {
  background-color: rgba(103, 187, 180, 0.35); z-index: -1;position: absolute;
}
.score-overlay-red {
  background-color: rgba(242, 148, 151, 0.35); z-index: -1;position: absolute;
}
.score-overlay-yellow {
  background-color: rgba(230, 230, 162, 0.35); z-index: -1;position: absolute;
}
.score-overlay-light-green {
  background-color: rgba(166, 209, 166, 0.35); z-index: -1;position: absolute;
}

.breadcrumbs {
	font-size: 14px;
	text-transform: uppercase !important;
}

.textbox-padding.pt-5{
	padding-top: 1.5rem!important;
}
.textbox-padding.pb-5{
	padding-bottom: 1.5rem!important;
}
.full-width-video.pt-5 {
	padding-top: 1.5rem!important;
}
.full-width-video.pb-5 {
	padding-bottom: 1.5rem!important;
}
.quotation-block.pt-5 {
	padding-top: 1.5rem!important;
}
.quotation-block.pb-5 {
	padding-bottom: 1.5rem!important;
}
.full-width-image.pt-5 {
	padding-top: 1.5rem!important;
}
.full-width-image.pb-5 {
	padding-bottom: 1.5rem!important;
}
.single-tracks.pt-5 {
	padding-top: 1.5rem!important;
}
.single-tracks.pb-5 {
	padding-bottom: 1.5rem!important;
}
.ombed-padding.pt-5 {
	padding-top: 1.5rem!important;
}
.ombed-padding.pb-5 {
	padding-bottom: 1.5rem!important;
}
.pb-10{
	padding-bottom:6rem;
}

.shadow-lg {
	box-shadow: 0 0rem 1rem rgba(0,0,0,.05) !important;
}

.hoverShow{
  transition: all .3s ease-in-out;
}
.hoverShow:hover{
  transform: scale(1.025);
}

.hoverShow .reveal-link {
  top: auto;
  bottom: 0;
  padding-bottom: 1px;
  padding-top: 1px;
  color: #000;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hoverShow p {
  position: absolute;
  bottom: 0px;
  color: #000;
  text-transform: none;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.hoverShow:hover p {
  opacity: 1;
  transition-delay: 0.1s;
}
.hoverShow.largerCard p {
  position: absolute;
  bottom: 30px;
  color: #000;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.hoverShow.largerCard:hover p {
  opacity: 1;
  transition-delay: 0.1s;
}

/* gridzy */

.gridzy{display:block;will-change:width,height}.gridzy>.gridzyItem{will-change:left,top,width,height,opacity,transform}.gridzy>:not(.gridzyItem){visibility:hidden}.gridzyItemHidden{display:none}.gridzy .gridzyImage{vertical-align:middle;width:100%;height:100%}.gridzyAnimated{height:0;transition:height .4s}.gridzyAnimated .gridzyItem{transition:all .4s}.gridzyAnimated .gridzyItemInitialToVisible{animation-name:gridzyItemInitialToVisibleAnimation;animation-fill-mode:forwards;animation-duration:.4s}@keyframes gridzyItemInitialToVisibleAnimation{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.gridzyAnimated .gridzyItemHiddenToVisible{animation-name:gridzyItemHiddenToVisibleAnimation;animation-fill-mode:forwards;animation-duration:.4s}@keyframes gridzyItemHiddenToVisibleAnimation{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.gridzyAnimated .gridzyItemVisibleToHidden{animation-name:gridzyItemVisibleToHiddenAnimation;animation-fill-mode:forwards;animation-duration:.4s}@keyframes gridzyItemVisibleToHiddenAnimation{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.gridzyItem{opacity:1}.gridzyItemLoading{opacity:.3;box-shadow:inset 0 0 15px -5px #666}.gridzyItemLoading::before{content:" ";position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;padding:0;z-index:1;opacity:1;background:0 0;border:2px solid;border-color:transparent transparent #000 #000;border-radius:50%;outline:0;animation-duration:1s;animation-name:gridzyProgressIndicator;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes gridzyProgressIndicator{0%{transform:rotate(0);left:50%}100%{transform:rotate(360deg);left:50%}}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.92; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
	color: #CCC; }
	.mfp-preloader a:hover {
	  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
	opacity: 1; }
  .mfp-close:active {
	top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
	margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
	opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent; }
  .mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px; }
  .mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px; }
  .mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px; }
  .mfp-arrow-right:before {
	border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
	top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	background: #444; }
  .mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 14px;
	line-height: 14px; }
  .mfp-figure figure {
	margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: center;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
	   * Remove all paddings around the image on small screen
	   */
  .mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
	padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	box-sizing: border-box; }
	.mfp-img-mobile .mfp-bottom-bar:empty {
	  padding: 0; }
  .mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px; }
  .mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75); }
  .mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0; }
  .mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%; }
  .mfp-container {
	padding-left: 6px;
	padding-right: 6px; } }

body {
	background: #EBEBE5;
	font-family: 'Karla', sans-serif !important;
	overflow-x:hidden;
  }
body, p, .textbox ul  {
	font-size: 20px;
	line-height: 26px;
}
.body-container{
	margin-left:30px; 
	margin-right:30px; 
	margin-top: 30px;
}

  h1 {
	font-family: freight-text-pro, serif;
	font-weight: 700;
	font-size: clamp(1.875rem, 1.4107rem + 1.4857vw, 3.5rem);
	line-height: clamp(2.5rem, 2.1429rem + 1.1429vw, 3.75rem);
  }
	 
h2 {
  font-family: freight-text-pro, serif;
  font-weight: 700;	
  font-style: normal;	
  font-size: 34px;
  line-height: 34px;
  font-weight: 700;
}

blockquote, .textbox blockquote, .textbox blockquote p, blockquote > p, blockquote p{
	color: #006359 !important;
	font-size: 34px !important;
	line-height: 34px !important;
	font-weight: 700 !important;
	font-style: normal !important;
	font-family: freight-text-pro, serif !important;
}

h3 {
	font-family: freight-text-pro, serif;
	font-weight: 700;	
	font-style: normal;	
  font-size:clamp(1.5rem, 1.4286rem + 0.2286vw, 1.75rem);
  line-height:clamp(1.8125rem, 1.7768rem + 0.1143vw, 1.9375rem);
  font-weight: 700;
}



h4 {
  font-family: 'Karla', sans-serif !important;
font-size: clamp(1.25rem, 1.2143rem + 0.1143vw, 1.375rem);
  line-height:clamp(1.375rem, 1.3036rem + 0.2286vw, 1.625rem);
  margin: 0px !important;
}

h5{
	font-family: 'Karla', sans-serif !important;
	font-size: clamp(1.125rem, 1.0893rem + 0.1143vw, 1.25rem);
	margin-bottom:0px !important;
	line-height: clamp(1.25rem, 1.2143rem + 0.1143vw, 1.375rem); !important;
  font-weight:700 !important;
}

h6{
	font-family: 'Karla', sans-serif !important;
	font-size: clamp(1rem, 0.9643rem + 0.1143vw, 1.125rem);
	margin-bottom:0px !important;
}


.extra-large{
	font-size:72px;
	font-family: freight-text-pro, serif !important;
	line-height:70px;
}

:root{
	--teal:#006359;
	--grey: #49605B;
	--turquoise: #75ADAC;
	--yellow: #E6E6A2;
}

.bold{
	font-family: 'Karla' !important;
	font-weight:700 !important;
}


.green-text {
  color: #006359;
}

.sub-menu{
  display:none;
}

.latest:hover .latest-submenu{
  display:block;
}

.latest:hover .menu-container{
 height:400px;
}

.latest:hover .search{
  display:none !important;
}

.latest-submenu{
  display:none;
}

.collections:hover .collections-submenu{
  display:block;
}

.collections-submenu{
  display:none;
}

.explore:hover .explore-submenu{
  display:block;
}

.explore-submenu{
  display:none;
}

.exhibitions:hover .exhibitions-submenu{
  display:block;
}

.exhibitions-submenu{
  display:none;
}

.about:hover .about-submenu{
  display:block;
}

.about-submenu{
  display:none;
}

.contact:hover .contact-submenu{
  display:block;
}

.contact-submenu{
  display:none;
}

.shop:hover .shop-submenu{
  display:block;
}

.shop-submenu{
  display:none;
}

.banner{
  position:sticky;
  margin-bottom:-50px;
  z-index:-1;
}


.tippy-box[data-theme~="custom"] {
  background-color: #131917;
  color: #82C7C6;
  border: 0px solid #ededed;
  border-radius: 6px;
  font-family: 'Karla', sans-serif;
  font-weight: 300;
}

	.tippy-box[data-theme~='custom'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #131917;
}
	



#itma-sidebar {
  background: transparent;
  height: 100%;
  position: fixed;
  right: 0px;
  top: 0px;
  width: 55px;
  z-index: 5;
  
}

#itma-sidebar-options {
  background: #75ADAC;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 55px;
  padding: 10px 0px;
  transition: all 0.5s ease-in-out;
}
#itma-sidebar-options li {
  padding: 10px 0px;
  margin-left: 15px;
}
#itma-sidebar-options:hover {
  background: #82C7C6;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 55px;
  padding: 10px 0px;
  transform: scale(1.05);
  box-shadow: -7px 6px 11px -3px rgba(0,0,0,0.1);
}


#jumpto-area {
  background:transparent;
  height: 100%;
  position: fixed;
  right:-400px;
  top: 0px;
  bottom:0px;
  width: 55px;
  z-index: 4;
}
#jumpto-area-inner {
  background:#66BBB5;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width:400px;
  height: 200px;
  padding:30px;
  position: absolute;
  box-shadow: -7px 6px 11px -3px rgba(0,0,0,0.1);
}

#basket-area {
  background:transparent;
  height: 100%;
  position: fixed;
  right:-400px;
  top: 0px;
  bottom:0px;
  width: 55px;
  z-index: 4;
}
#basket-area-inner {
  background:#F3F3ED;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width:400px;
  height: 400px;
  padding:30px;
  position: absolute;
  box-shadow: -7px 6px 11px -3px rgba(0,0,0,0.1);
}

#filter-area {
  background:transparent;
  height: 100%;
  position: fixed;
  right:-400px;
  top: 0px;
  bottom:0px;
  width: 55px;
  z-index: 4;
}
#filter-area-inner {
  background:#F29497;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width:400px;
  height: 300px;
  padding:30px;
  position: absolute;
  box-shadow: -7px 6px 11px -3px rgba(0,0,0,0.1);
}

.text-pink {
  color: #F29497;
}

#close-filter-area, #close-accessibility-area {
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 45px;
}

#accessibility-area {
  background: transparent;
  height: 100%;
  position: fixed;
  right:-400px;
  top: 0px;
  bottom:0px;
  width: 55px;
  z-index: 8;
}
#accessibility-area-inner {
  background:#E6E6A2;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width:400px;
  height: 500px;
  padding:30px;
  position: absolute;
  box-shadow: -7px 6px 11px -3px rgba(0,0,0,0.1);
}

#active-overlay {
	 background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 8;
}

a{
	text-decoration:none;
	color:black;
  }
  
  a:hover{
	text-decoration:none;
	color:black;
  }
  
  .red-button{
	background:#F29497;
	border-radius:30px;
	padding:10px 15px;
  }
  
  .green-button{
	background:#66BBB5;
	border-radius:30px;
	padding:10px 15px;
  }
  
  .light-green-button{
	background: #A6D1A6;
	 border-radius:30px;
	padding:10px 15px;
  }
  
  .extralight-green-button{
	background:#E6E6A2;
	   border-radius:30px;
	padding:10px 15px;
  }
  
  .dark-green-button{
	background:#75ADAC;
	   border-radius:30px;
	padding:10px 15px;
  }

  .location-button{
	background:#F29497;
	border-radius:30px;
	padding:10px 15px;
  }
  
  .decade-button{
	background:#66BBB5;
	border-radius:30px;
	padding:10px 15px;
  }
  
  .instruments-button{
	background: #75ADAC;
	 border-radius:30px;
	padding:10px 15px;
  }
  
  .performer-creator-button{
	background:#F29497;
	border-radius:30px;
	padding:10px 15px;
  }
  
  .keywords-button{
	background:#E6E6A2;
	   border-radius:30px;
	padding:10px 15px;
  }
  
  .names-button{
	  background:#E6E6A2;
		 border-radius:30px;
	  padding:10px 15px;
	}
  
  .event_type-button{
	background:#F29497;
	   border-radius:30px;
	padding:10px 15px;
  }
  .explore_type-button{
	background:#E6E6A2;
	   border-radius:30px;
	padding:10px 15px;
  }

  #wpadminbar .ab-sub-wrapper, #wpadminbar ul, #wpadminbar ul li{
	margin:0px !important;
  }

.search{
  display:none;
}


.artist-circle {
	object-fit: cover;
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	width: 90px;
	height: 90px;
	margin-bottom: 10px;
}

/* .sub-menu{
  display:none;
  opacity:0;
} */

.svg{
  position:absolute;
  width:100%;
  margin-top:25%;
}

.svg-red path{
fill:#F29497;
}

.svg-red #Ellipse_708{
stroke:#F29497;
}

.svg-green path{
fill:#66BBB5;
}

  

  ul {
	list-style: none;
	padding-inline-start: 0px;
  }

  li {
	padding-bottom: 5px;
	padding-top: 5px;
  }
  

.svg-green #Ellipse_708{
stroke:#66BBB5 !important;
}

.svg-light-green path{
fill:#A6D1A6;
}

.svg-light-green #Ellipse_708{
stroke:#A6D1A6;
}

.svg-extralight-green path{
fill:#E6E6A2;
}

.svg-extralight-green #Ellipse_708{
stroke:#E6E6A2;
}

.square-red {
  background: #F29497;
  object-fit: cover;
	aspect-ratio: 1 / 1;
}
.square-green {
  background: #66BBB5;
  object-fit: cover;
	aspect-ratio: 1 / 1;
}
.square-light-green {
  background: #A6D1A6;
  object-fit: cover;
	aspect-ratio: 1 / 1;
}
.square-extralight-green {
  background: #E6E6A2;
  object-fit: cover;
	aspect-ratio: 1 / 1;
}

.slide-red {
	background: #F29497;
	object-fit: cover;

  }
  .slide-green {
	background: #66BBB5;
	object-fit: cover;

  }
  .slide-light-green {
	background: #A6D1A6;
	object-fit: cover;
  }
  
  .slide-extralight-green {
	background: #E6E6A2;
	object-fit: cover;
  }

  .slide-dark-green {
	background: #66BBB5;
	object-fit: cover;
  }
  
  .overlay{
	position: absolute;
	  text-align:center;
	  z-index:2;
		color: white;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}

.footer-svg{
	filter:invert(0%) sepia(1%) saturate(7496%) hue-rotate(19deg) brightness(0%) contrast(99%);
	height: 35px;
}

.overlay-red {
  background: #F29497;
  object-fit: cover;
}
.overlay-green {
  background: #66BBB5;
  object-fit: cover;
}

.overlay-light-green {
  background: #A6D1A6;
  object-fit: cover;
}

.overlay-extralight-green {
  background: #E6E6A2;
  object-fit: cover;
}

section#outer-panel-slider {
  background: white;
  padding-top: 45px;
  padding-bottom: 45px;
}

section#outer-panel {
  background: white;
  padding-top: 45px;
  padding-left: 90px;
  padding-right: 90px;
  padding-bottom: 45px;
  position: relative;
  z-index: 1;
}

section#outer-panel-map {
  background: white;
  position: relative;
  z-index: 1;
}

section#outer-panel-slider > .container-fluid:nth-child(odd) {
  padding-left: 90px;
  padding-right: 90px;
}

section#outer-panel-slider > .container-fluid:nth-child(even) {
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
}

#share-dots {
	text-align: center;
  border-radius: 20px;
	width:30px; height:30px; 
	background-color: var(--yellow); border:0px;
  overflow: hidden;
  cursor: pointer;
	font-family: 'Karla', sans-serif !important;
	font-size:18px;
	margin-bottom:0px !important;
	opacity: 1.0;
}

  
 #share-dots:hover {
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
   background: #E6E6A2;
   color: #E6E6A2;
   opacity: 0.5;
}

#share-dots svg {
	margin-top:1px;
}
 
#share-dots:hover svg {
	opacity: 0.5;
}
#share-dots:hover img.itma-rounded-left {
	opacity: 0.5;
} 
  #share {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	margin: 20px;
	z-index:1;
  }

  button{
	height:fit-content;
	border:0px !important;
	background:transparent !important;
  }
  
  .border-radius-30 {
	border-radius: 30px;
  }
  .bg-yellow {
	background: #E6E6A2 !important;
  }

  .bg-red {
	background: #F29497 !important;
  }

  .bg-green {
	background: #66BBB5 !important;
  }

  .bg-light-green {
	background: #A6D1A6 !important;
  }

  .bg-extralight-green {
	background: #E6E6A2 !important;
  }

  .text-dark-grey {
	color: #141917;
  }
  .no-gutters {
	padding: 0;
  }
  .itma-category {
	text-transform: uppercase;
	border-radius: 20px;
	padding: 2px 10px;
	font-size: 14px;
	display: inline;
	margin: 20px;
	position:absolute;
  }
 .itma-tag {
	border-radius: 20px;
	padding: 5px 20px;
	font-size: 14px;
	display: inline;
	margin: 0px;
   font-size: 22px;
   line-height: 26px;
  }
  .cat-news {
	 background: #E6E6A2;
  }
 .cat-red {
	 background: #F29497;
  }
 .cat-yellow {
	 background: #E6E6A2;
  }
.cat-green-1 {
  background: #66BBB5;
}
.cat-green-2 {
  background: #A6D1A6;
}
.cat-green-3 {
  background: #75ADAC;
}

.itma-rounded-top {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	}

  .itma-rounded-left {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	height: 100% !important;
  }

  .itma-rounded-right{
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
  }

.square-image {
  object-fit: cover;
  object-position: top;
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 100%;
}
.scores-image {
  object-fit: contain;
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 100%;
}

  .innerpadding-large {
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 40px;
	padding-bottom: 40px;
  }
  
.image-area {
  width: 33.333%
}
.text-area {
  width: 66.666%
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.itma-rounded-all {
  border-radius: 30px;
}

.itma-rounded-bottom {
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.green-overlay {
  background: #D5D564;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.green-alt-overlay {
  background: #6BB26B;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.dark-green-overlay {
  background: #006359;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.dark-green-alt-overlay {
  background: #49605B;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.square-1-overlay {
  background: #66BBB5;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.square-2-overlay {
  background: #F29497;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.square-3-overlay {
  background: #A6D1A6;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.square-4-overlay {
  background: #E6E6A2;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.square-5-overlay {
  background: #75ADAC;
  mix-blend-mode: multiply;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.details-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
}

.large-slider .slick-list.draggable{
  padding:0px !important;
}

.slick-prev:before, .slick-next:before{
  color: black !important;
}

.slick-dots {
  position: static !important;
}

.slick-dots li {
	border-bottom: 0px !important;
}

.details-overlay-video {
  height: fit-content;
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom:0;
  min-height: 40%;
}

.details-video-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}

.movable-elements-wrapper {
  
  width: 100%;
  height: 100vh;
  background-color: transparent;
  position: relative;
}
  
  .element {
   width: 100px;
   height: 100px;
   position: absolute;
  }

	.absolute-title{
	  position: absolute;
margin: auto;
left: 0;
right: 0;
text-align: center;
	}
	
	.one {
	  background: url('https://www.itma.ie/imager/images_itma_ie/gradamtg4/14174-jpg_12aee60a3cbce539f8fc9a5e32d62b98.jpg');
			background-size:cover !important;
	  border-radius:30px;
	  top: 10%;
	  right: 30%;
			width:500px;
	  height:auto;
	  aspect-ratio:3/2;
	  border-radius:30px;
	}
	
	.two {
	  background:url('https://www.itma.ie/imager/images_itma_ie/dannydiamond/dannydiamond11784ph_12aee60a3cbce539f8fc9a5e32d62b98.jpg');
			background-size:cover !important;
	  border-radius:30px;
	  top: 20%;
	  right: 10%;
			width:400px;
	  height:auto;
	  aspect-ratio:1/1;
	}
	
	.three {
	  background:url('https://www.itma.ie/imager/images_itma_ie/NewfoundlandExhibition/255657_12aee60a3cbce539f8fc9a5e32d62b98.jpg');
	  background-size:cover !important;
	  border-radius:30px;
	  top: 15%;
	  left: 10%;
	  width:400px;
	  height:auto;
	  aspect-ratio:1/1;
	}
	
	  .four {
	  background:url('https://www.itma.ie/imager/images_itma_ie/markjolley/markjolley987-ph_12aee60a3cbce539f8fc9a5e32d62b98.jpg');
		  background-position:(center center);
	  top: 30%;
	  width:300px;
	  height:auto;
	  aspect-ratio:1/1;
	  left: 30%;
	  border-radius:300px;
	  z-index:1000;
	}
	
		.five {
	  background: url('https://www.itma.ie/imager/s3_eu-west-1_amazonaws_com/images.itma.ie/peterlaban/276377_12aee60a3cbce539f8fc9a5e32d62b98.jpg');
						background-size:cover !important;
	  top: 50%;
	  width:500px;
	  height:auto;
	  aspect-ratio:3/2;
	  left: 20%;
	   border-radius:30px;
	}
	
	  .six {
	  background: url('https://www.itma.ie/imager/images_itma_ie/colmkeating/14585-JPG_12aee60a3cbce539f8fc9a5e32d62b98.jpg');
	   background-size:cover !important;
	  top: 42%;
	  width:450px;
	  height:auto;
	  aspect-ratio:3/2;
	  left: 53%;
	   border-radius:30px;
	}

	.newsletter-signup{
	  min-height:50vh;
	  display:flex;
	}

	.newsletter-signup-button{
	  color:white !important;
	  text-transform: uppercase;
	  background: #006359 !important;
	}

	input:focus{
	  border: 0px !important;
	outline: none !important;
	box-shadow: none !important;
	}

.gridzy-img {
	border-radius: 15px;
}
	
.input-group{
  width:auto !important;
}

.name{
  margin-top:auto;
}

.white-text {
  color: white;
}
p.description {
  font-family: 'Karla', sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}

.innerpadding-medium {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
  } 
.form-border-radius-left-bottom {
  border-bottom-left-radius: 30px;
}
.form-border-radius-left-top {
  border-top-left-radius: 30px;
}
.form-control {
  border: 0 !important;
}
.btn-primary {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background: #66BBB5;
  border: 0;
  color: #141917;
  padding: 0.375rem 1.25rem !important;
}
.btn-primary:hover {
  background: #75ADAC;
  color: #141917;
}

 /* the slides */
  .slick-slide {
	  margin: 0 10px;
  }

  /* the parent */
  .slick-list {
	  margin: 0 -10px;
  }

   .slick-prev:before,
	  .slick-next:before {
		color: red;
	  }

	  .title {
			  width: 100%;
			  max-width: 854px;
			  margin: 0 auto;
		  }

		  .caption {
			  width: 100%;
			  max-width: 854px;
			  margin: 0 auto;
			  padding: 20px 0;
		  }

		  .vid-main-wrapper {
			  width: 100%;
			  background: #fff;
		  }


		  /*  VIDEO PLAYER CONTAINER
		 ############################### */
		  .vid-container {
			position: relative;
			height: 0; 
		border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		width:70%;
		float:left;
		}
		 
		.vid-container iframe,
		.vid-container object,
		.vid-container embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			min-height: 360px;
	   border-top-left-radius: 30px;
		border-bottom-left-radius: 30px;
		}


		/*  VIDEOS PLAYLIST 
		 ############################### */
		.vid-list-container {
			width: 30%;
	  height:360px;
	  float:right;
	   border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
		}

		#vid-list, #vid-list {
			overflow-y: auto;
		  }

	#vid-list:hover, #vid-list:focus {
	   overflow-y: auto;
	 }

		ol#vid-list {
	  margin:0;
	  padding:0;
	  background: #F29497;
		}

	ol#vid-list li {
		  list-style: none;
	  border-color: #131917;
	  padding-bottom: 0px;
	  padding-top: 0px;
	}

	ol#vid-list li a {
	  text-decoration: none;
	  background-color: #F29497;
	  display:block;
	  padding:10px;
	  color: #131917;
	}

	ol#vid-list li a:hover {
	  opacity:0.5;
	}

		.vid-thumb {
	  float:left;
			margin-right: 8px;
		}

	.active-vid { 
	  background:#131917;
	  color: #F29497;
	}

		#vid-list .desc {
			color: #131917;
			font-size: 13px;
			margin-top:5px;
		}

	.single-song.mini-player{
	  background: #098D83;
	  border-radius:30px !important;
	  height: 140px;
	}
	  
	.mini-player {
	  background: #098D83;
	  border-top-left-radius: 30px;
	  border-top-right-radius: 30px;
	  height: 80px;
	}
	
	.single-song.mini-player .album-art{
	  width:140px;
	  border-top-left-radius: 30px;
	  border-bottom-left-radius: 30px;
	  height:140px;
	  overflow:hidden;
	  position:relative;
	}
	
	.mini-player .album-art img{
	   width: 80px;
		position: relative;
		height: 80px;
		object-fit: cover;
	  object-position: top;
	  display:block;
	}
	
	.mini-player .album-art:after{
	  top:0;
	  left:0;
	  content:'';
	  width:inherit;
	  height:inherit;
	  position:absolute;
	  background:linear-gradient(to bottom, rgba(0,0,0,.1),  rgba(0,0,0,0.5));
	}
	.mini-player .album-art img{
	  width:100%;
	  position:relative;
	}
	
	.mini-player a{
	  color:inherit;
	  text-decoration:none;
	}
	.mini-player .play-list{
	  right:15px;
	  display:none;
	  bottom:0px;
	  overflow-y:auto;
	  position:absolute;
	  width:auto!important;
	  background:rgba(0,0,0,1);
	  border-top-left-radius: 30px;
	  border-top-right-radius: 30px;
	  padding:10px!important;
	  height: 200px;
	}
	.mini-player .play-list a{
	  color:#ccc;
	  display:block;
	  overflow:hidden;
	  padding:6px 0px;
	  white-space:nowrap;
	  text-overflow:ellipsis;
	  transition:all .4s ease-in-out 0s;
	}
	.mini-player .play-list a:hover{
	  background:rgba(255,255,255,.2);
	}
	.mini-player .play-list a.active{
	  color:#E6E6A2;
	}
	.mini-player .play-list .album-thumb{
	  width:35px;
	  height:35px;
	  overflow:hidden;
	  margin-right:10px;
	  border:1px solid #666;
	}
	.mini-player .play-list .album-thumb img{
	  width:100%;
	  height: 100%;
	  display:block;
	  object-fit: cover;
	  object-position: top;
	}
	.mini-player .play-list .songs-info{
	  max-width:240px;
	}
	.mini-player .play-list .songs-info .song-title{
	  font-family: freight-text-pro, serif;
	font-weight: 700;
	
	font-style: normal;
	  font-size:15px;
	  line-height: normal;
	}
	.mini-player .play-list .songs-info .songs-detail{
	  font-size:9px;
	  overflow:hidden;
	  text-overflow:ellipsis;
	}

	.show-when-small{
		display:none !important;
	}

	.bar {
		transition:0.4s;
	   }
	   
	   .bar-1 {
	   display: block;
	   width: 28px;
	   border-top: 2px solid #006359;
	   padding-top:6px;
	   cursor:pointer;
	   transition:0.4s;
	   }
	   .bar-2 {     
	   display: block;
	   width: 28px;
	   border-top: 2px solid #006359;
	   padding-top:5px;  
	   display:fixed;
	   transition:0.4s;
	   }
		.bar-3 {  
	   display: block;
	   width: 28px;
	   border-top: 2px solid #006359;
	   padding-top:5px;
	   transition:0.4s;
	   }

	   .logo{
		height:40px;
		margin-top: -7px; 
	   }

	   .banner-image {
		   width:100%;
		   object-fit:cover;
		   height: 640px;
	   }


@media only screen and (max-width : 979px) {
  body, p {
	  font-size: 17px;
	  line-height: 20px;
  }
  h2 {
	font-family: freight-text-pro, serif;
	font-weight: 700;	
	font-style: normal;	
	font-size: 28px;
	line-height: 27px;
	font-weight: 700;
  }
blockquote, .textbox blockquote, .textbox blockquote p, blockquote > p, blockquote p{
	  color: #006359 !important;
	  font-size: 28px !important;
	  line-height: 27px !important;
	  font-weight: 700 !important;
	  font-style: normal !important;
	  font-family: freight-text-pro, serif !important;
  }
  .footer-logo {
	  height: 60px;
	  object-fit: cover;
	  object-position: left;
  }
  .col-12 {
	  padding-left: 15px;
	  padding-right: 15px;
  }
 .innerpadding-large {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
  } 
  
  .image-area {
  width: 100%
}
.text-area {
  width: 100%
}
  
  .itma-rounded-left {
	object-fit: cover;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	 border-top-right-radius: 0px;
	 border-bottom-right-radius: 0px;
  }
  
  section#outer-panel {
	background: white;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
}

  .border-radius-30 {
	border-radius: 15px;
  }
  .margin-bottom-50 {
	margin-bottom:8px;
  }
  .itma-rounded-all {
	border-radius: 15px;
  }
  .itma-rounded-top {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  }
  .itma-rounded-bottom {
	  border-bottom-left-radius: 15px;
	  border-bottom-right-radius: 15px;
  }
  .itma-rounded-right{
	  border-top-right-radius:15px !important;
	  border-bottom-left-radius:0px;
	  border-bottom-right-radius:15px;
	}
	.itma-rounded-left{
	  border-top-left-radius:15px !important;
	  border-bottom-left-radius:15px;
	  border-bottom-right-radius:0px;
	}
  .body-container{
	  margin: 0px 8px !important;
  }
  
  .caption {
	  margin-top: 40px;
  }
  .vid-list-container {
	  padding-bottom: 20px;
  }
  
  .hide-when-small{
	  display:none !important;
  }
  
  .show-when-small{
	  display:block !important;
  }
  
  .extra-large{
	  font-size:30px;
	  font-family: freight-text-pro, serif !important;
	  line-height:32px;
  }
  
  .flex-column-when-small{
	  flex-direction:column !important;
  }
  
  .margin-bottom-30 {
	  margin-bottom: 8px;
	}
  
	.slick-list{
	  padding:0 20% 0 0 !important;
	  margin-left:5px;
	  }
 
  
		.logo{
		  height:25px; 
		  padding-top:0px !important;
		 }
  
		 .red-button{
		  background:#F29497;
		  border-radius:30px;
		  padding:10px 15px;
		}
		
		.green-button{
		  background:#66BBB5;
		  border-radius:30px;
		  padding:10px 15px;
		}
		
		.light-green-button{
		  background: #A6D1A6;
		   border-radius:30px;
		  padding:10px 15px;
		}
		
		.extralight-green-button{
		  background:#E6E6A2;
			 border-radius:30px;
		  padding:10px 15px;
		}
		
		.dark-green-button{
		  background:#75ADAC;
			 border-radius:30px;
		  padding:10px 15px;
		}

		.location-button{
			background:#F29497;
			border-radius:30px;
			padding:10px 15px;
		  }
		  
		  .decade-button{
			background:#66BBB5;
			border-radius:30px;
			padding:10px 15px;
		  }
		  .performer-creator-button{
			  background:#F29497;
			  border-radius:30px;
			  padding:10px 15px;
			}
		  
		  .instruments-button{
			background: #75ADAC;
			 border-radius:30px;
			padding:10px 15px;
		  }
		  
		  .keywords-button{
			background:#E6E6A2;
			   border-radius:30px;
			padding:10px 15px;
		  }
		  
		  .event_type-button{
			background:#F29497;
			   border-radius:30px;
			padding:10px 15px;
		  }
		  .explore_type-button{
			  background:#E6E6A2;
				 border-radius:30px;
			  padding:10px 15px;
			}
  
		.staff-slider{
		  overflow:hidden;
		}
  
		.page-intro{
		  padding-left:30px !important;
		  padding-right:30px !important;
		  padding-top:30px !important;
		}
  
		ul{
		  margin:5px !important;
		}
		
		.banner-image {
			width:100%;
			 object-fit:cover;
			 height: 320px;
		 }
		 .image-area.pr-0 {
			 padding-right: 0px !important;
		 }
		 .text-area.pl-0 {
			 padding-left: 0px !important;
		 }
		 
		 #itma-sidebar, #itma-sidebar-options {
			 display: none !important;
		 }
		 
}

@media only screen and (max-width : 767px) {
	.image-area.pr-0 {
		 padding-right: 15px !important;
	 }
	 .image-area.pl-0 {
		  padding-left: 15px !important;
	  }
	 .text-area.pl-0 {
		  padding-left: 15px !important;
	  }
	.text-area.pr-0 {
		  padding-right: 15px !important;
	  }  
	.itma-rounded-left {
		object-fit: cover;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 0px;
		 border-top-right-radius: 15px;
		 border-bottom-right-radius: 0px;
	  }  
	 .itma-rounded-right{
	   border-top-right-radius:0px !important;
	   border-bottom-left-radius:15px;
	   border-bottom-right-radius:15px;
	 } 
	 .col-12.exhibition-slider {
		 padding-left: 0px;
		 padding-right: 10px;
	 }
	 .slick-slide {
		   margin: 0 5px;
	 }
	 .feature-video.pl-5 {
		 padding-left: 30px !important;
	 }
	 .feature-video.pt-5 {
			  padding-top: 10px !important;
		  }
		 .footer-svg{
			 filter:invert(0%) sepia(1%) saturate(7496%) hue-rotate(19deg) brightness(0%) contrast(99%);
			 height: 30px;
		 } 

		 .hoverShow:hover{
			transform: none !important;
		  }
	
		.novo-map-container > div{
		border-radius:15px !important;
	}
		  
}