/* 
Theme Name:		 Wildfire Bootstrap Starter
Theme URI:		 http://childtheme-generator.com/
Description:	 Wildfire Bootstrap Starter is a child theme of WP Bootstrap Starter, created by ChildTheme-Generator.com
Author:			 CCC
Author URI:		 http://childtheme-generator.com/
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 wildfire-bootstrap-starter
*/


/*
    Add your custom styles here
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal!important;
}


h1.entry-title {
    font-weight: 700;
    font-size: 30px;
    color: #c81111;
    border: none!important;
}

/***************** Header Bereich *****************/


header > .container {
    position: relative;
}

@media(max-width:768px){header > .container  {padding: 0px;}}

header#masthead {
    background-color: #fff;
    box-shadow: none;
}

.navbar-brand {
    max-width: 517px;
    margin-right: 0px;
}


@media(max-width:992px){.navbar-brand  {width: 70%;}}

#menu-wrapper {
    float: right;
}

/***************** Hauptmenu *****************/


.navbar-light .navbar-toggler {
    position: absolute;
    display: none;
    z-index: 99;
    right: 0px;
    top: 5px;
    background-color: #c81111;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(images/hambuger_white.svg);
    background-size: 120%;
}


@media(max-width:768px){.navbar-light .navbar-toggler {display: block;}}

.navbar {
    width: 100%!important;
    display: inline-block;
}


#main-nav {
    flex: none!important;
    position: relative;
    top:-37px;
    justify-content:flex-start!important;
}


@media(max-width:767px){#main-nav {top:0px;}}

#main-nav li a {
    font-size: 16px!important;
    color: #c81111 !important;
    font-family: "PT Sans" !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-transform: none!important;
}

#main-nav .navbar-nav{
   margin-left: -7.6px!important;
}

@media(max-width:767px){#main-nav .navbar-nav {margin-left: 0px!important;}}

#submenu {
    height: 135px;
    min-width: 250px;
    background-image: url(images/gitarre.png);
    background-repeat: no-repeat;
    background-position: left 0px;
}

@media(max-width:992px){#submenu {min-width: 180px; height: 115px;}}

@media(max-width:767px){#submenu {min-width: 80px; height: 80px; background-image: none;}}


#socialmenu {
    position: absolute;
    bottom: -33px;
    right: 0px;
    display: block;
    min-width: 100px;
}

@media(max-width:767px){#socialmenu {bottom: 15px; right: 0px;}}

a i {
    float: right;
    margin-left: 6px;
    text-decoration: none!important;
}

@media(max-width:767px){a i {margin-left: 3px;}}

@media(max-width:767px){a i.fab.fa-instagram  {margin-left: ;}}


.fab.fa-facebook-f {
    display: block;
    line-height: 33px;
    width: 33px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #3b5998;
    border-radius: 100px;
}

@media(max-width:767px){.fab.fa-facebook-f {line-height: 20px; width: 20px;font-size: 11px;}}

.fab.fa-soundcloud {
    display: block;
    line-height: 33px;
    width: 33px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #ff3a00;
    border-radius: 100px;
}

@media(max-width:767px){.fab.fa-soundcloud {line-height: 20px; width: 20px;font-size: 11px;}}

.fab.fa-instagram {
    display: block;
    line-height: 33px;
    width: 33px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #c81111;
    border-radius: 100px;
}

@media(max-width:767px){.fab.fa-instagram {line-height: 20px; width: 20px;font-size: 11px;}}

.fab.fa-spotify {
    display: block;
    line-height: 33px;
    width: 33px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #1ED761;
    border-radius: 100px;
}

@media(max-width:767px){.fab.fa-spotify {line-height: 20px; width: 20px;font-size: 11px; margin-left:0px;}}

/***************** Sub-Menu *****************/

#submenu {
    position: relative;  
}

.submenu_wrapper {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

@media(max-width:992px){.submenu_wrapper  {top: 40px; bottom: unset;}}


#nav_menu-2,
#nav_menu-4{
    float: right;
    margin-bottom: 0px;
}


#submenu .nav {
    display: inline-block!important;
    flex-direction: unset!important;
 
}

#submenu .nav li {
    float: right;
}

@media(max-width:992px){#submenu .nav li {float: none; text-align: right;}}


#submenu .nav li a {
    padding: 0.5rem;
    font-size: 16px;
    color: #c81111 !important;
    font-family: "PT Sans" !important;
    font-style: normal !important;
    font-weight: 700 !important;
    background-color: transparent!important;
}

#submenu .nav li a:hover {
    background-color: transparent;
}


#submenu .nav li:first-child a {
    padding-right: 0px!important;
}

@media(max-width:992px){#submenu .nav li a {padding: 0px;}}

@media(max-width:768px){#submenu .nav li a {font-size: 25px; margin-top: -3px; font-weight: 500!important;}}

@media(max-width:768px){#submenu .nav .menu-item-40, #submenu .nav .menu-item-39, #submenu .nav .menu-item-246, #submenu .nav .menu-item-247 {display: none!important;}}




/***************** Header-Image *****************/


.container.header .row{
       display: block!important;
}

@media(max-width:767px){.container.header   {padding: 0 0px;}}

.container_wrapper {
    position: relative;
    padding: 0 15px;
}

@media(max-width:767px){.container_wrapper  {padding: 0 0px;}}

row.header-image {
    position: relative;
    width: 100%;
}

.header-image img {
    display: block;
    width: 100%!important;
    height: auto!important;
}

.header-text {
    position: absolute;
    bottom: 10%;
    left: 0px;
    color: #fff!important;
    height: auto;
    width: 100%;
    text-align: center;
}

.header-text a {
    color: #c81111;
    font-weight: 700;
}


@media(max-width:767px){.header-text{font-size: 2vw; bottom: 0%;}}

.wp-block-image.plectrum figcaption a {
    font-size: 20px!important;
    white-space: nowrap;
    color: #c81111!important;
    text-decoration: none;
}

.header-text p,
.header-text h1,
.header-text h2,
.header-text h3,
.header-text h4,
.header-text h5,
.header-text h6{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.header-text p {
    font-size: 2rem;

}


.header-text h1{
    font-size: 4rem;
}

@media(max-width:767px){.header-text h1 {font-size: 3rem;!important;}}

.header-text h2{
    font-size: 3.5rem!important;
}

@media(max-width:767px){.header-text h2{font-size: 2.5rem!important;}}

.header-text h3{
    font-size: 3.2rem!important;
}

@media(max-width:767px){.header-text h3 {font-size: 2.2rem;!important;}}

.header-text h4{
    font-size: 3rem!important;
}

@media(max-width:767px){.header-text h4 {font-size: 2rem;!important;}}

.header-text h5{
    font-size: 2.8rem!important;
}

@media(max-width:767px){.header-text h5 {font-size: 1.8rem;!important;}}

.header-text h6{
    font-size: 2.4rem!important;
}

@media(max-width:767px){.header-text h6 {font-size: 1.4rem;!important;}}

/***************** Footer-Menu *****************/


.widget_nav_menu .nav li a {
    text-align: right;
    padding: 0.5rem;
    font-size: 16px;
    color: #c81111 !important;
    font-family: "PT Sans" !important;
    font-style: normal !important;
    font-weight: 700 !important;
    background-color: transparent!important;
}

@media(max-width:767px){.widget_nav_menu .nav li a {text-align: center;}}

#footer-widget .widget_nav_menu {
    margin-bottom: 0px;
}

#menu-item-103, #menu-item-104, #menu-item-250, #menu-item-248{
    display: none;
}

@media(max-width:767px){.widget_nav_menu .nav .menu-item {display: inline-block!important;}}



/***************** Plektrum-Menu *****************/

.wp-block-column {
    margin-left: auto!important;
    margin-right: auto!important;
}

.wp-block-image.plectrum figcaption {
    font-size: 20px!important;
    white-space: nowrap;
    font-weight: 700;
    color: #c81111!important;
}

.home .wp-block-column {
    flex-basis: 50%;
}


/******************** Events ********************/

.wp-block-columns.has-2-columns.events {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    color: #c81111;
}

.wp-block-columns.has-2-columns.events .wp-block-column {
    flex-basis: calc(100% - 20px)!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
    margin-bottom: 0!important;
  

}

.wp-block-columns.has-2-columns.events .wp-block-column.date{
    flex-basis: calc(20% - 0px)!important;
    flex-direction: column;
    align-items:flex-start;
    margin-bottom: 0!important;
    font-weight: 700;

}

.wp-block-columns.has-2-columns.events .wp-block-column p {
    margin-bottom: 0px!important;
}


/******************** Merch ********************/

.merch_button {
    margin-top: 12%;
}

p.merch_rot  {
    color: #c81111;
}


/******************** Kontakt-Form ********************/


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 100%;
}


/******************** Footer ********************/



@media(max-width:767px){.col-12.col-md-4 {height: 0px; }}

.col-12.col-md-4:last-child {
    height: unset;
}



@media(max-width:767px){.navbar-default ul.menu li a {font-size: 14px; padding: 15px 15px;}}
@media(min-width:768px){.navbar-default ul.menu li a {font-size: 12px; padding: 15px 5px;}}
@media(min-width:992px){.navbar-default ul.menu li a {font-size: 14px; padding: 15px 10px;}}
@media(min-width:1200px){.navbar-default ul.menu li a {font-size: 16px; padding: 15px 20px;}}