@import "local-theme-aco-filters.css";

.center-group-title {
	text-align: center;
}

.site-name {
	margin-left: 1em!important;
}

/* show pointer on main iocns */
.paragraph--type--mt-icon-features:hover {
	cursor: pointer;
}

/* hide slick-sider's nav arrow button region */
.slick__arrow {
	display: none;
}

.images-container {
	float: right;
	margin-top: 10px;
	margin-left: 10px;
}

/* adjust margins for main content by classes: only used currently for 'promote-to-front'
admin messages on main page: might have side-effecty though.... */
 .ml-xl-auto  {
	 margin-left: 0!important;
 }
.mr-xl-auto {
	 margin-right: 0!important;
 }
 .col-xl-8 {
	 max-width: 100%!important;
	 flex: 0 0 100%;
 }

/* 'abused' footer to have three columns: would be green othersie as 'subfooter'.... */
/* remove background SVG (9 dots) */
.footer.region--colored-background .footer__container:before {
	background-image: none;
}
#footer.region--colored-background {
	background-color: var(--mt-color-default)!important;	
	background: none;
	color: var(--mt-color-default-contrast);		
}
#footer.region--colored-background a{
	color: var(--mt-color-primary);
}
#footer.region--colored-background a:hover{
	color: var(--mt-color-primary-dark);
}
#footer.region--colored-background a:active,
#footer.region--colored-background a:focus{
	text-decoration: none;
}
.footer ul {
	text-align:left;
}
.footer-bottom ul {
	text-align:left;
}

.footer__section, .footer-bottom__container  {
	padding-top: 0px!important;
}

.more-link {
	margin-left: 26px;	
}



/* user menu: font a bit larger and NOT pure black */
.header-top-highlighted__section ul.menu:not(.sf-accordion) li a {
	font-size: 15px;
	color: #4B4B4B;	
}

.cookiesjsr-btn {
	border-color: var(--mt-color-colored) !important;
	color: var(--mt-color-colored) !important;
	
}

.cookiesjsr-service-group--tab, .cookiesjsr-layer--label-all, .cookiesjsr-service--always-on {
	color: var(--mt-color-colored) !important;
}

.cookiesjsr-switch.active {
	background-color: #01b4cb !important;
}	

.cookiesjsr-settings {
	color: var(--mt-color-colored)  !important;
	background-color: white !important;
}

/* adjust cookies banner to theme colors */
.cookiesjsr-service-group--content, .cookiesjsr-banner, .cookiesjsr-btn.important, .cookiesjsr-service-group--tab[aria-selected="true"]  {
	background-color: var(--mt-color-colored)  !important;
	color: white !important;
}



.cookiesjsr-btn.allowAll, .cookiesjsr-btn.denyAll, .cookiesjsr-settings {
	color: var(--mt-color-colored)  !important;
	background-color: white !important;

}
 .cookiesjsr-settings {
	border-color: white !important;
	background-color: var(--mt-color-colored)  !important;
	color: white !important;

}

/* filters */
.slideout-filters-toggle {
	display:none!important;
}

.paragraph--type--mt-icon-features {
	border: 2px solid #008A9C!important;
}
    
/* extra class for test instance: this class is emitted in theme ONLY if current domain contains 'test.'. Then
the top container gets a red background to 'see' we are in the test instance' */
.test-instance .hero-top__container {
	background-color: #ff0000;
}


.view-header a:focus {
	color: #008A9C;
	text-decoration: none;
}


/* fixes a bug in drupal core: otherwise for grouped table views the caption appears BELOW the table */
caption {	
	caption-side: initial;
	font-weight: bold;
	font-size: calc((((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * (var(--mt-modular-ratio)*0.45))!important;
 	margin-left: 26px;
	margin-top: -10px;
}

/* change h2 and h1 globally */
h2 {
  font-size: calc((((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * (var(--mt-modular-ratio)*0.5));
  margin-top: var(--mt-text-size); 	
}
h1 {
  font-size: calc(((((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio) * 0.7);
  margin-top: var(--mt-text-size);
}



/* smaller top padding of .main-content__section to remove extra-space */
.main-content__section {
	padding-bottom: 10px;
}

/* remove bottom and top padding of top-container to remove extra-space */
.content-top__section {
	padding-bottom: 0;
	padding-top: 10px;
}

/* apply smaller padding to footer (to large on mobile devices */
.subfooter__container {
	padding: 1.5em;
}

/* fix width of view-table-column: "Wann" */
.views-field-field-when-value {
	width: 250px!important;
}


/* -------------- Pager ---------------- */
li.pager__item {
	width: 40px!important;
}

li.pager__item--ellipsis {
	display: none!important;
}


/* ---------------- Tabs -----------------*/
/* set bottom margin to have the line exactly at the bottom of the tabs */
ul.tabs.primary {
	margin-bottom: -1px!important;	
}

 /* set bottom border to show line below tabs */
 nav.tabs {
	border-bottom: 1px solid #008A9C!important;
 }
 
hr.acotab-line {
	margin: -9px 0 10px 0!important;
	
	border-top: 1px solid #008A9C!important;
}

/* style tabs themselves */
.tabs a  {
	white-space: nowrap;
	display:inline-block;	
	font-size: calc((((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * (var(--mt-modular-ratio)*0.4));
	background-color: #FFFFFF!important;
	color: #008A9C!important;
	padding: 0.3em 1em 0.32em 1em;
	border-radius: 8px 8px 0 0;
	margin-right: -8px!important;
	margin-bottom: 0px!important;
	text-align: center;
	border: 1px solid #008A9C!important;
}

.tabs a:hover {
	background-color: #DDDDDD!important;
}

.acotab-active a,
.tabs a.is-active  {
	color: #FFFFFF!important;
	background-color: #008A9C!important;
}

.acotab-active a:hover,
.tabs a.is-active:hover {
	background-color: #00AABE!important;
}


/* classes for own lists: supress empty list items 
for removing spaces and format particular items. Addtionally
empty items are suppressed
*/
ul.aco_termin_list {
   margin-bottom: 0;
   margin-left: 0;
	list-style: none;
	padding-left: 0px;
}

li.aco_termin_list:empty,
li.aco_termin_listb:empty,
li.aco_termin_listi:empty {
   display: none;   
}

li.aco_termin_listb {
	font-weight: bold;
}

li.aco_termin_listi {
	font-style: italic;
}



/* --------- button-like links, buttons ... -----------*/
.views-display-link,
.acobutton, 
.aco-insert-link,
.node-type-list dt
  {
	display:inline-block!important;
	min-width: 150px!important;
	white-space: nowrap;
	display:inline-block;	
	font-size: calc((((var(--mt-text-size) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * var(--mt-modular-ratio)) * (var(--mt-modular-ratio)*0.4));
	background-color: #FFFFFF!important;
	color: #008A9C;
	padding: 0.3em 1em 0.32em 1em!important;
	border-radius: 3px;
	margin-bottom: 8px!important;
	margin-top: 8px!important;
	text-align: center;
	border: 1px solid #008A9C!important;

}

.views-display-link,
.aco-insert-link  {
	margin-right: 5px;
}

.views-display-link:link,
.views-display-link:link:hover,
.views-display-link:visited,
.views-display-link:visited:hover,
.views-display-link:focus,
.views-display-link:hover,
.views-display-link:focus:hover,
.views-display-link:active,
.views-display-link:active:hover,
.acobutton:link,
.acobutton:link:hover,
.acobutton:visited,
.acobutton:visited:hover,
.acobutton:hover,
.acobutton:focus,
.acobutton:focus:hover,
.acobutton:active,
.acobutton:active:hover,
.aco-insert-link:link,
.aco-insert-link:link:hover,
.aco-insert-link:visited,
.aco-insert-link:visited:hover,
.aco-insert-link:hover,
.aco-insert-link:focus,
.aco-insert-link:focus:hover,
.aco-insert-link:active,
.aco-insert-link:active:hover,
.node-type-list a:link,
.node-type-list a:link:hover,
.node-type-list a:visited,
.node-type-list a:visited:hover,
.node-type-list a:hover,
.node-type-list a:focus,
.node-type-list a:focus:hover,
.node-type-list a:active,
.node-type-list a:active:hover
{
  color: #008A9C;
  text-decoration: none;
  outline: none;
}

.views-display-link:hover,
.acobutton:hover,
.aco-insert-link:hover,
.node-type-list dt:hover
 {
	background-color: #DDDDDD!important;
}


.acobutton-active {
	color: #FFFFFF!important;
	background-color: #008A9C!important;
}	

.acobutton-active:hover {
	background-color: #00AABE!important;
}



/* default values including pen-icon */
.aco-insert-link:before,
.views-display-link:before,
.aco-button-icon:before,
.node-type-list a:before 
 {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
	 padding-right: 8px;
    position: relative;
	 content: '\f303';
}

.aco-icon-filter:before {
	 padding-right: 5px;
    /*content: '\f0b0';  Funnel */
	 content: '\f002'; /* Magnifying glass */
}


.aco-icon-pen:before {
	 content: '\f303';
}

a.views-display-link[href*="/karte"]:before,
a.views-display-link[href="/terminkarte"]:before,
a.views-display-link[href="/festivalkarte"]:before,
.kuenstler a.views-display-link[href="/kuenstlerkarte"]:before,
.kuenstler-archiv a.views-display-link[href="/kuenstlerkarte-archiv"]:before,
.aco-icon-map:before {
	 content: '\f3c5';
}

a.views-display-link[href*="/liste"]:before,
a.views-display-link[href="/termine"]:before,
a.views-display-link[href="/festivals"]:before,
.kuenstlerkarte a.views-display-link[href="/kuenstler"]:before,
.kuenstlerkarte-archiv a.views-display-link[href="/kuenstler-archiv"]:before,
.aco-icon-list:before {
	 content: '\f0ca';
}

.kuenstler a.views-display-link[href="/kuenstler-archiv"]:before,
.kuenstlerkarte a.views-display-link[href="/kuenstlerkarte-archiv"]:before,
a.views-display-link[href="/kleinanzeigen/marktplatz-archiv"]:before,
.aco-icon-archive:before {
	content: '\f187';
}
	
.kuenstler-archiv a.views-display-link[href="/kuenstler"]:before,
.kuenstlerkarte-archiv a.views-display-link[href="/kuenstlerkarte"]:before,
.aco-icon-music:before {
	content: '\f001';
}


.node-type-list a:after
{
    content: ' hinzufügen';
}

.node-type-list dd {
	margin-top: 0px!important;
	margin-bottom: 12px!important;
}

/* ICONS for 'add content' page (/node/add) */
dt a[href*="/node/add/festival_sammelevent"]:before
{
	content: '\f073';
}

dt a[href*="/node/add/termin"]:before 
{
	content: '\f783';
}

dt a[href*="/node/add/gruppe"]:before
{
	content: '\f001';
}

dt a[href*="/node/add/album"]:before {
	content: '\f51f';
}



dt a[href*="/node/add/kleinanzeige"]:before {
	content: '\f54e';
}