/*
Theme Name: Gruene Heidelberg
Description: Grüne Heidelberg
Author: minti
Template: unicon
Version: 1.0
*/

/*
Colors:
7BD137 light green
5AA532 medium green, logo background
09311d dark green
ffe000 yellow
EE177C pink

*/
/*
@import url("../unicon/style.css");


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

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-Regular.eot');
    src: url('fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PTSans-Regular.woff2') format('woff2'),
        url('fonts/PTSans-Regular.woff') format('woff'),
        url('fonts/PTSans-Regular.ttf') format('truetype'),
        url('fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-BoldItalic.eot');
    src: url('fonts/PTSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PTSans-BoldItalic.woff2') format('woff2'),
        url('fonts/PTSans-BoldItalic.woff') format('woff'),
        url('fonts/PTSans-BoldItalic.ttf') format('truetype'),
        url('fonts/PTSans-BoldItalic.svg#PTSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

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

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

.logo {
	width:170px;
}

.wpcf7-form .wpcf7-submit {
    background: #5AA532;
}


#fullimagecenter h1, #transparentimage h1, #fullimagecenter .title-h1, #transparentimage .title-h1  {
	/*font: 700 42px Arvo, Arial, Helvetica, sans-serif !important;*/
	font: 700 42px "PT Sans", Arial, Helvetica, sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
}

#fullimagecenter h1, #fullimagecenter .title-h1 {
    padding: 260px 0 20px 0;
}


/* 
Keine Beschriftung unter dem Banner auf der Spendenseite. Das geht nicht mit display:none, 
weil die Größe des Banners von der Schrift abhängt. Also totale Transparenz. Das mögen wir Grüne ja.
*/

.page-id-22736 #fullimagecenter h1 {
	color: rgba(255, 255, 255, 0) !important;
}

@media (max-width:991px){
	.page-id-22736 #fullimagecenter {
		background-image: url(https://www.gruene-heidelberg.de/wp-content/uploads/2022/03/Header-Spenden_mobil.jpg) !important;
	}
	.page-id-22736 #fullimagecenter h1 {
		font-size:1px;
		color: rgba(255, 255, 255, 0) !important;
	}
}


#sidebar .widget ul li a {
    color: #333333;
}

.tribe-events-notices {
	background-color: #b7f993;
	color: #09311d;
	margin-bottom:30px;
	text-shadow: none;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
    background-color: #5AA532;
}

#tribe-geo-results h2.tribe-events-page-title, h2.tribe-events-page-title {
    font-weight: 400;
}

h2.tribe-events-page-title {
    font-size: 26px;
    font-weight: 700;
    text-align: left;
}

h4.tribe-event-title {
	font-weight:400;
	font-family: "PT Sans", Arial;
}

.tribe-events-list-widget .tribe-events-list-widget-events {
    padding: 0 !important;
}

.latest-blog .blog-item .blog-item-description {
    padding: 15px 0px 15px 0px !important;
}

.latest-blog .blog-item {
    margin: 0 0px 0px 0px !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #09311d;
    opacity: 1;
}

.owl-theme .owl-controls .owl-nav .owl-next {
    right: -30px;
}

.owl-theme .owl-controls .owl-nav .owl-prev {
    left: -30px;
}
.owl-theme .owl-controls .owl-nav .owl-prev:after {
    color: #09311d;
}

.owl-theme .owl-controls .owl-nav .owl-next:after {
    color: #09311d;
}

h2.wpb_heading {
	margin-top:10px;
}

#footer {
    padding: 40px 0 0px 0;
}

.type-tribe_events h2 {
    /*font: 400 24px Arvo, Arial, Helvetica, sans-serif !important;*/
	font: 400 24px "PT Sans", Arial, Helvetica, sans-serif !important;
}

h2.tribe-events-page-title {
	display:none;
}

#brantner_kasten {
	border: solid 1px #09311d;
	padding: 10px;
	border-radius: 5px;
	background-color: #ceffb2
}

#header.header-v1, #mobile-header {
	background-color: #008939 !important!;
	/*background-color: none !important;
	background-image: url("/wp-content/uploads/2017/08/bg2-2015.jpg") !important;*/
}

.topbar-col2 {
	font-size:15px;
}

.box {
	padding:30px !important;
}

.box.style-3 {
    color: #333333 !important;
    border: solid 1px #09311d !important;
    background: #ceffb2 !important;
}

/* Make Spenden menu item pink */
li.menu-item-15891 a {
	background-color:#EE177C !important;
	color:#ffffff !important;
	padding: 8px;
}
li.menu-item-15891 a:hover {
	color:#ffe000 !important;
}

/* Make checkboxe one each line */
span.wpcf7-list-item {
display:block;
}

/* Portfolio filter */
.portfolio-filters ul li {
    display: none !important;
}

.portfolio-detail h1, .portfolio-detail-description h1 {
	display:none !important;
}

.single-portfolio #content {
    padding-top: 20px;
    padding-bottom: 40px;
}

.portfolio-item {
    margin-bottom: 20px !important;
}

.portfolio-subtitle {
	display:none;
}

.number_count {
	color: #ffe000;
    /*font-family: Arvo,arial;*/
	font-family: "PT Sans",arial;
    font-size: 6.2vw;
    font-weight: 700;
    position: absolute;
    text-align: center;
    top: 15px;
    vertical-align: middle;
    width: 100%;
    z-index: 999;
}
#navigation ul li.show-in-mobile {display:none;}

/** responsive **/

@media (max-width:1199) {


}
@media (max-width:991) {


}
@media (max-width:767px){

	#fullimagecenter {max-height:210px !important;}
	#fullimagecenter h1, #fullimagecenter .title-h1 {font-size:20px !important;padding: 100px 0 20px 0 !important;}
	#content {padding-top:10px !important;}
	#navigation ul li.show-in-mobile {display:block;}
	.number_count { font-size:21vw;}
}

body.single-wahlcountdown #fullimagecenter {
	background-image: url( /wp-content/uploads/2017/08/titelbild_wahlcountdown_processed.jpg ) !important;
}

/* Hide filter, it is confusing */
#tribe-events-bar {
	display:none !important;
}

#navigation > ul > li > a  {
	/*font: 700 17px 'Arvo', Arial, Helvetica, sans-serif !important;*/
	font: 700 17px 'PT Sans', Arial, Helvetica, sans-serif !important;
}

body {
	font: 400 16px 'PT Sans', Arial, Helvetica, sans-serif !important;
}

#footer .widget h3 {
	/*font: 700 13px 'Arvo', Arial, Helvetica, sans-serif !important;*/
	font: 700 13px 'PT Sans', Arial, Helvetica, sans-serif !important;
}
#sidebar .widget h3 {
	/*font: 700 14px Arvo, Arial, Helvetica, sans-serif !important;*/
	font: 700 14px 'PT Sans', Arial, Helvetica, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
	/*font-family: 'Arvo', Arial, Helvetica, sans-serif !important;*/
	font-family: 'PT Sans', Arial, Helvetica, sans-serif !important;
}
h1{
	font-size: 28px !important;
}
h2{
	font-size: 24px !important;
}
h3{
	font-size: 18px !important;
}
h4,
h5,
h6{
	font-size: 16px !important;
}

.tribe-events-sub-nav li a {
    background: #5aa532;
}

#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous {
    width: 50%;
}

.a1_plakate img {
	border: dotted 1px #666;
}




#header #navigation > ul > li > a{ text-transform: uppercase; }

#footer .widget h3{ text-transform: uppercase; letter-spacing: 1px; }
#sidebar .widget h3{ text-transform: uppercase; letter-spacing: 1px; }

#header #navigation > ul > li.megamenu > ul > li > a{ letter-spacing: 1px; font-size: 14px; }

#header #navigation > li >  a{ text-transform: uppercase; letter-spacing: 1px; }

.postid-4815 .portfolio-detail-title,
.postid-4770 .portfolio-detail-title{ display: none; }

h6{ font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }

.font-special{ text-transform:uppercase; }
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a{ text-transform: uppercase; }
.pricing-plan .pricing-plan-head h3{ text-transform: uppercase; font-size: 16px; }

.pricing-plan .pricing-price span.pricing-amount{ font-size:42px; font-weight: 300; }

.customclass1 .social-icon a{ background: #efefef; color: #333333; }
.customclass1 .social-icon a:hover{ background: #1cbac8; color: #ffffff; }

@media only screen and (max-width: 959px) {
    @media only screen and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-pixel-ratio: 1) {
        .fontweight-300{ font-weight: 400 !important; }
    }
}

@media (max-width: 768px) {
	.hideundertablet{ display: none; }
	#topbar {background:#09311d !important;line-height:25px;}
	.logo {width:150px !important;}
	.logo img {max-width:100% !important;}
}

.features-box img{
    border-radius: 4px;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.03);
    margin-bottom: -20px;
}

.borderbutton a{
	border:1px solid #1cbac8 !important;
	padding: 10px 20px !important;
	margin-top: -11px !important;
	border-radius: 3px;
	margin-right: 15px !important;
	margin-left: 5px !important;
	color: #1cbac8 !important;
}

.borderbutton a:hover{
    background: #333333 !important;
    border-color:#333333 !important;
    color:#ffffff !important;
}

#header.header-transparent .borderbutton a{
	border: 1px solid rgba(255,255,255,0.5) !important;
	color: #ffffff !important;
}

.tp-caption a {
    color: #222222;
    border-bottom: 4px solid #1cbac8;
}

.tp-caption a:hover {
    color: #1cbac8;
    border-bottom-color: transparent;
}

.no-transform{ text-transform: none; }

.twingleBodyWrapper {
	background-color: #F5FFF0;
}