/*
 Theme Name:   JointsWPChild
 Description:  Child Theme
 Author:       Anika Strobach
 Author URI:   https://stroberry.de
 Template:     JointsWP-CSS-master
 Version:      1.0
 Text Domain:   JointsWPChild
*/

/******************************************************************
Theme Name: JointsWP - CSS
Theme URI: http://www.jointswp.com
Description: Anpassung RuT Wohnen
Author: Anika Strobach
Author URI: https://www.stroberry.de
Version: 4.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

/* fonts css einbinden */

@import url('fonts.css');


body,
header,
footer,
button,
input,
select,
textarea,
p,
li {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.7;
    color: rgb(68, 68, 68);
}

/* Ueberschriften */

h1,
h2,
h3,
h4,
h5,
h6,
h1.page-title,
h1.entry-title {
    font-family: 'Raleway', sans-serif !important;
	 font-weight: 500;
}

h1,
h1.page-title,
h1.entry-title {
    color: rgb(128, 0, 128);
	font-size: 2.25rem;
    font-weight: 600;
    padding-bottom: .1em;
    margin-bottom: .6em;
    padding-top: .5em;
    hyphens: auto;
}

.h2,
h2,
.h2 a,
h2 a {
   color: rgb(68, 68, 68);
	font-size: 2rem !important;
    padding-bottom: .1em;
    margin-bottom: .6em;

}

p + h2,
p + h3 {
    margin-top: 1em !important;
}


.h3,
h3,
.h3 a,
h3 a {
font-size: 1.625rem !important;    

}

.h4,
h4,
.h4 a,
h4 a {
   font-size: 1.5rem !important;
}

.widget h4.widgettitle {
    font-size: 1.5rem;
    border-top: 1px solid rgb(208, 208, 208);
    padding-top: 1em;
}
.widget:first-of-type h4.widgettitle {
    border-top: none;
    padding-top: 0;
}

.h5,
h5,
.h5 a,
h5 a {
   font-size: 1.25rem !important;
}

.h6,
h6,
.h6 a,
h6 a {
   font-size: 1rem !important;
    font-weight: 600;
}

@media screen and (max-width: 39.9988em) {
    h1,
    h1.page-title,
    h1.entry-title {
        font-size: 1.75rem !important;
    }
    .h2,
    h2,
    .h2 a,
    h2 a {
        font-size: 1.375rem !important;
    }
    .h3,
    h3,
    .h3 a,
    h3 a {
        font-size: 1.25rem !important;
    }
    .h4,
    h4,
    .h4 a,
    h4 a {
        font-size: 1.125rem !important;
    }
}
/* Achtung*/
.warning {
	color: rgb(128, 0, 128);
	font-weight: 600;
}
/* Links */

a:link,
a:visited,
a:active,
a:focus {
    color: rgb(128, 0, 128);
}

a:hover {
    color: rgb(236, 174, 128);
}

/* Clear */

.clear {
    clear: both;
}

/* Off Canvas */

.off-canvas {
    padding-top: 3em;
}

.off-canvas ul.menu ul.submenu li {
    padding-left: 2em;
}
.off-canvas li.current_page_item a, .off-canvas li.current-menu-parent a {
	background: rgb(128, 0, 128);
    color:rgb(255, 255, 255);
}
.off-canvas a:hover {
	color: rgb(236, 174, 128);
}
.off-canvas a:focus {
	color: rgb(68, 68, 68);
}

/*Top-bar */

header.header .top-bar,
header.header .top-bar ul {
    background: rgb(128, 0, 128);
}

#top-bar-menu .top-bar-left {
    flex-grow: 0 !important;
}

#top-bar-menu .top-bar-left .menu {
    flex-direction: row;
}

#top-bar-menu .top-bar-right {
    flex-grow: 0 !important;
}

/* Top-bar-groesse in small */

@media screen and (max-width: 63.9375em) {
    header.header .top-bar .top-bar-left {
        flex-basis: 80%;
    }
    header.header .top-bar .top-bar-right {
        flex-basis: 10%;
        margin-right: 1em;
    }
}

/* Topbar Raender rechts und links*/

header.header .top-bar {
    padding: 1em;
}


@media screen and (min-width: 63.9375em) and (max-width: 94em) {
    header.header .top-bar {
        padding: 1.5em 1em 1.5em 2em;
    }
}

@media screen and (min-width: 93.9375em) {
    header.header .top-bar {
        padding: 1.5em 8em;
    }
}

/* Titel und Logo */

#top-bar-menu .top-bar-left ul.menu li.logo img {
    max-width: 110px;
}

#top-bar-menu .top-bar-left ul.menu li.logo a {
    padding: 0 1em 0 0;
}

header.header .top-bar li.titel a {
    font-family: 'Raleway', Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: rgb(255, 255, 255);
    padding-bottom: 0;
    padding-left: 0;
}

@media screen and (min-width: 78em) {
    header.header .top-bar li.titel a {
        font-size: 28px;
    }
}

@media screen and (min-width: 40em) and (max-width: 46.9375em) {
    header.header .top-bar li.titel a {
        font-size: 20px;
    }
}

@media screen and (max-width: 39.9375em) {
    header.header .top-bar li.titel a {
        font-size: 22px;
    }
}

@media screen and (max-width: 63.9375em) {
    header.header .top-bar li.titel a {
        padding-top: 15px;
    }
}

/* User Way */

@media screen and (min-width: 64em) {
    body .userway.userway_p1 {
        top: 30px !important;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    body .userway.userway_p1 {
        top: 20px !important;
    }
}

/* Button und Link */

header.header .top-bar .hide-for-large ul.menu {
    align-items: center;
    justify-content: flex-end;
}

header.header .top-bar button.menu-icon::after {
    background: rgb(255, 255, 255);
    -webkit-box-shadow: 0 7px 0 rgb(255, 255, 255), 0 14px 0 rgb(255, 255, 255);
    box-shadow: 0 7px 0 rgb(255, 255, 255), 0 14px 0 rgb(255, 255, 255);
}

header.header .top-bar button.menu-icon:hover::after {
    background: rgb(236, 174, 128);
    -webkit-box-shadow: 0 7px 0 rgb(236, 174, 128), 0 14px 0 rgb(236, 174, 128);
    box-shadow: 0 7px 0 rgb(236, 174, 128), 0 14px 0 rgb(236, 174, 128);
}

header.header ul.menu li a::after {
    color: rgb(236, 174, 128);
}

/* Headerbild Abstand und in voller Breite */

header .header-image {
    margin-bottom: 2em;
}

@media screen and (max-width: 39.9375em) {
    header .header-image {
        margin-bottom: .5em;
    }
}

header .header-image img {
    width: 100%;
}

/* Hauptnavigation */

header ul.dropdown.menu a {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    padding-left: 1em;
    padding-right: 1em;
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    header ul.dropdown.menu a {
        font-size: 16px;
        padding-left: .3em;
        padding-right: .3em;
    }
}

header ul.dropdown.menu a:link,
header ul.dropdown.menu a:visited,
header ul.dropdown.menu a:active,
header ul.dropdown.menu a:focus {
    color: rgb(255, 255, 255);
}

header ul.dropdown.menu a:hover,
header ul.dropdown.menu li.current-menu-item a,
header ul.dropdown.menu li.current_page_parent a {
    color: rgb(236, 174, 128);
}

/* Pfeil aendern */

@media screen and (min-width: 40em) {
    header .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:hover::after {
        border-color: rgb(236, 174, 128) transparent transparent;
    }
    header .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        border-color: rgb(255, 255, 255) transparent transparent;
    }
    header .dropdown.menu.medium-horizontal > li.active > a::after {
        border-color: rgb(236, 174, 128) transparent transparent;
    }
}

/* Submenu */

header ul.dropdown.menu ul.submenu li a {
    color: rgb(255, 255, 255);
    padding-left: 2.3em;
    font-size: 14px;
}

/* Erster Menupunkt */

header ul.dropdown.menu li:first-of-type ul.submenu li a {
    padding-left: .8em;
    font-size: 14px;
}

header .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu,
header .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu,
header .dropdown.menu > li.opens-left > .is-dropdown-submenu {
    right: auto;
}

header ul.dropdown.menu ul.submenu li a:hover,
header ul.dropdown.menu ul.submenu li.current-menu-item a {
    color: rgb(236, 174, 128);
}

header .menu .active > a {
    color: rgb(236, 174, 128);
    background: transparent;
}

/* Inhaltsbereich */

.content {
    padding-top: .5em;
    padding-bottom: 2em;
}

/* kleinere Schrift */

.small {
    font-size: 80%;
}
main .img-border {
    border: 1px solid rgba(0, 0, 0, .1);
}

/* Posts */

article.post-25 ul li {
    border-top: .2em solid rgb(236, 174, 128);
    border-image: 100% 0 0 linear-gradient(90deg, rgb(236, 174, 128) 10em, transparent 0);
    padding-top: 3em;
	margin-top: 0rem
}

article.post-25 ul li:first-of-type {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

main p.byline {
    font-style: italic;
    font-size: .75rem;
}



/* Galerie/Galerie-Block */

.gallery {
    max-width: none !important;
}
.wp-block-gallery.columns-3 figure, .wp-block-gallery.columns-2 figure {
	align-items: center;
}

@media screen and (max-width: 39.9375em) {
    .wp-block-gallery .blocks-gallery-item {
        margin-right: 0;
    }
    .gallery.gallery-columns-2 > dl,
    .wp-block-gallery .blocks-gallery-item {
        width: 100% !important;
    }
    .gallery.gallery-columns-3 > dl.gallery-item {
        width: 100% !important;
    }
	.wp-block-gallery.columns-3 figure, .wp-block-gallery.columns-2 figure {
		justify-content: center;
	}
}

figcaption {
    font-size: 12px;
}
/* Display Posts im Inhaltsbereich */
main ul.display-posts-listing {
    margin-left: 0;
}
main ul.display-posts-listing li.listing-item {
    list-style: none;
}
main ul.display-posts-listing li.listing-item > a:first-child {
    font-size: 30px;
}
main ul.display-posts-listing a.title {
	line-height: 1.4;
}

/* Callout */
.callout {
    border-radius: 5px !important;
    padding: 0 !important;
}
.callout h3 {
    background: rgb(128, 0, 128);
    color: rgb(236, 174, 128);
}
.callout p, .callout h3 {
    padding: .6rem !important;
}

/* Spenden Akkordion */
.spenden h2 {
    font-size: 1.5rem !important;
    color: rgb(128, 0, 128);
}
.spenden h2:hover {
    color: rgb(20, 104, 160);
}
.spenden figcaption {
    font-size: 1.125rem;
    color: rgb(20, 104, 160);
    font-weight: bold;
    margin-bottom: 0;
}
.spenden .wp-block-image {
    margin-bottom: 0;
}
.paypal {
    display: flex;
   justify-content: center;
    align-items: center;
   text-align: center;
    padding: 1rem .5rem;
    margin-bottom: .5rem;
     border-radius: 5px;
     border: 1px solid rgb(236, 174, 128);
   }
   
   .paypal:hover  {
       background: rgb(248, 248, 248);
   }

   
.paypal .dashicons {
	display: inline;
} 
.paypal a {
	font-size: 1.125rem;	
 	font-weight: 600;
}
.paypal .dashicons-bank {
	font-size:2.5rem;
	font-weight: 400;
} 


/* Spendenformular
.spenden_form form.wpcf7-form {
    padding: 15px;
    border: 1px solid rgb(128, 0, 128);
    border-radius: 5px;
    background: rgb(248, 248, 248);
}
 */

 
 .spenden_form .wpcf7-list-item.first {
    margin-bottom: 1.5rem;
 }
.spenden_form span.wpcf7-list-item-label {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 400;
}
}
.spenden_form form.wpcf7-form p {
    margin-left: 2rem;
}
.spenden_form p.stufen {
	margin-bottom: 2.5rem;
    font-size: 1.125rem;
}
.spenden_form input {
    margin-right: .5rem;
}
/* Schenken Formular */
.schenken label {
    font-size: 1.125rem;
}
@media screen and (min-width:64em){
    .schenken input, .schenken textarea {
        width: 60%;
    }
}



/* Einruecken */
.spenden_form .checkbox-stufenpartnerschaft label {
	margin-left: 2rem;
}
.spenden_form .checkbox-stufenpartnerschaft input {
	margin-left: -1.8rem;
}


@media screen and (min-width: 40rem){
    .spenden_form label span.wpcf7-list-item-label {
        font-size: 1.5rem;
    }

.ueberweisung a, .lastschrift a {
	font-size: 1.25rem;
	}
	.ueberweisung .dashicons-bank {
	font-size: 2rem;
	font-weight: 400;
} 
} 
@media screen and (min-width: 64rem) {
    .spenden_form label span.wpcf7-list-item-label {
        font-size: 1.5rem;
    }
    .spenden_form p.stufen {
        font-size: 1.25rem;
    }
.ueberweisung .dashicons-bank {
	font-size: 2.75rem;
	font-weight: 400;
} 
}
.ueberweisung a:hover {
	color: rgb(20, 104, 160);
}


@media screen and (max-width: 63.9988em) {
    .stufen-form .paypal, .stufen-form .lastschrift {
        margin-bottom: 1rem;
    }
}

/* Sidebar */
.sidebar .widget ul li a, .sidebar {
    display: block;
	font-size: 1.125rem;
}
.sidebar .widget {
    padding-bottom: 1.5em;
}
.sidebar form.give-form {
	margin-bottom: 0;
}
div.sidebar {
    padding-top: 1.5em;
    background: rgb(248, 248, 248);
}
.sidebar .widget li {
    hyphens: auto;
	padding-bottom: 1em;
	line-height: 1.4;
}

/* Display Posts im Widgetbereich */
/* Category Posts */
span.date {
	display: block;
	font-size: .75rem;
	font-style: italic;
}

@media screen and (min-width: 40em) {
/* Abstand Titel */
aside.unterstuetzerinnen h3.widget-title {
	margin-bottom: 1em;
}
	aside.unterstuetzerinnen {
		margin-top: 2rem;
	}
	aside.newsletter  {
		margin-bottom: 2rem;
	}
}


/* Social Media */
aside.fb {
	margin-top: 1rem;
	margin-bottom: .5rem;
}

aside .dashicons-facebook, main .dashicons-facebook, aside .dashicons-instagram, main .dashicons-instagram, aside .dashicons-twitter, main .dashicons-twitter  {
	font-size: 3rem;
	margin-right: 2rem;
	padding-bottom: 2rem;
}
main .dashicons-facebook, main .dashicons-indtagram, main .dashicons-twitter {
	margin-bottom: 4rem;
}
/* Formular */

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: none;
}

.wpcf7-form label {
    color: rgb(100, 100, 100);
}

/* AGBs nicht eingerückt */

span.wpcf7-list-item {
    margin-left: 0;
}

.agb .wpcf7-list-item input {
    margin-right: 10px;
}

input.button,
input.button[disabled],
input.button.disabled,
a.button, button.give-btn,
a.wp-block-button__link, a.wp-element-button {
    color: rgb(255, 255, 255);
    background-color: rgb(128, 0, 128) !important;
	border-radius: 5px;
	padding: .6em .8em;
	margin-top: .5em;
	font-weight: bold;
}

input.button:focus,
input.button:hover,
input.button[disabled]:hover,
input.button.disabled:hover,
a.button:focus,
a.button:hover, .give-btn:hover, a.wp-element-button:hover {
    background-color: rgb(236, 174, 128) !important;
}

div.wpcf7-response-output {
    padding-left: 0;
    margin-left: 0;
}

/* Abstand Amazon Bild */
.widget img.smile {
	padding-top: .5em;
	padding-bottom: .5em;
}

/* Progress Bar */
.progress {
   height: 2rem !important;
}
.progress .progress-meter {
    background: rgb(128, 0, 128);
}
.progress .progress-meter-text {
    font-size: 1.5rem;
}
/* Tabelle Startseite */
.table_start tbody {
    background-color: transparent;
    border: none;
}
.table_start tbody tr:nth-child(2n) {
    background:transparent;
}
.table_start td:first-of-type {
    hyphens: auto;
    white-space: nowrap;
}
.table_start td {
    vertical-align: top;
}
/* Fussbereich */

footer.footer {
    background: rgb(128, 0, 128);
    padding: 2em 0 1em;
    color: rgb(255, 255, 255);
}

footer.footer a,
footer.footer p,
footer.footer li {

    color: rgb(255, 255, 255);
}

footer.footer p.copyright {
    padding-top: .7em;
}

@media screen and (min-width: 40em) {
    footer.footer ul.menu {
        display: block;
        float: left;
    }
}

footer.footer ul.menu a:link,
footer.footer ul.menu a:visited,
footer.footer ul.menu a:active,
footer.footer ul.menu a:focus {
    padding-left: 0;
    color: rgb(255, 255, 255);
}

/* Abstand Foerderinnen */
aside.foerderin  {
    margin-top: 1em;
}
/* Unterstuetzerinnen */
footer.footer ul#menu-footermenue-2 a {
    line-height: 1.4;
}

footer.footer ul.menu a:hover,
footer.footer ul.menu .active > a, footer.footer a:hover {
    background: none;
    color: rgb(236, 174, 128);
}

@media screen and (max-width: 39.9375em) {
    footer.footer ul.menu li:first-child a {
        padding-left: 0;
    }
    footer.footer {
        padding-top: 1.5em;
    }
    footer.footer ul.menu {
        flex-direction: column;
    }
    footer.footer .widget_custom_html,
    footer.footer .widget_nav_menu, footer.footer .widget_give_forms_widget {
        margin-bottom: 1.5em;
        padding-bottom: 1rem
    }
}
@media screen and (max-width: 40em) {
    .sticky {
    position: fixed;
    top: 0;
    }
}