/*
Theme Name: Europa der Bürger
Theme URI: http://www.europaderbuerger.de
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Hind:400,300,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700);

body {
	font-family: 'Fira Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	margin-top: -25px;
	padding-top: 0;
}


/*-------------------------------*/
/* STYLE NAVIGATION */
/*-------------------------------*/
.navbar {
	background-color: rgba(70,10,10,0.8);
}

.navbar {
	margin-bottom: 0 !important;
}

.navbar-default {
	border: 0; 
}

.navbar-default .navbar-nav>li>a {
	color: white;
	font-size: 20px;
	font-weight: 600;
	transition: all 0.5s;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #ff0000;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent;
	border: 0;
	color: #ff0000;
}

#content {padding-top: 0;}

.socialicons {
	padding-top: 11px;
}

.socialicons i {color: white; padding-left: 20px; transition: all 0.5s;}

.socialicons i:hover {color: #ff0000;}


/*-------------------------------*/
/* STYLE TYPO  */
/*-------------------------------*/

h1 {
	font-size: 65px;
	color: #000;
	font-weight: 700;
	font-family: 'Fira Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;

}

h2 {
	font-size: 40px;
	color: #000;
	font-weight: 700;
	font-family: 'Fira Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

a {color: #ee0000;}

a:hover, a:focus {color: #ff0000; text-decoration: none;}

ul {padding-left: 15px;}


/* Quiz fragen */
.wpProQuiz_questionListItem label {font-size: 1.2em;}

.wpProQuiz_questionList {padding: 20px !important; margin-bottom: 50px !important;}

/*-------------------------------*/
/* STYLE PROGRESSBAR  */
/*-------------------------------*/

.vc_progress_bar .vc_single_bar {
	border: 2px solid #1e78b4;
}


.vc_progress_bar .vc_single_bar, .vc_bar {
	box-shadow: none !important;
	border-radius: 20px !important;
	height: 40px !important;
}

.vc_bar {
	border: 3px solid white;
	height: 35px !important;
}

.vc_progress_bar .vc_single_bar .vc_label {
	padding-top: 0.25em !important;
}


.vc_progress_bar .vc_single_bar .vc_label span {
	font-size: 20px; font-weight: 700; color: white;
}


/*-------------------------------*/
/* STYLE SignUp Button  */
/*-------------------------------*/

.signup .vc_btn3.vc_btn3-size-lg {
	font-size: 32px;
	font-weight: 700;
	color: white;
}
.signup .vc_btn3.vc_btn3-color-primary, .signup .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
	background-color: #ee0000;
	border: 2px solid #c70000;
}

.signup .vc_btn3.vc_btn3-shape-rounded {
	border-radius: 20px;
}

.vc_btn3.vc_btn3-color-primary:hover, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-primary:focus, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:focus {
	background-color: #ff0000 !important;
}
.signup .typcn:before {
	font-size: 1.5em;
}

/*-------------------------------*/
/* STYLE Newsletter Button  */
/*-------------------------------*/

.newsletter .vc_btn3.vc_btn3-size-lg {
	font-size: 24px;
	font-weight: 700;
	color: white !important;
}
.newsletter .vc_btn3.vc_btn3-color-default, .newsletter .vc_btn3.vc_btn3-color-default.vc_btn3-style-flat {
	background-color: #414142;
	border: 2px solid #2c2c2d;
}

.newsletter .vc_btn3.vc_btn3-shape-rounded {
	border-radius: 20px;
}

.vc_btn3.vc_btn3-color-default:hover, .vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-default:focus, .vc_btn3.vc_btn3-color-default.vc_btn3-style-flat:focus {
	background-color: #565656 !important;
}
.newsletter .typcn:before {
	font-size: 1.2em;
}


/*-------------------------------*/
/* STYLE Latest Post on HOME  */
/*-------------------------------*/

.latest-post .vc_gitem-zone-a {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.latest-post .vc_gitem-zone-c {
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

h4 {
	color: #000;
	font-family: 'Fira Sans', 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
}

/*.vc_gitem-animated-block .vc-gitem-zone-height-mode-auto-1-1 {
	max-height: 200px;
}
*/

.weiterlesen a {
	font-size: 18px !important;
	text-transform: uppercase;
	font-weight: 600;
}

.weiterlesen .vc_btn3.vc_btn3-size-md {
	padding-top: 8px; padding-bottom: 8px;
}

.vc_btn3.vc_btn3-color-primary, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
	background-color: #ee0000 !important;
}

.weiterlesen .vc_general.vc_btn3:hover, .vc_general.vc_btn3:focus {
	background-color: #ff0000 !important;
}

.weiterlesen .vc_btn3.vc_btn3-style-custom {background-image: none !important;}


/*-------------------------------*/
/* STYLE Normal Mid Button */
/*-------------------------------*/
.vc_btn3.vc_btn3-size-md {
	font-size: 18px !important;
	text-transform: uppercase;
	font-weight: 600;
}


/*-------------------------------*/
/* STYLE Footer */
/*-------------------------------*/

#main article {margin-bottom: 0 !important; padding-bottom: 0 !important;}
#main article footer {min-height: 0 !important;}

/*-------------------------------*/
/* STYLE Blog Post */
/*-------------------------------*/

.lead {font-size: 18px;}

.page-header {margin-top: 0;}
.page-header h1 {margin-top: 0;}



/*-------------------------------*/
/* EXTRA STYLES  */
/*-------------------------------*/

.shadow-blue h1 {
	text-shadow: 0px 3px 1px rgba(30, 120, 180, 1);
}

.shadow-blue {
	text-shadow: 0px 3px 1px rgba(30, 120, 180, 1);
}

.shadow-red h1 {
	text-shadow: 0 3px 1px #AF050F !important;
}

.shadow-dark-yellow h1 {
	text-shadow: 0 3px 1px rgba(0, 0, 0, 0.2) !important;
	color: #FFED00 !important;
}

.bigger {
	font-size: 23px;
}

.bigger em {font-size: 18px;}

.lighttext {
	color: white !important;
}

.lighttext a {
	color: #FFED00 !important;
}

.lighttext a:hover {text-decoration: underline;}

.spacer {margin-top: 80px;}

.headline h3 {
	font-size: 32px;
}

.white, .white h1, .white h2, .white h3 {color: white;}

.white .counter_prefix {color: white;}

.borderblog .vc_grid-item-mini {border: 1px solid lightgrey; border-radius: 10px; }


/*-------------------------------*/
/* GRAVITY FORM STYLE  */
/*-------------------------------*/

.checkbox-gravity #input_1_7 li {
	float: left;
	padding-right: 20px !important;
}

/* MEDIA QUERIES */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

    



}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }


/* Small devices (tablets, 600px and small) */
@media (max-width: 600px) {

   h1 {
	font-size: 45px;
	} 



}