/* Footer */


#footer { color:#FFF; position:relative; z-index:999;  background: color-mix(in srgb, var(--erasmus_blue) 30%, black); }


#footer1 { background: color-mix(in srgb, var(--erasmus_blue) 80%, black); padding:2rem 0 1rem; }
#footer1 p, #footer1 li { font-size:1.6rem;  }

#footer1 .col { margin-bottom:1rem; } #footer1 .col .col { }

@media screen and (min-width:1024px){
#footer1 #contact { margin-left:calc((25% - ((36px * 3) / 4)) + 36px); }
#footer1 #partners { margin-left:calc((3 * (-25% - ((36px * 3) / 4))) + (3 * 36px)); margin-left:-100%; }

}

/*@media screen and (min-width:1023px) and (max-width:1024px) {
#footer1 p, #footer1 li { font-size:1.5rem;  }
}*/

@media screen and (max-width:1175px) and (min-width:1024px){
#footer1 #contact #address span:nth-child(2n+1) { }
	
#footer1 #contact #address span:nth-child(2n+1):after {
    content: '\A';
    white-space: pre; 
}
 
 
}
@media screen and (max-width:1023px){
		
#footer1 #social { margin-right:36px; }
#footer1 #partners { margin-right:0; }

#footer1 .col { float:left; }	


#footer1 #contact { float:left; width:100%; margin-bottom:1rem; }
 

#footer1 .col .col { float:left; }
#footer1 .half .half {float:left !important;  }
#footer1 .half .last { margin-right:0; }
 
}

#footer1 h3 { font-weight:300;  color:#5cd8b6; border-bottom:1px solid #5cd8b6; font-size:2.2rem; } 

#footer1 #partners li { margin:0 0 0.5em; }
#footer1 #partners li a { display:block; padding-bottom:0.5em; border-bottom:1px dotted rgba(92,216,182,0.75);  }


#footer1 a { color:#FFF; text-decoration:none; } 
#footer1 a:hover { text-decoration: underline ; } 

#footer1 p.location { position:relative; } 
#footer1 p.location a::before { font-size:2.25em; font-family:'icons'; content:"\e912"; color:#5cd8b6; position:relative; top:50%; left:0; transform:translateY(-25%); display:inline-block; float:left; bottom:0; margin:0 0.25em 0 0; transition:all 0.1s ease; }

#footer1 p.location a:hover::before{ /*font-size:2.5em;*/ transform:translateY(-28%);  color:white !important; }




#footer2 { background: color-mix(in srgb, var(--erasmus_blue) 60%, black); padding:2rem 0 2rem; }
#footer2 ul { margin:0; }
#footer2 li {float:left; font-size:1.6rem; margin:0.5em 2.5em 0.5em 0;  }
#footer2 li a{ color:#c0bfc2; text-decoration:none; }


#footer_logos { padding:2.4rem 0 1.5rem; }
#footer3 p { font-size:1.4rem; position:relative; }


#footer_logos>.wrapper { display:flex; flex-wrap: wrap; justify-content: space-between;    align-items: center;
}

#footer_logos>.wrapper>div { width: calc(25% - (36px * 0.75)); margin: 10px 0;}
#footer_logos>.wrapper>div.logoholder { order: -10;width:calc(50% - ((36px * 1) / 2)); /**/ }
#footer_logos>.wrapper>p { width:100%; order: 100; }

  p#footerlogo { margin:0 0 1rem; line-height:1; padding:0; }
  p#footerlogo a { display:block; text-decoration:none; text-decoration:-999px ; overflow:hidden; position: relative;}
  p#footerlogo a span {display:block; height:0; width:0; position:absolute; left:-10px; top:0; overflow:hidden; position: relative; }
  /*
 p#footerlogo a::before { font-family:'icons'; content:"\e90b"; color:#FFF; font-size:50px; position:relative;   }
  p#footerlogo a::after { font-family:'icons'; content:"\e90a"; color:#d12233; position:absolute; top:0; left:0; font-size:50px;    }
 */
  p#footerlogo a svg { display: block; max-width: 320px; fill: white}
  p#footerlogo a svg :is(path,rect) {  fill: white !important}

#footer3 p#gov span { display:block; padding-left:50px; max-width:16em; }
#footer3 p#eu span { display:block; padding-left:80px;  max-width:14em; }

#footer3 p#gov::before { font-family:'icons'; content:"\e909"; color:#FFF;  position:absolute;  left:0; top:0; font-size:55px; margin-right:1rem; transform:translateY(-0.3333em); }

#footer3 p#eu::before { font-family:'icons'; content:"\e904"; color:#0e2c8e; position:absolute; left:0; top:0; font-size:45px;  transform:translateY(-0.25em); }
#footer3 p#eu::after { font-family:'icons'; content:"\e905"; color:#fdff01; position:absolute; top:0; left:0; font-size:45px;  transform:translateY(-0.25em); }

#footer3 .half {  }
#funders { float:right;} 

.logoholder { float:none;}

#footer_logos>.wrapper>div p.footerlogo img { margin:auto; }

@media screen and (max-width:1399px){
    p#footerlogo a::before,  p#footerlogo a::after
    {  font-size:46px;    }
}
@media screen and (max-width:1199px){
    p#footerlogo a::before,  p#footerlogo a::after
    {  font-size:40px;    }
}
@media screen and (max-width:1099px){
    p#footerlogo a::before,  p#footerlogo a::after
    {  font-size:38px;    }
}
@media screen and (max-width:999px){
    #footer_logos>.wrapper>div p.footerlogo img { margin:0; }

    #footer_logos>.wrapper>div { width: calc(50% - (36px * 0.5)); }
   #footer_logos>.wrapper>div.logoholder { width:100%; }/* */
    p#footerlogo a::before,  p#footerlogo a::after
    {  font-size:50px;    }
}
    
@media screen and (max-width:800px){
#footer3 .half { float:none;  width:100%; margin-bottom:2rem; }
#footer3 .half .half {float:left !important; width:calc(50% - ((20px * 1) / 2)); margin-right:20px;   }
#footer3 .half .last { margin-right:0; }
#footer3 p#footerlogo { clear:left;}
}

@media screen and (max-width:649px){
  
    p#footerlogo a::before,  p#footerlogo a::after
    {  font-size:40px;    }
}
   
@media screen and (max-width:599px){
#footer_logos>.wrapper>div { width: 100%;  }
    #footer_logos>.wrapper>div.logoholder { order: 10;   }
}
@media screen and (max-width:400px){
#footer3 .half {   }
#footer3 .half .half { width:100%; margin-right:0;   }
#footer3 .half .last {   }
#footer3 p#footerlogo {  }
}

/*

euflag_flag
e904

euflag_stars
e905
 
harp
e909


healogo_bar
e90a

healogo_text
e90b


light blue
00a7e0

blue
216093

dark blue
134267


red
d12233

grey
rgba(0,0,0,0.06)

footer green text 
5cd8b6

footer 1 blue
343e45

footer 2 dark blue
1c242a

footer bottom darkest
0c141b

*/