/*
 Theme Name:    Kickers Horlofftal
 Theme URI:     https://kickers-horlofftal.de
 Description:   Mit dem WordPress Theme Kickers werden ganz einfach Anpassungen vom Theme azeria erstellt.
 Author:        Michael Gorgas
 Author URI:    https://kickers-horlofftal.de
 Template:      azeria
 Version:       1.0
*/

/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/

#behold {
width: 100%;
height: 100%;
text-align: center;
}

#logo_left {
width: 100px;
float: left;
}

#logo_right {
width: 100px;
float: right;
}

/*--------------------------------------------------------------
# Bilder Zoom
--------------------------------------------------------------*/

img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover {
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(4.0, 4.0);
 -moz-transform: scale(4.0, 4.0);
 -webkit-transform: scale(4.0, 4.0);
 -o-transform: scale(4.0, 4.0);
 -ms-transform: scale(4.0, 4.0);
 }

/*--------------------------------------------------------------
## Seiten Name
--------------------------------------------------------------*/

.site-name {
  font-family: 'Montserrat+Alternates', sans-serif;		
  font-size: 62px;
  font-size: 4.5rem;
  line-height: 1;
  font-weight: bolder;
  padding: 0;
  margin: 0;
  position: relative;
  max-width: 100%; }
  .site-name-link {
    text-decoration: none;
    color: #000000; }
    .site-name-link:hover, .site-name-link:active, .site-name-link:focus, .site-name-link:visited {
      color: #000000; }
  .site-name:after {
    content: "";
    height: 1px;
    background-color: #000000;
    width: 50%;
    min-width: 30px;
    margin: 10px auto 10px;
    display: block; }
 
.site-logo {
  float: left; }
 
.site-logo:after {
   height: 0px; }
   
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

 blockquote {
  border-left: 5px solid #c80826; }
   
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
 .button:hover,
 button:hover,
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover {
  background: #c80826; }
  
 input[type="number"]{
  padding: 0 0; }

 input[type="text"],
 input[type="email"],
 input[type="url"],
 input[type="password"],
 input[type="search"],
 input[type="number"] {
  padding: 2px 10px;
  width: 130px; }
  
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
  color: #c80826; }
  a:visited {
    color: #000; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
   
.main-navigation ul ul a:before {
   background: #c80826; }
   
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a,
.main-navigation ul ul .menu-hover > a,
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current_page_ancestor > a {
   color: #c80826; }
   
.main-navigation ul.menu > li > a:before,   
.main-navigation div.menu > ul > li > a:before {
   background: #c80826; }
   
.main-navigation ul.menu > li:hover > a, .main-navigation ul.menu > li.menu-hover > a, .main-navigation ul.menu > li.current_page_item > a, .main-navigation ul.menu > li.current-menu-item > a, .main-navigation ul.menu > li.current_page_ancestor > a,
.main-navigation div.menu > ul > li:hover > a,
.main-navigation div.menu > ul > li.menu-hover > a,
.main-navigation div.menu > ul > li.current_page_item > a,
.main-navigation div.menu > ul > li.current-menu-item > a,
.main-navigation div.menu > ul > li.current_page_ancestor > a {
   color: #c80826; }

button.menu-toggle:hover, button.menu-toggle:active, button.menu-toggle:focus {
    color: #c80826; }
    
.navigation.pagination .page-numbers.current {
      background: #c80826; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget-area .widget-title:after {
  background: #c80826; }
  
.widget_recent_entries ul li .post-date:before {
  color: #c80826;}
  
.widget_recent_entries ul li a:hover, .widget_recent_entries ul li a:active, .widget_recent_entries ul li a:focus {
  color: #c80826; }
  
.widget_recent_comments ul li .comment-author-link a:hover, .widget_recent_comments ul li .comment-author-link a:active {
  color: #c80826; }

.widget_archive ul li,
.widget_categories ul li {
    color: #c80826; }
 
.widget_archive ul li a:hover, .widget_archive ul li a:focus, .widget_archive ul li a:active,
.widget_categories ul li a:hover,
.widget_categories ul li a:focus,
.widget_categories ul li a:active {
    color: #c80826; }
    
.widget_tag_cloud .tagcloud a {
  border: 1px solid #c80826; }
  
.footer-widget-area .widget_tag_cloud .tagcloud a:hover, .footer-widget-area .widget_tag_cloud .tagcloud a:active {
  color: #c80826;
  border-color: #c80826;}
  
.widget_calendar table tbody td a {
  background: #c80826; }
  
.footer-widget-area .widget_calendar table tbody td a {
  color: #c80826; }

.footer-widget-area .widget_calendar table tbody td a:hover, .footer-widget-area .widget_calendar table tbody td a:active, .footer-widget-area .widget_calendar table tbody td a:focus {
  background: #c80826; }

.footer-widget-area .widget_calendar table tbody td a:visited {
  color: #c80826; }
  
/*--------------------------------------------------------------
# Custom boxes
--------------------------------------------------------------*/
  
.custom-box-follow-item > a {
  background: #c80826; }
  
/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/  

.slider-box .slick-prev:hover,
.slider-box .slick-next:hover,
.slider-box .slick-prev:active:hover,
.slider-box .slick-prev:focus:hover,
.slider-box .slick-next:active:hover,
.slider-box .slick-next:focus:hover {
  background: #c80826; }
      
.slider-box .slick-dots li button:hover {
  background: #c80826; }
  
.slider-box .slick-dots li.slick-active button {
  background: #c80826; }
  
.slider-banner-button {
  background: #c80826; }
  
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.page-header {
  border-bottom: 5px solid #c80826;
  background: #fff; }

.page-content {
  background: #fff;
  padding: 30px;
  margin: 0 0 30px 0; }

.entry-content,
.entry-summary {
  background: #fff; }  
  
.is-loop.format-quote .entry-content:before {
  color: #c80826; }
  
.entry-header {
  background: #fff;  }
      
.entry-title a:hover {
  color: #c80826; }
  
.entry-icon {
  background: #c80826; }
  
.entry-meta-item a:hover {
  color: #c80826; }
 
.entry-thumbnail a .link-marker,
.popup-gallery-item .link-marker,
.image-popup .link-marker { 
  background: #c80826; }
  
.is-loop.sticky .entry-header:after {
  border: 5px solid #c80826; }
  
.is-single .entry-footer {
  border-top: 1px solid #c80826; }
  
.entry-gallery-prev:hover, .entry-gallery-next:hover {
  background: #c80826; }
  
.error-404-num {
  color: #c80826; }
  
.product {
  padding: 30px;
  background: #fff;
  margin: 0 0 30px 0; }
  
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comments-title {
  border-bottom: 5px solid #c80826; }
  
.bypostauthor {
  border-top: 5px solid #c80826; }
  
.form-allowed-tags {
  border: 1px dotted #c80826; }