/**********************************************/
/* CSS Definitions MAIN  */
/**********************************************/

/**********************************************/
/* Color definitions
	Yellow 1: rgb(255,243,180) #FFF3B4
	Yellow 2: rgb(255,231,105) #FFE769
	Yellow 3: rgb(255,221,81) #FFDD51
	Yellow 4: rgb(246,201,76) #F6C94C

	Blue/Green 1: rgb(0,136, 135) #008887
	Blue/Green 2: rgb(51,160,159) #33A09F
	Blue/Green 3: rgb(102,184,183) rgb(102,184,183)

	Green 1: rgb(102,160,135) #66A087
	Green 2: rgb(168,188,125) #A8BC7D
	Green 3: rgb(203,215,177) #CBD7B1
	Green 4: rgb(202,201,119) #CAC977

	Blue 1: rgb(127,183,192) #7FB7C0
	Blue 2: rgb(128,189,209) #80BDD1
	Blue 3: rgb(198,226,227) #C6E2E3

	Grey 1: rgb(50,50,50) #323232
	Grey 2: rgb(179,179,179) #B3B3B3
	Grey 3: rgb(242,242,242) #F2F2F2




	
	REBRAND 2021:
	Blue/Green: rgb(0,100,108) #00646C
	Blue: rgb(159,221,228) #9FDDE4
	Yellow: rgb( 255,225,68) #FFE144
	Green: rgb(175,215,120) #AFD778
	

*/

/**********************************************/
/* General - Desktop first
/* BIG and beyond - (could be: Desktops/ Tablets landscape) */
/* @media only screen and (min-width: 1180px)*/
/**********************************************/


/* ********************************************************************** */
/* General container 
/* ********************************************************************** */
body{background-image: url(/fileadmin/templates/iclei-europe/images/watermark_world_map_245.png); background-size:contain; background-repeat:repeat-y; background-position:center 80px; background-attachment:fixed; background-color:white; padding-top:76px;}
body.page-12 {background-image: none;}
body.no_bg_image{background-image:none; }


.full_width_container{width:100%; text-align:center;}
.centered_container{width:1200px; margin:0 auto; text-align:left;}
.centered_container .centered_container{width:auto;}

.overlayed{opacity:0.1; z-index:-1;}


/**********************************************/
/* Page header
/**********************************************/
#page_header{position:fixed; top:0; width:100%; z-index:5; display:block; height:76px; background-color:white; box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1)  }


/**********************************************/
/* Top Bar
/**********************************************/
#page_header #small_top_bar_frame{width:100%; display:block; background-color:rgb(255,243,180); height:3px; }
#page_header #small_top_bar_frame #small_top_bar_center{background-color:rgb(255,225,68); height:100%;}

#page_header #top_bar_frame{width:100%; display:block; background-color:rgb(255,243,180); height:13px; }
#page_header #top_bar_frame #top_bar_center{background-color:rgb(255,225,68); height:100%;}


/**********************************************/
/* Logo / Navigation box
/**********************************************/
#page_header #logo_navigation_box{ position:relative; height:60px;}



/**********************************************/
/* Logo / Gloabl links list
/**********************************************/
#page_header #logo_navigation_box #iclei_logo_box{position:absolute; top:0; left:0; width:200px; background-color:white;}
#page_header #logo_navigation_box #iclei_logo_box #iclei_logo_link{width:100%; }
#page_header #logo_navigation_box #iclei_logo_box #iclei_logo_link:hover{background-color:white;}
#page_header #logo_navigation_box #iclei_logo_box #iclei_logo_link #iclei_logo{width:80%; height:auto; margin:6% 10%; z-index:5;}


#page_header #logo_navigation_box #iclei_logo_box .global_links_box{display:none;}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box{padding:0; z-index:0;}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box:hover{cursor:pointer;}


#page_header #logo_navigation_box #iclei_logo_box .global_links_box .label_europe{background-color:white;}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box .label_europe i{display:inline-block; float:left; color:rgb(0,100,108); font-size:1.3em; margin:2px 0 0 3%;}

#page_header #logo_navigation_box #iclei_logo_box .global_links_box .label_europe span{display:_block; font-family: sans-serif; font-size:1em; background-color:rgb(0,100,108); color:white; text-align:left; padding:3px 4px; margin-left:41px;}

#page_header #logo_navigation_box #iclei_logo_box .global_links_box .global_links{width:460px; list-style-type: none; background-color:rgb(0,100,108); margin:0; padding:10px 0 0 0;}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box .global_links li{padding:0;}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box .global_links li:before{content:"";}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box .global_links li a{display:block; color:white; padding-left:60px;}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box .global_links li a:hover{background-color:rgb(255,225,68); color:rgb(50,50,50); text-decoration:none;}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box .global_links.active{display:block;}
#page_header #logo_navigation_box #iclei_logo_box .global_links_box .global_links.inactive{display:none;}




/* ********************************************************************** */
/* Navigation Box
/**********************************************/
#page_header #logo_navigation_box #navigation_box{float:right;}
#page_header #logo_navigation_box #navigation_box #main_navigation{}



/* ********************************************************************** */
/* Newsletter Toggle Button BOX 
 * (Find all other eNews Styles in form/enews-subscription/iclei-europe_eNewsSubscription.css)
/**********************************************/
#page_header #logo_navigation_box  #newsletter_button_box{float:right; margin:-2px 5px 5px; }



/**********************************************/
/* Social Media buttons
/**********************************************/
#page_header #logo_navigation_box #social_media_button_box{position:fixed; top:90px; right:0;}
#page_header #logo_navigation_box #social_media_button_box{}

#page_header #logo_navigation_box #social_media_button_box .social_media_button{display:block; width:60px; height:60px; border-radius:50%; font-size:36px; text-decoration:none; padding-top:8px; margin:0 10px 10px 0; background-color:rgb(179,179,179); text-align:center; transition: background-color 0.5s ease; box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5);}
#page_header #logo_navigation_box #social_media_button_box .social_media_button i{color:white;}
#page_header #logo_navigation_box #social_media_button_box .social_media_button:hover{background-color:rgb(255,225,68); }

#page_header #logo_navigation_box #social_media_button_box #facebook{}
#page_header #logo_navigation_box #social_media_button_box #twitter{}
#page_header #logo_navigation_box #social_media_button_box #flickr{}
#page_header #logo_navigation_box #social_media_button_box #youtube{}
#page_header #logo_navigation_box #social_media_button_box #contact{margin-top:50px; padding-top:6px;}

/* font-size transition */
.social_media_button { transition:font-size 0.2s, padding 0.2s; }




/**********************************************/
/* Navigation toggle button
/**********************************************/
#page_header #logo_navigation_box #navigation_toggle_box{display:none;}
#page_header #logo_navigation_box #navigation_toggle_box .navigation_toggle{}
#page_header #logo_navigation_box #navigation_toggle_box .navigation_toggle i{}
#page_header #logo_navigation_box #navigation_toggle_box .navigation_toggle:link, .navigation_toggle:visited, .navigation_toggle:hover{background-color:transparent;}



/* ********************************************************************** */
/* Scrolled version
/* Transitions
/**********************************************/
#page_header #top_bar_frame{transition:background-color 0.8s ease;}
#page_header #top_bar_frame #top_bar_center{transition:background-color 0.8s ease;}
#page_header #logo_navigation_box #iclei_logo_box {transition:margin-top 0.8s ease, width 0.8s ease;}
#page_header #logo_navigation_box #iclei_logo_box #iclei_logo_link #iclei_logo{transition:margin-bottom 0.8s ease;}


/**********************************************/
/* Top Bar
/**********************************************/
#page_header.affix #top_bar_frame{background-color:white;}
#page_header.affix #top_bar_frame #top_bar_center{background-color:white}

#page_header.affix #logo_navigation_box #iclei_logo_box {margin-top:-13px; width:130px;}
#page_header.affix #logo_navigation_box #iclei_logo_box .global_links_box{display:none;}


#page_header.affix #logo_navigation_box #iclei_logo_box #iclei_logo_link #iclei_logo{ margin-bottom:0;}

























/* ********************************************************************** */
/* Content
/* ********************************************************************** */
#content_box {position:relative; min-width:1200px !important; padding:0 0 10px 0; min-height:800px;}



/**********************************************/
/* Footer  */
/**********************************************/
footer{position:relative; }

/**********************************************/
/* Address / Utility Box  */
/**********************************************/
footer #address_utility_menu_box_frame {background-color:rgb(179,179,179);}
footer #address_utility_menu_box_frame #address_utility_menu_box{ font-size: 0.9em; padding:5px 10px;}

footer #address_utility_menu_box_frame #address_utility_menu_box .contact_info_box{float:left; color:white;}
footer #address_utility_menu_box_frame #address_utility_menu_box .contact_info_box a{color:white;}
footer #address_utility_menu_box_frame #address_utility_menu_box .contact_info_box a:hover{color:rgb(50,50,50); text-decoration:none;}

footer #address_utility_menu_box_frame #address_utility_menu_box #address_box{margin-right:50px;}
footer #address_utility_menu_box_frame #address_utility_menu_box #address_box a{}
footer #address_utility_menu_box_frame #address_utility_menu_box #address_box a:hover{}

footer #address_utility_menu_box_frame #address_utility_menu_box #address_box{}
footer #address_utility_menu_box_frame #address_utility_menu_box #address_box a{}
footer #address_utility_menu_box_frame #address_utility_menu_box #address_box a:hover{}

footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu{float:right;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl1{list-style-type: none;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl1 li{ text-align:right;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl1 li:before{content:"";}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl1 li a{color:white;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl1 li a:hover{ text-decoration:none; background-color:transparent; text-decoration:underline;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl1 > li.cur > a{text-decoration:underline;}

footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl2{list-style-type: none;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl2 li{ text-align:right;  line-height:1em;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl2 li a{font-size: 0.8em; padding:0 10px 0 0;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl2 li a:hover{color:rgb(50,50,50); text-decoration:none;}
footer #address_utility_menu_box_frame #address_utility_menu_box #utility_menu ul.lvl2 > li.cur > a{color:rgb(50,50,50); text-decoration:underline;}

/* *********************************************/
/* Bottom Bar (green)
/**********************************************/
footer #bottom_bar_frame{width:100%; display:block; background-color:rgb(102,184,183); background-color:rgb(159,221,228); height:16px;}
footer #bottom_bar_center{background-color:rgb(0,100,108); height:100%;}


/**********************************************/
/* Fallback Main navigation, Sitemap
/**********************************************/
footer #sitemap_box{}

footer #sitemap_box #footer_sitemap {width:100%; padding:20px 0 10px 0; }
footer #sitemap_box #footer_sitemap {display:table; padding-top:30px; margin:0 auto 20px auto;}
footer #sitemap_box #footer_sitemap ul{display:table-row; font-size:0.85em; padding-left:0;}
footer #sitemap_box #footer_sitemap ul li{padding: 5px 0 0 0; border: 1px solid rgb(200,200,200); text-align:left; border:none; list-style-type: none;}
footer #sitemap_box #footer_sitemap ul li:before{content:"";}
footer #sitemap_box #footer_sitemap ul li ul{padding-left:0;}
footer #sitemap_box #footer_sitemap ul li a{text-decoration:none; color:rgb(50,50,50);}
footer #sitemap_box #footer_sitemap ul li a:hover{background-color:transparent;}
footer #sitemap_box #footer_sitemap ul li.sitemap_lvl_1{display:table-cell; font-weight: bold;}
footer #sitemap_box #footer_sitemap ul li.sitemap_lvl_2{font-weight: normal; padding-left_:10px;}
footer #sitemap_box #footer_sitemap ul li.sitemap_lvl_3{font-weight: normal; padding-left_:20px;}

footer #sitemap_box #footer_sitemap #sitemap_id_37 ul{display:none;}




































/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          

	/* General */
	.centered_container{width:980px;}
	#page_header{min-width:980px !important;}
	#content_box {min-width:980px !important;}
	footer{min-width:980px !important;}


	#navigation_box_frame.affix #logo_navigation_box #logo_small {width:30%;}
	#navigation_box_frame.affix #logo_navigation_box #main_navigation_box {width:100%;}

	#navigation_box_frame.affix-top #logo_navigation_box #logo_small {height:0; max-height:0; position:absolute;}
	#navigation_box_frame.affix-top #logo_navigation_box #logo_small img{display:none; height:0; max-height:0;}



	/**********************************************/
	/* Footer - Newsletter Scubscription */
	/**********************************************/
	footer#newsletter_subscription_box{min-width:980px !important;}


}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {  


	/* General */
	.centered_container{width:768px;}
	#page_header{min-width:768px !important;}
	#content_box {min-width:768px !important;}
	footer{min-width:768px !important;}      

	/* Main Navigation */
	#navigation_box_frame.affix #logo_navigation_box #logo_small {width:40%; margin-bottom:10px;}
	#navigation_box_frame.affix #logo_navigation_box #main_navigation_box {width:100%;}

	/* discard logo quickly, to prevent annoying later jump of main navigation */
	#navigation_box_frame.affix-top #logo_navigation_box #logo_small {transition:width 0.2s ease;}

	/**********************************************/
	/* Footer - Newsletter Scubscription */
	/**********************************************/
	footer#newsletter_subscription_box{min-width:768px !important;}


}
 

/* < 768  */
@media only screen and (max-width: 767px){

	/**********************************************/
	/* General */
	/**********************************************/
	body{padding-top:0;}

	.centered_container{width:100% !important;}
	#page_header{position:relative; min-width:100% !important;}
	#content_box {min-width:100% !important; overflow:hidden; margin-top:51px;}
	footer{min-width:100% !important;}

		
	/**********************************************/
	/* HEADER */
	/**********************************************/
	#page_header #top_bar_frame{background-color:white;}
	#page_header #top_bar_frame #top_bar_center{background-color:white}

	#page_header #logo_navigation_box #iclei_logo_box {margin-top:-13px; width:130px;}
	#page_header #logo_navigation_box #iclei_logo_box .global_links_box{display:none;}

	#page_header #logo_navigation_box #iclei_logo_box #iclei_logo_link #iclei_logo{ margin-bottom:0; height:65px;}

	/**********************************************/
	/* Navigation toggle button */
	/**********************************************/
	#page_header #logo_navigation_box #navigation_toggle_box{display:inline-block; float:right;}
	#page_header #logo_navigation_box #navigation_toggle_box .navigation_toggle{display:inline-block; width:40px; height:40px; font-size:28px; color:white;}


	/**********************************************/
	/* social media buttons */
	/**********************************************/
	#page_header #logo_navigation_box #social_media_button_box{clear:both; position:relative; display:block; background-color:rgb(0,100,108); top:8px; padding:5px;}
	#page_header #logo_navigation_box #social_media_button_box .social_media_button{float:left; width:40px; height:40px; font-size: 28px; padding:2px; margin:0 5px 0 0; background:white; box-shadow: none;}
	#page_header #logo_navigation_box #social_media_button_box .social_media_button i{color:rgb(0,100,108) }
	#page_header #logo_navigation_box #social_media_button_box .social_media_button:hover{}
	#page_header #logo_navigation_box #social_media_button_box #contact{margin-top:0; padding: 0; }


	/* newsletter subscription */
	/*#utility_newsletter_subscription{display:none;}*/


	/* Navigation boxes*/
	#navigation_box_frame{ position:relative; box-shadow:none;}
	#navigation_box_frame #logo_navigation_box #main_navigation_box {display:none; float:right; width:100%; display:block; text-align:center; position:relative; background-color:rgb(90,90,90);}
	#navigation_box_frame #logo_navigation_box #main_navigation_box #main_navigation {position:relative; display:inline-block; width:94%; margin:0 auto; }

	#navigation_box_frame.affix{ position:relative; box-shadow:none;}
	#navigation_box_frame.affix #logo_navigation_box #logo_small {display:none; width:0; height:0;}
	#navigation_box_frame.affix #logo_navigation_box #main_navigation_box {width:100%;}


	/* Footer */
	footer{min-width:100% !important;}    
	footer #sitemap_box{display:none;}


} /* end of < 768  */