/*
Theme Name: Extra stylesheet istie-settings plugin
Author: Istiecool
Author URI: http://www.istiecool.nl
Description: Load extra stylesheet specifically programmed for this website/customer.
Note: Sometimes it is better to create a separate style_ic.css in theme folder for overriding default theme styles from wordpress
Version: 0.3
License: GNU General Public License
License URI: license.txt
Tags: Istiecool, istie-settings, disable, extra, modify 
*/

/*--- site logo ------------------------------------------------*/
.ic_sitelogo {
	/*position: relative;
	display: block;
	float: left;
	/*margin: 0 0 0 270px;*/
	/*margin: 0 0 0 95px; /*420px;*/
	
    display: block;
    margin: 0 auto;
    max-width: 1080px;
    position: relative;	
	
}
.ic_iconlinks .search-form {
	margin: 0 94px 0 0;
}
.ic_iconlinks {
	position: relative;
	display: block;
	float: right;
	/*margin: 5px 350px 0 0;*/
	margin: -145px 530px 0 0;
}
#ic_iconlink {
	padding: 0 0 0 0;
	margin: 2px 0 0 0;
}


/*--- colored intro [istie_intro] ------------------------------------------------*/
#ic_featured_pages {
	padding:1px;

}
.ics_one_third {
	padding:0 10px 0 0;
	width: 33.33333%;
	float: left;
	font-size: 10px;
	margin: 0 0 0 0;	
}
.bordercorner_01 {
	width:12px;
	height:12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: -12px 0 0 -12px;
	/*background: blue;	*/
}
.bordercorner_02 {
	width:12px;
	height:12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: -12px 0 0 -12px;
	/*background: red;	*/
}
.bordercorner_03 {
	width:12px;
	height:12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: -12px 0 0 -12px;
	/*background: #F7E700;	*/
}
.ic_featured_title_01 a {
	/*color: blue !important;*/
}
.ic_featured_title_02 a {
	/*color: red !important;*/
}
.ic_featured_title_03 a {
	/*color: #F7E700 !important;*/
}
.ic_text_container {
	/*border: 1px solid grey;*/
	border-style: solid;
    border-width: 1px 1px 22px 1px;
	/*border-color: #247836;*/
	min-height: 280px;
	padding: 5px;
	/*shadow*/
	-webkit-box-shadow: #B3B3B3 7px 7px 7px;
	-moz-box-shadow: #B3B3B3 7px 7px 7px;
	box-shadow: #B3B3B3 7px 7px 7px;	
}
.ic_text_container1 {
	border: 1px solid red;
	min-height: 240px;
	padding: 2px;
}
.ic_text_container2 {
	border: 1px solid red;
	min-height: 240px;
	padding: 2px;
}
.ic_text_container3 {
	border: 1px solid red;
	min-height: 240px;
	padding: 2px;
}
.ic_featured_morelink {
    bottom: 45px;
    float: right;
    position: relative;
    right: 10px;
}

/*--- Event organiser ------------------------------------------------*/
.eventorganiser-event-meta {
    padding: 0px !important;
}
.page-header {
	max-width: 1040px;
    padding: 0 376px 0 60px;
	background-color: #FFFFFF !important;
	margin: 0 auto;
}


/*--- Transition effect on images (zoom) ------------------------------------------------*/
/*

/*--- put this in content.php ---------//
<?php
// Met originele WP uitgelichte afbeelding
if ( has_post_thumbnail($page_id_mies)) :
	//Get the Thumbnail URL
	$smallsrc = wp_get_attachment_image_src( get_post_thumbnail_id($page_id_mies), array( 600,600 ), false, '' );
	//$smallsrc = wp_get_attachment_image_src( get_post_thumbnail_id($page_id));
	$org_src = wp_get_attachment_image_src( get_post_thumbnail_id($page_id_mies), false, '' );
	echo '<div class="ics_img"><a href="'.$org_src[0].'" rel="lightbox"><img id="feat_img_post" src="'.$smallsrc[0].'" width="300px" border="0"/></a></div>';
	endif;
?>

/*--- end content.php ---------*/

.ics_img {
	overflow: hidden;
}
.ics_img img {
	border: 0;
	overflow: hidden;
    display: block;
    margin: 0 auto 10px;
    transition: all 1s ease 0s;	
}
.ics_img img:hover {	
	transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	-webkit-transform: scale(1.25);
}

/*--- featured images -------------------------------------------------------------------*/
.ics_featimg {
    float: right;
    margin-top: 0px;
    padding: 0 0 10px 10px;
}

/*--- featured img navigation -----------------------------------------------------------*/
.entry-content .ics_recent_posts {
	margin: 10px 0;
	/*float: left;*/
	width: 100%;
	display: inline-block;
}
.ics_recent_posts_img {
	float: left;
	padding: 10px 10px 10px 0;
	/*position: absolute;*/
}
/*--- menu styling in sidebar with standard wp-widget -----------------------------------*/
/*
.menu {
	color: #FFF;
}
.menu ul  {
	list-style: disc;
}
.menu ul ul{
	list-style-type:none;
	content: " - ";  
}
.menu ul ul li:before{
	content: "- ";  
}
.menu .current-menu-item > a,
.menu .current-menu-ancestor > a,
.menu .current_page_item > a,
.menu .current_page_ancestor > a {
	color: #222222;
	font-weight: bold;
}
*/

/*--- vertical sidebar menu standard widget twentytwelve --------------------------------*/
/*
.widget-area .widget_nav_menu .menu-sidebarmenu-container {
    width: 150px; 
    font-size: 0.75em;
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container ul {
	margin: 0px;
	padding: 0;
}
.widget-area ul.menu { 
	background: #000; 
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container li { 
	list-style: none;
	padding: 0px;	
	background: #FFF;
	height:39px; 
}
.widget-area ul.menu li {
	border-bottom: #fff solid;
	border-top: #fff solid;
	border-width: 0px; 
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container a { 	
	color: #FFF; 
	box-shadow: 3px 4px 6px rgba(100, 100, 100, 0.5);
	cursor: pointer;
	display:block;
	height:26px; 
	line-height: 26px;
	text-indent: 0px;	
	text-align: center;	
	text-decoration:none;
	width:100%;
	background-color: #555;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #000, #555);
	background-image: -ms-linear-gradient(top, #000, #555);
	background-image: -webkit-linear-gradient(top, #000, #555);
	background-image: -o-linear-gradient(top, #000, #555);
	background-image: linear-gradient(top, #000, #555);	
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0px 0px 3px;	
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container .sub-menu a { 
	border-radius: 0;	
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container a:hover{ 
	color: #FFF;
	background: #757575; 
	border-radius: 3px 0px 0px 3px;	
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container .sub-menu a:hover{ 
	border-radius: 0;	
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container li:hover {
	position: relative;
}	
.widget-area .widget_nav_menu .menu-sidebarmenu-container li ul li{ 
	height:26px; 
}
.widget-area ul.sub-menu { 
	display: none; 
}
.widget-area li:hover .sub-menu {
	background: #000; 
	border-width: 0px;
	display: block;
	position: absolute;
	left: 150px; 
	top: 0px;
	margin: 0;
}
.widget-area ul.sub-menu li {
	border: none;
	float:left;
	width:150px; 
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container .sub-menu { 
	background: #999; 
}
.widget-area .widget_nav_menu .menu-sidebarmenu-container .sub-menu .sub-menu { 
	background: #999;
}			
/*IE RESET HELPER*/
/*
.widget-area li:hover .sub-menu .sub-menu { 
display:none; 
}
.widget-area .sub-menu li:hover .sub-menu { 
display:block; 
}			
*/

/*--- toolbar ---------------------------------------------------------------------------*/
.ics_toolbar {

}

/*--- footer ----------------------------------------------------------------------------*/
#ics_customadd {
	float: right;
	padding: 5px 5px 0 0;
	margin-bottom: 10px;
	width: auto;
	color: #666666; /*#c5c5c5;*/
	font-size: 10px;
	text-decoration: none;	
}
.ics_link a:hover,
.ics_link a:focus,
.ics_link a:active {
	text-decoration: underline;	
	color: #DB951C;
}
.ics_link a {
	text-decoration: none;	
	color: #666666; /*#c5c5c5;*/
}
.ics_link:hover,
.ics_link:focus,
.ics_link:active {
	text-decoration: underline;	
	color: #DB951C;
}
.ics_link  {
	text-decoration: none;	
	color: #666666; /*#c5c5c5;*/
	font-weight: normal;
}

/*--- cool transitions ------------------------------------------------------------------*/
.ics_transition {
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;	
}
.ics_transition:hover{	
transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg);
-webkit-transform: rotate(4deg);	
}
.ics_360 {
transition: transform .9s ease-in;
-moz-transition: -moz-transform .9s ease-in;
-o-transition: -o-transform .9s ease-in;
-webkit-transition: -webkit-transform .9s ease-in;
}
.ics_360:hover{	
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);	
}

/*--- for small screens -----------------------------------------------------------------*/
@media (max-width: 800px) {
	
}