/* ===================================================
	Homepage
   =================================================== */

.desktop .box#erasmusPlus,
.desktop .box#creativeEurope,
.desktop .box#europeForCitizens,
.desktop .box#euAidVolunteers,
.desktop .box#eurydice,
.desktop .box#intra-africa,
.desktop .box#previousGeneration { background-size: 100%; height:220px;}

.box#erasmusPlus { background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-erasmus-plus.png) no-repeat; }
.box#creativeEurope { background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-creative-europe.png) no-repeat; }
.box#europeForCitizens { background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-europe-for-citizens.png) no-repeat; }
.box#euAidVolunteers { background: url(https://eacea.ec.europa.eu/sites/eacea-site/files/box-large-euaid.png) no-repeat; }
.box#eurydice { background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-eurydice.png) no-repeat; }
.box#intra-africa { background: url(https://eacea.ec.europa.eu/sites/eacea-site/files/box-large-intraafrica.jpg) no-repeat; }
.box#previousGeneration { background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-previous-generation.png) no-repeat;  }



.desktop #creativeEurope.box{background-color:rgba(101,80,163,1); background-color: #6550A3;}
.desktop #creativeEurope:hover .hidden-text{background: url('https://eacea.ec.europa.eu/sites/eacea-site/files/creative-fade.png'); }

.desktop #europeForCitizens.box{background-color:rgba(236,186,3,1); background-color: #ECBA03;}
.desktop #europeForCitizens:hover .hidden-text{background: url('https://eacea.ec.europa.eu/sites/eacea-site/files/citizens-fade.png');}

.desktop #euAidVolunteers.box{background-color: rgba(250,166,26,1);}
.desktop #euAidVolunteers:hover .hidden-text{ background-image: url('https://eacea.ec.europa.eu/sites/eacea-site/files/volunteers-fade.png');}
.desktop #euAidVolunteers:hover .hidden-text{ background:rgba(250,166,26,0.7) !important;}

.desktop #intra-africa.box{background-color: rgba(245,131,60,1);}
.desktop #intra-africa:hover .hidden-text{ background-image: url('https://eacea.ec.europa.eu/sites/eacea-site/files/volunteers-fade.png');}
.desktop #intra-africa:hover .hidden-text{ background:rgba(245,131,60,0.7) !important;}

.desktop #previousGeneration.box{background-color:rgba(137,137,137,1); background-color: #898989;}
.desktop #previousGeneration:hover .hidden-text{background: url('https://eacea.ec.europa.eu/sites/eacea-site/files/fromer-fade.png');}

.desktop #erasmusPlus.box,.desktop #eurydice.box{background-color:rgba(0,127,200,1); background-color: #007FC8;}
.desktop #erasmusPlus:hover .hidden-text,.desktop #eurydice:hover .hidden-text{background: url('https://eacea.ec.europa.eu/sites/eacea-site/files/erasmus-fade.png');}


.desktop #erasmusPlus:hover .hidden-text, 
.desktop #creativeEurope:hover .hidden-text, 
.desktop #europeForCitizens:hover .hidden-text, 
.desktop #euAidVolunteers:hover .hidden-text,
.desktop #eurydice:hover .hidden-text, 
.desktop #intra-africa:hover .hidden-text, 
.desktop #previousGeneration:hover .hidden-text {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	height: 160px;
	color:white;
	padding: 10px;
}

/* Layout */
#layout-body .region.region-content { padding-top:10px; }
.row-fluid span9 { width:}
.row-fluid span3 {}


/* Titles Focus on & Latest */

.front h3 { background:#e5f0f3 ; padding-left:10px; clear:left; margin-top:0;  }


/* Focus on */

.front #focusOn.box {
	min-height:50px;
	margin:0px 0px 15px;
	background:#b3d3dd ;
}


.front #focusOn.box a.readMore {
	background: #0065a2;
	padding: 10px;
	margin: 0 18px;
	color: white;
	float:right;
}

.front #focusOn.box img {
	float:left;
}

.front #focusOn.box p.text {
	padding:10px;
	float:right;
	width:222px;
	overflow:hidden;
}

.front #focusOn.box p.larger {
	display:none;
}
.front #focusOn.box p.medium {
	display:none;
}
.front #focusOn.box p.small {
	display:block;
	padding:0px;
	margin:0px;
}

/* Programmes */

.boxes-row-wrapper .box.span6 { height:260px; margin-bottom:15px;  }


/* RSS Block */

.sidebar-right.latest { padding-top:10px;  }
h3.latest { background:#0065a2; color:white!important; }

.front #rss-box {
	background:white;
	border: solid thin #0065a2;
	border-top:none;
	margin-top:-10px;
	margin-bottom:10px;

}
.front #rss-box a {
	color:#334451; 
}
.front .rss-item {
	border-bottom :solid #c5dde5 thin; 
	margin:0;
	padding:10px;
	padding-top:5px;
}

.front .rss-item.erasmus-plus {
	border-left:thick solid #1370a9;
}
.front .rss-item.creative-europe {
	border-left:thick solid #6550a3;
}
.front .rss-item.europe-for-citizens {
	border-left:thick solid #ecba03;
}
.front .rss-item.previous-generation {
	border-left:thick solid #898989;
}

.front .rss-item a { font-weight:bold; }
.front .rss-item p.date {color:#f9a54a!important; }
.front .rss-item p { margin:0; }
.front .rss-item a .description { font-weight:normal;}

.allNewsLinks {}
.allNewsLinks h4 { margin-top:0; background-color:#0065a2; padding:10px; color: white!important;  }

/* About & Message  boxes */

.front .box.span6#new-about{background: #FFF;}
.front .box.span6.about {margin-left:0; clear: both;}
.front .box.span3 { width: 319px; margin-left:0px;  }
.front .box.span9 { width:608px; margin-right:12px; }


.front #warning {
	background:#eee;
}
.front #warning a {
    position: relative;
	color:#074A8B;
	padding:0px;
}
.front #warning p{ padding:15px; }


div#about a { margin-top:10px; }
div#about .inner-text h3 { font-size:20px; padding-top:11px; }
div#about .inner-text p { color:#000; margin:0 10px; margin-bottom:8px; }
divabout .inner-text h3 { color:#000; margin:0 10px; margin-bottom:5px; }


#about a {
	width: 100%;
	position: inherit;
	width: auto;
	text-align: right;
	margin-top: 21px;
}

#about a:hover {
	background-color: white;
}

/* ===================================================
	Media queries
   =================================================== */

@media(min-width:1200px) {


.boxes-row-wrapper .box.span6 { height:315px; }


/* Focus on */

.front #focusOn.box p.text {
	width:280px;
}
.front #focusOn.box p.larger {
	display:none;
	}
.front #focusOn.box p.medium {
	display:block;
	padding:0px;
	margin:0px;
}
.front #focusOn.box p.small {
	display:none;
}

/* Programmes boxes */

.desktop .box#erasmusPlus,
.desktop .box#creativeEurope,
.desktop .box#europeForCitizens,
.desktop .box#euAidVolunteers,
.desktop .box#eurydice,
.desktop .box#intra-africa,
.desktop .box#previousGeneration { height:265px;}

.desktop #erasmusPlus:hover .hidden-text, 
.desktop #creativeEurope:hover .hidden-text, 
.desktop #europeForCitizens:hover .hidden-text, 
.desktop #euAidVolunteers:hover .hidden-text,
.desktop #eurydice:hover .hidden-text, 
.desktop #intra-africa:hover .hidden-text, 
.desktop #previousGeneration:hover .hidden-text {
	height: 235px;
}

/* RSS boxes, about & message */
.front .box.span9 { width: 760px; }
.front .box.span3 { width: 397px; }

}


@media(max-width:979px) {

}

@media(min-width:768px) and (max-width:979px) {

/* Focus on */

.front #focusOn.box p.text {
	width:370px;
}
.front #focusOn.box p.larger {
	display:none;
	}
.front #focusOn.box p.medium {
	display:none;
}
.front #focusOn.box p.small {
	display:block;
	padding:0px;
	margin:0px;
}

.desktop .box#erasmusPlus,
.desktop .box#creativeEurope,
.desktop .box#europeForCitizens,
.desktop .box#euAidVolunteers,
.desktop .box#eurydice,
.desktop .box#previousGeneration { 
	height:260px;
}
	
.desktop #erasmusPlus:hover .hidden-text, 
.desktop #creativeEurope:hover .hidden-text, 
.desktop #europeForCitizens:hover .hidden-text, 
.desktop #euAidVolunteers:hover .hidden-text,
.desktop #eurydice:hover .hidden-text, 
.desktop #previousGeneration:hover .hidden-text {
	height: 220px;
}

}

@media(max-width:767px) {
	
.erasmus_plus .desktop .box#sport p, .erasmus_plus .desktop .box#jean-monnet p, .erasmus_plus .desktop .box#support p, .erasmus_plus .desktop .box#cooperation p, .erasmus_plus .desktop .box#learning p {
	color: #FFF!important;
	position: absolute;
	bottom: 0px;
	padding: 5px 5px 0 5px;	
}

.erasmus_plus #cooperation p {
	bottom: -4px;
	line-height: 15px;
}




#block-system-main-menu-mobile { border-bottom:solid thin #034695; }

/* General layout */

.row-fluid  { width:auto;  }
.row-fluid .sidebar-right.hidden-phone { //display:block!important; }
.region.region-featured { width:auto; }
.row-fluid .span9 { width: auto; }
.row-fluid .sidebar-right.span3 { width: auto;}

#layout-header.hidden-phone { display:none!important; }

#layout-header .container,  #path .container, #layout-body .region.region-featured, #layout-footer .container {
width:100%;
padding:10px;
margin:0px;
}

#layout-body .row-fluid {
padding-bottom:20px;
width:625px;
}


#layout-footer { margin-top: 0px; }
#layout-footer .container { width:auto; }
#layout-footer .block {
	 height:auto;
	 margin:0px; 
 	padding: 0px 0 0 5%; 
	width: 95%;
	border-right: 0;
	border-bottom: 2px dashed #D9F0FC!important;
}

/* Menus */
#main-menu { margin-top:20px; height:38px; margin-bottom:15px; }
.hidden-phone  { display:block!important; }



/* Boxes */
.box#strand1, .box#strand2 { background-image: none ;}
.box#strand1 a, .box#strand2 a { top:0px; font-size:12px; }

 .hidden-text { display:none; }

.erasmus_plus .box, .europe-for-citizens .box { height:inherit; width:100%!important; margin-left:0!important;  }


/* Homepage */

.front .boxes-row-wrapper.mobile .box {
	width:272px;
	margin:10px;
	background:none;
}

.front .boxes-row-wrapper.mobile .box.span6 {
	width:;
}

.front .mobile .box {
	height:170px;
}

.front #layout-body { margin-top:50px; }

.box#erasmusPlus {
	background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-erasmus-plus.png) no-repeat; }
.box#creativeEurope {
	background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-creative-europe.png) no-repeat; }
.box#europeForCitizens {
	background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-europe-for-citizens.png) no-repeat; }
.box#euAidVolunteers {
	background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-euaid.png) no-repeat; }
.box#eurydice {
	background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-eurydice.png) no-repeat; }
.box#previousGeneration {
	background: url(http://eacea.ec.europa.eu/sites/eacea-site/files/box-large-previous-generation.png) no-repeat;  }

.front .box#about { width:560px;}

.front #warning.box.message {
	margin: 20px 10px;
	width: 560px;
	background: #ccc;
	padding: 5px 20px 10px;
}


.front #spotlight.box p.larger {
	display:block;
}
.front #spotlight.box p.medium {
	display:none;
}
.front #spotlight.box p.small {
	display:none;
}

.front #spotlight.box {
	height:205px;
	width:96%;

}
.front #spotlight.box a {
	padding-left:10px;	
	margin:;
	padding-right:0px;
}

	
	
/* Banner's image, title, search, service menu */

.region.region-header-top {
height:40px;
}
.region.region-header-top #language-selector {
top:10px;
position:absolute;
}

	

/* Featured region */ 


 
.region.region-featured .views-field.views-field-name {
margin-top:0px;
height:50px;
background-color:#0088CC;
}
.region.region-featured .views-field.views-field-name h1 {
padding:0px 7px;
}

.region.region-featured .views-field.views-field-field-programme-tag-line {

position:relative;
max-width:100%;

}



/* Title field */
.views-field.views-field-name h1 { margin-top:0px; }



.card {
	background-image: none!important;

}

}


@media(max-width:480px) {

.region.region-featured .views-field.views-field-field-picture { display:none; }
.region.region-featured .views-field.views-field-field-programme-tag-line {
clear:both;
}

/* homepage */
.front #layout-body { margin-top:50px; }

.front h3 { clear:both; }

.box#erasmusPlus,
.box#creativeEurope,
.box#europeForCitizens,
.box#euAidVolunteers,
.box#europeForCitizens,
.box#eurydice,
.box#previousGeneration { background: none; }

#layout-body .row-fluid {
width:auto;
}

.front .boxes-row-wrapper.mobile {
	padding:0px;
}


.front .boxes-row-wrapper.mobile .box {
	width:100%;
	margin:10px 0 ;
	height:30px;
	padding:0px;
}

.front .mobile .box a { width:auto; }

.front .boxes-row-wrapper.mobile .box.span6 {
	margin-left:0px
}

.front .box#about {
	padding-bottom:10px;
	height:auto;
	margin-bottom:15px;
	margin-left:0;
	width:auto;

}

.box#about a { 
	top:10px;
}


.front #warning.box.message {
margin:0;
width:auto;
}

.front #focusOn.box p.larger {
	display:none;
}
.front #focusOn.box p.medium {
	display:block;
	margin:0;
	padding:0;
}
.front #focusOn.box p.small {
	display:none;
}

.front #focusOn.box {
	width:100%;
	background:none;
}
.front #focusOn.box a {
	padding-left:10px;	
	margin:0;
	padding-right:0px;
}

.front #focusOn.box p.text {
	width:auto;	
	float:left;
}

.front #focusOn.box a.readMore {
	float:left;	
	margin:10px;
}

.front #warning.box.message a {
display: block;
height: 40px;
padding: 35px 0px 0px 21px;
background-color: #333;
color: white;
margin-top: 10px;
font-size: 23px;
}



#main-menu { height:auto;  }

a.toggleMainMenu, a.toggleSubMenu  {
	width:100%!important;
	float:none;
	} 

#main-menu-mobile #block-system-main-menu-mobile a.brand { position:relative; }



.card {
	background-image: none!important;
	margin: 0; 

}


}

@media print {

}