/*
Theme Name: spd2017
Theme URI: http://holzeisen.de/spd2017/
Author: Thomas Holzeisen
Author URI: http://holzeisen.de/spd2017/
Description: Responsives Design für SPD Orts- und Kreisverbände, Weiterentwicklung von spd2014. Empfohlene Plugins: "Shariff Wrapper" (Jan-Peter Lambeck & 3UU), "The Events Calendar" (Modern Tribe, Inc.) und "Lightbox"
Version: 0.0.7
License: GNU General Public License
Tags: spd, responsive

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into 
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. 
Thomas Holzeisen http://holzeisen.de (C) 2014-2017

Twitter Bootstrap 


*/

/* SPD Override */

/* Schriften */

@font-face
{
    font-family: 'SPD TheSans';
    src: url(fonts/SPDTheSans_TT5.eot?#iefix) format('embedded-opentype'), url(fonts/SPDTheSans_TT5.woff) format('woff'), url(fonts/SPDTheSans_TT5.ttf) format('truetype'), url(fonts/SPDTheSans_TT5_.svg#SPDTheSans_TT5) format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face
{
    font-family: 'SPD TheSans Bold';
    src: url(fonts/SPDTheSans_TT7.eot?#iefix) format('embedded-opentype'), url(fonts/SPDTheSans_TT7.woff) format('woff'), url(fonts/SPDTheSans_TT7.ttf) format('truetype'), url(fonts/SPDTheSans_TT7_.svg#SPDTheSans_TT7) format('svg');
    font-style: normal;
    font-weight: bold;
}

@font-face
{
    font-family: 'SPD TheSans Italic';
    src: url(fonts/SPDTheSans_TT5i.eot?#iefix) format('embedded-opentype'), url(fonts/SPDTheSans_TT5i.woff) format('woff'), url(fonts/SPDTheSans_TT5i.ttf) format('truetype'), url(fonts/SPDTheSans_TT5i.svg#SPDTheSans_TT5i) format('svg');
    font-style: italic;
    font-weight: normal;
}

@font-face
{
    font-family: 'SPD TheSans Bold Italic';
    src: url(fonts/SPDTheSans_TT7i.eot?#iefix) format('embedded-opentype'), url(fonts/SPDTheSans_TT7i.woff) format('woff'), url(fonts/SPDTheSans_TT7i.ttf) format('truetype'), url(fonts/SPDTheSans_TT7i.svg#SPDTheSans_TT7i) format('svg');
    font-style: italic;
    font-weight: bold;
}

@font-face
{
    font-family: 'SPD TheSans Black';
    src: url(fonts/SPDTheSans_TT9.eot?#iefix) format('embedded-opentype'), url(fonts/SPDTheSans_TT9.woff) format('woff'), url(fonts/SPDTheSans_TT9.ttf) format('truetype'), url(fonts/SPDTheSans_TT9.svg#SPDTheSans_TT9) format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url('fonts/SourceSansPro-Regular.otf.woff2') format('woff2'), url('fonts/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro Bold';
  font-style: normal;
  font-weight: bold;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('fonts/SourceSansPro-Bold.otf.woff2') format('woff2'), url('fonts/SourceSansPro-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Sans Pro Italic';
  font-style: italic;
  font-weight: normal;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url('fonts/SourceSansPro-It.otf.woff2') format('woff2'), url('fonts/SourceSansPro-It.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro Bold Italic';
  font-style: italic;
  font-weight: bold;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url('fonts/SourceSansPro-BoldItIt.otf.woff2') format('woff2'), url('fonts/SourceSansPro-BoldIt.ttf') format('truetype');
}


body
{
    font-family: 'Source Sans Pro', "Verdana", sans-serif;

/*    font-family: "SPD TheSans", "Verdana", sans-serif; */
    font-size: 15px;
    color: #333333;
    word-wrap: break-word;
}

/* Typographie */

hr
{
    border: none;
    clear: both;
    height: 2px;
    background-color: #356a8a;
    width: 50%;
}

a
{
    color: #B71C3E;
    text-decoration: none;
}

a:focus, a:hover
{
    color: #356a8a;
    text-decoration: underline;
}

ul.children li {    list-style: none }


h1, h2, h3, h4, h5, h6, th
{
    font-family: "SPD TheSans Bold", "Verdana", sans-serif;
    font-style: normal;
    font-weight: bold;
}

em
{
    font-style: italic;
    font-weight: normal;
}

 strong em, em strong
 {
     font-style: italic;
     font-weight: normal;
 }

h1, h2, h3, h4, h5, h6 {    color: #356a8a }

h1 {    font-size: 1.75em }

h2
{
    font-size: 1.25em;
    margin-top: 1em;
}

h3 {    font-size: 1.2em }

footer ul
{
    list-style: none;
    padding-left: 0px;
}

 footer ul li
 {
     background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNpiZEADhzll+YGUAZT7wPb744foahhhjANcsvJAqoHhP0MCmpoHQFUFDt8eb0TRtIdbVh/IOABkCjDgAP+BBrp8fdwI1rSDR4YfqOECkK0g5u3O8OfjJ4Z3R47j0hjg8eXJRqa/QAYQKwAxA7eeFoPJ9lUMxttWMfDbWDCAxNBwA0gzUNP/gD9AM0D4H9REYVtLBvPtqxnMQJptLRhg8kC1Bht5pfmZ/jAyCAAxAwj/Y0R1Dkiz1bbVDJZAzCYvA1YDtM2A5Q+Swn9Y/PH10WOG+8tWMXx6/AQcbED0geUv439QIDiAPcr4H6745ZFjDLemz2F4unUncuR8iPz47CIL0LoJQKUFMJteABVf7ugDasIaggvg+ufzS/YDqQI2fj6GX8AgxwEuMDEwOsR/fPYR7qM5AhCNuDQAFTokf3j+ESUZgcBMAUn5/wz/E2B+BCchYErJ+PBiIbI6gAADAGMbhH5n+aiLAAAAAElFTkSuQmCC') no-repeat 0 2px;
     padding-left: 20px;
 }

.page-title, .sidebar .widget-title {    text-transform: uppercase }

.more-link {    white-space: nowrap }

#content h1,
#content h2 {
	text-transform: uppercase;
	padding-bottom: 0.25em;
	margin-bottom: 0.25em;
}


#content p {
	font-size:18px;
}

/* article and page titles  */

.page-header {
    border-bottom: none; 
    position: relative;
    padding-bottom: 0.5em;
}

@media (min-width: 992px) {    
    .page-header {
        padding-left: 32px;
        padding-right: 32px;        
    }
}

.page-title {
    margin-bottom: 0px !important;
    text-align: center;
    font-size: 2.2em;
}

.page-title a:hover,
.page-title a:active,
.page-title a:focus {
    text-decoration: none;
}

.page-title:after {
    content: "";
    width: 50%;
    display: block;
    height: 2px;
    background: #356a8a;
    margin: 0 auto 0 auto; 
}

.page-header .entry-meta {
    text-align: center;
    color: #666;
    padding-top: 0px; 
/*    border-top: 2px solid #356a8a; */
}

.edit-button-div {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* entry content  */

.entry-content {
    padding-bottom: 2em;
}

@media (min-width: 992px) {    
    .entry-content {
        padding-left: 32px;
        padding-right: 32px;
    }
}

/* entry comments footer */
.comments-link {
    text-align: center;
}

@media (min-width: 992px) {    
    footer.entry-meta {
        padding-left: 32px;
        padding-right: 32px;        
    }
}


footer.entry-meta:before {
    content: "";
    width: 50%;
    display: block;
    height: 2px;
    background: #356a8a;
    margin: 0 auto 5px auto; 
}

/* Post Thumbnail Caption */

.post_thumb_wrapper {
    margin-bottom: 32px;
}

@media (min-width: 768px) {    

    .post_thumb_wrapper {
        position: relative;
    }
    .post_thumb_caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
    }
}

.post_thumb_portrait {
    max-width: 33%;
    margin-right: 16px;
    margin-bottom: 16px;
    float: left;
    
}

@media (max-width: 768px) { 
	.post_thumb_portrait h3 {  max-width: 50%; }
}


.post_thumb_caption {
    background-color: rgba(196,0,15,0.75);
    color: #fff;
    padding: 8px;
}


/* Images and wp-captions should always fit and be responsive */

img
{
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.wp-caption
{
    position: relative;
}

 .wp-caption .wp-caption-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(196,0,15,0.75);
    color: #fff;
    padding: 8px;
    text-align: center;
 }


/* sticky articles */

article.sticky {
	background-color: #D0DCE8;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

/* articles */


/* featured articles */

.featurearticle-heading {
    text-align: center;
    font-size: 2em;
}

.featurearticle-heading:after {
    content: "";
    width: 50%;
    display: block;
    height: 2px;
    background: #356a8a;
    margin: 0 auto 5px auto; 
}

.featurearticle-posts h2,
.featurearticle-stickyposts h2 {
    text-align: center;
    font-size: 1.5em;    
}

.featurearticle-posts h2 a:hover,
.featurearticle-posts h2 a:active,
.featurearticle-posts h2 a:focus,
.featurearticle-stickyposts h2 a:hover,
.featurearticle-stickyposts h2 a:active,
.featurearticle-stickyposts h2 a:focus {
    text-decoration: none;
}
/* misc typography */


.alert-info
{
    background-color: #d0dce8;
    border-color: #356a8a;
    color: #000;
}

 .alert-info hr {    border-top-color: #a6e1ec }

 .alert-info .alert-link {    color: #c4010f }

.pager li > a
{
    border-radius: 4px;
    border-color: #356a8a;
}

/* Plugins */

/* Shariff forced css */

article .page-header .shariff ul {
    justify-content: center !important;
    align-items: center  !important;
}
.tribe-events-list-widget-events {
    padding: 1em 0;
}

.tribe-events-widget-link, .tribe-events-list-widget ol {    padding-left: 0em }

 .tribe-events-list-widget ol li {    margin-bottom: 0px }

  .tribe-events-list-widget ol li .entry-title
  {
      font-family: "SPD TheSans", "Verdana", sans-serif;
      margin-bottom: 0px;
      font-size: 15px;
  }

  .tribe-events-list-widget ol li .duration
  {
      font-weight: normal;
      margin-bottom: 10px;
  }

  
/* NavBar */

.site-navigation {    background-color: #e2001a }

 .site-navigation .container
 {
     padding-top: 10px;
     padding-bottom: 10px;
     /* 	margin-bottom: 1em; */
 }

 .site-navigation .navbar
 {
     min-height: 0px;
     margin-bottom: 0px;
     font-size: 1.1em;
     text-transform: uppercase;
     font-family: "SPD TheSans","Trebuchet MS",sans-serif;
 }

 .site-navigation .nav > li > a
 {
     padding: 0.5em 0.5em;
     margin-right: 0.25em;
 }

 .site-navigation .navbar-toggle
 {
     margin-top: 0;
     margin-bottom: 0;
     padding: 0.5em 0.5em;
 }

.navbar-spd .navbar-header {    margin-bottom: 0.25em }

.navbar-spd
{
    background-color: transparent;
    border: none;
}

.navbar-spd .navbar-brand { padding: 10px 0px; font-family: 'SPD TheSans'; font-size: 20px;}
.navbar-spd .navbar-brand a,
.navbar-spd .navbar-brand a:hover,
.navbar-spd .navbar-brand a:focus,
.navbar-spd .navbar-brand a:active { padding: 10px 15px; color: #fff; text-decoration: none; }
 

 .navbar-spd .navbar-brand:hover, .navbar-spd .navbar-brand:focus
 {
     color: #fff;
     background-color: transparent;
 }

 .navbar-spd .navbar-text {    color: #fff }

 .navbar-spd .navbar-nav > li > a {    color: #fff }

 .navbar-spd .navbar-nav > li > a:hover, .navbar-spd .navbar-nav > li > a:focus
 {
     color: #fff;
     background-color: #B71C3E;
 }

 .navbar-spd .navbar-nav > .active > a, .navbar-spd .navbar-nav > .active > a:hover, .navbar-spd .navbar-nav > .active > a:focus
 {
     color: #fff;
     background-color: #B71C3E;
 }

 .navbar-spd .navbar-nav > .disabled > a, .navbar-spd .navbar-nav > .disabled > a:hover, .navbar-spd .navbar-nav > .disabled > a:focus
 {
     color: #cccccc;
     background-color: transparent;
 }

 .navbar-spd .navbar-toggle
 {
     border-color: #fff;
     border-radius: 0px;
     /*   color: #000; */
 }

 .navbar-spd .navbar-toggle:hover, .navbar-spd .navbar-toggle:focus {    background-color: #B71C3E }

 .navbar-spd .navbar-toggle .icon-bar {    background-color: #fff }

 .navbar-spd .navbar-form
 {
     margin: 0px;
     padding: 0px;
 }

 .navbar-spd .navbar-nav > .open > a, .navbar-spd .navbar-nav > .open > a:hover, .navbar-spd .navbar-nav > .open > a:focus
 {
     color: #fff;
     background-color: #B71C3E;
 }

 .navbar-spd .dropdown-toggle {    cursor: pointer }

 .dropdown-menu {
     padding: 0 0;
 }
 
.dropdown-menu li a {
    background-color: #e2001a;
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    white-space: nowrap;
    color: #ffffff;
    text-decoration: none;
}

.dropdown-menu li a:focus,
.dropdown-menu li a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    background-color: #B71C3E;
    color: #ffffff;
    
}


.dropdown-menu ul {    list-style: none }

@media (max-width: 767px) { 
	.navbar-spd .navbar-form
	{
	    margin-left: 15px;
	    margin-right: 15px;
	}
}


.navbar-spd .navbar-link {    color: #fff }

.navbar-spd .navbar-link:hover {    color: #333333 }

.navbar-spd .form-control
{
    border-color: #ffffff;
    box-shadow: 0px;
    border-radius: 0px;
}

/* fix bootstrap for searchform  */
.navbar-spd .input-group {
    width: 100%;
}

.navbar-spd .input-group .input-group-btn {
    width: 34px;
}

.nav-tabs {
	border-bottom: 3px solid #D0DCE8;
	text-transform: uppercase;
	font-family: "SPD TheSans","Trebuchet MS",sans-serif;
	font-weight: bold;
}

.nav-tabs > li {
	margin-bottom: -3px;
}

.nav-tabs > li > a {
	border: 3px solid transparent;
}

.nav-tabs > li.active > a {
	background-color: #D0DCE8;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	border-top-color: #D0DCE8;
	border-right-color: #D0DCE8;
	border-left-color: #D0DCE8;
	border-width: 3px;
	background-color: #D0DCE8;
}

.btn-navsearch
{
    color: #ffffff;
    background-color: #e2001a;
    border-color: #ffffff;
    border-radius: 0px;
}

.btn-navsearch:hover, .btn-navsearch:focus, .btn-navsearch:active, .btn-navsearch.active
{
    color: #ffffff;
    background-color: #B71C3E;
    border-color: #ffffff;
}

.btn-navsearch:active, .btn-navsearch.active {    background-image: none }

.btn-primary
{
    background-color: #356a8a;
    border-color: #357ebd;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary
{
    background-color: #9CBBCD;
    border-color: #356a8a;
}

/* Sidebar and Widgets */

.sidebar
{
    background-color: #d0dce8;
    padding: 0px;
    padding-bottom: 1em;
}

.widget
{
    border-top: 4px solid rgb(255, 255, 255);
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
}

.sidebar .widget:first-child {
    border-top: 0;
}

 .widget li a
 {
     margin-left: 0px;
     padding-left: 0.25em;
     padding-right: 0.25em;
 }

.widget_recent_comments ul
{
    list-style: none;
    padding-left: 0px;
}

 .widget_recent_comments ul li
 {
     margin-left: 0px;
     padding-left: 0.25em;
     padding-right: 0.25em;
     padding-bottom: 0.5em;
 }

.tagcloud {    padding: 5px 0px }

/* Widget - Midglied Werden */


.bySPDBecomeMemberWidget
{
    margin: 0px;
    padding: 0px;
    background-color: #e2001a;
    margin-bottom: 0px !important;
    text-align: right;
}

 .bySPDBecomeMemberWidget div { }

 .bySPDBecomeMemberWidget h3
 {
     color: #ffffff;
     margin: 0px;
     padding: 0px;
     font-size: 1.4em;
     text-transform: uppercase;
 }

 .bySPDBecomeMemberWidget p
 {
     font-family: "SPD TheSans Italic", "Verdana", sans-serif;
     font-style: italic;
     font-weight: normal;
     font-size: 1.2em;
     margin: 0px;
     padding: 0px;
 }

 .bySPDBecomeMemberWidget a
 {
     display: block;
     color: #ffffff;
     text-decoration: none;
     padding: 1em;
 }

 .bySPDBecomeMemberWidget a:focus, .bySPDBecomeMemberWidget a:hover, .bySPDBecomeMemberWidget a:visited
 {
     color: #ffffff;
     text-decoration: none;
 }

 /* Widget - Claim mit Link */


.bySPDClaimedLinkWidget
{
    margin: 0px;
    padding: 0px;
    background-color: #e2001a;
    margin-bottom: 0px !important;
    text-align: right;
}

 .bySPDClaimedLinkWidget div { }

 .bySPDClaimedLinkWidget h3
 {
     color: #ffffff;
     margin: 0px;
     padding: 0px;
     font-size: 1.4em;
     text-transform: uppercase;
 }

 .bySPDClaimedLinkWidget p
 {
     font-family: "SPD TheSans Italic", "Verdana", sans-serif;
     font-style: italic;
     font-weight: normal;
     font-size: 1.2em;
     margin: 0px;
     padding: 0px;
 }

 .bySPDClaimedLinkWidget a
 {
     display: block;
     color: #ffffff;
     text-decoration: none;
     padding: 1em;
 }

 .bySPDClaimedLinkWidget a:focus, .bySPDClaimedLinkWidget a:hover, .bySPDClaimedLinkWidget a:visited
 {
     color: #ffffff;
     text-decoration: none;
 }

 
/* Widget Bild mit Link */

.bySPDImagedLinkWidget {
	padding: 0px;
	margin: 0px;
}

.bySPDImagedLinkWidget img {
margin-left: auto;
margin-right: auto;
}

.bySPDImagedLinkWidget h5 {
    padding-left: 1em; 
    padding-right:  1em;
}

.bySPDImagedLinkWidget div {
    text-align: center;
    font-weight: bold;
    padding-bottom: 1em;
}




@media (max-width: 1199px) { 
	.bySPDBecomeMemberWidget h3 {    font-size: 1.1em }
}

/* Page Setup */

.equalize { }

.main-content .container {    padding-bottom: 0px }

#content {    padding-bottom: 1em }

.pull-left {
  margin-right: 15px;
}

/* Header */

#masthead .container
{
    padding-bottom: 0px;
    position: relative;
}

.site-header-inner
{
    height: 200px;
    background-color: #B71C3E;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.site-header-title
{
    position: absolute;
    top: 1em;
    left: 2em;
    z-index: 90;
}

 .site-header-title h1
 {
     font-size: 3em;
     text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
     color: #ffffff;
 }

  .site-header-title h1 a {    color: #ffffff }

  .site-header-title h1 a:focus, .site-header-title h1 a:active, .site-header-title h1 a:hover {    text-decoration: none }

 .site-header-title h2
 {
     margin-top: 0em;
     font-size: 1.5em;
     font-family: 'SPD TheSans Italic';
     text-shadow: 2px 2px 1px rgba(0,0,0,0.8);
     color: #ffffff;
 }

#logo
{
    margin-top: 1em;
}

 #logo img
 {
/* nichts besonderes */
 }

@media (max-width: 767px) { 

	.site-header-inner {    height: 100px }
	.site-header-title {    font-size: 0.5em }

	#logo img
	{
	    width: 80px;
	    height: 80px;
	}

}

/* Footer */

footer#colophon
{
    border-top: 40px solid #356a8a;
    background-color:  #d0dce8;
    padding-bottom: 1em;
}

/* Alignment */

.alignnone {
    display: table;
}

.alignleft
{
    display: inline;    
    float: left;
    margin-right: 1.5em;
}

.alignright
{
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter
{
    clear: both;
    display: table;
    margin: 0 auto;
}

/* WP Gallery */

.gallery {    margin-bottom: 1.5em }

 .gallery a img
 {
/*     border: 1px solid #75A0BA !important;
     border-radius: 4px;
     padding: 4px;
     background-color: #D0DCE8 !important; */
     height: auto;
      max-width: 100%;
 }

 .gallery dd {    margin: 0 }

/* Misc */

embed, iframe, object {    max-width: 100% }

.screen-reader-text
{
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus
{
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

.hentry {    margin: 0 0 1.5em }


.tab-content * ul {
	padding-left: 0px;
}

@media (min-width: 782px) {    
    .navbar-fixed-desktop {

    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    border-width: 0 0 1px;
    }

    body {
        padding-top: 55px;
    }
    .admin-bar .navbar-fixed-desktop { 
        top:32px; 
    }
    
}