/*
Theme Name: Youropeans 2.0
Theme URI: https://youropeans.eu
Description: Youropeans 2.0 
Designer: Fleur Glansbeek
Author: Fleur Glansbeek
Author URI: https://fleurglansbeek.nl
Version: 2.0

*/


/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	overflow-y: scroll;
	line-height: 1;
	background-color:#fff;
}
ol, ul {
	list-style: disc inside;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*BODY CSS*/

#wpstats {
display: none;
}

li {
list-style: none;
}

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

em {
font-style: italic;
}

h2 {
font-family: 'Raleway';
font-weight: 700;
font-size: 30px;
line-height: 32px;
text-transform: uppercase;
letter-spacing: 1px;
color: #24a247;
margin-bottom: 15px;
}

h4 {
font-family: 'Raleway';
font-weight: 700;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
margin-bottom: 15px;
text-align: center;
clear:both;
}

h5 {
font-family: 'Raleway';
font-weight: 700;
font-size: 28px;
line-height: 28px;
text-transform: uppercase;
letter-spacing: 1px;
color: #24a247;
margin-bottom: 15px;
text-align: center;
clear:both;
}

header {
position: relative;
}

.map {
height: 175px;
background-image: url(//youropeans.eu/wp-content/uploads/2014/09/youropeans_bg.png);
background-color: #24a247;
background-repeat:repeat-x;
background-position:center;
top: 0;
clear:both;
margin: 0 auto;
}


/*
.topmenuwrapper, .submenuwrapper, .wrapper {
width: 100%;
margin: 0 auto;
float:none;
}
*/

.logo {
background-image: url(//youropeans.eu/wp-content/uploads/2014/09/youropeans_logo1.png);
background-size: contain;
background-repeat: no-repeat;
float: none;
height: 175px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-indent: -9999px;
max-width: 400px;
}

.mapsmall {
float: right;
}

/*hoofdmenu*/

.header {
height: auto;
background-color:#000;
z-index: 1;
width: 100%;
float: left;
border-bottom: 4px solid #999;
box-shadow: 0px -2px 15px rgba(50, 50, 50, 0.6);
margin-bottom: 10px;
}

.header .menu {
float: none;
margin: 0px auto;
display: table;
table-layout: fixed;
}

.header .menu li {
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
float: left;
color: #fff;
margin: 15px 20px;
}

.header .menu li a {
color: #fff;
}

.header .menu li a:hover {
color: #24a247;
}

.header .current_page_item a {
color: #24a247 !important;
}

.mobmenu_content li {
font-family: 'Raleway';
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff;
margin: 10px 0px;
}

.mobmenu_content li:hover {
color: #24a247;
}


/*submenu*/

.header2 {
height: auto;
z-index: 1;
width: 100%;
float: left;
}

.header2 .menu {
float: none;
margin: 0px auto;
display: table;
table-layout: fixed;
}

.header2 .menu li {
font-family: 'Raleway';
font-weight: 700;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
float: left;
text-decoration: underline;
color: #000;
margin: 15px 8px;
}

.header2 .menu li a {
color: #999;
}

.header2 .menu li a:hover {
color: #24a247;
}

.no-hover a:hover {
    background: transparent;
    cursor: default;
    color: #000 !important;
}

.no-hover {
    background: transparent;
    cursor: default;
    color: #000 !important;
    text-decoration: none !important;
}

/*sidebar*/

#sidebar-left {
float:left;
width: 48%;
margin-right:2%;
}

#sidebar-right {
float:left;
width: 48%;
margin-left:2%;
height:450px;
}

#sidebar-right2 {
float:left;
width: 48%;
margin-left:2%;
height:375px;
}

.textwidget {
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
line-height: 21px;
color: #000;
text-align: left;
}

.textwidget_left {
border: 4px solid #24a247;
border-radius: 40px 40px 40px 0px;
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
line-height: 21px;
color: #999;
text-align: center;
padding:15px;
}

.textwidget_right {
border: 4px solid #24a247;
border-radius: 40px 0px 40px 40px;
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
line-height: 21px;
color: #999;
text-align: center;
padding:15px;
}

/*main*/

.main {
width: 100%;
margin: 0 auto;
margin-bottom: 10px;
float:left;
}

section.grid {
background-color:#ff0000;
}

.project, .city {
width: 90%;
min-width: 320px;
max-width: 800px;
padding: 50px 15px 0px;
margin: 0 auto;
}

/*sidebar 2 quotes*/

#slideshow-2 .widgettitle {
font-family: 'Raleway';
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
text-align: right;
}


#quoteloader {
display: none;
}

#quotearea {
text-align:right;
margin-top:-15px;
}

#quote {
font-family: 'Raleway';
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
margin-bottom: 10px;
text-align: right;
line-height:1.2em;
float:left;
}

#quoteauthor {
font-family: 'Raleway';
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
text-align: right;
}

/*popular posts*/

.wpp-list li {
padding-bottom: 10px;
}

.wpp-post-title {
clear:both;
font-family: 'Lato';
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #000;
display: block;
float:none;
}

.post-stats, .wpp-category a {
font-family: 'Lato';
font-weight: 300;
font-size: 15px;
line-height:22px;
color: #000;
float:none;
}

.AdWidget_ImageWidget {
float: left;
margin-right: 10px;
}

.tiled-gallery-item img {
width: 90px;
height: 90px;
padding: 0 5px 5px 0;
float: left;
}

#text-8 {
padding-top: 30px;
clear: both;
}

.pis-li {
padding-top: 10px;
}

.pis-utility {
margin-top: -10px;
}

.pis-date {
font-style: italic;
}

.city .pis-title {
font-family: 'Raleway';
font-weight: 400;
font-size: 22px;
color: #2680FF;
}

.pis-more {
clear: both;
display: none;
margin-top: 15px;
margin-bottom: 15px;
}

.pis-more a {
font-family: 'Cardo';
font-size: 12px;
text-transform: uppercase;
color: #000;
padding: 5px 0px 5px 0px;
border: 0px solid;
}

.categories {
width: 90%;
min-width: 320px;
max-width: 800px;
font-family: 'Raleway';
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
text-align: center;
margin: 0px auto;
}

section.page {
width: 90%;
min-width: 320px;
max-width: 800px;
margin: 0px auto;
}

.description {
padding-bottom: 0px;
}

.ngg-galleryoverview {
margin-left: -7px;
padding: 0px;
}

.ngg-gallery-thumbnail {
width: 135px !important;
height: 135px;
overflow: hidden;
padding: 0px;
margin-right: -5px !important;
border:none;
}

.ngg-gallery-thumbnail img {
border: none !important;
background-color: none !important;
padding: 0px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

.ngg-gallery-thumbnail img:hover {
background: none !important;
opacity:0.7;
}

/*column*/
.column {
width: 90%;
min-width: 320px;
max-width: 800px;
margin: 600px auto 0px auto;
}

.column h3 {
font-family: 'Raleway';
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
margin-bottom: 15px;
}

.sd-title {
font-family: 'Raleway';
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
margin-bottom: 15px;
}

.column h2 {
font-family: 'Raleway';
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
margin-bottom: 15px;
}

.column p {
  color:#000;
  font-family:georgia, cardo, serif;
  font-size:16px;
  font-weight:300;
  line-height:28px;
  margin-bottom:10px;
  text-align:justify;
}

.column p strong {
font-weight: 700;
}

.column a {
color: #24a247;
text-decoration: underline;
}

/*interview*/ 

.singlecontent {
width: 90%;
min-width: 320px;
max-width: 800px;
float: left;
margin: 75px 0 50px 0;
}

/*interviewtekst*/

/*afbeelding bij interview*/

.post img {
margin-bottom:25px;
width: 100%;
height: auto;
}

.page .blogposts p {
  color:#000;
  font-family: georgia, cardo, serif;
  font-size:16px;
  font-weight:300;
  line-height:28px;
  margin-bottom:10px;
  text-align:justify;
}

.page .singlecontent strong, .page strong {
font-weight:700;
color:#000;
}

.page .singlecontent i, .page i {
font-style: italic;
}

#main .page li {
    list-style: disc inside;
}

.page ul li {
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
line-height: 21px;
color: #000;
text-align: left;
}

.postheader {
width: 90%;
min-width: 320px;
max-width: 800px;
height: 70px;
}

.post .title, .page .title {
font-family: 'Raleway';
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
float: left;
}

.job_single {
font-family: 'Raleway';
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 15px 10px;
float: left;
}

/*social media icons onder interview*/

div.sharedaddy {
margin-bottom:25px;
}

/*facebook comments*/

.fb-comments {
    width: 100% !important;
}

/*grid 1 steden*/

.catimg {
width: 190px;
height: auto;
z-index: 0;
float: left;
border-radius: 100px;
margin: 5px 5px 60px 5px;
}

.grid .catlink {
width: 190px;
height: 190px;
float: left;
margin-top:5px;
margin-left: -195px;
}

.categories a {
padding-top: 200px;
color: #24a247;
text-align: center;
display: block;
z-index:0;
}

.categories .hover {
background-color:#24a247;
border-radius: 100px;
opacity:0.7;
color: #000;
}

/*grid 2 personen*/

.blogimg {
width: 190px;
height: auto;
z-index: 0;
float: left;
border-radius: 100px;
margin: 5px 5px 60px 5px;
}

.grid .title {
width: 190px;
height: 190px;
float: left;
margin-top:5px;
margin-left: -195px;
}

.blogpostimage a {
padding-top: 200px;
color: #24a247;
text-align: center;
display: block;
z-index:0;
}

.blogpostimage .hover {
background-color:#24a247;
border-radius: 100px;
opacity:0.7;
color: #000;
}

.job {
font-family: 'Raleway';
font-weight: 700;
font-size: 12px;
color: #000;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
margin-top: 5px;
text-shadow: none;
}

.blogpostimage {
width: 100%;
min-width: 320px;
max-width: 800px;
font-family: 'Raleway';
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
text-align: center;
margin: 50px auto;
}

/*view article*/

.more {
width: 92px;
margin: 0 auto;
font-family: 'Raleway';
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
margin-top: 25px;
}

.more p {
padding: 2px 2px 3px 2px;
border: 1px solid #fff;
display: none;
clear: both;
}

.project .widget, .city .widget {
padding-bottom: 20px;
}

/*homepage sidebar titels*/

.project .widget h2 {
font-family: 'Raleway';
font-weight: 700;
font-size: 30px;
line-height: 32px;
text-transform: uppercase;
letter-spacing: 1px;
color: #24a247;
margin-bottom: 15px;
}

/*homepage sidebar lopende tekst*/

.project .widget p {
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #000;
margin-bottom: 15px;
text-align: left;
}

.project .widget p strong {
font-weight: 700;
color: #24a247;
}

/*stad sidebar titels*/

.city h2 {
font-family: 'Raleway';
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
margin-bottom: 15px;
}

/*stad sidebar lopende tekst*/

.city p {
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #000;
margin-bottom: 15px;
text-align: justify;
}

.city p strong {
font-family: 'Lato';
font-weight: 700;
font-size: 15px;
line-height: 22px;
color: #000;
margin-bottom: 15px;
text-align: justify;
}

.city a {
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #000;
text-decoration: underline;
margin-bottom: 15px;
text-align: justify;
}

/*lijn*/

.sidebar .line {
margin-bottom: 10px;
width: 250px;
border: 1px solid #24a247;
}

.city .line {
margin-bottom: 10px;
width: 250px;
border: 1px solid #000;
}

/* SINGLE PAGE */

.blogposts {
width: 100%;
min-width: 320px;
max-width: 800px;
float: left;
margin-top: 0px;
}

.blogposts .single_title {
font-family: 'Raleway' !important;
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
float: left;
display:block;
margin:15px 0px 5px 0px;
}

.blogposts .single-job {
font-family: 'Raleway';
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 10px 0 10px 0px;
display: block;
}

.single_title, .single-job {
clear: both;
}

.page p {
font-family: 'Lato';
font-weight: 400;
font-size: 15px;
line-height: 21px;
color: #000;
text-align: left;
}

.page p strong {
font-weight: 700;
color: #000;
}

/* support formulier */

.gform_wrapper .top_label input.medium, .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex .ginput_right input[type=text] {
border-radius: 10px;
background-color: #eee;
width: 100% !important;
border:none;
padding: 5px 5px 5px 5px;
font-size:14px;
}

input[type=submit] {
font-family: 'Raleway';
font-weight: 700;
font-size:20px !important;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
background-color:#24a247;
text-align:center;
border-radius: 10px;
padding: 5px 10px;
border:none;
}

input[type=submit]:hover{
cursor:pointer;
color: #eee;
}

.gform_wrapper .gform_footer {
padding: 0px !important;
margin: 0 auto;
clear: both;
text-align: center;
}

/* terugknop */

.button_back {
font-family: 'Raleway';
font-weight: 400;
font-size: 20px;
line-height: 32px;
text-transform: uppercase;
letter-spacing: 1px;
color: #24a247;
border: 2px solid #24A247;
padding: 2px 10px;
border-radius: 10px 0px 10px 10px;
background-color:#fff;
}

.button_back:hover {
background-color:#24A247;
color:#ffffff;
cursor:pointer;
}

/* footer */

#footer {
    width: 100%;
    height: 150px;
    background-color: #000;
    clear: both;
    border-top: 4px solid #999;
}

/* video supporters*/

.video1 {
width: 32%;
margin-right: 2%;
float:left;
}

.video2 {
width: 32%;
margin-right: 2%;
float:left;
}

.video3 {
width: 32%;
float:left;
}

/* TABLET/IPAD SCREEN */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 

body {
width: 100%;
}

/*sidebar*/

#sidebar-left {
float:left;
width: 100%;
}

#sidebar-right {
float:left;
width: 100%;
}

#sidebar-left2 {
float:left;
width: 100%;
}

#sidebar-right2 {
float:left;
margin-left: 0px !important;
width: 100%;
height: auto;
}

.video1 .video2 .video3 {
width: 100%;
float:left;
}

#menu-item-1156 {
display: none;
}

}

/* MOBILE SCREEN*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 

body {
width: 100%;
}

.categories {
padding-left:65px;
}

.blogpostimage {
padding-left:65px;
}

.header2 .menu li {
margin: 5px 10px;	
}

.logo {
margin-top:40px;
}

/*sidebar*/

#sidebar-left {
float:left;
width: 100%;
}

#sidebar-right {
float:left;
width: 100%;
margin-left: 0%;
}

#sidebar-left2 {
float:left;
width: 100%;
}

#sidebar-right2 {
float:left;
margin-left: 0px !important;
width: 100%;
height: auto;
}

.video1 .video2 .video3 {
width: 100%;
float:left;
}

.project, .city {
width: 90%;
min-width: 300px;
max-width: 800px;
padding: 25px 0px 0px;
margin: 0 auto;
}


}