@font-face {
    font-family: 'metality_schrift_norwester';
    src: url('https://metality.org/templates/shaper_hope/fonts/metality_schrift_norwester_umlaut_1-webfont.woff2') format('woff2'),
         url('https://metality.org/templates/shaper_hope/fonts/metality_schrift_norwester_umlaut_1-webfont.woff') format('woff'),
         url('https://metality.org/templates/shaper_hope/fonts/metality_schrift_norwester_umlaut_1-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	text-transform: uppercase;
}

 @font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('https://metality.org/templates/shaper_hope/fonts/brandon_reg-metality.woff2') format('woff2'),
         url('https://metality.org/templates/shaper_hope/fonts/brandon_reg-metality.woff') format('woff'),
         url('https://metality.org/templates/shaper_hope/fonts/brandon_reg-metality.otf') format('opentype'),
		 url('https://metality.org/templates/shaper_hope/fonts/brandon_reg-metality.svg#brandon_grotesqueregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }
 
h1, h2, h3, h4, h5, h6 { font-family: 'metality_schrift_norwester', Arial; 	text-transform: uppercase;}


a, div { font-family: 'brandon_grotesqueregular'; }

.sppb-post-share-social {
	display:none;
}
.article-ratings-social-share {
	display: none !important;  
}

.fa-twitter::before { content: url("../images/x-twitter.svg"); width: 14px;
  display: inline-block; height: 14px; vertical-align: -0.125em;}
.fa-twitter:hover::before { content: url("../images/x-twitter_hover.svg"); width: 14px;
  display: inline-block; height: 14px; vertical-align: -0.125em;}

.fa-mastodon::before { content: url("../images/mastodon.svg"); width: 14px;
  display: inline-block; height: 14px; vertical-align: -0.125em;}
.fa-mastodon:hover::before { content: url("../images/mastodon_hover.svg"); width: 14px;
  display: inline-block; height: 14px; vertical-align: -0.125em;}

.fa-vk::before { content: url("../images/mastodon.svg"); width: 14px;
  display: inline-block; height: 14px; vertical-align: -0.125em;}
.fa-vk:hover::before { content: url("../images/mastodon_hover.svg"); width: 14px;
  display: inline-block; height: 14px; vertical-align: -0.125em;}
 
 
 //fix for parallax issue on mobile devices using level 4 media query hover - more info: developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Targeting_media_features;
@media (hover: none) {
    .sp-page-builder .page-content .sppb-section {
        background-attachment: scroll!important;
        background-position: center!important;
    }
} 

 //Hidden Columns or Rows
@media screen and (max-width: 768px) {  
.hidden-sm, .hidden-xs {display: none !important; visibility: hidden;}  
}
 .offcanvas {visibility: visible !important;}     
 .offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {   margin: 0 5px; display: block;}  
 .offcanvas-menu .offcanvas-inner .sp-module {margin-top: 20px !important;} 
 
 //settings for acymail
 
 #acym_wrapper .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-height: 40px;
    height: auto;
    min-width: 100px;
    max-width: 100%;
    padding: 0 16px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    box-shadow: none;
    color: #333333;
    border: 1px solid #d2db2f;
    transition: .2s ease-in-out;
}
#acym_wrapper .button, #acym_wrapper .progress.primary-light .progress-meter {
    background-color: #d2db2f;
}
#acym_wrapper .button {
    vertical-align: middle;
    margin: 0 0 1rem;
    font-family: inherit;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
}
#acym_wrapper button {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    border: 0;
}
#acym_wrapper button, #acym_wrapper input, #acym_wrapper optgroup, #acym_wrapper select, #acym_wrapper textarea {
    font-family: inherit;
}
#acym_wrapper button {
    overflow: visible;
    padding: 0;
    appearance: none;
    border-radius: 4px;
    background: 0 0;
    line-height: 1;
    cursor: auto;
}
#acym_wrapper [type=reset], #acym_wrapper [type=submit], #acym_wrapper button, #acym_wrapper html [type=button] {
    -webkit-appearance: button;
}
#acym_wrapper button, #acym_wrapper select {
    text-transform: none;
}
#acym_wrapper button, #acym_wrapper input, #acym_wrapper optgroup, #acym_wrapper select, #acym_wrapper textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
#acym_wrapper *, #acym_wrapper ::after, #acym_wrapper ::before {
    box-sizing: inherit;
}

//settings for pagebuilder gallery addon
 .sppb-addon-gallery ul.sppb-gallery li a:before {
  background: rgb(210 219 47 / 75%);
}

// access icon
._access-icon .material-icons ._access i:{
  width: 50px;
  height: 50px;
  font-size: 40px;
  line-height: 45px;
  text-indent: 5px;
  background-color: #333;
  color: rgb(255, 255, 255);
  bottom: 50px;
  left: 0px;
  z-index: 9999;
  opacity: 1;
}
// dpcalender Modal-Box
.tingle-modal-box__content {
    background: #333333;
}
.tingle-modal-box {
    position: relative;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 60%;
    border-radius: 4px;
    background: #333333;
    opacity: 1;
    cursor: auto;
    will-change: transform, opacity;
}
.com-dpcalendar-event__header {
    background: #333333;
	font-family: "brandon_grotesqueregular";
	color: #FFFFFF;
}