/**
Theme Name: Astra Child
Author: SR (Anpassung des Originals von Brainstorme Force)
Author URI: https://na-hamburg.de/
Description: Astra eignet sich für Blogs, persönliche Portfolios und geschäftliche Websites. Es ist schnell, vielfältig anpassbar und sehr leicht (weniger als 50 KB im Frontend): ein schönes Basistheme. Astra wurde im Hinblick auf SEO entwickelt und ist mit schema.org-Code ausgestattet, sodass Suchmaschinen die Website lieben werden. Es bietet zahlreiche Optionen für die Seitenleiste und Widgetbereiche. Einige der anderen Funktionen: # WooCommerce Ready # Responsive # Kompatibel mit den wichtigsten Plugins # Translation Ready # Erweiterbar mit Premium-Addons # Regelmäßig aktualisiert # Entwickelt, verwaltet und unterstützt von Brainstorm Force.#######Damit das Child-Theme funktioniert, muss es aktiviert sein. Individuelle Anpassungen aus dem Customizer-Bereich des Parent-Themes vorher sichern (werden Aktivierung überschrieben) und stattdessen in die style.css des Child-Themes kopieren.#######Als Parent Theme wurde hier die kostenlose Version des Themes benutzt, alles andere ist manuell angepasst.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/*customized by Stefan*/

/*für nicht anklickbare Menüpunkte*/
.nonklick > a:hover {cursor:default;}

/*Logo ausblenden bei kleinen Bildschirmen*/
@media (max-width: 567px)
{span.site-logo-img {display:none;}}

.site-title a, .site-title a:focus, .site-title a:hover, .site-title a:visited {color: #333399;
font-size: 1.2em;
font-weight: 500;}

h1, h2, h3, h4, h5, h6, h2.nfh, h2.nfhdat {color:#f67e09;}
/*schriftgrößen Nav + Content*/
.main-header-bar-navigation, 
.basictext {font-size:1.1em;}

#primary, .text{font-size:1.0em;}

/*Zeilenhöhe body*/
body:not(.logged-in) {line-height: 1.4em;}

	/*text einfärben*/
hr.nfh {background-color:#f67e09;}
/*Datum nfh*/
h2.nfhdat {color:#f67e09;}
/*Datum nfh*/
h2.nfhdat {font-size:1.4em; margin-top:-10px;}

/*Acymailing Anfang*/
/*Position+Farbe*/ /*Ausgabetext Abo*/ /*bestätigt Acymailing*/
#acym__callout__container {
    top: 100px!important;
	  right: 100px!important;
    color: #f67e09;
    font-weight: 500;
    font-size: 1.2em;}

/*Warmeldung 'Sie sind nicht verbunden' in NL Popup ausblenden - nicht mehr einsetzen, da auch der Bestätigungscontainer für NL Abos ausgeblendet wird*/
/*.acym_front_message_warning{display:none;}*/

.ast-footer-overlay {background-color:#dfdfdf; color:#333399; border-top-color: #ff0000;}
div.ast-small-footer.footer-sml-layout-2 {border-top-color: #333388;}

/*Buttons Newsletter abonnieren + Formulare*/
.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"]{background-color:#6689ac;
padding: 0 10px;}

/*Höhe Button Newsletter abonnieren*/
.btn.btn-primary.button.subbutton {height:2.6em;}

/*Größe H2 über Eingabemaske Newsletter abonnieren*/

.widget.widget_acym_subscriptionform_widget > h2.widgettitle  {font-size:1.6em;}

/*Acymailing Ende*/

/*Kalender*/
.ai1ec-month-view th, .ai1ec-week-view th, .ai1ec-week-view .ai1ec-hour-marker div, .ai1ec-week-view .ai1ec-allday-label, .ai1ec-oneday-view th, .ai1ec-oneday-view .ai1ec-hour-marker div, .ai1ec-oneday-view .ai1ec-allday-label, .timely {color:#333388 !important;}

.ast-small-footer-section.ast-small-footer-section-2.ast-small-footer-section-equally.ast-col-md-6.ast-col-xs-12 a {color:#333388;}
.ast-small-footer-section.ast-small-footer-section-2.ast-small-footer-section-equally.ast-col-md-6.ast-col-xs-12 a:hover {color:#b10606;}
/*div.ast-footer-overlay::before { content: "Copyright © 2019 | Narcotics Anonymous Hamburg"; float:right; margin-right:2%;
}*/

/*Tabbed UI Farben Anfang*/
#bmlt-formats.btn-xs, #map-button.btn-xs 
{color: #0404a9;
 border-color: #ccc;}

#bmlt-tabs .bmlt-header {background-color: #efefef;}
#bmlt-tabs .bmlt-page {background-color: #efefef;}
#bmlt-tabs .meeting-name,  #bmlt-tabs 
{color: #0404a9;
 font-weight: 500;}
 
#bmlt-tabs .bmlt-day
{color: #0404a9;
 font-weight: 600;}

#bmlt-tabs .bmlt-time-2 
{color: #f67e09;
 font-weight: 500;}

#bmlt-tabs table 
{color: #f67e09;}

#bmlt-tabs tr.meeting-header td
   {color: #f67e09;
    background-color: #fff;
    font-size: 15px;
    text-transform: none;
    font-weight: 600;
    border-top: 0;
	border-color: #ccc;
border-collapse: collapse;}

#bmlt-tabs .nav-tabs > li > a {color: #0404a9;
    background-color: #fff;
    border-radius: 4px 4px 0 0;}

#bmlt-tabs .nav-tabs > li.active > a, #bmlt-tabs .nav-tabs > li.active > a:hover, #bmlt-tabs .nav-tabs > li.active > a:focus
	{background-color: #ffffff; color: #b10606; text-decoration: underline;} /*color: #595bca; =hellblau*/

#bmlt-tabs .nav-tabs > li > a:hover {
color: #b10606;}

#bmlt-tabs #city {
    color: #0404a9;
    background-color: #fff;
	font-weight:600;}
a#city.btn.btn-primary.btn-sm {background-color: #efefef !important; color: #595bca !important;}

a:hover#city.btn.btn-primary.btn-sm {background-color: #efefef; color: #b10606; text-decoration:underline;}

a#city.btn.btn-primary.btn-sm {background-color: #efefef !important; color: #595bca !important;}

a:hover#city.btn.btn-primary.btn-sm {background-color: #fff !important; color: #b10606 !important; 
border-color:#b10606 !important;}

a:active#city.btn.btn-primary.btn-sm {background-color: #fff !important; color: #b10606 !important;
text-decoration:underline !important;}

#select2-e2-container {color:#0404a9;}

.location-text, .meeting-address, .location-information, .bmlt-comments {color: #0404a9;}

div.meeting-name {font-weight:600 !important;} 

div#tabs-content.bmltpage {color:#dfdfdf !important;}

div.meeting-address {color:#f67e09;}
/*Tabbed UI Farben Ende*/

/*Menüs:Farben bei hover*/
.main-header-menu li:hover > a, .main-header-menu li:hover > .ast-menu-toggle, .main-header-menu .ast-masthead-custom-menu-items a:hover, .main-header-menu li.focus > a, .main-header-menu li.focus > .ast-menu-toggle, .main-header-menu .current-menu-item > a, .main-header-menu .current-menu-ancestor > a, .main-header-menu .current_page_item > a, .main-header-menu .current-menu-item > .ast-menu-toggle, .main-header-menu .current-menu-ancestor > .ast-menu-toggle, .main-header-menu .current_page_item > .ast-menu-toggle {color: #b10606;}

/*Kalender Kategorienfilter ausblenden
.ai1ec-calendar-toolbar {
    display: none;
}*/

/*Überschriften in Beiträgen */
.entry-title, .entry-title a {color:#f67e09; font-size: 2rem;}

/*Schrift im Kalender in Monatsansicht*/
.ai1ec-month-view .ai1ec-event-time, .ai1ec-week-view .ai1ec-event-time, .ai1ec-oneday-view .ai1ec-event-time,  
.ai1ec-month-view .ai1ec-event {font-size:14px;}

/*Formularfelder Länge + Höhe*/
input.wpcf7-form-control { height:2.6em; width:6em;} 

input.wpcf7-form-control.wpcf7-file, input.wpcf7-form-control.wpcf7-text {width: 34em;}

textarea.wpcf7-form-control{
height: 10em; width: 34em;}

/* Untertitel etwas größer zeigen*/
 .site-header .site-description {
    line-height: 1.8;
    font-size:1.2rem;}

/*zusätzliche Klassen*/
.unterstrich {text-decoration:underline;}
.unterstrich:hover {text-decoration:underline; color:#b10606;}

/*timeley-Kalender - Button Kategorien*/
ul.ai1ec-nav.ai1ec-nav-pills.ai1ec-pull-left.ai1ec-filters, ul.ai1ec-nav.ai1ec-nav-pills.ai1ec-pull-left.ai1ec-filters {background-color: #6689AC; border-radius:4px; position:relative; left: -8px;}

/*.timely .ai1ec-nav-pills > li.ai1ec-active > a, .timely .ai1ec-nav-pills > li.ai1ec-active > a:hover, .timely .ai1ec-nav-pills > li.ai1ec-active > a:focus {background-color: #6689AC; border-radius:4px;}*/
.timely .ai1ec-nav-pills > li.ai1ec-active > a,
.timely .ai1ec-nav-pills > li.ai1ec-active > a:hover,
.timely .ai1ec-nav-pills > li.ai1ec-active > a:focus {
background-color:#6689AC; border-radius:4px;
}
.ai1ec-dropdown-toggle {color:#fff !important;}


/*die Leaflet Karten sollen unter den Submenüs liegen*/
.ums_MapPreview.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom {z-index:0;}

/*Cookie Notice: Buttons farblich ändern*/
#cn-accept-cookie {
	background: #ddd;
    background-color: #ddd;
    color: #333388;
    -moz-box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight:bold;
    text-decoration: none;
	padding: 1px 14px;
    }
	
#cn-accept-cookie:hover {
	background: #fff;
    background-color: #fff;
    color: #b10606;
    -moz-box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    text-decoration: underline;
	padding: 1px 14px;
    }
	
#cn-refuse-cookie {
	background: #ddd;
	background-color: #ddd;
    color: #333388;
	text-decoration: none;
	padding: 1px 14px;}

#cn-refuse-cookie:hover {
	background: #dfdfdf;
	background-color: #dfdfdf;
    color: #b10606;
	text-decoration: underline;
	padding: 1px 14px;}
	
#cn-more-info {
	background: #ddd;
	background-color: #ddd;
    color: #333388;
    text-decoration: none;
	padding: 1px 14px;}

#cn-more-info:hover {
    background: #dfdfdf;
	background-color: #dfdfdf;
	color: #b10606;
    text-decoration: none;
	padding: 1px 14px;}
	
/*divs wie Tabellen benutzen bei Seite 'deutschsprachige Websites'*/
.table { 
   margin-left: auto;
   margin-right: auto;
   display: table;
   border-spacing:6px;
}
.table-row  {display: table-row;}
.table-cell {display: table-cell;
             font-size:1.1em;}
.table-cell a {text-decoration:none;}			 
.table-cell a:hover {text-decoration:underline !important;}

/*Downloadbuttons auf Seite Meetings Hamburg*/


   
   /* Media Queries*/

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 414px) {
  /* Add your Desktop Styles here */
.wp-block-file a.wp-block-file__button {
    text-decoration: none;
    background-color: #000080;
    border-radius: 4px;
    padding: 2px 8px;
margin-left: 10px;
max-width: 108px;}
	
.wp-block-file a.wp-block-file__button:hover {
    text-decoration: underline;
   }
}

/*Hamburger = größer zeigen*/
.ast-button-wrap button {
font-size: 40px !important;}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 413px) {
  /* Add your Mobile Styles here */
.wp-block-file a.wp-block-file__button {
    text-decoration: none;
    background-color: #000080;
    border-radius: 4px;
    padding: 2px 8px;
    max-width: 108px;
     display:block;
	 margin-top: 6px;}
	
.wp-block-file a.wp-block-file__button:hover {
    text-decoration: underline;
   }
}

/*Ergänzung Meeting Map  Meetings in Map als Tabelle anzeigen -- >  Farben der Tabelle*/
.modal-tabcontent {background-color: #efefef; color:#0404a9;}
.meeting-header {background-color: #fff; color:#0404a9;}
.modal-title {color:#0404a9;}
div.modal_times {color:#f67e09; font-weight:normal;}
#modal-day-button.modal-tablinks, #modal-city-button.modal-tablinks {background-color: #fff !important; color:#0404a9 !important; font-weight:bold;}
#modal-day-button.modal-tablinks.active, #modal-city-button.modal-tablinks.active {background-color: #fff !important; color:#b10606 !important; text-decoration:underline;}
div#modal-view-by-city.modal-tabcontent .bmlt-table.table.table-striped.table-hover.table-bordered td, div#modal-view-by-weekday.modal-tabcontent .bmlt-table.table.table-striped.table-hover.table-bordered td {background-color:#fff !important; color:#0404a9 !important;}
.marker_div_meeting h4 {color:#0404a9;}

/*##############################*/
/*Neue Version tabbedUI vom 8.5.2019 - TAB 'weekday' ausblenden bei Meetingliste Gebiet Nord*/
#day.btn.btn-primary.btn-sm {display:none;}

/*auf der seite für Hamburger Meetings -- > Tabbed UI den Neueigkeiten ticker näher an die Überschrift rücken*/
.page-id-383 .spt-label {margin-top: -14px !important;}


*Pfeil anzeigen, der Verlinkung verdeutlichen soll vor/hinter Überschriften und href's Stefan*/
h1.link_after::after, h2.link_after::after, h3.link_after::after, h4.link_after::after, h5.link_after::after, h6.link_after::after, a.link_after::after {
    content: ' \25B7';}
	
h1.link_before::before, h2.link_before::before, h3.link_before::before, h4.link_before::before, h5.link_before::before, h6.link_before::before, a.link_before::before {
    content: ' \25B7';}
	
h1.link_top_before::before, h2.link_top_before::before, h3.link_top_before::before, h4.link_top_before::before, h5.link_top_before::before, h6.link_top_before::before, a.link_top_before::before {
    content: ' \25B3';}

h1.link_top_after::after, h2.link_top_after::after, h3.link_top_after::after, h4.link_top_after::after, h5.link_top_after::after, h6.link_top_after::after, a.link_top_after::after {
    content: ' \25B3';}

h1.link_down_before::before, h2.link_down_before::before, h3.link_down_before::before, h4.link_down_before::before, h5.link_down_before::before, h6.link_down_before::before, a.link_down_before::before {
    content: ' \25BD';}

h1.link_down_after::after, h2.link_down_after::after, h3.link_down_after::after, h4.link_down_after::after, h5.link_down_after::after, h6.link_down_after::after, a.link_down_after::after {
    content: ' \25BD';}
	
.link_after:hover, .link_before:hover, .link_top_before:hover, .link_top_after:hover, .link_down_before:hover, .link_down_after:hover {text-decoration:underline;}


/* Alles folgende vorübergehend*/
/* Kommentare in Meetinglsite fetten = 1ste Spalte*/
#bmlt-tabs .bmlt-comments {
}
div.bmlt-comments {color:#cc0000; font-size:14px;}

/*Meldung Meeting findet vorübergehend nicht statt in der Meetingliste
.bmlt-alert {
    border: 1px solid #cc0000;
    padding: 0 0 0 15px;}*/
	
/*Meldung Meeting findet vorübergehend nicht statt im Text*/
	.span-bmlt-alert {
    color: #f67e09;
    padding: 0 4px;
	font-weight:bold;}
	
/*Zustimmung zur Übermittlung von Daten*/
.wpcf7 .wpcf7-form-control-wrap {display: inline !important;}