body.hasjs #preloader { position: fixed; left: 0 ; top: 0 ; width: 100%; height: 100%; z-index: 9999; background: white url(images/preloader.gif) center center no-repeat; } /* RESET */ /* ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object, button { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li {list-style:none;} caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /*sup {vertical-align: super;} sub {vertical-align: sub;}*/ sup, sub { vertical-align:baseline; position: relative; top:-1em; font-size:0.5em;/**/ } sub { top: 1em; } #navside ul.social::after, .graphic_text::after, nav.tags::after, #heiheader nav::after, #subnav::after, #subnav ul::after, #breadcrumbs::after, #mainbanner::after, .download_box:after, .submenu::after, .clearfix::after, .cf::after, #resource_search::after { content: ""; display: table; clear: both; } /*.screen-reader-text {display:none;}*/ /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } strong em , em strong { font-weight:bold; font-style:italic; } a img { border:none } /* Gets rid of IE's blue borders */ a:active, a:focus, button {outline: none; border:none; -moz-outline-style: none;} .clear { clear:both; } br.clear { height:0;} .screen-reader-text, .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; margin: -1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } /* BASE */ /*@font-face { font-family: 'fa'; src: url('fonts/fa/fontawesome-webfont.woff2') format('woff2'), url('fonts/fa/fontawesome-webfont.woff') format('woff'); font-style: normal; } */ @font-face { font-family: 'icons'; src: url('fonts/iconfont1/icomoon.eot'); src: url('fonts/iconfont1/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont1/icomoon.woff') format('woff'), url('fonts/iconfont1/icomoon.ttf') format('truetype'), url('fonts/iconfont1/icomoon.svg') format('svg'); font-weight:normal; font-style:normal; } /* down e900 hamburger e901 up e902 */ body { background:#0c141b; } /* 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 */ /* TYPE */ html { font-size:62.5%; } @media all and (max-width: 767px) { /*html { font-size:87.5%; }*/ } body {font-family: 'Source Sans Pro', sans-serif; font-weight:normal; font-weight:400; line-height:1.5; color:#000; } .introbox, .intro {font-family: 'Merriweather', serif; font-weight:normal; line-height:1.4; color:#000;} .introbox { background:#134267; color:#FFF;} #hero .introbox { background:#FFF; color:#216093;} .introbox p, .intro p { font-size:2.1rem; line-height:1.476190476190476; } @media all and (max-width: 1023px) { .introbox p, .intro p { font-size:2rem; line-height:1.476190476190476; } #mainintro.intro p.longintro{ font-size:1.8rem; } } @media all and (min-width:1024px){ .introbox p, .intro p { font-size:1.8rem; line-height:1.476190476190476; } #mainintro.intro p.longintro{ font-size:1.6rem; } } @media screen and (min-width:1404px){ .introbox p, .intro p { font-size:2.1rem; line-height:1.476190476190476; } #mainintro.intro p.longintro{ font-size:1.6rem; } } @media screen and (min-width:1500px){ .introbox p, #mainintro.intro p{ font-size:2.4rem; } #mainintro.intro p.longintro{ font-size:1.8rem; } } #content ul, #footer ul, #content ol, #footer ol { margin-bottom:1.8rem; } #content li { margin:0 0 0.5em 0; list-style:none; } /* healogo_bar e90a healogo_text e90b */ #skiptocontent { } p, li {font-size:1.8rem; margin-bottom:0.5em; font-weight:normal;} p { margin-bottom:1em; } #maincontent p a, #maincontent li a, .module p a, .module li a { color:#134267; font-weight:600;} .module .padding ul li, .textbox ul li, .textcol ul li, #maincontent ul li { list-style:disc !important; margin-left:1em !important;} .module .padding ul li, .textbox ol li, .textcol ol li, #maincontent ol li { list-style: decimal; margin-left:1em;} .textcol ul li ul li, #maincontent ul li ul li, .textcol ol li ul li, #maincontent ol li ul li { list-style: circle !important; margin-left:2em !important; } .textcol ul li ul, .textcol ol li ul, .textcol ol li ol, .textcol ol li ol, #maincontent ul li ul, #maincontent ol li ul, #maincontent ol li ol, #maincontent ol li ol { margin-top:0.5em; } h1, h2, h3, h4, h5, h6 { line-height:1.3; font-weight:600; } .subhead, h1 {font-size: 3.6rem; margin: 0 0 0.5em 0; } h2 {font-size: 3.6rem; margin: 0 0 0.5em 0; } h3 {font-size: 2.2rem; margin: 0 0 0.5em 0; } h4 {font-size: 1.8rem; margin: 0.5em 0 0.5em 0; } hr { /*clear:both; */border:none; border-bottom:1px solid #216093 !important; width:100%; height:1px; margin:1.75rem 0 2rem; } p.cta {font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:1.8rem !important; line-height:1.3; /*margin:0;*/ width:100%; max-width:450px;/**/ } p.cta a { display:inline-block; background:#d12233; color:#FFF !important; padding:0.75em 2em; /*width:calc(100% - 2em - 2em); */ display:block; text-decoration:none; transition:background 0.3s ease; background-size:30px auto; background-position:calc(100% - 1rem) 50%; background-repeat:no-repeat; } p.cta a:hover { background-color:#831A24; } /*p.cta a::after*/ p.cta a[href*="//"]:not([href*="irc.newgraphic.ie"])::after { font-family:'icons'; content:"\e906"; transform:translateY(-50%); font-weight:normal; margin-left:0.8em; } p.cta a[href*="//"]:not([href*="irc.newgraphic.ie"]){ padding-right:4em; position:relative; } p.cta a[href*="//"]:not([href*="irc.newgraphic.ie"])::after { display:block; position:absolute !important; top:50%; right:2rem; transform:translateY(-50%);} p.download {margin-bottom:2rem; } p.download a { display:block; background-color:#00a7e0; background-color:#0078A2; padding:0.75em 4.5rem 0.75em 4rem; /*width:calc(100% - 4rem - 4.5rem);*/ position:relative; background-size:28px auto !important; background-position:calc(100% - 1rem) 50% !important; background-repeat:no-repeat !important; } p.download a::before { font-family:'icons'; content:"\e903"; position:absolute; top:50%;left:1rem; transform:translateY(-50%); font-weight:normal; } #bodytext p.download a { display:inline-block; /*min-width:280px; */background-repeat:no-repeat; } .sidebar p.cta a, #sidebar p.cta a { display:block; min-width:0;} p.download a[href$=".xlsx"], p.download a[href$=".xls"] { background-image: url(images/icons/doc-xls.svg); } p.download a[href$=".pdf"] { background-image: url(images/icons/doc-pdf.svg); } p.download a[href$=".pptx"], p.download a[href$=".ppt"] { background-image: url(images/icons/doc-ppt.svg); } p.download a[href$=".docx"], p.download a[href$=".doc"] { background-image: url(images/icons/doc-word.svg); } p.download a[href$=".zip"] { background-image: url(images/icons/doc-zip.svg ); } p.download a:hover { background-color:#1d517b; } .wp-embedded-content p, p.boxlink {font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:1.8rem !important; line-height:1.3; margin:0 0 1em; } .wp-embedded-content p a, p.boxlink a, p.boxlink span { display:inline-block; border:1px solid #000; background:#FFF; color:#000; padding:0.75em 2em; text-decoration:none; transition:background 0.2s ease; background-size:30px auto; background-position:calc(100% - 1rem) 50%; background-repeat:no-repeat; } .wp-embedded-content p a:hover, p.boxlink a:hover, p.boxlink span:hover { background-color:#d12233; color:#FFF !important; border-color:#d12233; } .wp-embedded-content p a[href*="//"]:not([href*="irc.newgraphic.ie"])::after, p.boxlink a[href*="//"]:not([href*="irc.newgraphic.ie"])::after { font-family:'icons'; content:"\e906"; transform:translateY(-50%); font-weight:normal; margin-left:0.8em; } #footer1 ul.social li, ul.social li { float:left; margin-right:2rem; font-size:3rem; } ul.social li:last-child { margin-right:0; } ul.social li a { color:white; display:block; transition:color 0.3s ease; text-decoration:none !important; transition:all 0.1s ease; } ul.social li a span {display:block; position:absolute; top:0; left:0; opacity:0; height:0; width:0; overflow:hidden;} ul.social li a::before { font-family:'icons'; padding:1px; text-indent:0; } #footer ul.social li { min-height: 42px; } #footer ul.social li a:hover::before{ /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);*/ } ul.social a:hover {transform:scale(1.4,1.4) !important; text-decoration:none !important} ul.social li.facebook a::before { content:"\e908"; } ul.social li.facebook a:hover::before{ color:#3b5998; } ul.social li.twitter a::before { content:"\e91e"; } ul.social li.x , ul.social li.x a { display:flex; align-items:center; } ul.social li.x a::before { display: block; width: 24px; height: 24px; content:""; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml;utf8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="%23a80562"/></svg>'); position:relative; top:-2px; } #hero #navside ul.social li.x a::before, #footer ul.social li.x a::before{ background-image: url('data:image/svg+xml;utf8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/></svg>') !important; } #footer ul.social li.x a::before { top:2px;} ul.social li.twitter a:hover::before{ color:#55acee; } ul.social li.youtube a::before { content:"\e91f"; } ul.social li.youtube a:hover::before{ color:#e52727; } ul.social li.instagram a::before { content:"\e92b"; } ul.social li.instagram a:hover::before{ color:#833ab4; } #footer p.lozenge {clear:both; } #footer p.lozenge a {display:inline-block; color:white; background: #a80562; font-size: 1.6rem; padding:0.5em 0.75em; border-radius:0.5em; } #footer p.lozenge a:is(:hover,:focus-visible) {background-color: #7b0d4c; text-decoration:none; } #footer p.lozenge a::after { font-family:'icons'; content:"\e906" !important; position:relative; top:50%; transform:translateY(-50%); font-weight:normal; margin-left:0.8em; font-size: 12px; } /*#footer ul.social li a:hover::before{ color:#5cd8b6; }*/ #breadcrumbs { margin-bottom:2rem; } #breadcrumbs p, #breadcrumbs li, #breadcrumbs ul { margin:0; } #breadcrumbs p, #breadcrumbs li { font-size:1.6rem; float:left; } #breadcrumbs p { margin:0 0.75em 0 0; } #breadcrumbs li { margin:0 0.5em 0 0; color:#666; } #breadcrumbs li::after { content:" / "; padding: 0 0 0 0.25em; color:#000;} #breadcrumbs li:last-child { position:relative; padding-right:1.2rem; } #breadcrumbs li:last-child::after { position:absolute; font-size:1.6rem; top:50%; transform:translateY(calc(-50% + 0.1rem)); right:-0.2em; line-height:2.4rem; line-height:1; font-family:'icons'; content:"\e922"; color:#000; padding:0 0 0; } #breadcrumbs a { color:#216093; color:#134267; text-decoration:none; font-weight:600; transition:all 0.2s ease; } #breadcrumbs a:hover { color:#216093; } /*#subnav { display:none; } @media all and (min-width: 641px) { #subnav {display:block; margin-bottom:2rem; background:#F0F0F0; } #subnav p, #subnav li, #subnav ul { margin:0; } #subnav ul { border-left:2px solid white; } #subnav p, #subnav li { font-size:1.8rem; float:left; border-right:2px solid white; } #subnav li { margin:0 0 0 0; } #subnav li:last-child span { font-size:1.3rem; } #subnav a { color:#134267; background:#F0F0F0; text-decoration:none; font-weight:400; transition:all 0.2s ease; padding:2rem; display:block; } #subnav a:hover { color:#d12233; } #subnav a.current{ font-weight:600; background:rgba(230,230,236,1); position:relative; } #subnav a.current::after { position:absolute; font-family:'icons'; content:"\e923"; color:rgba(230,230,236,1); font-weight:normal; top:100%; left:50%; transform:translateX(-50%); line-height:0.5; font-size:16px; } #subnav #back { font-size:3rem; line-height:1; overflow:hidden; position:absolute; width:3rem; left:-3rem; left:0; top:0; text-align:center; height:100%; } #subnav #back a { display:block; padding:0; height:100%; } #subnav #back a span { opacity:0.5; display:block; position:absolute; left:-100px; top:-100px; width:1px; height:1px; } #subnav #back a::before {font-family:'icons'; content:"\e91c"; color:#6d6e70; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #subnav #back a:hover::before { color:#000; } } @media screen and (min-width:1404px){ #subnav #back { width:60px; } }*/ /* #subnav{ display: table } #subnav ul{ display: table-row } #subnav li { display: table-cell }*/ /* facebook e908 twitter e91e share_tw e92a share_fb e929 */ #sharing { display:none; } @media all and (min-width:851px){ #sharing div { position:relative; padding-top:4rem; padding-top:5rem; } #sharing { transition:all 0.4s ease; display: block; opacity:0; width:6rem; /*float:left;position:relative;*/ z-index:98; text-align:center; position:absolute; top:0; left:0; } #sharing.seen { opacity:1; } #sharing.seen div { } #sharing p { color:#226193; border-bottom:1px solid #226193; padding-bottom:0.5rem; margin-bottom:1.2rem; font-size:1.8rem; } body #sharing #sharelinks li { font-size:2.5rem; margin:0 0 1rem !important; line-height:1.2; list-style:none !important; } #sharelinks li a { color:#226193; color:rgba(34,97,147,0.65); display:block; overflow:hidden; text-decoration:none; transition:all 0.3s ease; } #sharelinks li em {display:block; position:absolute; left:-100px; width:0; height:0; overflow:hidden; } #sharelinks li a:hover { color:rgba(34,97,147,1); } #sharelinks li a::after { font-family:'icons'; } #sharelinks li.facebook a::after { content:"\e929"; } #sharelinks li.twitter a::after { content:"\e92a"; } #sharelinks li.facebook a:hover::after { content:"\e908"; } #sharelinks li.twitter a:hover::after { content:"\e91e"; } } #sharing { left:20px; } @media screen and (min-width:641px){ #sharing { left:30px; } } @media screen and (min-width:1404px){ #sharing { left:60px; } } /* measurements */ #allthethings { position:fixed; top:0; width:100%; } #allthethings #everything {height:100%; overflow:hidden; } #maincontent { position:relative; } #allcontent { background:white; } .wrapper { margin:0 auto; padding:0 20px; clear:both; max-width:1500px; position:relative; transition:all 0.1s ease; } @media screen and (min-width:641px){ .wrapper { padding:0 30px; } } @media screen and (min-width:1404px){ .wrapper { padding:0 60px; } } .col{ margin:0 36px 0 0; float:left; transition:all 0.1s ease; } .toright { float:right !important;} /*.twelfth { width:calc((8.333333333333333% - ((36px * 11) / 12)) * 1); } */ .last { margin-right:0; } #content { min-height:100px; padding:2rem 0 0; padding:2rem 0 3rem; /*padding:5rem 0 3rem;*/ clear:both; } @media screen and (min-width:1024px){ .quarter { width:calc(25% - ((36px * 3) / 4)); } .third { width:calc(33.33333% - ((36px * 2) / 3)); } .half { width:calc(50% - ((36px * 1) / 2)); } .widelast { margin-right:0; } } @media screen and (min-width:601px) and (max-width:1023px){ .quarter, .third, .half { width:calc(50% - ((36px * 1) / 2)); } .midlast { margin-right:0; } } @media screen and (max-width:600px){ .col{ float:none; } .quarter, .third, .half { width:100%; } } /* MENU */ /*@media screen and (max-width:999px) and (min-width:700px){ ul.sublist { column-count: 2; column-gap: 20px; } ul.sublist li { -webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid } }*/ /* ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================ */ #masthead { background:rgba(255,255,255,1); border-bottom:1px solid #134267; padding:2rem 0 1rem; position:relative; } @media screen and (max-width:1023px){ #mastheadwrapper {overflow:hidden; }/**/ } @media screen and (max-width:850px){ #masthead { padding:1rem 0 1rem; } } #mainnav { display:none; } #mainnav nav > ul > li { font-size:1.8rem; margin:0; color:black; float:left; line-height:1; /*position:relative; */left:-1.8rem; } #mainnav nav > ul > li > a { text-decoration:none; display:block; padding:0 1.5em; height:74px; line-height:62px; position:relative; color:#134267;} #mainnav nav > ul > li a.subopen { background:white; background:rgba(240,240,240,0.98); color:#134267;} #mainnav nav > ul > li > a::after { font-family:icons; content:"\e902"; position:relative; top:0.15em; margin-left:0.5em; } #mainnav nav > ul > li > a.subopen::after { transform:rotate(180deg); display: inline-block } #mainnav nav > ul > li > a:hover { color:#d12233; } #mainnav nav > ul > li.nosub a::after { content:""; } /* #mainnav nav > ul > li > ul*/ .hassub { } #mainnav nav > ul > li > .submenu { position:absolute; top:74px; left:0; background:rgba(240,240,240,0.98); width:100%; z-index:9999; padding:1.5rem 0 3rem; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); } .multimenu { padding-bottom:0;} #mainnav .multimenu .menu { width:calc(33.33333% - ((36px * 2) / 3)); margin:0 36px 3rem 0; float:left;} .submenu .menu { } .submenu .menu ul { margin-bottom:0; } .submenu .menu:nth-child(3n+3){ margin-right:0 !important; } .submenu .menu:nth-child(4n+4){ clear:both; } a.hassub::after { font-family:icons; content:"\e900"; position:relative; top:0.15em; margin-left:0.5em; } .submenu h2 { font-size:1.8rem; font-weight:700; color:#134267; border-bottom:1px solid rgba(33,96,147,1); padding-top:0.25em; padding-bottom:0.5em; /*margin-bottom:0.5em;*/margin:0;} .submenu h2::after { font-family:icons; content:"\e900"; position:relative; top:0.15em; margin-left:0.5em; } .submenu h2 a { text-decoration:none; color:#134267; } #mobilenav .submenu h2::after {content:"\e900"; } #mobilenav .submenu h2.menuopen::after {content:"\e902"; } /*.submenu h3.menuopen::after {content:"\e900"; }*/ .multimenu h2 { margin:0; } .submenu li { font-size:1.8rem; line-height:1.1; color:#134267; margin:0; position:relative; } .submenu .menu ul li a { border-bottom:1px solid rgba(33,96,147,0.5); display:block; color:#134267; text-decoration:none; padding-top:0.75em; padding-bottom:0.75em; padding-top:0.6666666666666667em; padding-bottom:0.6666666666666667em; padding-top:0.5em; padding-bottom:0.5em; transition:all 0.2s ease; } /*.submenu .menu ul > li:last-child a { border-bottom:none; }*/ .submenu .menu a:hover {color:#d12233; } .submenu .menu > ul > li > ul > li { font-weight:300; } .submenu .menu > ul > li > ul > li > a { padding-left:1em; } .submenu .menu > ul > li > ul > li > ul > li > a { padding-left:2em; } .submenu .menu > ul > li > ul > li > ul > li > ul > li > a { padding-left:3em; } .submenu .menu ul { margin-bottom:0;} .submenu .menu ul li.opened a, .multimenu .menu ul li ul li a { background:white; } .navopener { z-index:99; display:block; position:absolute; top:0; right:0; /*height:2.2rem; height:100%;*/ line-height:2.1em; /*line-height:2.2rem; padding:0.75em 1rem 0.75em 1.5rem; padding:0.48em 1rem 0.48em 1.5rem;*/ padding:0 1rem; transition:all 0.2s ease; } span.navopener::after { font-family:icons; content:"\e917"; } li.opened > span.navopener::after {content:"\e914"; } span.navopener:hover { color:#d12233; -ms-transform: scale(1.333, 1.333); /* IE 9 */ -webkit-transform: scale(1.333, 1.333); /* Safari */ transform: scale(1.333, 1.333); } .submenu .menu > ul > li.opened > span.navopener {color:#FFF;} .submenu .menu > ul > li.opened > a, .submenu .menu li.subsubopen > a { background:#134267; color:white; padding-left:1em; } .submenu .menu li.subsubopen li a { padding-left:2em; } .submenu .menu li.subsubsubopen > a { font-weight:600; } .submenu .menu li.subsubhassub ul li a { font-weight:300; } .submenu .menu li.subsubsubopen li a { padding-left:3em; } /* -webkit-columns: 100px 4; -moz-columns: 100px 4; columns: 100px 4; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;*/ /* #mainnav nav > ul > li > ul > li { width:calc(33.33333% - ((36px * 2) / 3)); float:left; } #mainnav nav > ul > li > ul > li { width:calc(33.33333% - ((36px * 2) / 3)); float:left; } */ @media screen and (min-width:1601px){ #mainnav nav > ul > li { font-size:1.8rem; } #mainnav nav > ul > li > a { padding:0 1em; } } @media screen and (min-width:1251px) and (max-width:1600px){ #mainnav nav > ul > li { font-size:1.8rem; left:-0.8888888888888889em; } #mainnav nav > ul > li > a { padding:0 0.8888888888888889em; } #mainnav nav > ul > li a::after { margin-left:0.3333333em; } } @media screen and (min-width:1151px) and (max-width:1250px){ #mainnav nav > ul > li { font-size:1.8rem; left:-0.6666666666666667em; } #mainnav nav > ul > li > a { padding:0 0.6666666666666667em; } #mainnav nav > ul > li a::after { margin-left:0.3333333em; } } @media screen and (min-width:1100px) and (max-width:1150px){ #mainnav nav > ul > li { font-size:1.6rem; left:-0.75em; } #mainnav nav > ul > li > a { padding:0 0.75em; } #mainnav nav > ul > li > a::after { margin-left:0.3333333em; } } @media screen and (min-width:1024px) and (max-width:1099px){ #mainnav nav > ul > li { font-size:1.6rem; left:-0.625em; } #mainnav nav > ul > li > a { padding:0 0.625em; } #mainnav nav > ul > li > a::after { margin-left:0.3333333em; } } /* #navside { display:none !important;} */ #navside { } @media screen and (min-width:1024px){ #navside { float:right; width:calc(16.66666666666667% - ((36px * 5) / 6)); height:74px;} #mainnav { width:calc(50% - ((36px * 1) / 2) + 36px); display:block; height:74px; } } /*@media screen and (min-width:601px) and (max-width:1100px){ */ @media screen and (min-width:851px) and (max-width:1023px){ #navside { float:right; width:calc(33.333333333333% - ((36px * 2) / 3)); height:74px;} #mainnav { width:100%; } } @media screen and (min-width:601px) and (max-width:850px){ #mainnav, #navside {width:calc(50% - ((36px * 2) / 2) - 36px); float:right; height:74px; } } @media screen and (max-width:600px){ #mainnav { width:100%; } #navside { width:100%; height:50px; clear:both; } #navside * { margin-bottom:0 !important;} } /* ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================ */ .healogo { font-weight:normal !important; line-height:1; margin:0; } .healogo a {overflow:hidden; display:block; width:100%; height:0; text-shadow: 0 0 50px rgba(255, 255, 255,1); padding-bottom:74px; text-decoration:none; position:relative; font-weight:normal; } .healogo span { opacity:0; position:absolute; top:-200px; } .healogo a::after, .healogo a::before { font-family:icons; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); /*transition:all 0.3s ease;*/ left:3rem; transform:translate(0,-50%); } .healogo a::after { content:"\e90a"; color:#d12233; } .healogo a::before { content:"\e928"; color:#134267; color:#0068A4;} /* .healogo a::before is the logo bit... after is the bar */ #logo { width:calc(33.33333% - ((36px * 2) / 3) + 36px); float:left; margin-right:36px; margin-right:0;transition:all 0.1s ease; } @media all and (min-width: 1601px) { #logo .healogo a::after, #logo .healogo a::before {font-size:64px; } } @media all and (min-width:1301px) and (max-width: 1600px) { #logo .healogo a { padding-bottom:74px; } #logo .healogo a::after, #logo .healogo a::before { font-size:4vw; left:0; left:3rem; transform:translate(0,-50%);} } @media all and (min-width:1024px) and (max-width: 1300px) { #logo .healogo a { padding-bottom:74px; } #logo .healogo a::after, #logo .healogo a::before { font-size:4.8vw; font-size:4.8vw; left:0; left:3rem; transform:translate(0,-50%);} } @media screen and (min-width:851px) and (max-width:1023px){ #logo .healogo a { padding-bottom:74px; } #logo .healogo a::after, #logo .healogo a::before { font-size:56px; left:0; left:3rem; transform:translate(0,-50%);} } @media screen and (min-width:601px) and (max-width:850px){ #logo .healogo a { padding-bottom:74px; } #logo .healogo a::after, #logo .healogo a::before { font-size:7.5vw ; left:3rem; transform:translate(0,-50%); } } @media screen and (max-width:600px){ #logo .healogo a { padding-bottom:74px; } #logo .healogo a::after, #logo .healogo a::before { font-size:10vw ; } } @media screen and (max-width:1023px){ #logo { width:calc(2 * (33.33333% - ((36px * 2) / 3)) + 36px); } } @media screen and (min-width:601px) and (max-width:850px){ #logo {width:calc(50% - ((36px * 1) / 2) + 36px); } } /*@media screen and (max-width:450px){ */ @media screen and (max-width:600px){ #logo {width:100%; margin-right:0; } #logo .healogo a { padding-bottom:19.5%; } #logo .healogo a::after, #logo .healogo a::before { font-size:14.5vw; font-size:16vw; left:50%; transform:translate(-50%,-50%); left:0; transform:translate(0,-50%);/**/ } } /* ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================ */ .hamburger { float:right; position:relative; height:74px; line-height:60px;; font-family: 'icons'; color:#134267; text-align:right; margin:0 0 0 1.5rem; font-size:3rem; overflow:hidden; /*position:absolute; top:50%; right:0; transform:translateY(-50%);*/ display:block; opacity:1; z-index:99999; transition:opacity 0.2s ease; } .noburger { opacity:0.1 !important; } #fixednav .hamburger {right:28px; } .hamburger span { position:absolute; top:-999em; right:-999em; height:0; width:0; } .hamburger::before { z-index:99; width:100%; line-height:1; text-align:center; text-indent:0; content: "\e920"; } .hamburger:hover {color:#134267; } @media all and (min-width: 1024px) { .hamburger {display:none;} } .showsearch { float:right; position:relative; height:74px; line-height:68px; font-family: 'icons'; color:#134267; text-align:right; margin:0 0 0 0; font-size:3rem; overflow:hidden; /*position:absolute; top:50%; right:0; transform:translateY(-50%);*/ display:block; opacity:1; cursor:pointer; transition:all 0.2s ease; } .showsearch a {position:absolute; top:0; right:0; display:block; height:100%; width:100%; } .showsearch span { position:absolute; top:-999em; right:-999em; height:0; width:0; } .showsearch::before { z-index:99; width:100%; line-height:1; text-align:center; text-indent:0; content: "\e91a"; } .showsearch:hover {color:#134267; transform:scale(1.1,1.1); } @media all and (min-width: 1024px) { } #navside ul.social { } #navside ul.social li { float:right; margin-right:2rem; height:74px; line-height:68px;} #navside ul.social li a { color:#134267; } @media screen and (max-width:1300px) and (min-width:1024px){ .showsearch, .hamburger, #navside ul.social li { font-size:2.4rem; height:74px; line-height:68px; } #navside ul.social li { margin-right:1.3rem;} } @media screen and (max-width:1023px) and (min-width:801px){ .showsearch, .hamburger, #navside ul.social li { font-size:3rem; height:74px; line-height:68px; } #navside ul.social li { margin-right:2rem;} } @media screen and (min-width:601px) and (max-width:800px) { .showsearch, .hamburger, #navside ul.social li { font-size:2.6rem; height:74px; line-height:68px; } #navside ul.social li { margin-right:1.5rem;} } @media screen and (max-width:600px){ .showsearch, .hamburger, #navside ul.social li {font-size:3rem; height:50px; line-height:40px; } #navside ul.social li { margin-right:2rem; float:left; } } .submenucloser { } .submenucloser { font-family: 'icons'; color:#134267; line-height:1; text-align:right; position:absolute; font-family: 'icons'; color:#134267; line-height:1; text-align:right; font-size:3rem; background:#d12233; padding:0.75rem; right:-1rem;top:-1.8rem; color:#FFF; z-index:99; border-radius:50%; z-index:99999; opacity:0; -webkit-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); } .submenucloser span {position:absolute; top:-999em; left:-999em; /**/ } .submenucloser::before { line-height:1; text-align:right; text-indent:0; content: "\e921"; } .submenucloser:hover { color:#134267; background:#134267; color:#FFF; transform:translate(0,0) scale(1.3,1.3); } @media screen and (max-width:1660px){ .submenucloser { right: 1rem; } }#mobilenavbg { opacity:0; position:fixed; top:0; left:-100%; width: 100% ; height:100%; background:rgba(19,66,103,0.85); transition:opacity 0.3s ease; z-index:9998;} #mobilenav {position:fixed; top:0; left:-100%; width:calc(100% - 6rem); height:100%; overflow:auto; z-index:9999; background:rgba(0,0,0,0.75); background:rgba(240,240,240,1); opacity:0; transition:all 0.3s ease; } #mobilenavbg.navshown, #mobilenav.navshown { left:0; opacity:1; } #mobilenav > .wrapper { /*padding:0 2rem 0 2rem !important; margin:0 6rem 0 0 !important; min-height:100%;background:rgba(240,240,240,1); */ } /*#mobilenav { text-align:center; padding:28px 0; margin:50px 0 28px; } */ /*#mobilenav li { font-size:1.8rem; margin-bottom:0.5em; } #mobilenav a { color:white; color:#000; background:none !important; } */ @media all and (max-width: 1023px) and (min-width: 768px){ } @media all and (min-width: 1024px){ /* #mobilenav, #mobilenavbg{ display:none;}*/ } #mobilenav h3 { margin: 0; padding-top:0.75em; } /*#mobilenavwrap*/ #navcloser { font-family: 'icons'; color:#134267; line-height:1; text-align:right; /*font-size:3.6rem; height:70px; line-height:70px; margin:2rem 0 1rem; overflow:hidden; display:block; opacity:1;*/ position:absolute; top:3.8rem; right:2rem; font-family: 'icons'; color:#134267; line-height:1; text-align:right; font-size:3.6rem; font-size:3rem; background:#d12233; padding:0.75rem; top:3rem; right:2rem; color:#FFF; z-index:99; border-radius:50%; z-index:99999;/**/ -webkit-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); } /*#mobilenavwrap*/ #navcloser span {position:absolute; top:-999em; left:-999em; /**/ } /*#mobilenavwrap*/ #navcloser::before { line-height:1; text-align:right; text-indent:0; content: "\e921"; } /* #mobilenavwrap*/ #navcloser:hover { color:#134267; background:#134267; color:#FFF; transform:translate(-17%,0) scale(1.3,1.3); } #navcloser {transition:all 0.2s ease; opacity:0; z-index:-10; right:0rem; } #navcloser.navshown { right:2rem; z-index:99999 ; opacity:1;} #mobilenav nav { /*padding-right:55px;*/ padding-top:6rem; padding-top:2.8rem; } #mobilenav nav > ul > li { font-size:2.4rem; font-size:2rem; margin:0 0 1rem; color:#134267; width:100%; line-height:1.222222222222222; position:relative; } #mobilenav nav > ul > li > a { text-decoration:none; display:block; padding:1rem 1rem; padding:1.5rem 1rem 1.5rem 1rem; line-height:1; position:relative; color:#FFF; background:#134267;} /*#mobilenav nav > ul > li a.subopen { color:#FFF; background:#134267; } */ #mobilenav nav > ul > li > a::after { font-family:icons; content:"\e917"; float:right; margin-right:1rem; display:block; } #mobilenav nav > ul > li a.subopen::after {content:"\e914"; } #mobilenav nav > ul > li.nosub > a::after { content: " "; } #mobilenav nav > ul > li > .submenu { padding:0 !important; background:white !important;} #mobilenav nav > ul > li > .submenu .wrapper { padding:0 1rem !important; } #mobilenav nav > ul > li > .submenu .menu { margin-bottom:1rem; } .mobileopener { z-index:99; display:block; position:absolute; top:0; right:0; /*height:2.2rem; height:100%;*/ line-height:2.5em; /*line-height:2.2rem; padding:0.75em 1rem 0.75em 1.5rem; padding:0.48em 1rem 0.48em 1.5rem;*/ padding:0 1rem; transition:all 0.2s ease; } span.mobileopener::after { font-family:icons; content:"\e917"; } #mobilenav nav li.opened > span.mobileopener::after {content:"\e914"; } span.mobileopener:hover { color:#d12233; -ms-transform: scale(1.333, 1.333); /* IE 9 */ -webkit-transform: scale(1.333, 1.333); /* Safari */ transform: scale(1.333, 1.333); } #mobilenav .submenu h3, /*{ display:none; }*/ #mobilenav .multimenu h3 { display:block; } #mobilenav .submenu .menu > ul > li.opened > a, #mobilenav .submenu .menu li.subsubopen > a { background:white; color:#134267; padding-left:0; } #mobilenav .submenu .menu li li a { font-weight:300 ; } #mobilenav .submenu .menu li.subsubopen li a { padding-left:2em; } #mobilenav .submenu .menu li.opened > a { font-weight:400; } #mobilenav .submenu .menu li.subhassub > a , #mobilenav .submenu .menu li.subsubhassub > a { padding-right:4rem; } #mobilenav .submenu .menu li.subsubhassub ul li a { font-weight:300; } #mobilenav .submenu .menu li.subsubsubopen li a { padding-left:3em; } #hoosh { font-family:'icons'; width:4.6rem; height:4.6rem; background:#d12233; border-radius:50%; position:absolute; bottom:-2.3rem; margin:0; left:50%; transform:translate(-50%,0); color:#FFF; text-align:center; transition:all 0.2s ease; cursor:pointer; -webkit-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); } #hoosh::before { font-size:2.5rem; content:"\e902"; display:block; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); } #hoosh span { display:block; height:0; width:0; overflow:hidden; } #hoosh:hover { transform:translate(-50%,0) scale(1.3,1.3) ; } @media screen and (max-width:850px) { #hoosh { display:none; } } #hero { /*background-size:cover; background-position:center; */ background-size:100% auto; background-position:top center; background-repeat:no-repeat; position:relative; } @media screen and (max-width:600px){ #hero {background-size:100% auto; background-position:top center; min-height:300px; height:35vw; } } @media screen and (min-width:601px) and (max-width:850px){ #hero {background-size:100% auto; background-position:top center; min-height:300px; height:35vw; } } @media screen and (min-width:851px) and (max-width:1499px){ #hero {background-size:cover; background-position:center; min-height:550px; max-height:700px; height:35vw; margin-bottom:3rem; } } @media screen and (min-width:1500px){ #hero {background-size:cover; background-position:center; min-height:550px; max-height:650px; height:40vw; margin-bottom:3rem; } } #hero #masthead { border:none; background:none; padding-bottom:3rem; background: rgba(19,66,103,0.8); background: -moz-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,66,103,0.5)), color-stop(100%, rgba(19,66,103,0))); background: -webkit-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: -o-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: -ms-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: linear-gradient(to bottom, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: rgba(19,66,103,0.8); background: -moz-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,46,62,0.75)), color-stop(100%, rgba(25,46,62,0))); background: -webkit-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: -o-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: -ms-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: linear-gradient(to bottom, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: rgba(25,46,62,0.8); background: -moz-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,46,62,0.75)), color-stop(100%, rgba(25,46,62,0))); background: -webkit-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); background: -o-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); background: -ms-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); background: linear-gradient(to bottom, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); } #hero .showsearch, #hero .hamburger, #hero #navside ul.social li a, #hero #masthead { color:#FFF; } #hero .healogo a { text-shadow: 0 0 20px rgba(19,66,103, 0.5); text-shadow: 0 0 20px rgba(25,46,62, 0.5); } #hero #navside ul.social li a:hover { text-shadow: 0 0 20px rgba(255, 255, 255, 0.5); } #hero .healogo a::before { color:#FFF;} #hero #mainnav nav > ul > li > a { color:#FFF; text-shadow: 0 0 10px rgba(19,66,103, 0.3); text-shadow: 0 0 10px rgba(25,46,62, 0.3)} #hero #mainnav nav > ul > li a.subopen { color:#134267; text-shadow: none;} #heroimage { position:absolute; top:-100%; left:-100%; width:1px; height:1px; overflow:hidden; } #heroimage img { } body.hasjs #heroimage { opacity:0 !important;} @media screen and (max-width:850px){ #captionwrapper, #herocaption { display:none !important; } } #captionwrapper { width:calc(100% - 40px); position:absolute; bottom:0; left:50%; transform:translateX(-50%); } @media screen and (min-width:641px){ #captionwrapper { width:calc(100% - 60px);} } @media screen and (min-width:1404px){ #captionwrapper { width:calc(100% - 120px);} } #herocaption { margin:0; width:calc(50% - 12rem - 20px); background:rgba(0,0,0,0.6); position:absolute; bottom:0; right:20px; z-index:999; padding:2rem 6rem 2rem 2rem; color:white; font-size:1.6rem; } #captionshow::after, #captionclose::after { font-family: 'icons'; color:#FFF; line-height:1; text-align:right; font-weight:normal; } #captionshow { position:absolute; bottom:2rem; right:20px; width:4.8rem; height:4.8rem; background:rgba(0,0,0,0.6); border-radius:100%; opacity:0.4; transition:opacity 0.3s ease; cursor:pointer; } #captionshow:hover { opacity:1; } #captionshow.captionshown {opacity:0; } #captionshow::after { content: "\e907"; font-size:2.2rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #captionclose {position:absolute; top:50%; right:1rem; transform:translateY(-50%); } #captionclose::after { content: "\e921"; font-size:2.4rem; } @media screen and (min-width:641px){ #captionshow, #herocaption { right:30px; } #herocaption { margin:0; width:calc(50% - 12rem - 30px); } } @media screen and (min-width:1404px){ #captionshow, #herocaption { right:60px; } #herocaption { margin:0; width:calc(50% - 12rem - 60px); } } body.hasjs #herocaption { display:none; } #hero .module { background:rgba(0,0,0,0.6); color:white;} #hero #mainintro { color:#216093; background:white; /* width:calc(33.33333% - ((36px * 2) / 3));*/ -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); } /**/ @media screen and (min-width:851px) and (max-width:1199px){ #mainintro {/*width:calc(50% - ((36px * 1) / 2));*/ } } @media screen and (max-width:850px){ #mainintro {/* width:100%;*/ margin-top:25%; } } @media screen and (max-width:600px){ #mainintro {/* width:100%;*/ margin-top:25%; } } @media screen and (max-width:850px){ #hero .module { width:100%; margin-right:0; } } @media screen and (max-width:1023px){ #mastheadwrapper {overflow:hidden; }/**/ } @media screen and (max-width:1023px){ #mastheadwrapper {overflow:hidden; }/**/ } #instagramfeed .square { padding-bottom:100%; } .iglist li p.square a { display:block; width:100%; height:100%; } /* Footer */ #footer { color:#FFF; position:relative; z-index:999;} #fullsitemap { background:#216093; overflow: auto; padding:1rem 0; } p#showfullmenu { line-height:1.3; font-weight:600; font-size: 1.8rem; margin: 0.5em 0 0.5em 0; } #fullsitemap nav { display:none; } #footer1 { background:#343e45; 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:#1c242a; 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; } #footer3 { padding:2.4rem 0 1.5rem; } #footer3 p { font-size:1.4rem; position:relative; } #footer3 p#footerlogo { margin:0 0 1rem; line-height:1; padding:0 } #footer3 p#footerlogo a { display:block; text-decoration:none; text-decoration:-999px ; overflow:hidden;} #footer3 p#footerlogo a span {display:block; height:0; width:0; position:absolute; left:-10px; top:0; overflow:hidden;} #footer3 p#footerlogo a::before { font-family:'icons'; content:"\e90b"; color:#FFF; font-size:50px; position:relative; } #footer3 p#footerlogo a::after { font-family:'icons'; content:"\e90a"; color:#d12233; position:absolute; top:0; left:0; font-size:50px; } #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;} @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: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 */ #hoosh { font-family:'icons'; width:4.6rem; height:4.6rem; background:#d12233; border-radius:50%; position:absolute; bottom:-2.3rem; margin:0; left:50%; transform:translate(-50%,0); color:#FFF; text-align:center; transition:all 0.2s ease; cursor:pointer; -webkit-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); box-shadow: 0px -6px 6px 1px rgba(0,0,0,0.35); } #hoosh::before { font-size:2.5rem; content:"\e902"; display:block; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); } #hoosh span { display:block; height:0; width:0; overflow:hidden; } #hoosh:hover { transform:translate(-50%,0) scale(1.3,1.3) ; } @media screen and (max-width:850px) { #hoosh { display:none; } } #hero { /*background-size:cover; background-position:center; */ background-size:100% auto; background-position:top center; background-repeat:no-repeat; position:relative; } @media screen and (max-width:600px){ #hero {background-size:100% auto; background-position:top center; min-height:300px; height:35vw; } } @media screen and (min-width:601px) and (max-width:850px){ #hero {background-size:100% auto; background-position:top center; min-height:300px; height:35vw; } } @media screen and (min-width:851px) and (max-width:1499px){ #hero {background-size:cover; background-position:center; min-height:550px; max-height:700px; height:35vw; margin-bottom:3rem; } } @media screen and (min-width:1500px){ #hero {background-size:cover; background-position:center; min-height:550px; max-height:650px; height:40vw; margin-bottom:3rem; } } #hero #masthead { border:none; background:none; padding-bottom:3rem; background: rgba(19,66,103,0.8); background: -moz-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,66,103,0.5)), color-stop(100%, rgba(19,66,103,0))); background: -webkit-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: -o-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: -ms-linear-gradient(top, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: linear-gradient(to bottom, rgba(19,66,103,0.5) 0%, rgba(19,66,103,0) 100%); background: rgba(19,66,103,0.8); background: -moz-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,46,62,0.75)), color-stop(100%, rgba(25,46,62,0))); background: -webkit-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: -o-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: -ms-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: linear-gradient(to bottom, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0) 100%); background: rgba(25,46,62,0.8); background: -moz-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,46,62,0.75)), color-stop(100%, rgba(25,46,62,0))); background: -webkit-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); background: -o-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); background: -ms-linear-gradient(top, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); background: linear-gradient(to bottom, rgba(25,46,62,0.75) 0%, rgba(25,46,62,0.5) 40%, rgba(25,46,62,0) 100%); } #hero .showsearch, #hero .hamburger, #hero #navside ul.social li a, #hero #masthead { color:#FFF; } #hero .healogo a { text-shadow: 0 0 20px rgba(19,66,103, 0.5); text-shadow: 0 0 20px rgba(25,46,62, 0.5); } #hero #navside ul.social li a:hover { text-shadow: 0 0 20px rgba(255, 255, 255, 0.5); } #hero .healogo a::before { color:#FFF;} #hero #mainnav nav > ul > li > a { color:#FFF; text-shadow: 0 0 10px rgba(19,66,103, 0.3); text-shadow: 0 0 10px rgba(25,46,62, 0.3)} #hero #mainnav nav > ul > li a.subopen { color:#134267; text-shadow: none;} #heroimage { position:absolute; top:-100%; left:-100%; width:1px; height:1px; overflow:hidden; } #heroimage img { } body.hasjs #heroimage { opacity:0 !important;} @media screen and (max-width:850px){ #captionwrapper, #herocaption { display:none !important; } } #captionwrapper { width:calc(100% - 40px); position:absolute; bottom:0; left:50%; transform:translateX(-50%); } @media screen and (min-width:641px){ #captionwrapper { width:calc(100% - 60px);} } @media screen and (min-width:1404px){ #captionwrapper { width:calc(100% - 120px);} } #herocaption { margin:0; width:calc(50% - 12rem - 20px); background:rgba(0,0,0,0.6); position:absolute; bottom:0; right:20px; z-index:999; padding:2rem 6rem 2rem 2rem; color:white; font-size:1.6rem; } #captionshow::after, #captionclose::after { font-family: 'icons'; color:#FFF; line-height:1; text-align:right; font-weight:normal; } #captionshow { position:absolute; bottom:2rem; right:20px; width:4.8rem; height:4.8rem; background:rgba(0,0,0,0.6); border-radius:100%; opacity:0.4; transition:opacity 0.3s ease; cursor:pointer; } #captionshow:hover { opacity:1; } #captionshow.captionshown {opacity:0; } #captionshow::after { content: "\e907"; font-size:2.2rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #captionclose {position:absolute; top:50%; right:1rem; transform:translateY(-50%); } #captionclose::after { content: "\e921"; font-size:2.4rem; } @media screen and (min-width:641px){ #captionshow, #herocaption { right:30px; } #herocaption { margin:0; width:calc(50% - 12rem - 30px); } } @media screen and (min-width:1404px){ #captionshow, #herocaption { right:60px; } #herocaption { margin:0; width:calc(50% - 12rem - 60px); } } body.hasjs #herocaption { display:none; } #hero .module { background:rgba(0,0,0,0.6); color:white;} #hero #mainintro { color:#216093; background:white; /* width:calc(33.33333% - ((36px * 2) / 3));*/ -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); } /**/ @media screen and (min-width:851px) and (max-width:1199px){ #mainintro {/*width:calc(50% - ((36px * 1) / 2));*/ } } @media screen and (max-width:850px){ #mainintro {/* width:100%;*/ margin-top:25%; } } @media screen and (max-width:600px){ #mainintro {/* width:100%;*/ margin-top:25%; } } @media screen and (max-width:850px){ #hero .module { width:100%; margin-right:0; } } @media screen and (max-width:1023px){ #mastheadwrapper {overflow:hidden; }/**/ } @media screen and (max-width:1023px){ #mastheadwrapper {overflow:hidden; }/**/ } #instagramfeed .square { padding-bottom:100%; } .iglist li p.square a { display:block; width:100%; height:100%; } /* modules */ .module, #content ul li.module { float:left; background:rgba(230,230,230,1); margin:0 36px 36px 0; position:relative; overflow:hidden !important; } .module .article, .module article { padding-bottom:10rem; position:relative; background-size:cover; background-position:center; } .module article.vid { padding-bottom:2rem; } .nocta .module article { padding-bottom:1rem !important; } #hero .module .article, #hero .module article { padding-bottom:8rem; } .module .padding { padding:2rem 3rem 1rem; padding:2rem 3rem 0; overflow:auto; } .module div.content { min-height:50px; } /*.module .nocta div.content { min-height:100px; background:red; } */ .module article div.mapgif { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center center; opacity:0; z-index:1; } .introbox { background:#134267; color:#FFF;} .introbox .padding p{ margin:0; } @media screen and (min-width:601px){ /*.introbox { overflow:hidden; }*/ .introbox div.content { /*padding:1rem 0 5rem; padding:6rem 0 0; */ overflow:visible; } .introbox .padding { /*padding:2rem 3rem 0;*/ overflow:visible; } .introbox .padding p{ position:relative; top:-5rem; margin:0; } } .module p.cta { position:absolute; bottom:1rem; margin:0 0 1rem; /*max-width:calc(100% - 6rem); */ width:auto; padding:2rem 3rem 1rem; overflow:hidden; z-index:30; } .module p.download { text-align:center; width:calc(100% - 6rem); max-width:none; } .introbox p.cta { padding:2rem 3rem 1rem; } .module .padding p.cta, .module .padding p.download { width:100%; padding:0; text-align:left; font-size:2rem; margin:1rem 0 2rem; position:static; } .module .padding p.cta a, .module .padding p.download a { display:block; } /*.module .padding p.cta a { white-space:nowrap; } */ p.cta em { font-style:normal; font-weight:300; } /*.introbox {font-family: 'Merriweather', serif; font-weight:400; font-weight:normal; line-height:1.4; background:#134267; color:#FFF;} .introbox p { font-size:2.9rem; line-height:1.476190476190476; color:#f0f !important; } */ @media screen and (min-width:601px){ } .module .subheading { color:#134267; font-weight:400; margin:0 0 -2rem; height:4.2em; } .module .subheading strong { font-weight:600; } .module div.content { } .module div.content div.padding img { display:block; max-width:100%; height:auto; } .module div.content p { line-height:1.4; } #infographics_module article .img, .module .img { width:100%; height:0; padding-bottom:61.80339887498547%; position:relative; margin:0; overflow:hidden; } body.post-type-archive-funding .module article .piechart .img {padding-bottom:85%; } @media all and (max-width:600px) { body.post-type-archive-funding .module article .piechart .img {padding-bottom:120%; } } .module .img > img { display:block; width:auto; height:70%; position:absolute; top:calc(50% + 12px); left:50%; transform:translate(-50%,-50%); opacity:1; -webkit-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); } .module .img > span.cover { display:block; background:#134267; color:#FFF; width:35%; height:70%; position:absolute; top:calc(50% + 12px); left:50%; transform:translate(-50%,-50%); -webkit-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); } .module .img > span.cover strong { display:block; padding:1.6rem; font-size: 1vw; font-weight:600; } @media all and (max-width:600px) { .module .img > span.cover strong { font-size:1.6rem; } } @media all and (min-width:601px) { .module .img > span.cover strong { padding:1.5vw; font-size:1.5vw; } } @media all and (min-width:851px) { .module .img > span.cover strong { padding:1.5vw; font-size:1.5vw; } } @media all and (min-width:1023px) { .module .img > span.cover strong { padding:1vw; font-size:1vw; } } @media all and (min-width:1620px) { .module .img > span.cover strong { padding:1.6rem; font-size:1.6rem; } } .images .img { /*background:#134267;*/ } .images .img > img { width:auto; height:100%; top:50%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #infographics_module article .img .chart, .module .img .chart { position:absolute; top:0; left:0; height:100% !important; width:100%; } .chartmodule .content{ } .chartmodule .img { padding-bottom:75%; } .iglist img { opacity:0;} .slideshow .slide .bodyimage { position:relative; } .slideshow .slide .bodyimage b, .bx-controls-direction a { position:absolute; top:0; width:36px; height:100%; z-index:99; display:block; } .slideshow .slide .bodyimage b a, .bx-controls-direction a { width:100%; width:36px; height:100%; background:rgba(0,0,0,0.3); display:block; color:rgba(0,0,0,0); position:absolute; transition:opacity 0.1s ease; color:rgba(255,255,255,0) !important; pointer-events:auto } .slideshow .slide .bodyimage b a:hover, .bx-controls-direction a:hover { background:rgba(0,0,0,0.5); } .slideshow .slide .bodyimage b.slider-prev, .bx-prev{ left:0; } .slideshow .slide .bodyimage b.slider-next, .bx-next{ right:0; } .slideshow .slide .bodyimage b a::after, .bx-controls-direction a::after { position:absolute; font-family:'icons'; color:rgba(255,255,255,0.75); font-weight:normal; top:50%; left:50%; transform:translate(-50%,-50%); line-height:1; font-size:24px; } .slideshow .slide .bodyimage b a:hover::after, .bx-controls-direction a:hover::after { color:rgba(255,255,255,1); } /*.slideshow .slide .bodyimage b.slider-prev::after,*/ .bx-prev::after { content:"\e925"; } /*.slideshow .slide .bodyimage b.slider-next::after,*/ .bx-next::after { content:"\e924"; } .bx-controls-direction .disabled { opacity:0; display:none;} .bx-controls-direction a { background:rgba(0,0,0,0.0); } .bx-controls-direction a:hover { background:rgba(0,0,0,0.25); } .bx-controls-direction a::after { color:rgba(0,0,0,0.6); } .bx-controls-direction a:hover::after { color:rgba(255,255,255,1); } .images .bx-controls-direction a { background:rgba(0,0,0,0.3); } .images .bx-controls-direction a:hover { background:rgba(0,0,0,0.5); } .images .bx-controls-direction a::after { color:rgba(255,255,255,0.75); } .images .bx-controls-direction a:hover::after { color:rgba(255,255,255,1); } .bx-wrapper { position:relative; } .module .bx-controls { position:absolute; top:0; left:0; width:100%; height:0; padding-bottom:61.80339887498547%; z-index:51; pointer-events: none; } .module .bx-controls .bx-pager-item { width:33.333333333%; float:left; background:white;height:12px; font-size:1px; position:relative; z-index:51; } .bx-controls .bx-pager-item a { height:12px; display:block; background:rgba(0,167,224,0.5); color:rgba(0,167,224,0); } .bx-controls .bx-pager-item a.active { background:rgba(0,167,224,1); position:relative; } .bx-controls .bx-pager-item a.active::after { position:absolute; font-family:'icons'; content:"\e923"; color:#00a7e0; font-weight:normal; top:100%; left:50%; transform:translateX(-50%); line-height:0.5; font-size:16px; } .sliding { } .sliding .bx-prev{ left:-40px; } .sliding .bx-next{ right:-40px; } /*.bx-controls { display:none !important; } */ header.header, .module header { background:#134267; color:#FFF; padding:2rem 0 2rem 2rem; padding:2rem 0 2rem 3rem; padding:1.8rem 2rem 1.8rem 3rem} @media screen and (max-width:640px){ .widewrapper header.header { padding:2rem 2rem; } } @media screen and (min-width:641px){ .widewrapper header.header { padding:2rem 4rem; } } @media screen and (min-width:1404px){ .widewrapper header.header { padding:2rem 5rem; } } header.header *, .module header * { margin:0;} header.header h2, header.header p, .module header h2 { font-size:1.8rem; font-size:2rem; line-height:1.2; position:relative; font-weight:600; } .module header.icon h2 { padding-left:3.6rem; padding-left:3.2rem;} .module header.icon h2::before { font-weight:normal; font-family:'icons'; content:"\e91b"; font-size:2.6rem; position:absolute; top:50%; left:0; transform:translateY(-50%); } .module header.statistics h2::before { content:"\e91b"; } .module header.news h2::before { content:"\e916"; } .module header.publications h2::before { content:"\e918"; } /* LAYOUT */ @media screen and (min-width:1024px){ .module { width:calc(33.33333% - ((36px * 2) / 3)); } .module:nth-child(3n+3){ margin-right:0 !important; } .module:nth-child(3n+4){ clear:both; } } @media screen and (min-width:601px) and (max-width:1023px){ .module { width:calc(50% - ((36px * 1) / 2)); } .module:nth-child(2n+2){ margin-right:0 !important; } .module:nth-child(2n+3){ clear:both; } } @media screen and (max-width:600px){ .module { width:100%; } } .module p.date { font-size:3rem; line-height:1; } .module p.date span { opacity:0;} .module p.date b { display:inline-block; background:white; color:black; font-weight:700; padding:0.2333333333333333em 0.2333333333333333em 0.3em; } .highcharts-container { width:100% !important; height:100% !important; } @media screen and (min-width:1024px){ .doublemodule { width:calc((((100% - (36px * 2)) / 3) * 2) + 36px); margin-right:0; } .doublemodule article { width:calc(50% - ((36px * 1) / 2)); float:left; margin-right:36px; } .doublemodule article:last-child{ margin-right:0 !important; } } @media screen and (min-width:601px) and (max-width:1024px){ .doublemodule { width:100%; margin-right:0; } .doublemodule article { width:calc(50% - ((36px * 1) / 2)); float:left; margin-right:36px; } .doublemodule article:last-child{ margin-right:0 !important; } } @media screen and (max-width:600px){ .doublemodule { width:100%; margin-right:0; } .doublemodule article { width:100%; } } @media screen and (min-width:1024px){ .triplemodule { width:100%; margin-right:0; } .triplemodule article { width:calc(33.33333% - ((36px * 2) / 3)); float:left; margin-right:36px; } .triplemodule article:last-child{ margin-right:0 !important; background:blue;} } @media screen and (min-width:601px) and (max-width:1023px){ .triplemodule { width:100%; margin-right:0; } .triplemodule article { width:calc(50% - ((36px * 1) / 2)); } .triplemodule article:first-child {margin-right:36px; background:red; } .triplemodule article:last-child { display:none; } } @media screen and (max-width:600px){ .triplemodule { width:100%; } } .fullwidth { clear:both; width:100% !important; margin-right:0; } .fullwidth .cta { max-width:100% !important; } .fullwidth .cta a { } .box_image .gradient{ position:relative; z-index:30; background: rgba(0,0,0,0.6); /*background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%); */ background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 100%); padding:2rem 3rem 4rem; padding:2rem 3rem 5rem; } .box_image .gradient p { font-size:1.8rem; color:white; font-weight:600; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); } .funder { width:100%; height:0; padding-bottom:30%; background-repeat:no-repeat; background-position:center left; background-size:contain; overflow:hidden; text-indent:-900px; } /* profiles */ .profiles { margin:0 auto; padding:0 20px; clear:both; max-width:1500px; position:relative; transition:all 0.1s ease; } @media screen and (min-width:641px){ .profiles { padding:0 30px; } } @media screen and (min-width:1404px){ .profiles { padding:0 60px; } } .profile { float:left; margin:0 36px 36px 0; position:relative; } .profile .headshot { height:0; width:100%; padding-bottom:100%; background-size:cover; margin:0; } .profile .content { display:none; display:block; float:left; background:rgba(230,230,230,0.5); margin-top:3rem;} .profile .content .padding { padding:2rem; } .profile header { height:16rem; padding:2rem 2rem 40px; clear:both;/*background:rgba(235,235,235,1);*/ position:relative; } .profile h3 { margin-bottom:0.3333em; } .profile p { margin-bottom:0.75em; font-size:1.8rem; line-height:1.2 } .profileheading { clear:both; width:100% !important; margin-right:0 !important; margin-bottom:36px; } .profileheading h2 { padding:2rem; font-size:2.2rem; margin:0; } .openprofile header { background:#134267 !important; color:#FFF; } .profile header::after { position:absolute; font-family:'icons'; content:"\e923"; color:rgba(19,66,103,0); font-weight:normal; top:calc(100% - 18px); left:1.4rem; line-height:1; font-size:18px; margin:0;} .profileheading header::after { content:""; } .openprofile header::after { top:calc(100% - 1px);color:#134267; } .profileheading .headshot { padding:0 !important; height:auto !important; } .profileheading header { height:auto !important; } .profileheading header::after { content:""; } @media screen and (min-width:1561px){ .profile { width:calc(16.66666666666667% - ((36px * 5) / 6)); } .profile header { height:19rem; } .profile .content{ width:calc(200% + 36px); } .profile:nth-child(6n+6){ margin-right:0 !important; } .profile:nth-child(6n+7){ clear:both; } .profile:nth-child(6n+6) .content { float:right; } } @media screen and (min-width:1024px)and (max-width:1560px){ .profile { width:calc(25% - ((36px * 3) / 4)); } .profile header { height:16rem; } .profile .content{ width:calc(200% + 36px); } .profile:nth-child(4n+4){ margin-right:0 !important; } .profile:nth-child(4n+5){ clear:both; } .profile:nth-child(4n+4) .content { float:right; } } @media screen and (min-width:851px) and (max-width:1023px){ .profile { width:calc(33.33333% - ((36px * 2) / 3)); } .profile header { height:16rem; } .profile:nth-child(3n+3){ margin-right:0 !important; } .profile:nth-child(3n+4){ clear:both; } .profile .content{ width:calc(200% + 36px); } .profile:nth-child(3n+3) .content { float:right; } } @media screen and (min-width:601px) and (max-width:850px){ .profile { width:calc(50% - ((36px * 1) / 2)); } .profile header { height:16rem; } .profile:nth-child(2n+2){ margin-right:0 !important; } .profile:nth-child(2n+3){ clear:both; } .profile:nth-child(2n+2) .content { float:right; } .profile .content{ width:calc(200% + 36px); } } @media screen and (max-width:600px){ .profile { width:100%; margin:0 0 36px 0; } .profile header { height:auto; } .profileheading .headshot { padding:0; height:auto;} } .profile .opentext { position:absolute; left:2rem; bottom:2rem; line-height:1; margin:0;} .profile .opentext::after { font-family:icons; content:"\e917"; } .openprofile .opentext::after {content:"\e914"; } /* maincontent.css */ #maincontent { padding:1rem 0 0; overflow:hidden; } #maincontent .wrapper { padding-bottom:2rem;} /*#maincontent*/ .textcol aside p { font-family: 'Merriweather', serif; font-weight:400; font-size:2rem; line-height:1.476190476190476; color:#000; margin-bottom:0.5em; } /*#maincontent*/ .textcol aside p.cite { font-family: 'Source Sans Pro', sans-serif; font-weight:300; font-size:1.8rem; color:#000; } #bodytext { position:relative; padding-top:2rem; width:100%; float:left; } body.single-post #bodytext { padding-top:0;} /*#maincontent*/ .textcol aside { margin:1.6rem 36px 2rem 0; } /*#maincontent*/ .textcol aside p { } /*#maincontent*/ .textcol aside blockquote { padding:1.8rem 0 1.8rem 1.2rem;border-left:8px solid #134267; } #sidebar { } @media all and (max-width:1023px) { #sidebar { padding-top:3rem; } #leftsidebar #schemeselect { padding-top:1rem !important; padding-bottom:1rem !important;} } @media all and (min-width:768px) { #leftsidebar li, #sidebar p { width:calc((50% - 18px)); margin-right:36px; float:left; } #leftsidebar li:nth-child(2n+2), #sidebar p:nth-child(2n+2){ margin-right:0; } } @media all and (min-width:851px) { /*#maincontent*/ .textcol { width:calc(66.666666% - ((36px * 5) / 6)); margin-left: calc((100% * 2 / 12) - ((36px * 1) / 2) + 36px); float:left; } /*#maincontent*/ .textcol aside { width:calc(33.33333% - ((36px * 2) / 3)); float:left; margin:1.6rem 36px 1rem 0; } /*#maincontent*/ .textcol aside p { } /*#maincontent*/ .textcol aside blockquote { padding:1.8rem 0 1.8rem 1.2rem; border-left:8px solid #134267; width:calc(100% + (50% - 18px) + 36px - 8px - 1.2rem); float:right; } #sidebar:not(.fundingbar) { clear:both; float:none; } } @media all and (min-width:1024px) { /*#maincontent*/ .textcol { width:calc(66.666666% - ((36px * 5) / 6)); width:calc(50% - ((36px * 1) / 2)); margin-left: calc(25% - ((36px * 3) / 4) + 36px); float:left; } /*#maincontent*/ .textcol aside { width:calc(33.33333% - ((36px * 2) / 3)); float:left; margin:1.6rem 36px 1rem 0; } /*#maincontent*/ .textcol aside p { } /*#maincontent*/ .textcol aside blockquote { padding:2rem 0 2rem 1.8rem; width:calc(100% + (50% - 18px) + 36px - 8px - 1.2rem); float:right; border-left:8px solid #134267; } .sidebar, #sidebar { width:calc(25% - ((36px * 3) / 4)); /*position:absolute; top:-1px; right:0;*/ position:relative; margin-left:36px; float:left !important; top:-2rem; clear:none !important; } .textcol { } .sidebar { float:left;} #leftsidebar li, #sidebar p { width:100%; margin-right:0; float:none; } #leftsidebar { width:calc(25% - ((36px * 3) / 4)); float:left; /*position:absolute; top:-1px; left:0;*/ } body.single-funding #leftsidebar, body.tax-funding_category #leftsidebar, body.post-type-archive-funding #leftsidebar { position:absolute; top:-1px; left:0; transition:all 0.2s ease; } .rightsidebar { position:relative !important; float:right !important; } } @media all and (min-width: 1400px) { /*#maincontent*/ .textcol aside p { font-size:2.4rem; } } .bodyimage {width:100%; } .bodyimage img{ display:block; width:100%; height:auto; margin-bottom:1.8rem; } .slideshow {width:100%; } .slideshow img{ display:block; width:100%; height:auto; margin-bottom:0; } .slideshow .slide { background:rgba(240,240,240,1); position:relative; z-index:90; } .slideshow .slide p { padding:2rem; height:4.2em; } div.no_stretch, div.no_stretch img{ width:auto !important; max-width:100%; } .textcol table {width:100%; border:1px solid #266295; border-right:none; border-top:none; } .textcol table td { border:1px solid #266295; border-left:none; border-bottom:none; padding:1rem;} .textcol table { border:1px solid rgba(38,98,149,0.5); width:100%; margin-bottom:2rem !important; } .textcol table tr { border-bottom:1px solid rgba(38,98,149,0.5); } .textcol table tr th, .textcol table tr td { font-size:1.6rem; padding:0.75em 1em 0.75em; line-height:1.2; vertical-align: top;} .textcol table tr td { border-right:1px solid #266295; } /*@media all and (max-width: 767px) { .textcol table tr th, .textcol table tr td { font-size:1.4rem; padding:0.5em; } }*/ .textcol table tr th { background:rgba(38,98,149,0.8); color:#FFF; } .textcol table tr:last-child, .textcol table tr td:last-child { border:none; } .textcol table tr td a { color:#000; word-break: break-word;} .textcol table :nth-child(2n+1){ } .textcol .tablewrap { overflow:auto; width:auto; margin-bottom:2rem; position:relative; } .textcol .tablewrap table { margin-bottom:0; } .textcol .tablewrap .thingie { display:none; } .textcol .tablewrap1 {border:2px dotted #f00; padding-right:50px;} .textcol .tablewrap1 .thingie { display:block; width:40px; height:calc(100% - 20px); position:absolute; top:0; right:0; background: rgba(255,0,255,0.3); /*background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); */ } .table_wide { clear: both; position: relative; z-index: 100; background: white} .table_wide table {width:100%; border:1px solid #266295; border-right:none; border-top:none; } .table_wide table td { border:1px solid #266295; border-left:none; border-bottom:none; padding:1rem;} .table_wide table { border:1px solid rgba(38,98,149,0.5); width:100%; margin-bottom:2rem !important; } .table_wide table tr { border-bottom:1px solid rgba(38,98,149,0.5); } .table_wide table tr th, .table_wide table tr td { max-width: 12em; min-width: 5em; font-size:1.6rem; padding:0.75em 1em 0.75em; line-height:1.2; vertical-align: top; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } .table_wide table tr td { border-right:1px solid #266295; } .table_wide .tablewrap table tr th { background:rgba(38,98,149,0.8); color:#FFF; } .table_wide .tablewrap table tr:last-child, .table_wide table tr td:last-child { border:none; } .table_wide .tablewrap table tr td a { color:#000; word-break: break-word;} .table_wide .tablewrap table :nth-child(2n+1){ } .tablewrap .tablewrap { overflow:auto; width:auto; margin-bottom:2rem; position:relative; } .tablewrap .tablewrap table { margin-bottom:0; } .textcol hr { margin:2rem 0 2rem; } .introwithheading, .introtext {font-family: 'Merriweather', serif; font-weight:400; font-weight:normal; line-height:1.4; color:#000; } .introtext p { font-size:2.4rem; line-height:1.476190476190476; color:#000; margin-bottom:2rem; } .introwithheading p { font-size:1.8rem; font-style:italic; } .introwithheading h1, .introtext h1 { font-size:3.6rem; font-size:2.4rem; line-height:1.41666666666; color:#000; margin-bottom:2rem;font-weight:400; } .introwithheading hr, .introtext hr { border:none; border-bottom:1px solid #216093; margin:0; } .feature { background:#ebebeb; padding:2rem 0; clear:both; } /*.feature .chart{ background:#f000f0; border:1px solid #666 } .feature .chart{ background:#f000f0; border:1px solid #666 } */ .feature + .wrapper { margin-top:2rem; } tspan { text-shadow: none !important; } .fakevid { background-size:cover; background-position:center; margin:0 auto 2rem; width:100%; max-width:1280px; } .fakevid div {height:0; padding-bottom:56.25%; width:100%; } .fakevid div p { transition:all 0.2s ease; cursor:pointer; } .fakevid div p::after { position:absolute; font-family:'icons'; content:"\e901"; color:#FFF; font-weight:normal; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-90deg); transition:all 0.2s ease; font-size:90px; text-shadow: 0 0 20px rgba(0,0,0, 0.5) } .fakevid div:hover p::after {font-size:120px; } .vidholderholder { max-width:1280px; max-width:988px; margin:0 auto; } .vidholder { width:100%; height:0; padding-bottom:56.25%; margin:3rem auto; position:relative;} .module .vidholder { margin:0 auto;} .vidholder iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .vidholder .vidimg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:50; background-repeat:no-repeat; background-size:cover; background-position:center; transition:all 0.2s ease; cursor:pointer; } .vidholder .vidimg::after { position:absolute; font-family:'icons'; content:"\e901"; color:#FFF; font-weight:normal; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-90deg); transition:all 0.2s ease; font-size:80px; text-shadow: 0 0 20px rgba(0,0,0, 0.5) } .vidholder .vidimg:hover::after {font-size:100px; } .anchor_heading { /*font-family: 'Merriweather', serif;*/ font-weight:600; font-weight:normal; line-height:1.4; color:#000; font-size:2.4rem; border-bottom:1px solid #216093; padding-bottom:1rem; margin:3rem 0 2rem; position:relative; padding-left:1.5em; } .anchor_heading b.backtotop { display:block; position:absolute; left:0; bottom:-1px;border-bottom:1px solid #216093; height:1.4em; width:1.5em; padding-bottom:1rem; transition:all 0.2s ease; cursor:pointer; } @media all and (min-width: 850px) { .anchor_heading { padding-left:0;} .anchor_heading b.backtotop { left:-1.5em; } } .anchor_heading b.backtotop::after { transform: rotate(180deg); position:absolute; display:block; width:1em; line-height:1.4em; text-align:center; height:1.4em; top:0; left:0; font-family:'icons'; content:"\e902"; color:#216093; font-weight:normal; transition:all 0.2s ease; } .anchor_heading b.backtotop:hover::after { transform: rotate(180deg) scale(1.1,1.1); } section.box {background:rgba(240,240,240,1); background:rgba(225,225,225,1); padding:2rem; margin-bottom:36px; } section.box p.cta { margin:0;} body .textcol section.box p.cta { margin:0; display:inline-block; width:auto !important; min-width:1px !important; max-width:none !important; } section.box p.cta a{ width:auto !important; } section.box h3, section.box p { color:rgba(0,0,0,0.8); } section.inactive_box { background:rgba(225,225,225,0.45) url(images/dogear.svg) right top; background-repeat:no-repeat; background-size:4rem 4rem; } section.inactive_box h3, section.inactive_box p { color:rgba(0,0,0,0.4); } #leftsidebar li { margin-bottom:2rem; } #leftsidebar p.cta a{ display:block; text-align:center; } #leftsidebar ul.ctalist li { margin-left:0 !important; list-style:none !important;} ul.ctalist li a { display:block; background-color:#d22333; color:#FFF !important; text-decoration:none !important; padding:0.75em 4.5rem 0.75em 4rem; position:relative; text-align:center; } ul.ctalist li a::after { font-family:icons; content:"\e900"; position:absolute; right:1rem; top:50%; transform:translateY(-50%); margin-left:0.5em; } /*h2.fundingtitle { opacity:0; height:0; margin:0; }*/ h2.fundingtitle {font-size:2.4rem; margin-bottom:2rem;} #leftsidebar { position:relative; z-index:99; } .download_box { background:rgba(230,230,230,1); padding:1rem 2rem 1px; margin-bottom:20px; } .download_box.openbox h3 { margin-bottom:1em; background:red; } .download_box h3 { position:relative; padding-right:1.5em; font-size:1.8rem; } .download_box h3::after { position:absolute; top:50%; transform:translateY(-50%); right:0; font-family:'icons'; content:"\e917"; font-weight:normal; } .download_box h3.openbox::after {content:"\e914"; } .download_box p.cta { width:100% !important;} #sidenav { margin-bottom:2rem; border-bottom:1px solid rgba(255,255,255,0); } #sidenav ul { list-style:none !important; } #sidenav ul li { font-size:1.8rem; list-style:none !important; margin:0 0 1em !important; margin-left:0 !important; font-weight:400; } #sidenav li a { display:block; background:rgba(230,230,230,1); padding:0.5em 1em ; text-decoration:none;color:#134267; transition:all 0.2s ease; font-weight:400; } #sidenav li.current a, #sidenav li a:hover { background :#134267;color:#FFF; } @media all and (min-width:601px) and (max-width:1024px) { #sidenav { } #sidenav ul li { float:left; width:calc(50% - (36px * (1 / 2))); margin-right:36px !important; } #sidenav ul li:nth-child(2n+2) { margin-right:0 !important;} } #gaeilge_intro_text, #gaeilge_content { display:none; } #translate { font-size:1.8rem; list-style:none !important; margin:0 0 1em !important; margin-left:0 !important; font-weight:400; } #translate a { display:block; background:#b4d997; padding:0.5em 1em ; text-decoration:none; color:#000 !important; transition:all 0.2s ease; font-weight:400; } #translate a:hover { background :#5cc3b6;color:#FFF !important; } #map { width:100%; margin:2rem 0; height:25rem; } #subnav { display:none; } @media all and (min-width: 1024px) { #subnav {display:block; position:absolute; top:-1000px; } } #subnav {border-top:1px solid #e1e1e1; margin-bottom:2rem; background:#ebebeb; background:#dfdfdf; border-bottom:2px solid #ebebeb; border-bottom:2px solid #e1e1e1; /*light blue #00a7e0 blue #216093 dark blue #134267*/ border-top:1px solid #134267; margin-bottom:2rem; background:#134267; border-bottom:2px solid #134267; padding:1rem; padding:0; overflow:hidden; } @media all and (min-width: 1024px) { #subnav+#newshero, #subnav+#anchorholder{ margin-top:-2rem;} } #subnav h3 { margin: 0; } #subnav nav > ul { width:calc(33.33333% - ((36px * 2) / 3)); margin:0 36px 0 0; float:left; position:relative; top:1px;} #subnav nav > ul:nth-of-type(3n+3){ margin-right:0 !important; } #subnav nav { } #subnav nav > ul > li strong { } #subnav nav > ul > li { font-size:1.8rem; margin:0 0 0; color:#134267; width:100%; line-height:1.1; position:relative; } #subnav nav > ul > li > a { text-decoration:none; display:block; position:relative; padding-top:0.5em; padding-bottom:0.5em;} #subnav nav > ul > li.subnavhassub > a { padding-right:4rem; } #subnav ul li a { border-bottom:1px solid rgba(33,96,147,0.5); display:block; color:#134267; text-decoration:none; padding-top:0.75em; padding-bottom:0.75em; padding-top:0.6666666666666667em; padding-bottom:0.6666666666666667em; transition:all 0.2s ease; color:white; border-bottom:1px solid rgba(255,255,255,0.5); } /* ==================================== STUDENT FINANCE ==================================== */ body.postid-323 #subnav, body.parent-323 #subnav { background:#abd160; border-color:#abd160; } body.postid-323 #subnav a, body.parent-323 #subnav a {color:#000; border-color:rgba(0,0,0,0.5)} @media all and (max-width: 1024px) { body.postid-323 #subnav {display:block; } } body.postid-323 #subnav a:hover, body.parent-323 #subnav a:hover {color:#d22333;color:#FFF; } #subnav nav > ul > li:last-child > a { border-bottom:none; } #subnav a:hover {color:#d12233; color:white; } .subopener { z-index:99; display:block; position:absolute; top:0; right:0; /*height:2.2rem; height:100%;*/ line-height:2em; line-height:2.5em; /*line-height:2.2rem; padding:0.75em 1rem 0.75em 1.5rem; padding:0.48em 1rem 0.48em 1.5rem;*/ padding:0 1rem; transition:all 0.2s ease; } #subnav nav > ul > li > span.subopener::after { font-family:icons; content:"\e917"; } #subnav nav > ul > li.opened > span.subopener::after {content:"\e914"; } span.subopener:hover { color:#d12233; -ms-transform: scale(1.333, 1.333); /* IE 9 */ -webkit-transform: scale(1.333, 1.333); /* Safari */ transform: scale(1.333, 1.333); } #subnav nav > ul > li > .submenu { padding:0 !important; background:white !important;} #subnav li { font-size:1.6rem; font-size:1.8rem; color:#134267; margin:0; } /*#subnav ul li:last-child a { border-bottom:none; }*/ #subnav nav > ul > li { } #subnav nav > ul > li > a { padding-left:0; } #subnav nav > ul > li > ul > li > a { padding-left:1em; font-weight:300;} #subnav nav > ul > li > ul > li > ul > li > a { padding-left:2em; } #subnav nav ul { margin-bottom:0;} .anchorholder {border-top:1px solid #134267; margin-bottom:2rem; background:#ebebeb; /*border-bottom:2px solid #ebebeb;*/ padding:1rem 0 ; overflow:hidden; } div.anchorholder .wrapper { } div.anchorholder ul.anchorlinks { margin:0 !important; } .anchorholder .anchorlinks li { font-size:1.8rem; font-size:1.6rem; position:relative; margin:0.2em 0; color:#134267; line-height:0.6666666666666667; line-height:1.222222222222222; position:relative; overflow:hidden; line-height:1; } .anchorholder .anchorlinks li a { /*border-bottom:1px solid rgba(33,96,147,0.5); */display:block; color:#134267; text-decoration:none; /*padding-top:0.6666666666666667em; padding-bottom:0.6666666666666667em; */transition:all 0.2s ease; line-height:1.2; padding:0.5em 0.75em 0.5em 0; padding:0.2em 1em 0.2em 0; } /*.anchorholder .anchorlinks li a::after { font-family:icons; content:"\e900"; margin-left:0.25em; font-size:1.4rem; top:50%; transform:translateY(-50%); right:0; position:absolute; }*/ .anchorlinks li a:hover {color:#d12233; } .anchorlinks { margin-bottom:0 ;} #anchorholder_fixed {display:none; } @media all and (min-width: 600px) { .anchorholder .anchorlinks li { /*width:calc(33.33333% - ((36px * 2) / 3)); margin:0 36px 0 0 !important; float:left;*/ display:inline-block; position:relative; top:1px; } div.anchorholder ul.anchorlinks li { margin-right:1em !important; border-right:1px solid #666;} div.anchorholder ul.anchorlinks li:last-child { border:none;} /*.anchorholder .anchorlinks li:nth-of-type(3n+3){ margin-right:0 !important; } */ #anchorholder_fixed {display:block; position:fixed; top:-60px; width:100%; left:0; z-index:999; transition:all 0.2s ease; opacity:0; } #anchorholder_fixed.seen { top:0; opacity:1; } } #heihero { /*background-size:cover; background-position:center; */ background-size:100% auto; background-size:cover; background-position:top center; /*background-attachment:fixed;*/ background-repeat:no-repeat; position:relative; } #heihero #hei_image img { display:block; width:100%; height:auto; opacity:0; } @media screen and (max-width:600px){ #heihero {background-size:100% auto; background-position: center; min-height:150px; height:55vw; } } @media screen and (min-width:601px) and (max-width:850px){ #heihero {background-size:100% auto; background-position:top center; } } @media screen and (min-width:851px) and (max-width:1499px){ #heihero {background-size:cover; background-position:center; min-height:350px; max-height:800px; height:35vw; } } @media screen and (min-width:1500px){ /*#heihero {background-size:cover; background-position:center; background-attachment:fixed; min-height:600px; max-height:550px; height:40vw; } */ #heihero {background-size:cover; background-position:center; min-height:600px; max-height:550px; height:40vw; } } #heicrest { display:block; height:7rem; position:relative; margin:0; font-size:1px; color:rgba(255,255,255,0); } #heicrest span { width:14rem; height:14rem; border-radius:50%; overflow:hidden; position:relative; left:50%; -webkit-box-shadow: -6px -6px 8px 0 rgba(0,0,0,0.25); -moz-box-shadow: -6px -6px 8px 0 rgba(0,0,0,0.25); box-shadow: -6px -6px 8px 0 rgba(0,0,0,0.25); background-color:#FFF; background-position:48% 48%; background-size:70% auto; background-repeat:no-repeat; background-position:center; background-size:cover; } #heicrest span { display:block; position:absolute; z-index:50;/*top:0; left:0; width:0; height:0;*/ overflow:hidden; opacity:1; transform:translateX(-50%); text-indent:-200px; } #heiheader { background:#ebebeb; padding:2rem; margin-bottom:3rem; text-align:center; color:#134267; } #heiheader h1 { font-size:2.4rem; margin-bottom:0.5em; } #heiheader p { display:inline-block; margin-bottom:1em; } #heiheader p a { text-decoration:none; color:#134267; } #heiheader div { float:left; width:calc(50% - (36px / 2)); margin:0 36px 0 0; text-align:right; } #heiheader div#contact_ { margin-right:0; text-align:left; } @media screen and (max-width:1023px){ #heiheader div,#heiheader div#contact_ { margin-right:0; width:100%; text-align:center;} } #heiheader div#contact_ p { margin-right:1.5em; position:relative; padding-left:2em; } #heiheader div#contact_ p:last-child{margin-right:0; } #heiheader div#contact_ p::before { font-family:'icons'; display:inline-block; border-radius:50%; color:white; width:1.5em; height:1.5em; background:#134267; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%); } #heiheader .tel::before {content:'\e926'; } #heiheader .web::before {content:'\e927'; } #heiheader nav { clear:both; padding-top:1rem; } #heiheader nav ul li{ display:block; float:left; width:calc(25% - (36px * 3 / 4)); margin:0 36px 2rem 0; } #heiheader nav ul li a { background:#d12233; display:block; text-decoration:none; color:white; padding:0.5em 0; transition:all 0.2s ease; } #heiheader nav ul li a:hover {background:#9d1a26; } #heiheader nav ul li:last-child{margin-right:0; } #heiheader nav ul li a.current { background:#134267; color:#FFF; position:relative; transition:none;} #heiheader nav ul li a.current::after { position:absolute; font-family:'icons'; content:"\e923"; color:#134267; font-weight:normal; top:100%; left:50%; transform:translateX(-50%); line-height:0.5; font-size:16px; } #heiheader nav ul li a.viewour { background:none; display:block; border-top:1px dotted #134267; text-decoration:none; color:#134267; padding:0.25em 0 0 ; margin-bottom:1rem; transition:all 0.2s ease; font-size:1.6rem;} #heiheader nav ul li a.viewour:hover {background:none; color:black; border-top:1px solid black; } #heiheader nav ul li a.viewour::after { content:"" !important; } @media screen and (max-width:1023px){ #heiheader nav ul li{ width:calc(50% - ((36px * 1) / 2)); } #heiheader nav ul li:nth-child(2n+2){ margin-right:0; } } /*.widewrapper { padding:0 calc(20px - 2rem); } */ @media screen and (min-width:641px){ .widewrapper { padding:0 calc(30px - 1rem); } } @media screen and (min-width:1404px){ .widewrapper { padding:0 calc(60px - 2rem); max-width:calc(1500px + 4rem);} } nav.tags { margin:0 0 2rem 0 } nav.tags li { font-size:1.6rem; float:left; font-weight:600; margin:0 1.5rem 1rem 0 !important; text-align:center;} nav.tags li a { display:block; background:#ebebeb; color:#134267; text-decoration:none; padding:0.5em; } nav.tags li a:hover { background:#134267; color:#FFF; } nav.tags li a.current {} nav.tags li a.current{ background:#134267; color:#FFF; position:relative; } nav.tags li a.current::after { position:absolute; font-family:'icons'; content:"\e923"; color:#134267; font-weight:normal; top:100%; left:50%; transform:translateX(-50%); line-height:0.5; font-size:16px; } @media screen and (min-width:1200px){ nav#years li { min-width:calc(8.333333333333333% - ((36px * 11) / 12)); margin:0 36px 1rem 0 !important; } } header#mapheader p { position:relative; } header#mapheader a {color:white; text-decoration:none; padding-right:2.5rem; font-weight:700} header#mapheader a.currentview {color:#00a7e0; } header#mapheader a#mapview::after { font-size:0.8em; font-family:'icons'; content:"\e913"; font-weight:normal; position:absolute; top:50%; transform:translate(0.25em,-45%); } header#mapheader a#listview::after { font-size:0.8em; font-family:'icons'; content:"\e911"; font-weight:normal; position:absolute; top:50%; transform:translate(0.25em,-45%); } header#mapheader a#listview { transition:all 0.3s ease; display:inline-block; border:2px solid #134267; /*transform:translateY(1px);*/ } header#mapheader a#listview.flash { background: rgba(255,255,255,1);border-color:#FFF; color:#134267; } #heimap { position:absolute; top:0; left:0; width:100%; height:100%; } #heilist { min-height:100%; background:rgba(240,240,240,0.95); position:relative; z-index:99; overflow:auto; } body.hasjs #heilist { display:none; } #heilist .list { } @media screen and (max-width:840px){ #heis { background:#ebebeb; min-height:90vw; position:relative; margin-bottom:36px; } #heilist { } #heilist .list { width:calc(100% - 4rem); margin-left:2rem; } } @media screen and (min-width:841px){ #heis { background:#ebebeb; min-height:65rem; position:relative; margin-bottom:36px; } /*#heilist { position:absolute; top:0; left:0; height:100%; width:100%; } */ #heilist .list { float:left; width:calc(50% - 2rem - (36px / 2)); } #heilist .list:first-child { margin:0 36px 0 2rem; } #heilist .list:last-child { margin-left:0; } #heilist .list:first-child ul, #heilist .list:first-child h2 { margin-left:3rem; }} #heilist .list ul { max-width:calc(((((1500px - (11 * 36px)) / 12) * 5) + (4 * 36px)) - 3rem); border-top:1px solid rgba(19,66,103,0.3);} #heilist .list h2 {font-size:2rem; margin:2.66666666rem 0 3.99999999rem; margin:2.66666666rem 0 3.4999999rem; font-weight:600; color:#000; padding:0.333333em 0; } #heilist .list ul {margin-bottom:3.99999999rem; } #heilist .list ul li {font-size:2rem; font-weight:400; border-bottom:1px solid rgba(19,66,103,0.3); margin:0; line-height:1.2; } #heilist .list ul li a { text-decoration:none; display:block; color:#134267; transition:background 0.4s linear; padding:0.333333em 0; } #heilist .list ul li a:hover { background:white; font-weight:600;} #heilist::after, div.ib::after { content: ""; display: table; clear: both; } div.ib { overflow:hidden; background:white; -webkit-box-shadow: -6px -6px 8px 0 rgba(0,0,0,0.25); -moz-box-shadow: -6px -6px 8px 0 rgba(0,0,0,0.25); box-shadow: -6px -6px 8px 0 rgba(0,0,0,0.25); width: 450px; } div.ib p.cta { display:inline-block !important; width:auto !important; } div.ib img.heithumb { height:180px; width:180px; display:block; float:left; margin-right:2rem; /*margin:1rem 2rem 1rem 1rem;*/} div.ib h3 { font-size:2rem; margin:0.8em 40px 1.5rem 0; line-height:1.2;height:3.6em; min-height:2.4em; } img[src$="close.svg"] { width:20px; height:20px; } @media screen and (min-width:1400px){ div.ib { width: 550px; padding:0 2rem 0 0; background:rgba(255,255,255,0.95); background:rgba(255,255,255,1); } div.ib img.heithumb { height:180px; width:180px; margin-right:28px;} div.ib h3 { height:auto; font-size:2.2rem; } } /*@media screen and (max-width:640px){ */ @media screen and (max-width:840px){ div.ib { width: 240px; padding:0 20px 2rem; background:rgba(255,255,255,0.95); background:rgba(255,255,255,1);} div.ib img.heithumb { display:none; } div.ib h3 { height:auto; font-size:1.8rem; } } #maplinks { display:none;} .loader { position:relative; overflow:visible; margin:0;} .loader div { position:absolute; top:0; left:0; background:url(images/loader.gif) no-repeat center 2px; width:100%; height:3rem; } .hei-info { overflow: auto; box-sizing: content-box; -moz-box-sizing: content-box; } .highcharts-drilldown-axis-label{ text-decoration: none !important; }#newshero { overflow: auto; /*background-size:cover; background-position:center; */ background-size:100% auto; background-position:top center; background-repeat:no-repeat; position:relative; } @media screen and (max-width:600px){ #newshero {background-size:100% auto; background-position:top center; /*min-height:300px;*/ height:35vw; height:auto; } } @media screen and (min-width:601px) and (max-width:850px){ #newshero {background-size:100% auto; background-position:top center; min-height:300px; height:35vw; margin-bottom:3rem; } } @media screen and (min-width:851px) and (max-width:1499px){ #newshero {background-size:cover; background-position:center; min-height:550px; max-height:800px; height:35vw; margin-bottom:3rem; } } @media screen and (min-width:1500px){ #newshero {background-size:cover; background-position:center; min-height:600px; max-height:850px; height:40vw; margin-bottom:3rem; } } body.postid-323 #newshero #studentfinance_logo { content:" "; /*background: url(images/logos/student-finance.svg) no-repeat 20px 30px; background-size:180px 48px; */ display:block; width:100%; height:100px; position:absolute; top:0; left:0; z-index:10; margin:0 auto; clear:both; max-width:1500px; position:relative; transition:all 0.1s ease; padding:30px 20px 0;} body.postid-323 #newshero #studentfinance_logo img { display:block; width:180px; height:48px; -webkit-filter: drop-shadow(12px 12px 12px rgba(0,0,0,0.5)); filter:drop-shadow(12px 12px 12px rgba(0,0,0,0.5)); } @media screen and (min-width:641px){ body.postid-323 #newshero #studentfinance_logo { background-position:30px 30px; padding:30px 30px 0; } } @media screen and (min-width:1404px){ body.postid-323 #newshero #studentfinance_logo { background-position:60px 30px; padding:30px 60px 0; background-size:270px 72px; } body.postid-323 #newshero #studentfinance_logo img { width:270px; height:72px; } } body.parent-323 #studentfinance_logo, #studentfinance_logo { max-width:270px; } @media screen and (max-width:850px){ body.parent-323 #studentfinance_logo { width:calc(33% - ((36px * 2) / 3)); margin:1rem 0 2rem; } } @media screen and (max-width:700px){ body.parent-323 #studentfinance_logo, #studentfinance_logo { width:calc(50% - ((36px * 1) / 2)); margin:1rem 0 2rem; } } @media screen and (min-width:851px) and (max-width:1024px){ body.parent-323 #studentfinance_logo, #studentfinance_logo { width:calc(33% - ((36px * 2) / 3)); margin:1rem 0 2rem; margin-left: calc((100% * 2 / 12) - ((36px * 1) / 2) + 36px); } } @media screen and (min-width:1024px){ body.parent-323 #studentfinance_logo, #studentfinance_logo { width:calc(20% - ((36px * 4) / 5)); position:absolute; top:0; left:20px; margin:0 !important; } } @media screen and (min-width:1404px){ body.parent-323 #studentfinance_logo, #studentfinance_logo { left:60px; } } #newshero #newshead { border:none; background:none; padding-top:10rem; padding-bottom:1rem; background: rgba(25,46,62,0.8); background: -moz-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); } #newsimage { position:absolute; top:-100%; left:-100%; width:1px; height:1px; overflow:hidden; } #newsimage img { } #newshero .introtext * { color:#FFF; } #newshero .introtext hr {display:none; } #newshead { width: 100% ; position:absolute; bottom:0; left:0; } #newshead .wrapper { padding-bottom:0;} #newshead { font-family: 'Merriweather', serif; font-weight:400; font-weight:normal; line-height:1.4; color:#000; } #newshead h1 { font-size:3.6rem; line-height:1.41666666666; color:#000; margin-bottom:2rem;font-weight:400; } @media screen and (min-width:1500px){ #newshead h1 { font-size:4.2rem; } } @media screen and (max-width:600px){ #newshero {background:none !important; } #newshero #newshead { background:none; padding:0 !important; position:static; } #newshero #newshead h1 { font-size:2.2rem; color:black; margin-bottom:0 !important; } #newsimage { position:static; width:100%; height:auto; overflow:auto; margin-bottom:2rem; } #newsimage img { display:block; width:100%; height:auto; } } .module h3 a { text-decoration:none; color:#134267; color:#000; } .module h3 a:hover { color:#d22333; } .newslist { } .newslist li {transition:all 0.3s ease; } .newslist li p.cta a { background:none; border:1px solid #134267; color:#134267 !important; } .newslist li p.cta a:hover {background:#134267; color:#FFF !important; background:#FFF; color:#134267 !important; } .newslist li:hover:not(.tweet) {background:#134267 !important; color:#FFF !important; } .newslist li .img { background-position:center; background-size:cover; } .newslist li:hover p.cta a { background:#FFF; color:#134267 !important; } .newslist li:hover h3 a { color:#FFF !important; } .newslist li.noimage h3 { /*font-size:3.2rem;*/ } .newslist li.noimage p.tweet_text {padding-bottom:1rem; } .newslist li.noimage p.tweet_text a { display:inline-block; text-decoration:none;color:#266295;} .newslist li.noimage p.tweet_text a:hover { color:#d22333; } .newslist li .tweetlink { padding:0 3rem; margin:0 0 1rem; font-weight:300; position:relative; font-size:1.6rem; } .newslist li .tweetlink a {text-decoration:none; color:#AAA; display:block; font-weight:300; } .newslist li .tweetlink a span { display:block;} .newslist li.noimage p.tweet_text { /*font-size:3.2rem;*/ } @media screen and (min-width:851px){ .newslist li .tweetlink a span { /*float:right;*/ position:absolute; top:0; right:3rem; display:inline-block;} .newslist li.noimage p.tweet_text { font-size:2.4rem; } } @media screen and (max-width:600px){ .newslist li .tweetlink a span { /*float:right;*/ position:absolute; top:0; right:3rem; display:inline-block;} .newslist li.noimage h3, .newslist li.noimage p.tweet_text { /*font-size:2.4rem;*/ } } .newslist li .tweet_link { display:block !important; padding:1rem 0 1rem; font-size:1.6rem; } #twitterfeed { padding:2rem 0 1rem; clear:both; position:relative; top:3rem; } #twitterfeed h2 { text-align:center; color:#134267; font-size:2.4rem; font-weight:600; margin: 3rem 0; } #byline { margin-bottom:1.5rem; position:relative;} #byline p { margin:0; /*position:absolute; left:70px; top:50%; transform:translateY(-50%);*/ font-size:1.6rem; height:5rem; line-height:5rem; } #byline .headshot { margin-right:2rem; width:5rem; height:5rem; float:left; border-radius:100%; overflow:hidden; display:block; } #byline .headshot img { /*position:absolute; top:0; left:0; */ width:100%; height:100%; display:block;} #byline .bylinelogo {border-radius:0; } #dateline p { font-size:1.6rem; display:inline-block; border-top:1px solid #216093; padding:1rem 0; margin-bottom:1em; font-weight:400; } #dateline em { font-weight:300; font-style:normal; } @media screen and (max-width:1023px){ .sidebarnews { display:none;} } .sidebarnews h3 { font-size:1.6rem; height:5rem; line-height:5rem; font-weight:400; margin-bottom:1em; } .sidebarnews { top:0 !important;} .sidebarnews ul { border-bottom:1px dotted #216093; } #maincontent .sidebarnews ul li { list-style:none !important; margin:0 !important; font-size:2rem; border-top:1px dotted #216093; line-height:1.2; padding:0.65em 0; } .sidebarnews ul li a { text-decoration:none; color:#134267 !important; } .sidebarnews ul li a:hover { color:#216093 !important; } .sidebarnews ul li em { font-style:normal; font-weight:300; font-size:1.6rem; } #tags { position:relative; line-height:1.2; padding:2rem 0 1rem 3.25em ; padding:2rem 0 1rem 3em ; border-top:1px solid rgba(200,201,202,0.5);} #tags .comma{display:none;} #tags a, #tags strong{display:inline-block; margin:0 0.5em 0.5em 0; padding:0.2em 0.5em 0.25em;text-decoration:none; } p#tags { font-size:1.6rem; } p#tags strong { font-weight:300; position:absolute; top:2rem; left:0; padding-left:0; } p#tags a { color:#000; background:rgba(200,201,202,0.5); transition:all 0.2s ease;font-weight:400; } #tags a:hover { color:#000; background:rgba(200,201,202,1); } .footnote { padding:2rem 0 1rem 0 ; border-top:1px solid rgba(200,201,202,0.5); } .footnote * { font-weight:300;} .footnote strong, .footnote h1, .footnote h2, .footnote h3, .footnote h4 { font-weight:400; } .footnote a { color:#134267; font-weight:600; text-decoration:none;} .footnote a:hover { text-decoration:underline;} .footnote_small p { font-size:1.6rem; } .postloader { clear:both;} .nextpage { padding-left:50%; margin:0 0 36px 0 !important; } .nextpage a { transform:translateX(-50%); } body.post .loader { position:relative; overflow:visible; margin:0; clear:both;} .tweetloading, body.post .loader div { position:relative; top:0; left:0; background:url(images/loader.gif) no-repeat center 2px; width:100%; height:3rem; } .tweetloading { clear:both; } /*@media screen and (min-width:1024px){ @media screen and (max-width:1304px){ #content .tweetlist li.module { width:calc(50% - ((36px * 1) / 2)) !important; clear:none !important;} #content .tweetlist li.module:nth-child(3n+3){ margin-right:36px !important; } #content .tweetlist li.module:nth-child(2n+2) { margin-right:0 !important; clear:none !important; } } */ @media screen and (min-width:1304px){ #content .tweetlist li.module { width:calc(25% - ((36px * 3) / 4)) !important; clear:none !important;} #content .tweetlist li.module:nth-child(3n+3){ margin-right:36px !important; } #content .tweetlist li.module:nth-child(4n+4) { margin-right:0 !important; clear:none !important; } .tweetlist li.module:nth-child(4n+5){ clear:both !important; } } @media screen and (max-width:600px){ #content .tweetlist li.module { width:100% !important; clear:none !important; margin-right:0 !important; } } #awardees_search {/*background:white;*/ margin-bottom:-1rem; } #awardees_search .padding{ /*background:rgba(168,5,98,0.09);*/ } #awardees_search button, #awardees_search input, #awardees_search select { font-family: 'Source Sans Pro', sans-serif; } #awardees_search .select { color:rgba(168,5,98,1); position:relative; margin-bottom:36px; margin-bottom:2rem; } #awardees_search select { padding: 1rem 2rem; height: 2.8em; } #awardees_search input#searchterm { padding: 0.75em 2rem; width:calc(100% - 4rem); } #awardees_search input#searchterm, #awardees_search .multiselect, #awardees_search select { margin:0; border: none;outline:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; background:none;background:rgba(255,255,255,1); border:1px solid rgba(168,5,98,1); border:1px solid #666; color:rgba(168,5,98,1); position:relative; z-index:11; font-family: 'Source Sans Pro', sans-serif; } #awardees_search .multiselect, #awardees_search select { width:100%;cursor:pointer; background:rgba(255,255,255,1) url(images/icons/down_menu_irc.svg) no-repeat 96% 1.6rem; background-size:2rem auto; } #awardees_search button[type=submit], #awardees_search input[type=submit]{ border:none; margin:1em auto; font-size:2.8rem; padding:0.5em 3em; display:block; cursor:pointer; background:#a80562; color:white; font-weight:400; transition:all 0.2s ease; position:relative; } #awardees_search button[type=submit]:hover, #awardees_search input[type=submit]:hover{ background-color:#891557; } #awardees_search button[type=submit]::after{ font-family:icons; content:"\e900"; position:absolute; top:50%; right:2rem; transform:translateY(-50%); } #awardees_search input#searchterm, #awardees_search .multiselect p, #awardees_search select { font-size:2rem; font-weight:600; line-height:1 !important; } #awardees_search .multiselect p { line-height:2.7 !important; padding: 0 2rem; margin:0; } #awardees_search .multiselect ul {padding: 1rem 2rem; margin:0; } #awardees_search .multiselect ul li { font-size:1.8rem; font-weight:400; line-height:1 !important; list-style:none !important; margin-left:0 !important; } #awardees_search .multiselect ul li input { margin-right:0.5em; } @media screen and (min-width:1550px){ #awardees_search input#searchterm, #awardees_search .multiselect p, #awardees_search select { font-size:2.2rem; } } @media screen and (min-width:1301px){ #awardees_search .select { float:left; width:calc(25% - ((36px * 3) / 4)); margin-right:36px; } #awardees_search .select:nth-child(4) { margin-right:0; } #awardees_search .newfields .select, #awardees_search .newfields .select:nth-child(4) { float:left; width:calc(33.33% - ((36px * 3) / 4)); margin-right:36px; } #awardees_search .newfields .select:nth-child(4), #awardees_search .newfields .select:nth-child(5) { width:calc(50% - ((36px * 1) / 2) - 2px); } #awardees_search .newfields .select:nth-child(3), #awardees_search .newfields .select:nth-child(5) { margin-right:0; } } @media screen and (min-width:800px) and (max-width:1300px){ #awardees_search .select { float:left; width:calc(50% - ((36px * 1) / 2) - 2px); } #awardees_search .select:nth-child(2n+1) { margin-right:36px; } #awardees_search p#overall { clear: both;} #awardees_search .newfields .select, #awardees_search .newfields .select:nth-child(4) { float:left; width:calc(50% - ((36px * 1) / 2) - 2px); margin-right:36px; } #awardees_search .newfields .select:nth-child(3) { width:100%; margin-right:0; } #awardees_search .newfields .select:nth-child(4), #awardees_search .newfields .select:nth-child(5) { width:calc(50% - ((36px * 1) / 2) - 2px); } #awardees_search .newfields .select:nth-child(2), #awardees_search .newfields .select:nth-child(3), #awardees_search .newfields .select:nth-child(5) { margin-right:0; } } /* @media screen and (-webkit-min-device-pixel-ratio:0) { #awardees_search select { padding-right:18px} } */ #awardees_search option { padding: 1rem 2rem; background:rgba(255,255,255,0.8) } #awardees_search p.label, #awardees_search p label, .downloadsheading { padding-left:2rem; color:#231f20; font-size:2.2rem; font-weight:600; margin:0.25em 0 1.5rem; display:block; } #awardeesloading { position:absolute; top:0; left:0; width:100%; height:100%; /*background:rgba(19,66,103,0.2)*/ background:rgba(240,240,240,0.75) url(images/loader.gif) no-repeat center 10rem; background-blend-mode: multiply; z-index:40; } #csvdownload { } p#csvdownload {font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:1.8rem !important; line-height:1.3; /*margin:0;*/ width:100%; max-width:450px;/**/ margin:2rem auto; } p#csvdownload a { background:#FFF; padding:0.75em 2em; /*width:calc(100% - 2em - 2em); */ display:block; text-decoration:none; transition:background 0.3s ease; background-size:30px auto; background-position:calc(100% - 1rem) 50%; background-repeat:no-repeat; text-align:center; color:#451e76; border:1px solid #451e76; } p#csvdownload a:hover { background-color:#451e76; color:#FFF; } p#csvdownload {margin-bottom:2rem; } p#csvdownload a { display:block; padding:0.75em 4.5rem 0.75em 4rem; width:calc(100% - 4rem - 4.5rem); position:relative; background-size:28px auto !important; background-position:calc(100% - 1rem) 50% !important; background-repeat:no-repeat !important; } p#csvdownload a::before { font-family:'icons'; content:"\e903"; position:absolute; top:50%;left:1rem; transform:translateY(-50%); font-weight:normal; } p#csvdownload a { background-image: url(images/icons/doc-xls.svg); } /* infographics_module */ #infographics_module div#modules { background:rgba(240,240,240,1); border:1px solid #ababab; } #infographics_module article { } #infographics_module article h3 { margin-bottom:2rem;} #infographics_module article .padding { padding:2rem 3rem; overflow:auto; } /*@media screen and (min-width:1024px){ */ @media screen and (min-width:1360px){ #infographics_module article { width:33.33333%; float:left; } #infographics_module article:nth-child(3n+4){ clear:both; } #infographics_module article:nth-child(2n+1){ background:white; } } /*@media screen and (min-width:601px) and (max-width:1024px){ */ @media screen and (min-width:901px) and (max-width:1360px){ #infographics_module article { width:50%; float:left; } #infographics_module article:nth-child(2n+3){ clear:both; } #infographics_module article:nth-child(1), #infographics_module article:nth-child(4), #infographics_module article:nth-child(5), #infographics_module article:nth-child(8), #infographics_module article:nth-child(9) { background:white; } } /*@media screen and (max-width:600px){*/ @media screen and (max-width:900px){ #infographics_module article { width:100%; float:left;} #infographics_module article:nth-child(2n+1){ background:white; } } .circle_callout { color:white; text-align:center; width:80%; max-width:230px; margin:0 0 4rem 50%; transform:translateX(-50%);; height:auto;} .circle_callout span.circle_content {display:block; height:0; width:100%; padding-bottom:100%; background:#134267; background:#216093; border-radius:100%; position:relative; } .circle_callout span.circle_content span { display:block; position:absolute; top:calc(50% - 0.65em); top:calc(50% - 0.25em); left:50%; transform:translate(-50%,-50%); line-height:1.2;} .circle_callout strong { display:block; font-size:3.6rem;}/**/ .graphic_text { display: table; position:absolute; top:0; left:0; width:100%; height:100%; } .graphic_text img { display:block; width:calc(100% - 20px); } .graphic_text p { width:50%; display: table-cell; vertical-align: middle; line-height:1.3;} #infographics_module article .img, #infographics_module article .graphic_text_holder { margin-bottom:4rem; width:100%; height:0; padding-bottom:61.80339887498547%; } #infographics_module article .graphic_text_holder { position:relative; overflow:hidden; } @media screen and (max-width:600px){ #infographics_module article { } #infographics_module article .img { padding-bottom:100%; } #infographics_module article .graphic_text_holder { height:auto !important; padding-bottom:1rem; overflow:visible; } .graphic_text { position:relative; width:100%; height:auto !important;} } .nested_dropdowns { margin:2rem 0 3rem; } section.section { border:1px solid #134267; border-bottom:none; } section.section:last-child { border:1px solid #134267; } .section_heading { font-size:2.2rem; padding:2rem 60px 2rem 3rem; margin:0; transition:all 0.2s ease; position:relative; } .section_heading::after { position:absolute; top:50%; transform:translateY(-50%); right:2rem; font-family:'icons'; content:"\e917"; font-weight:normal;font-size:1.8rem; text-align:right; } .section_heading:hover { background:#216093;color:white;} .opened > .section_heading {background:#134267; color:white;} .opened > .section_heading::after {content:"\e914"; } div.section_content { padding:2rem 3rem 2rem; } #search {background:rgba(240,240,240,0.95); background:rgba(255,255,255,0.9); background:rgba(19,66,103,0.95); clear:both; position:fixed; overflow:auto; z-index:99999; min-height:100%;width:calc(100% - 56px); padding:0 28px; /**/ top:0; transform:translateY(-100%); transition:all 0.2s ease; height:100%; color:white; } #search .textcol { display: flex; flex-direction: column; } #search .textcol #closesearch { order: -1; } #search label { /*display:none;*/ position: absolute; font-size: 24px; font-weight: 600; min-height: 40px; line-height: 40px; top: 0; top: calc(-40px - 18px); display: block; padding: 0 0 0 3rem; /*transform: translateY(-100%);*/ } @media all and (max-width: 500px) { #search label { /*display:none;*/ padding:0; } } #search .searchwrapper { } #search.searchopen{ opacity:1; top:0; transform:translateY(0);} /*body.hasjs #search { position:absolute; top:-200%; } #closesearch { display:block; float:right; z-index:999; opacity:1; margin:32px 0 0; font-family: 'icons'; line-height:1; color:#FFF; font-size:4rem; text-align:right; } #closesearch::before { content: "\e921"; } #closesearch:hover { opacity:0.8; } */ #closesearch button{ background: none; outline: none; display:block; float:right; z-index:999; opacity:1; margin:32px 0 0; font-family: 'icons'; line-height:1; color:#FFF; font-size:4rem; text-align:right; } #closesearch button::before { content: "\e921"; } #closesearch button:hover { opacity:0.8; } #closesearch span { position:absolute; top:-10rem; width:1px; height:1px; overflow:hidden; display:block; } #searchform { position: relative; padding-top:1rem; clear:right; } #searchform * { border:none !important; outline:none !important;} #searchform input {color:#000 ; font-family: 'Source Sans Pro', sans-serif; font-weight:400; display:block; height:2em; } #searchform input#s { background:rgba(255,255,255,1); color:#231f20; padding:0 3rem; font-size:3rem; margin:0 0 0; float:left; display:block; width:calc(100% - 6rem); line-height:2; margin-bottom:12px; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); } #searchform input#searchsubmit {border-style: none; text-indent:-9999px; /*background: url(images/search.svg) center top no-repeat;*/ width:36px; cursor:pointer; background-size:auto 60px !important; position:absolute; top:0; right:0; } #closesearch button:focus-visible, #searchform input#s:focus-visible { box-shadow: 0 0 0 5px #D22333;} #searchload { clear:both; } #searchresults {clear:both; padding-top:1em;} .searchheading {clear:both; padding-top:0.5em;} #searchloading { width:100%; height:3rem; background:url(images/loader.gif) no-repeat center center; mix-blend-mode: multiply; z-index:40; clear:both; position:absolute; top:40px; } h1.page-title { color:#FFF;/* background:#134267;*/ margin:0 0 1rem; position:relative; line-height:1.2; padding:1rem 3rem; font-size:2.2rem;} h1.cat-title { margin-bottom:28px; } nav.pagination { margin:0; clear:both; } #sorry, nav.pagination { padding:0 3rem; } .nav-links { margin:0; line-height:1; font-family:"museosans", Helvetica, Arial, sans-serif; font-weight:500; font-style:normal; } .nav-links .page-numbers { font-size:2.2rem; display:inline-block; line-height:1; padding:0.5em; background:rgba(255,255,255,0.75); color:#333; margin:0 1rem 1rem 0; text-decoration:none;} .nav-links span.page-numbers{ background:#d22333; color:#FFF; } .nav-links a.page-numbers:is(:hover,:focus-visible) { background:rgba(255,255,255,1); color:#000; } .nav-links a.page-numbers:focus-visible { box-shadow: 0 0 0 5px #D22333; } .nav-links span.dots{ background:none; color:#FFF; font-size:3.2rem; } @media all and (min-width: 501px) { .nav-links span.dots{ padding:0; } } @media all and (max-width: 500px) { .nav-links .page-numbers, .nav-links span.dots { font-size:2rem; padding:0.35em; margin:0 0.75rem 0.75rem 0; } .nav-links span.dots { padding-left:0; padding-right:0;} } .nav-links a.next, .nav-links a.prev { position:relative; } .nav-links a.next::before, .nav-links a.prev::before { opacity:0;} .nav-links a.next::before { content:">"; } .nav-links a.prev::before { content:"<"; } .nav-links a.next::after, .nav-links a.prev::after { position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); font-family:icons; line-height:1; font-size:2rem; } .nav-links a.next::after { content:"\e924"; } .nav-links a.prev::after { content:"\e925"; } ul.resultslist { margin-bottom:2rem; margin-top:0 !important;} ul.resultslist li { margin:0 0 1.5rem !important; font-weight:400; line-height:1.3; position:relative; list-style:none !important; font-size:2.2rem; padding-top:0.25em; } ul.resultslist li a.searchlink { background:rgba(103,103,103,0.66); background:rgba(255,255,255,0.75); padding:2rem 3rem; position:relative; display:block; transition:all 0.2s ease; text-decoration:none; color:#333; } ul.resultslist li a.searchlink:is(:hover,:focus-visible) { color:#000; background:rgba(255,255,255,1); } ul.resultslist li a.searchlink:focus-visible { box-shadow: 0 0 0 5px #D22333;} /**/ ul.resultslist li a.searchlink { padding-left:calc(6rem); } ul.resultslist li a::before { font-family:"icons"; line-height:1; font-size:2.6rem; font-weight:normal !important; display: inline-block; position:absolute; top:28px; left:2rem; content:"\e900"; color:#888; /*top:2rem;transform:translate(0,-25%); */ top:50%; transform:translate(0,-25%); font-size:3.2rem; transform:translate(0,-50%); } ul.resultslist li span { display:block; font-size:1.6rem; color:#666; padding-top:0.25em; } ul.resultslist li span.type { padding:0 0 0.25em; } ul.resultslist li.search-post a::before { content:"\e916"; } ul.resultslist li.search-find-your-co-op a::before { content:"\e901"; } ul.resultslist li.search-starting-a-co-op a::before { content:"\e904"; } ul.resultslist li.search-videos a::before { content:"\e910"; font-size:2.4rem; } ul.resultslist li.search-members a::before { content:"\e902"; font-size:3.4rem; left:1.8rem; } ul.resultslist li.search-hei a::before { content:"\e913"; font-size:2.4rem; left:1.8rem; } ul.resultslist li.search-publications { padding:0.25em 6rem;} ul.resultslist li.search-publications a::before { content:"\e90f"; font-size:2.4rem; left:1.8rem; content:" " !important; } .documents_ nav.pagination, body.resources nav.pagination { padding:0 !important; margin-bottom:30px; } .documents_ .nav-links .page-numbers, body.resources .nav-links .page-numbers { background:rgba(235,235,235,1); color:#333; margin-bottom:0; } .documents_ .nav-links span.page-numbers, body.resources .nav-links span.page-numbers{ background:#d22333; color:#FFF; } .documents_ .nav-links a.page-numbers:hover, body.resources .nav-links a.page-numbers:hover { background:rgba(220,220,220,1); color:#000; } .documents_ .nav-links span.dots, body.resources .nav-links span.dots{ background:none; color:#333; font-size:3.2rem; } .documents_ .nav-links a.next, .documents_ .nav-links a.prev, body.resources .nav-links a.next, body.resources .nav-links a.prev { color: rgba(51,51,51,0.75); } ul.resultslist li.search-publications { background:rgba(255,255,255,0.75);} ul.resultslist li.search-publications:hover { background:rgba(255,255,255,1);} ul.resultslist li.search-publications .img { width:auto; margin:2rem 0 1rem 0; } ul.resultslist li.search-publications .img > img { display:block; width:100%; max-width:150px; height:auto; opacity:1; margin:0 auto; -webkit-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); } ul.resultslist li.search-publications .img > span.cover { display:block; background:#134267; color:#FFF; width:14rem; height:21rem;margin:0 auto; -webkit-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); box-shadow: -5px -5px 5px 0 rgba(0,0,0,0.3); } ul.resultslist li.search-publications .pub { max-width:400px; margin:0 auto 2rem; } ul.resultslist li.search-publications span.cover strong { display:block; padding:1.2rem 1.6rem; font-size: 1.8rem; font-weight:600; } ul.resultslist li h3 { color:black;}.highcharts-drillup-button { background:green !important; color:#FFF !important; } #dialogue_dropdowns { } @media screen and (min-width:1024px) { .dialogue_dropdown { width:calc(25% - ((36px * 3) / 4)); margin-right:36px; float:left; } .dialogue_dropdown:nth-child(4n+4) { margin-right:0; } } @media screen and (min-width:601px) and (max-width:1023px){ .dialogue_dropdown { width:calc(50% - ((36px * 1) / 2)); margin-right:36px; float:left;} .profile header { height:16rem; } .dialogue_dropdown:nth-child(2n+2){ margin-right:0 !important; } .dialogue_dropdown:nth-child(2n+3){ clear:both; } } @media screen and (max-width:600px){ .dialogue_dropdown { width:100%; margin:0 0 36px 0; } } .dialogue_dropdown { margin-bottom:2rem; } .dialogue_dropdown h2 { background:#d22333; font-size:1.8rem; position:relative; padding:1em calc(2rem + 1.5em) 1em 2rem; margin:0; color:white; transition:all 0.1s ease; } .dialogue_dropdown h2::after { position:absolute; top:50%; transform:translateY(-50%); right:2rem; font-family:'icons'; content:"\e917"; font-weight:normal; transition:all 0.1s ease; } .dialogue_dropdown h2:hover::after { transform:scale(1.2,1.2) translateY(-40%); } .dialogue_dropdown h2.opened::after {content:"\e914"; } .dialogue_dropdown div.hei_list { background:rgba(230,230,230,1); } body.hasjs .dialogue_dropdown div.hei_list { display:none; } .dialogue_dropdown h3 { border-top:1px solid rgba(19,66,103,0.6); position:relative; padding:1em calc(2rem + 1.5em) 1em 2rem; font-size:1.8rem; margin:0; color:#134267; font-weight:400;} .dialogue_dropdown h3:first-child { border-top:none;} .dialogue_dropdown h3::after { position:absolute; top:50%; transform:translateY(-50%); right:2rem; font-family:'icons'; content:"\e917"; font-weight:normal; transition:all 0.1s ease; } .dialogue_dropdown h3:hover::after { transform:scale(1.2,1.2) translateY(-40%); } .dialogue_dropdown h3.opened {background: #134267; color:white;} .dialogue_dropdown h3.opened::after {content:"\e914"; } .dialogue_dropdown div.downloads {padding:3rem 2rem 1rem; position:relative; } .dialogue_dropdown h3.opened::before {position:absolute; font-family:'icons'; content:"\e923"; color:#134267; font-weight:normal; top:calc(100% - 1px); left:1.4rem; line-height:1; font-size:18px; margin:0; } .dialogue_dropdown p.cta { width:100% !important;} /*<nav id="resourcenav"> <ul> <li id="publications_link"><a href="/publications/">Publications</a></li> <li id="videos_link"><a href="/videos/">Videos</a></li> <li id="documents_link"><a href="/documents/">Documents</a></li> <li id="logos_link"><a href="/logos/">Logos</a></li> <li id="images_link"><a href="/images/">Images</a></li> </ul> </nav>*/ #resourcenav { } #resourcenav li { display:inline-block; margin-right:36px; color:#999; } @media screen and (max-width:600px){ #resourcenav li { width:calc(49% - 36px); } } #resourcenav li a { color:#666; } #resourcenav li.current, #resourcenav li.current a { color:#134267; font-weight:600;} #resourcenav li::before {font-family:'icons'; font-weight:normal !important; margin-right:0.25em; } #resourcenav li#publications_link::before {content:"\e90f"; } #resourcenav li#videos_link::before {content:"\e910"; } #resourcenav li#documents_link::before { content:"\e90c"; } #resourcenav li#logos_link::before {content:"\e90e"; } #resourcenav li#images_link::before { content:"\e90d"; } @media screen and (min-width:1400px){ body.resources .module { width:calc(25% - ((36px * 3) / 4)); } body.resources .module:nth-child(3n+3){ margin-right:36px !important; } body.resources .module:nth-child(3n+4){ clear:none; } body.resources .module:nth-child(4n+4){ margin-right:0 !important; } body.resources .module:nth-child(4n+5){ } } body.resources .module h3 { height:5.1em; overflow:hidden; } @media screen and (max-width:600px){ body.resources .module h3 { height:auto; } } #resource_search { } #resource_search form { display:block; } #resource_search form input[type=text], #resource_search form select { font-size:2rem; line-height:1 !important; margin:0; width:100%; border: none;outline:none; display:block; background:none; border:1px solid #134267; color:#134267; position:relative; z-index:11; font-family: 'Source Sans Pro', sans-serif; font-weight:600; margin-bottom:2rem; } #resource_search form input[type=text] { height:calc(2.8em - 2px) !important; width:calc(100% - 4rem); padding: 0 2rem; background:rgba(230,230,230,1); } #resource_search form select { background:rgba(230,230,230,1) url(images/icons/down_menu.svg) no-repeat 96% 1.6rem; background-size:2rem auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; padding: 1rem 2rem; height: 2.8em; } @media screen and (min-width:1550px){ #resource_search form input[type=text],#resource_search form select { font-size:2.2rem; } } @media screen and (min-width:1024px){ #resource_search form {float:left; width:calc(50% - 18px); } #resource_search form#yearform { margin-right:36px; } } @media screen and (max-width:1024px){ #resource_search form { width:100%; } } #resource_search form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#134267; } #resource_search form input::-moz-placeholder { /* Firefox 19+ */ color:#134267; opacity: 1; } #resource_search form input:-ms-input-placeholder { /* IE 10+ */ color:#134267; } #resource_search form input:-moz-placeholder { /* Firefox 18- */ color:#134267; } @media screen and (min-width:1400px){ body.post-type-archive-funding_calls .module { width:calc(25% - ((36px * 3) / 4)); } body.post-type-archive-funding_calls .module:nth-child(3n+3){ margin-right:36px !important; } body.post-type-archive-funding_calls .module:nth-child(3n+4){ clear:none; } body.post-type-archive-funding_calls .module:nth-child(4n+4){ margin-right:0 !important; } body.post-type-archive-funding_calls .module:nth-child(4n+5){ } } .big_search form { margin: 0 0 2rem; position: relative;} .big_search form::after, .big_search::after {display: table; clear: both;content:"";} .big_search form div { position: relative; background: white; display: flex; flex-wrap:wrap; } .big_search form label { font-size: 2.2rem; padding: 1rem 0 1rem 3rem; font-weight: 600; display:block; color:#FFF; } @media screen and (max-width:850px){ .big_search form label { padding:0 3rem 0.25em; font-size:20px; } } @media screen and (max-width:600px){ .big_search form label { padding:0 2rem 0.25em; } } .big_search form input { border: none; outline: none; background: none; color:#000 ; font-family: inherit; font-weight:600; display:block; height:2em; padding-top:0.5em;} .big_search form input[type="text"] { width: 100px; flex:1; color:#38597A; padding:0.5em 3rem; margin:0 0 0; display:block; line-height:1; font-size: 3rem; } .big_search form input[type="text"]:hover { } /* .big_search form input#s:focus-visible{ outline:red 2px solid} */ .big_search form input[type="text"]:hover::placeholder { /* Most modern browsers support this now. */ } .big_search form input[type="text"]::placeholder { /* Most modern browsers support this now. */ color:#38597A; } .big_search form input:hover { background: rgba(56,89,122,0.2); } .big_search form button:focus-visible, .big_search form input:focus-visible{ box-shadow: 0 0 0 5px #D22333; } .big_search form button[type="submit"]::before { font-family: icons; content: "\e91a"; line-height: 2; } .big_search form button[type="submit"], .big_search form input[type="submit"]{/* position: absolute; right:0; top:0;*/ width: 2em; /*height: 100%; */z-index: 10; cursor: pointer; /* search button css */ background: none; font-family:icons; font-size: 3rem; line-height: 2; color:#38597A; } @media screen and (max-width:850px){ .big_search form input[type="text"], .big_search form button[type="submit"], .big_search form input[type="submit"]{ font-size: 2.4rem; } .big_search form input[type="text"] { padding:0.5em 3rem; } } @media all and (max-width: 600px) { .big_search form input[type="text"], .big_search form button[type="submit"], .big_search form input[type="submit"]{ font-size: 2.2rem; } .big_search form input[type="text"] { padding: 0.5em 2rem; } }
#designer { font-size:1.6rem;  font-weight:300; clear:both; margin:3rem 0 1rem; } 
#designer a {color:#999; text-decoration:none; }
#designer a:hover { text-decoration:underline; }

#designer strong{  font-weight:400; }