/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
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
*/

.ueberschrift-banner {
    background-color: rgba(0, 0, 0, 0.8);
    color:#ffffff !important;
    display:table;
    padding-right:10px;
    padding-left:10px;
    padding-top:4px; 
}

.weltkunst-banner {
    width:300px;
    height: 100px;
    background-image: url("common/museum-halle-weltkunst-in-westfaelischer-kleinstadt.svg");
    background-size:100% auto;
    background-position: center center;
    display: block;
}

.weltkunst-banner.footer-banner {
    margin-left:50%;
    left:-150px;
    position: absolute;
}

.wp-block-separator {
    max-height: 0px;
    border-bottom: none;
}

.is-style-outline > .wp-block-button__link {
    border:1px solid;
    border-left:none;
    border-right:none;
}


/* entry title soll bei breitem inhaltslayout nixcht ganz links stehen */
h1.entry-title {
    max-width: 1400px; /* muss auch im customizer festgelegt werden */ 
    margin: auto;
}

p {
    hyphens: auto;
}



/* p margin kleiner */
.entry-content p {
    margin-bottom: 30px;
}

/* normale links */
.entry-content p a {
    text-decoration-style: dotted;
}


.entry-content p.has-medium-font-size {
    font-size: 1.1em;
}

.entry-content a {
    text-decoration-color:#164073;
    text-decoration: underline 1px;
    text-decoration-style: dotted;
}


/* zitate */
.wp-block-quote {
    border-left:none !important;
    margin-left: 0;
    padding: 0;
}

.wp-block-quote p {
   
}

.wp-block-quote cite {
    font-size: 0.8em;
    font-style: normal;
    font-weight: 700;
}

.wp-block-quote p:after {
    content: '';
    width:60px;
    height: 1px;
    margin-left:0;
    left:0;
    bottom: 0; top: auto;
    display: block;
    position: relative;
    background-color: #000000;
    margin-top: 20px;
}


.wp-block-quote.has-text-align-center p:after {
    content: '';
    width:60px;
    height: 1px;
    margin-left: -30px;
    left:50%;
    bottom: 0; top: auto;
    display: block;
    position: relative;
    background-color: #000000;
    margin-top: 20px;
}


/* wp-block-image */
.wp-block-image {
    position: relative;
}

.wp-block-image.size-full {
    margin-top: 0;
    margin-bottom:1em;
}

/* bildunterschrift */
.wp-block-image figcaption {
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
    font-size:0.8em;
    
}

.wichtiger-link {
    border:1px solid;
    border-left:none;
    border-right:none;
    padding: 20px;
    color: #000000;
    border-color: #000000;
    text-decoration: none !important;
}

.wichtiger-link.weiss {
    border:1px solid;
    border-left:none;
    border-right:none;
    padding: 20px;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.wichtiger-link.weiss:hover {
    background-color:#000000;
    color: #ffffff !important;
    border-color: #000000 !important;
}

/* beitraege raster wichtiger link / button */
.uagb-post__cta {
    

    
    border-left:none !important;
    border-right:none !important;


}




/* stadt halle link im footer */
.stadt-halle-link {
    margin-top: 0px;
    min-height: 60px;
    text-align: center;
    font-weight: 600;
       width:100% !important;
    display: block;
    background-color:#164073; /* halle blau */
    color:#FFFFFF;
}

.stadt-halle-link a {
  
    background-color:#164073; /* halle blau */
    color:#FFFFFF;
    text-align: center;
    padding: 20px;
    transition: all 0.4s;
    font-weight: 600;
    display: inline-block;

}

.stadt-halle-link a:hover {
    background-color: #C45026; /* halle rot */
    
}

/* wp block button */
.entry-content .wp-block-button a {
     text-decoration: none !important;
}


/* beitraege raster */
a.uagb-post__link {
    text-decoration: none !important;
}

a.uagb-post__link:hover {
    text-decoration: none !important;
}

/* datum in beitragsraster */
.uagb-post__date {
    letter-spacing: 0;
    
}


.uagb-post__date span {
    display: none;
}



/* slider plugin styling */

.cwp-preview {
    color:#000000 !important;
}

button.cwp-block-prev {
    background-image: url("common/pfeil-nach-links-icon.svg");
    background-position: center;
    background-size: 20px;
    background-color: transparent!important;
}

button.cwp-block-next {
    background-image: url("common/pfeil-nach-rechts-icon.svg");
    background-position: center;
    background-size: 20px;
    background-color: transparent!important;
}


button.cwp-block-next span.dashicons:before {
    content:'';
    
}

button.cwp-block-next span.dashicons.dashicons-arrow-right-alt2:before {
    content:'';
    
    
}


/* beitragsansicht manipulieren */

.single .entry-header {
    
}


#astra-footer-menu li {
    margin-bottom: 10px;
}

#astra-footer-menu > .menu-item > .menu-link {
    margin-bottom: 10px;
}

.ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width:100%;
    max-width: none !important;
}



/* eigene lightbox css und js */
/* block gallery */
.wp-block-gallery li a {
	opacity:0.9;
	
}

/* mouse over + icon sichtbar machen */
.wp-block-gallery li a:hover {
	opacity:1;
	transition:all 0.2s;	
}

.wp-block-gallery li a:hover:before {
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	position:absolute;	
	background-image:url(common/plus-icon-white-01.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:80px;
}


/* gaestebuch comments */

.comments-title {
    display: none !important;
}

.ast-comment-list li.comment {
    background-color:#ffffff !important;
}

.ast-comment-meta {
    font-size: 1.0em;
    padding-left: 0;
    margin-left: 0;
}

.ast-comment-meta.capitalize {
    text-transform: none;
    
}

.ast-separate-container .ast-article-single {
    background-color:transparent !important;
}

.ast-separate-container .comments-area .comment-respond {
    background-color:transparent !important;
}


/*  lightbox style per class lightbox auch bei anderen Bildern nutzen, nicht nur beim Block Gallery */
/* achtung, heisst hier deutsch lupenbild */
.wp-block-image.lupenbild {
    position: relative;
}

.wp-block-image.lupenbild a {
    position: relative;
    display: block;
}

/* plus icon */
.wp-block-image.lupenbild a:before {
    content: '';
    background-image: url("common/plus-icon.svg");
    background-size:40px 40px;
    background-position:center center;
    background-repeat: no-repeat;
    width:40px; height: 40px;
    display: block;
    position: absolute;
    left:auto; right: 0;
    top: 0; bottom:auto;
    z-index: 2000;
    opacity: 0.6;
    
}

.wp-block-image.lupenbild a:hover:before {
    opacity: 1;
    
}

.lupenbild .wp-block-image a img {
	opacity:0.9;
}


.lupenbild .wp-block-image a img:hover {
	opacity:1;
	transition:all 0.2s;
}


.wp-block-image.lupenbild a img {
	opacity:0.9;
}


.wp-block-image.lupenbild a img:hover {
	opacity:1;
	transition:all 0.2s;
}

/* lightbox mit Baguette */

#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle;
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
         -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
              box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
    #baguetteBox-overlay .full-image figcaption {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      line-height: 1.8;
      white-space: normal;
      color: #ccc;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.6);
      font-family: sans-serif; }
    #baguetteBox-overlay .full-image:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
            animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
            animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px; }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
       border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }
  .baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9); }
  .baguetteBox-button#next-button {
    right: 2%; }
  .baguetteBox-button#previous-button {
    left: 2%; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px; }
  .baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0; }

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
          animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }

/* lightbox ende */


@media screen and (min-width:900px) {
    
    /* silbentrennungen ab hier wieder rausnehmen fuer groessere einleitungstexte */
    .entry-content p.has-medium-font-size {
        hyphens: none;
    }
    
    
    /* hintergrundbild im header manipulieren */
    .ast-above-header.ast-above-header-bar {
        background-size: 130% auto;
    }
    
    
    /* beitragsansicht manipulieren */

    .single .entry-header {
        width:50%;
        
    }
    
    .single .entry-content {
      
    }
    
    .entry-content p.has-medium-font-size {
        font-size: 1.25em;  
    }
    
    /* bildunterschrift */
    .wp-block-image figcaption {
        font-size:1em;

    }
    
   
    
    .weltkunst-banner {
        width:420px;
        height: 140px;
        background-image: url("common/museum-halle-weltkunst-in-westfaelischer-kleinstadt.svg");
        background-size:100% auto;
        background-position: center center;
        display: block;
    }
    
    .weltkunst-banner.footer-banner {
        margin-left:50%;
        left:-250px;
    }
    
    #astra-footer-menu > .menu-item > .menu-link {
        margin-bottom: 0;
    }
    
}

@media screen and (min-width:1200px) {
    .weltkunst-banner {
        width:500px;
        height: 167px;
    }
    
    .weltkunst-banner.footer-banner {
        margin-left:50%;
        left:-250px;
    }
    
    /* hintergrundbild im header manipulieren */
    .ast-above-header.ast-above-header-bar {
        background-size: 100% auto;
    }
    
    /* slider plugin styling */
    button.cwp-block-prev {
        padding: 20px !important;
        background-size: 40px;
    }

    button.cwp-block-next {
        padding: 20px !important;
        background-size: 40px;
    }
    
    
}