/*
Theme Name: 	Transform webstijl
Theme URI:  	http://urbantransform.webtic.nl/
Description: 	Vormgeving voor website urbantransform. 
Author: 		Nique Sanders
Author URI:     http://webtic.nl/
Template:       twentytwelve
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,800);



/* ------- main column on the right, sidebar on the left -------
*/


@media screen and (min-width: 600px) {
    .site-content {
        float: right;
    }
    .widget-area {
        float: left;
    }
}
 
/* for IE8 and IE7 ----------------*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}





/*

lichtgroen #95c11e (websafe 99cc33);
donkergroen #659865 (websafe 669966);

*/


#site-title a {
    color: #95c11e;
}
#site-title {
    margin-top:8px;
    padding-bottom:3px !important;
}
.site-description {
	display: none;
}
img#site-logo { 
	width: auto; 
}
#main, #colophon {
	padding-left:40px;
	padding-right:40px;
}

#masthead {
	background-color: transparent;
	padding-bottom:0;
	margin-bottom:0;
}

#header-image img,
#header-image {
	line-height:0;
	padding:0;
	margin:0;
	box-shadow:0px 0px 0px black;
}
#header-image img {
}

#page {
	box-shadow:none;
	background-color: transparent;
}
#main {
	background-color: #fff;
	padding-top:4px;
}

.site-navigation {
	margin-top:0;
}



/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
	background-color:#659865;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #fff;
}
.main-navigation a:hover,
.main-navigation li:hover {
	color: #6a6a6a !important;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom: 0px solid #ededed;
	border-top: 0px solid #ededed;
	display: inline-block !important;
	text-align: left;
	width: 100%;
}
.main-navigation ul {
	margin: 0;
	text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
	display: inline-block;
	text-decoration: none;
}
.main-navigation li a {
	border-bottom: 0;
	color: #fff;
	line-height: 3.692307692;
	white-space: nowrap;
}
.main-navigation li a:hover {
}
.main-navigation li {
	margin: 0 40px 0 0;
	margin: 0 2.857142857rem 0 0;
	position: relative;
}
.main-navigation li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1;
}
.main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation ul li:hover > ul {
	border-left: 0;
	display: block;
}
.main-navigation li ul li a {
	background: #659865;
	border-bottom: 1px solid #ededed;
	display: block;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	padding: 8px 10px;
	padding: 0.571428571rem 0.714285714rem;
	width: 180px;
	width: 12.85714286rem;
	white-space: normal;
}
.main-navigation li ul li a:hover {
	background: #95c11e;
	color: #444;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #636363;
	font-weight: bold;
}
.menu-toggle {
	display: none;
}


.archive-title, 
.page-title, 
.widget-title, 
.entry-content th, 
.comment-content th {
	text-transform: none !important;
}


/* -------- Adjust the Overall Theme Width -------
	
*/

.widget_nav_menu li a {
	display:block;
	border-bottom:1px solid #ccc;
	text-decoration: none;

}
.widget_nav_menu .menu a {
	font-weight:bold;
}
.widget_nav_menu .sub-menu a {
	font-weight:normal;
}

/* -------- Adjust the Overall Theme Width -------
	
*/

footer[role="contentinfo"] {
	max-width: 1100px;
}
@media screen and (min-width: 600px) {
	.site {
		max-width: 1100px;
		max-width: 78.571428571rem;
	}
}
.ie .site {
	max-width: 1100px;
}


/* ------- layout -------
*/


#sitewrapper {
	background-color: transparent;
	background-image: url("assets/images/background.png");
	background-repeat: repeat-x;
	background-position: center top;
}
body {
	background-color: transparent;
	background-image: url("assets/images/green_background_pointilize_03.png");
	background-repeat: repeat;
	background-position: center top;
}


body .site {
	padding: 0;
	padding: 0rem;
	margin-top: 0;
	margin-top: 0rem;
	margin-bottom: 0;
	margin-bottom: 0rem;
}


#main {
	/*background-image: url("assets/images/corner_top_right.png");
	background-repeat: no-repeat;
	background-position: top right;*/
	
}
#europeselogos {
	display:inline-block;
	float:right;
	width:49%;
	text-align:right;

}
.site-info {
	float:left;
	width:49%;
	display:inline-block;
}
#colophon {
	padding-left: 0;
	padding-right: 0;
	margin-top:0;
	border-top:0;

}


/* ------- typography -------
*/


body {
	font-family: 'Open Sans', sans-serif;
}
a:link,
a:visited {
	color:#659865;
}
a:hover {
	color:#95c11e;
}
h1, h2, h3, h4, h5, h6 {
	color:#95c11e;
	font-weight:bold !important;
}
.introduction {
font-size:1em;
line-height:1.8em;
	color:#95c11e;
	font-weight:bold !important;
}


.widget_wp_category_post_list_itg .wp-cpl-read-more {
	float:left;
}


.home .first ul.wp-cpl-widget,
.home .first li.wp-cpl,
.home .second ul.wp-cpl-widget,
.home .second li.wp-cpl {
	list-style:none;
	
}
.home .first li.wp-cpl a,
.home .second li.wp-cpl a {
	font-size:1em;
	/* color:#95c11e; */
	text-decoration:none;
	font-weight:normal;
	
}
.home .first h3.widget-title a,
.home .second h3.widget-title a,
.home .widget_cyclone-slider-widget h3.widget-title {
	font-size:1.4em;
	text-decoration:none;
	font-weight:bold;
	color:#95c11e;
}
#secondary .first {
 width: 39%;
}
#secondary .second {
 width: 56%;
}

.archive-header h1 {
	display:none;
}
.archive-header {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}
p.wp-cpl-feed-subs {
	float:left;
	}
p.wp-cpl-read-more {
	float:right;

	}	
p.wp-cpl-feed-subs a,
p.wp-cpl-read-more a {
	display:block;
	background-color: #95c11e;
	color:#fff !important;
	padding:0.2em 0.5em;
	-moz-border-radius: 	12px;
	-webkit-border-radius: 	12px;
	border-radius: 			12px;
	text-decoration:none;
	font-style:normal;
}
p.wp-cpl-feed-subs a:link,
p.wp-cpl-read-more a:link,
p.wp-cpl-feed-subs a:visited,
p.wp-cpl-read-more a:visited, {
	color:#fff;
	border-bottom:0;
	text-decoration:none;
}
p.wp-cpl-feed-subs a:hover,
p.wp-cpl-read-more a:hover {
	background-color:#659865;
	text-decoration:none;
}


/*.template-front-page.has-post-thumbnail article {
		float: left;
		width: 96%;
	}*/

.caption { display:block;color:#95c11e;font-style:italic;padding:0.4em 0em;}

/*
.template-front-page .widget-area {
	border-top: 0px solid #ededed;
}
.template-front-page .widget-area .first,
.template-front-page .widget-area .second {
	border-top: 4px solid #659865;
}

*/

.template-front-page .widget-area {
	padding-top:0;
	border-top: 0;
}


.template-front-page .widget-area .first ul.wp-cpl-widget {
	border-top: 1px dotted #95c11e;
}
.template-front-page .widget-area .first .wp-cpl-widget li {
	border-bottom:1px dotted #95c11e;
	padding: 5px 0px !important;
}


.template-front-page .widget-area .second .wp-cpl-widget li:before {
	content: '\2794'; 
	padding-right:7px;
	color:#95c11e;
}
aside h3.widget-title {
	font-size:1.6em;
}
.home h3.widget-title {
	font-size:1.1em;
}
aside .wp-cpl-widget li {
	border-bottom:1px dotted #95c11e;
	
}
aside .wp-cpl-widget li:before {
	content: '\2794'; 
	padding-right:7px;
	color:#95c11e !important;
}
aside .wp-cpl-widget li a {
	text-decoration:none;
}
.home .entry-title {
	/* display:none; */
}
.main-navigation li a {
	/* text-transform:none !important;
	font-size:1em; */
}


ul.sub-menu {
	z-index:100 !important;
}
.widget_cyclone-slider-widget,
#cyclone-slider-widget-4 {
	z-index:1  !important;
}

/* ------- remove the post-meta box from our archive and blog-view pages -------
*/

/*
.archive .post-meta, .blog .post-meta {
     display:none;
}
.archive .post-date, .archive .post-categories, .archive .post-tags, .archive .post-edit, .blog .post-date, .blog .post-categories, .blog .post-tags, .blog .post-edit {
     display:none;
}
.archive .post-meta, .blog .post-meta {
     background:transparent;
     border:none;
     margin:none;
     padding:none;
}
*/

/* ------- 2 column grid archive and blog-view pages -------
*/

/*
.archive .post, .blog .post {
     display:inline-block;
     vertical-align:top;
     width:44%;
     padding:1.25%;
     margin:1.25%;
     min-height:170px;
     background-color:#eee;
}
*/