/*
Theme Name: QaS Partner
Author: Timo Ihnken
Author URI: http://www.timoihnken.de
Description: Die Unterseite der Kooperationspartner für die Website des Quartierszentrums am Sonnenplatz e. V. in Kattenturm.
Dieses Theme dient ausschließlich zur Darstellung der Inhalte der Kooperationspartner auf einer Unterseite.
Das zweite Theme qas-homepage stellt die Startseite der Website dar.
Version: 2019
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats
Text Domain: qua_partner

qas_partner WordPress Theme © 2011-2019 TidyThemes
qas_partner is distributed under the terms of the GNU GPL
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}

input[type=text], input[type=search],input[type=submit], button {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

*, *::after, *::before {
  box-sizing: border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimiseLegibility;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  -o-hyphens:auto;
  hyphens:auto;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 100%;
  line-height: 1.2;
  background-color: #2BBDEF;
  background-attachment: fixed;
}


h1, h2, h3, h4, h5, h6 {
  color:#d0021b;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color:#d0021b;
  text-decoration:none;
}
h1 {
  font-size:2em;
  font-weight:900;
  margin-bottom:1em;
}
h2 {
  font-size:1.5em;
  font-weight:900;
  margin-bottom:0.5em;
  margin-top: 0.5em;
}
h3 {
  font-weight:900;
  font-size:1.2em;
  color:#707070;
  margin-top: 0.5em;
}
h4 {
  font-weight:600;
  font-size:1em;
}
p {
  margin-bottom: 1em;
}
strong {
  font-weight:700;
}
em {
  font-style: italic;
}
img {
  max-width:100%;
  height:auto;
}

blockquote {
  border-left: 5px solid #707070;
  padding-left:1em;
  margin-bottom: 1em;
}
cite {
  color:#707070
}
a {
  color:#000;
}
ol {
  list-style-type: decimal;
  margin-left: 2em;
  margin-bottom: 1em;
}
article ul {
  list-style-type: disc;
  margin-left: 2em;
  margin-bottom: 1em;
}

/*  WP Styles */

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail
{
max-width: 100%;
height: auto;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{
clip:rect(1px, 1px, 1px, 1px);
position:absolute !important
}

.post-edit-link {
  display:none;
}

/* Layout */
.header-wrapper {
  border-bottom:5px solid #f5a623;
  background: #fff;
  margin-bottom: 20px;
}
#header {
  overflow:hidden;
}
#logo {
  width:80%;
  margin:20px auto;
}
.footer-wrapper {
  border-top:5px solid #f5a623;
  border-bottom: 20px solid #f5a623;
  background: #fff;
  margin-top: 20px;
}
#header, #footer {
  max-width:1300px;
  margin:0 auto;
}
#footer, #container {
  padding: 0 20px; /*Abstand zum Rand auf Smartphone und Tablet*/
}
.single-partner #header,
.single-partner #footer,
.single-partner #content{
	max-width:1300px;
}
#sun {
  position: absolute;
  top:300px;
  right:5%;
  z-index:-100;
}
#content {
  background: #FFFFFF;
  padding:20px;
  margin:0 auto;
  min-height: 800px;
}
article {
  max-width:700px;
}
section.center {
    margin:20px auto;
    max-width:980px;
	position:relative;
}
section.cards {
  display:flex;
  display: -webkit-flex; /* Safari */
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  flex-wrap: wrap;
  }/* front-page*/

.start_aktuelles {
  background-color: #eee;
  overflow: hidden;
}
.start_veranstaltungen {
  background-color: #fff;
  overflow: hidden;
}
#footer {
  height:250px;
  background: url('images/Sonnenplatz-Skulptur.png') bottom center no-repeat;
  padding:2em 20px 700px;
}
nav#menu {
  overflow:hidden;
}

.teaser {
	display:flex;
	margin-bottom:1em;
}
.teaser_content h2 {
	margin-top:0;
}
.teaser_image {
  width:300px;
  padding-right: 20px;
}
.teaser_image img {
  object-fit: contain;
}

/* Navigation */

#menu-hauptmenue li a {
      display:block;
      background:#d0021b;
      color:#fff;
      text-decoration:none;
      padding:15px;
}
#menu-hauptmenue ul li a {
      background-color: #900;
}
#menu-impressum li a {
      background: #f5a623;
      color:#fff;
      text-decoration: none;
      padding:5px;
      border-radius:5px;
      line-height: 2.5
}

/* Responsive Navigation */
.menu-btn-container {
  display: flex;
  justify-content: flex-end;
  align-items:center;
  background: #d0021b;
  height: 60px;
  padding: 0 10px 10px;
}
.menu-btn {
  display:inline-block;
  cursor: pointer;
  position: relative;
  height: 20px;
  text-indent: -9999em;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after{
    position: absolute;
    right:0;
    background-color: #ffffff;
    display: block;
    width: 40px;
    height: 5px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.menu-btn span:before,
.menu-btn span:after {
    content: "";
}
.menu-btn span {
    top: 10px;
}
.menu-btn span:before {
    top: -10px;
    z-index: 10;
    -webkit-transform-origin: 33% 100%;
    -moz-transform-origin: 33% 100%;
    -ms-transform-origin: 33% 100%;
    transform-origin: 33% 100%;
}
.menu-btn span:after {
    -moz-transform-origin: 33% 0;
    -ms-transform-origin: 33% 0;
    -webkit-transform-origin: 33% 0;
    transform-origin: 33% 0;
    top: 10px;
}
.menu-open .menu-btn span,
.menu-open .menu-btn span:before,
.menu-open .menu-btn span:after {
    background-color: transparent;
}
.menu-open .menu-btn span:before {
    -moz-transform: rotate(45deg);
    -ms-transform: translateY(7px) translateX(1px) rotate(45deg);
    -webkit-transform: translateY(7px) translateX(1px) rotate(45deg);
    transform: translateY(7px) translateX(1px) rotate(45deg);
    background-color: #ffffff;
}
.menu-open .menu-btn span:after {
    -moz-transform: translateY(3px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-3px) translateX(1px) rotate(-45deg);
    -webkit-transform: translateY(-3px) translateX(1px) rotate(-45deg);
    transform: translateY(-3px) translateX(1px) rotate(-45deg);
    background-color: #ffffff;
}
#menu ul {
  display: none;
}
#menu.menu-open ul {
  display: block;
  border-top:1px solid #900;
}
#menu.menu-open ul li a {
  border-bottom: 1px solid #900;
}
#menu.menu-open ul ul li a {
  border-bottom: 1px solid #600;
}
#menu.menu-open ul li:last-child a {
  border: none;
}
#menu.menu-open ul ul {
  border-top:none;
}
#menu.menu-open ul ul li:last-child a {
  border-bottom: 1px solid #900;
}

/* Navigation Kooperationspartner */

#sidebar {
  display: none; /* Auf Smartphone und Tablet ausblenden wegen Platz */
}
#sidebar #menu-kooperationspartner {
  width:280px;
}

#sidebar #menu-kooperationspartner li {
    border:1px solid #FFFFFF;
    width: 260px;
    margin-bottom: 5px;
}
#sidebar #menu-kooperationspartner li a {
    display:block;
    color:#555;
    background: #FFFFFF;
    font-weight:bold;
    text-decoration:none;
    padding:10px;
}
#sidebar #menu-kooperationspartner li a:hover {
    background:#ccc;
}
#sidebar .menu-item-18 a { border-left:6px solid #bfaed3;} /* Aufsuchende Altenarbeit Obervieland */
#sidebar .menu-item-19 a { border-left:6px solid #dd3333;} /* BREBAU */
#sidebar .menu-item-71 a { border-left:6px solid #184582;} /* Bremer Heimstiftung Stadtteilhaus Kattenturm */
#sidebar .menu-item-72 a { border-left:6px solid #aa1124;} /* Martinsklub in Kattenturm */
#sidebar .menu-item-73 a { border-left:6px solid #bae15a;} /* Rotheo Café und Bistro */
#sidebar .menu-item-74 a { border-left:6px solid #f5a623;} /* Quartiersmanagement Kattenturm und Arsten-Nord */

/*
*
* Für das Kooperationspartnermenü muss zu den Links jeweils eine Klasse hinzugefügt werden!!
*
*/

#sidebar .altenarbeit a { border-left:6px solid #bfaed3; } /* Aufsuchende Altenarbeit Obervieland */
#sidebar .brebau a { border-left:6px solid #ccc7c1; } /* BREBAU */
#sidebar .heimstiftung a { border-left:6px solid #184582; } /* Bremer Heimstiftung Stadtteilhaus Kattenturm */
#sidebar .martinsclub a { border-left:6px solid #aa1124; } /* Martinsclub in Kattenturm */
#sidebar .rotheo a { border-left:6px solid #bae15a; } /* Rotheo Café und Bistro */
#sidebar .quartiersmanagement a { border-left:6px solid #f5a623; } /* Quartiersmanagement Kattenturm und Arsten-Nord */


/* Startseite */
.card {
  width:300px;
  height:380px;
  background:#fff;
  margin-right:20px;
  margin-bottom: 20px;
}
.card--image {
  height:250px;
  width:300px;
}
.card--stripe {
  width:100%;
  height:20px;
}
.card--title {
  padding:20px;
  font-size:1.1em;
  font-weight:700;
}
.card--title a {
    color:#444;
    text-decoration:none;
}
.card--title a:hover {
  text-decoration: underline;
}
.more {
  color:#fff;
  background:#f5a623;
  display:inline-block;
  font-weight:bold;
  border-radius:5px;
  padding:10px;
  text-decoration: none;
}
.show_all {
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	padding:10px 20px;
	border-radius:10px;
	background:grey;
	color:#fff;
	text-decoration:none;
	font-weight:700;
}

.calsheet {
	border:1px solid grey;
	border-radius:10px;
	overflow:hidden;
  display: inline-block;
}
.calsheet_month {
	background:#d0021b;
	color:#fff;
	font-weight:bold;
	padding:5px;
	width:70px;
	text-align:center;
}
.calsheet_day {
	background:#fff;
	display:block;
	width:70px;
	text-align:center;
	font-size:2em;
	color:#2BBDEF;
	padding:5px;
}

/* Unterseite Kooperationspartner*/

#kp-widgets {
  margin-top: 20px;
}
.kp_header {
  margin-bottom: 2em;
}
.kp_image {
  display: none;
}
.kp_logo {
  padding: 20px;
}
.kp_url {
  display: block;
}
#kp-widgets .widget_nav_menu li a {
	display:block;
	text-decoration:none;
	padding:10px 20px;
	margin-bottom:5px;
	background:#ffffff;
	font-weight:bold;
}
#kp-widgets .widget_nav_menu li a:hover {
	text-decoration:underline;
}
#kp-widgets .widget-title {
  margin-bottom: 1em;
}
#kp-widgets .widget_text {
	padding: 20px;
	background: #ffffff;
}
.widget-container {
  margin-bottom: 10px
}

/* ===== Tribe Events ============= */

.post-type-archive-tribe_events header.header,
.single-tribe_events header.header {
  display: none; /* Seitentitel '…' auf Eventlisten und Detailansicht ausblenden */
}

/* =====Social media Icons ==========*/

.simple-social-icons ul li {
  margin:0 !important;
  margin-right:6px !important;
}

@media screen and (min-width:368px) {
    #logo {
      width: auto;
      margin: 20px;
    }
}
@media screen and (min-width:700px) {
  #header, #footer {
    max-width: 1024px;
  }
  .kp_header {
    display:flex;
    width:100%;
  }
  .kp_image {
    max-height:250px;
    display: block;
  }
  .kp_logo {
    flex:1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
  #footer {
    display:flex;
    justify-content: space-around;
    padding-left:200px;
    padding-bottom: 20px;
    background-position: bottom left;
  }
  .footer-widget {
    margin-right:20px;
    margin-bottom: 1em;
  }
}
@media screen and (min-width:1024px) {
  .threecolumns {
    margin:0 auto;
    display:flex;
    flex-direction:row;
    max-width:1300px;
  }

  #header {
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
    padding:20px;
  }
  #logo {
    margin: 0;
  }
  .menu-btn-container {
    display:none
  }
  #menu.menu-open ul {
    border:none;
  }
  #menu.menu-open ul li a {
    border:none
  }
  #menu ul {
    display: block;
  }
  #menu-hauptmenue li {
    float:left;
  }
  #menu-hauptmenue li a {
    border-radius: 5px;
    margin-right:10px;
  }
  #menu-hauptmenue .sub-menu {
    position:absolute;
    z-index:100;
    display:none;
    box-shadow:3px 3px 8px #888;
  }
  #menu-hauptmenue .sub-menu li {
    float:none;
  }
  #menu-hauptmenue .sub-menu li a {
    border-radius:0;
    margin-right:0;
    border-bottom:1px solid #fff;
    background: #d0021b;
  }
  #menu-hauptmenue .sub-menu li:last-child a {
    border:0;
  }
  #menu-hauptmenue li.menu-item-has-children:hover > .sub-menu {
      display:block;
    }
  #menu-hauptmenue li.menu-item-has-children > a:after {
      content: "\25bc";
    font-size:10px;
    margin-left:5px;
  }
  #kp-widgets {
    width: 300px;
    margin-left: 20px;
    margin-top:0;
  }
}
@media screen and (min-width:1300px) {
    #sidebar {
      display:block;
    }
    #content {
      max-width: 700px;
    }
    #header, #footer {
      max-width: 1300px;
    }
}