@import url('https://ec.europa.eu/wel/template-2013/stylesheets/ec.css');
@import url('https://ec.europa.eu/wel/template-2013/stylesheets/ec-content.css');
@import url('https://ec.europa.eu/growth/stylesheets/template-2014/entr-common.css');

@media all {
	/*********************
    search category
    *********************/
	#search-box #QueryText {
		width: 70%;
	}

	#search-box .search-icons {
		float: right;
	}

	#search-box input#submit {
	}

	#search-box .QueryCategory {
		width: 23px;
		vertical-align: bottom;
		float: right;
	}

	#search-box .dropdown-menu {
		list-style-type: none;
		background-color: #FFF;
		margin: 12px 0 0 15px;
		padding: 5px 0px;
		background-clip: padding-box;
		background-color: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	}

	#search-box .dropdown-menu li {
		padding: 5px 0 5px 0;
		margin-bottom: 0;
	}

	#search-box .dropdown-menu li.active {
		background: #3AB6FE;
	}

	#search-box .dropdown-menu li:hover:not(.active) {
		background-color: #F5F5F5;
	}

	#search-box .dropdown-menu li a {
		color: #000;
		text-decoration: none;
		padding: 3px 20px;
		line-height: 1.42857;
		display: block;
	}

	#europa-search .dropdown-menu li.active a {
		color: #FFF;
	}

	#europa-search ::-webkit-input-placeholder {
		color: #7e7e7e;
	}

	#europa-search :-moz-placeholder { /* Firefox 18- */
		color: #7e7e7e;
	}

	#europa-search ::-moz-placeholder {  /* Firefox 19+ */
		color: #7e7e7e;
	}

	#europa-search :-ms-input-placeholder {
		color: #7e7e7e;
	}

	/*********************
   end of search category
  *********************/

  /* Expander on Left Menus */
  .euMenu .hasChildren .expander {
    background-color: inherit;
    display: block;
    height: 18px;
    padding-left: 0px;
    position: absolute;
    top: 0;
    right: 0 !important;
    width: 20px !important;
  }
}

@media all and (min-width: 768px) {
	h1#banner-sub-title-text {
		position: absolute;
		top: 100px;
		left: 248px;
		z-index: 7;
		color: #FFF;
		font-weight: normal;
		font-size: 170%;
		margin: 0;
		border: none;
	}

	body.eu-loading {
		background-image: url(../images/eu-loading.gif);
		background-repeat: no-repeat;
		background-position: center;
	}

	div.eu-loading {
		visibility: hidden;
	}

	/*entr_box & and social media buttons if 1 column layout*/
	.layout-noleft .layout-left {
		display: block;
		position: absolute;
		z-index: 20;
		width: 190px;
		left: 10px;
		top: 10px;
	}

	.layout-noleft .layout-left #homepage-link {
		display: none;
	}

	.layout-noleft .layout-left #stay-connected-left-nav {
		float: inherit;
		margin: inherit;
		width: inherit;
	}

	.layout-noleft .layout-left #entr_box {
		background-color: inherit;
		border-radius: inherit;
		box-shadow: inherit;
	}

	.layout-noleft .layout-left #stay-connected-left-nav,
	.layout-noleft .layout-left {
		background: #FFF;
		filter: none;
	}

	.layout-noleft .layout-left .visible-tablet.menu-browse {
		display: none;
	}

	.layout-noleft #accessibility-menu li.m-menu {
		display: none;
	}

	/*end of entr_box & and social media buttons if 1 column layout*/
	/*increases the main content margins*/
  .layout-content-reset { /* base 784px because of 200px left margin */
    margin-top: 98px; /* 12.5% */
  }

	.layout-noright .layout-content-reset {
		margin-left: 1.01911%;
		margin-top: 98px;
		width: 90.633%;
		padding: 0 3.6% 4.33121%;
	}

	.euMenu .separator {
		border-top: 1px solid #DCDCDC;
		height: 1px;
	}

	.euMenu .separator div {
		display: none;
	}

}

@media all and (max-width: 768px) {
	/* TABLET */
	h1#banner-sub-title-text {
		display: none;
	}

	.layout-noright .layout-left {
		/*display: block;*/
	}
}

/*hacks for chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
}