/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } 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; } *{ min-height: 0; min-width: 0; } /* 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; } .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, .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; } /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { 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;} /* 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; background:#252525; } /* 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; } } @media all and (min-width:1024px){ .introbox p, .intro p { font-size:1.8rem; line-height:1.476190476190476; } } @media screen and (min-width:1404px){ .introbox p, .intro p { font-size:2.1rem; line-height:1.476190476190476; } } @media screen and (min-width:1500px){ .introbox p, #mainintro.intro p{ font-size:2.4rem; } } #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>div>ol li, .textcol>div>ul li, .textcol>div>p { padding-right: 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.ctalarge { margin: 1em 0; font-size:2.4rem !important; } p.ctalarge a { padding: 1em; border-radius: 1em;} p.cta a:hover { background-color:#831A24; } /*p.cta a::after*/ p.cta a[href*="//"]:not([href*="hea.ie"])::after, p.cta a[href*="//report"]::after { font-family:'icons'; content:"\e906"; transform:translateY(-50%); font-weight:normal; margin-left:0.8em; } p.cta a[href*="//"]:not([href*="hea.ie"]), p.cta a[href*="//report"]{ padding-right:4em; position:relative; } p.cta a[href*="//"]:not([href*="hea.ie"])::after, p.cta a[href*="//report"]::after { display:block; position:absolute; top:50%; right:2rem; transform:translateY(-50%);} p.download {margin-bottom:2rem; } p.download a { display:block; background-color:#00a7e0;background-color:#1d517b; 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;background-color:#113b5c; } .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*="hea.ie"])::after, p.boxlink a[href*="//"]:not([href*="hea.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 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.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; } ul.social li.linkedin a { } ul.social li.linkedin a::before { display: block; content: ""; width: 32px; height: 32px; background-size:contain; background-position: center; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 36" style="enable-background:new 0 0 34 36;" xml:space="preserve"><path fill="%23FFFFFF" d="M6.2,4C4.2,4,3,5.4,3,7c0,1.8,1.2,3,3.2,3s3.2-1.4,3.2-3C9.2,5.4,8.2,4,6.2,4z"/> <path fill="%23FFFFFF" d="M9.2,12.4h-6V32h6V12.4z"/> <path fill="%23FFFFFF" d="M24.2,12c-3.2,0-5.2,1.8-6,3.2H18l-0.2-2.8h-5.2c0,1.8,0.2,3.8,0.2,6.2V32h6V20.8c0-0.6,0-1.2,0.2-1.6 c0.4-1.2,1.4-2.2,3-2.2c2.2,0,3,1.8,3,4.2V32h6V20.4C31,14.8,28,12,24.2,12z"/></svg>'); } ul.social li.linkedin a:hover::before{ background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 34 36" style="enable-background:new 0 0 34 36;" xml:space="preserve"><path fill="%230072b1" d="M6.2,4C4.2,4,3,5.4,3,7c0,1.8,1.2,3,3.2,3s3.2-1.4,3.2-3C9.2,5.4,8.2,4,6.2,4z"/> <path fill="%230072b1" d="M9.2,12.4h-6V32h6V12.4z"/> <path fill="%230072b1" d="M24.2,12c-3.2,0-5.2,1.8-6,3.2H18l-0.2-2.8h-5.2c0,1.8,0.2,3.8,0.2,6.2V32h6V20.8c0-0.6,0-1.2,0.2-1.6 c0.4-1.2,1.4-2.2,3-2.2c2.2,0,3,1.8,3,4.2V32h6V20.4C31,14.8,28,12,24.2,12z"/></svg>'); } /*#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; } } ul.faqs { margin:2rem 0 3rem; } #bodytext ul.faqs li { border:1px solid #134267; border-bottom:none; margin:0 !important; list-style:none !important; padding:2rem 2rem 1rem 2rem;} #bodytext ul.faqs li:last-child { border:1px solid #134267; } ul.faqs li h3 { color:#134267; position:relative; padding-right:4rem; } /*body.hasjs ul.faqs li div.answer { display:none;} */ ul.faqs li h3::after { position:absolute; top:50%; transform:translateY(-50%); right:0; font-family:'icons'; content:"\e917"; font-weight:normal; transition:all 0.1s ease; } ul.faqs li h3:hover::after { transform:scale(1.2,1.2) translateY(-40%); } ul.faqs li h3.opened {background: #134267; color:white;} ul.language_pick { display: flex;} #maincontent .textcol ul.language_pick li { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; text-decoration: none; list-style: none !important; margin: 0 1em 0em 0 !important;} ul.language_pick li:last-child { margin-bottom: 0;} ul.language_pick li { margin: 0 1em 1em 0;} ul.language_pick li span { font-weight: bold;} ul.language_pick li a { color: inherit; } ul.language_pick li a,ul.language_pick li a:link,ul.language_pick li a:visited { font-weight: normal !important;} ul.language_pick li a:hover { font-weight: bold !important;} ul.language_pick li:last-child { margin-right: 0;} /* 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 */ #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; } } #mastheadwrapper { display: flex; align-items: center; justify-content: space-between; } #mastheadwrapper #newlogo { /*flex: 1*/ min-width: 120px} #mastheadwrapper > div > h1:hover {background-color: #134267;transition:all 0.5s ease} #mastheadwrapper > div > h1 > a:focus-visible {background-color: #134267; outline: 2px solid #0000ff !important;} @media screen and (max-width:850px){ #masthead { padding:1rem 0 1rem; } } #mainnav { display:none; } /* #mainnav nav > ul > li:hover {background: white;} #mainnav nav > ul > li > a:hover {background-color: #134267;} */ #mainnav nav > ul {display: flex;} #mainnav nav > ul > li { font-size:1.8rem; margin:0; color:black; 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; line-height:74px; position:relative; color:#134267;} #mainnav nav > ul > li a.subopen { background:white; background:rgba(240,240,240,0.98); color:#134267;} #mainnav :focus-visible { background-color:white; color:#134267!important; outline: 2px solid #0000ff !important; } p#showsearch :focus-visible { border: 2px solid #0000ff !important; } #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 {background-color:white;color:#134267 !important; transition:all 0.5s ease } #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 a:focus-visible {outline: 2px solid #0000ff; } .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;} */ @media screen and (min-width:1024px){ #navside { width:auto; height:74px;} #mainnav { width:auto; 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;} #navside { /*width:calc(100% - 10rem); float:right;*/ height:50px; clear:none; overflow:hidden;} } @media screen and (max-width:360px){ } /* ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================ */ .toplogo, .healogo { font-weight:normal !important; line-height:1; margin:0; width: 118px; } .toplogo a, .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; } .toplogo span, .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;} .toplogo a { padding-bottom:0; height:74px; } .toplogo a svg { display: block; height: 100%; width: 100%; width: auto; object-fit: contain; object-position:left top; position: absolute; position: relative; top: 0; left: 0; } .toplogo a svg path.hea{fill:#0068A4;} body.page-template-template_home2021:not(.light) .toplogo a svg path.hea, body.home:not(.light) .toplogo a svg path.hea{fill:#FFFFFF;} .toplogo a svg path.line{fill:#D22333;} .toplogo a svg path.light0{fill:#00A7E1;} .toplogo a svg path.light1{fill:#6AC6B9;} body.page-template-template_home2021:not(.light) .toplogo a svg path.light0, body.home:not(.light) .toplogo a svg path.light0{fill:rgba(255,255,255,0.5);} body.page-template-template_home2021:not(.light) .toplogo a svg path.light1, body.home:not(.light) .toplogo a svg path.light1{fill:rgba(255,255,255,0.75);} /* .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%);/**/ } #logo { width:8.6rem; float:left !important;} #logo .healogo a::after, #logo .healogo a::before { font-size:5.5rem; } #logo .healogo { overflow:hidden; } #logo .healogo a { height:3rem; text-shadow:none; } } /* ================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================ */ .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; background:none; outline: none; 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); } .showsearch:focus-visible { box-shadow: 0 0 0 3px #0000ff; } @media all and (min-width: 1024px) { } #navside ul.social { } #navside ul.social li { float:left; 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; line-height:50px; } #navside ul.social li { margin-right:2rem;} .toplogo a { height: 50px;} } @media screen and (max-width:359px){ #navside { padding-top:3px; } #navside ul.social li { margin-right:1.5rem;} } .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:focus-visible{ outline: 2px solid #0000ff; } #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; } } input#homesearchsubmit:hover { transform: scale(1.2); } #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; height:40vw; } } @media screen and (min-width:601px) and (max-width:850px){ #hero {background-size:100% auto; background-position:top center; min-height:300px; height:35vw; height:40vw; } } @media screen and (min-width:851px) and (max-width:1499px){ #hero {background-size:cover; background-position:center; min-height:550px; max-height:850px; height:auto; margin-bottom:3rem; } } @media screen and (min-width:1500px){ #hero {background-size:cover; background-position:center; min-height:550px; max-height:650px; max-height:850px; height:40vw; height:45vw; 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-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-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-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%); } body.home:not(.light) .showsearch, body.home:not(.light) .hamburger, body.home:not(.light) #navside ul.social li a, body.home:not(.light) #masthead { color:#FFF; } body.home:not(.light) .healogo a { text-shadow: 0 0 20px rgba(19,66,103, 0.5); text-shadow: 0 0 20px rgba(25,46,62, 0.5); } body.home:not(.light) #navside ul.social li a:hover { text-shadow: 0 0 20px rgba(255, 255, 255, 0.5); } body.home:not(.light) .healogo a::before { color:#FFF;} body.home:not(.light) #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)} body.home:not(.light) #mainnav nav > ul > li a.subopen { color:#134267; text-shadow: none;} body.page-template-template_home2021:not(.light) .showsearch, body.page-template-template_home2021:not(.light) .hamburger, body.page-template-template_home2021:not(.light) #navside ul.social li a, body.page-template-template_home2021:not(.light) #masthead { color:#FFF; } body.page-template-template_home2021:not(.light) .healogo a { text-shadow: 0 0 20px rgba(19,66,103, 0.5); text-shadow: 0 0 20px rgba(25,46,62, 0.5); } body.page-template-template_home2021:not(.light) #navside ul.social li a:hover { text-shadow: 0 0 20px rgba(255, 255, 255, 0.5); } body.page-template-template_home2021:not(.light) .healogo a::before { color:#FFF;} body.page-template-template_home2021:not(.light) #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)} body.page-template-template_home2021:not(.light) #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); } #hero #mainintro header { display:none;} #mainintro header { background:inherit !important; } /**/ @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%; } #bannermodules { margin-top:15%; margin-top:0; } #mainintro {margin-top:0; } } @media screen and (max-width:600px){ /*#mainintro { margin-top:25%; }*/ #bannermodules { margin-top:10%; margin-top:0; } #mainintro {margin-top:0; } } @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%; } body.page-template-template_home2021 #content { padding-bottom:0; } /* DOTS */ ul.slick-dots { top: auto; bottom: 0; display: flex; align-items: flex-end; justify-content: center; /*height: 100%;*/ width: 100%; /*position: absolute; */ padding: 20px 20px 30px; box-sizing: border-box; } .slick-dots li { width: 48px; height: 24px; position: relative; top: 0; display: inline-block; background: none !important; margin: 0 !important; box-shadow: none !important; filter:none !important; } .slick-dots li button { position: absolute; cursor: pointer; width: 100%; height: 100%; overflow: hidden; display: block; color: rgba(255, 255, 255, 0); text-indent: -3rem; pointer-events: auto; background: none; } .slick-dots li::after { content: ""; display: block; border-radius: 50%; position: absolute; width: 24px; height: 24px; background: rgba(77, 77, 77, 0.3);; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; transition: all 0.2s ease; } .slick-dots li::after { border: none !important; } .slick-dots li:hover::after { } .slick-dots li.slick-active::after { background: #4D4D4D; /*width: 16px; height:16px;*/ } @media all and (max-width: 600px) { ul.slick-dots { padding: 20px 20px; } .slick-dots li { width: 32px; height: 16px; } .slick-dots li::after { width: 16px; height: 16px; } } .fogra { position: relative; background-color: #2E6C65; color: white; } .fogra:hover{ background-color: #3d8d84; transition:all 1s ease } .fogra a:focus-visible{ background-color: #3d8d84 !important; outline: #0000ff 2px solid !important; } /* #wrapper > div :hover{ background-color: #3a8a81 } */ .fogra p { margin: 0; font-size: 32px; line-height: 1.2; } .fogra a{ display: block; text-decoration: none; padding: 30px 5rem; color: inherit; } @media screen and (max-width: 850px) { .fogra p { font-size: 18px; line-height: 22px; } .fogra a{padding: 30px 3rem; } } @media screen and (max-width: 600px) { .fogra a{padding: 2rem; } } @media screen and (min-width: 601px) and (max-width: 850px) { } @media screen and (min-width: 851px) and (max-width: 1499px) { } @media screen and (min-width: 1500px) { } @media screen and (min-width: 1800px) { } @media screen and (min-width: 2100px) { } .alert { margin: 36px 0; position: relative; z-index: 2; display: flex; } .alert>div { box-sizing: border-box; padding: 30px 2rem 30px 5rem; width: 50%; overflow: hidden; } @media screen and (max-width:850px){ .alert>div header::before { opacity: 1; transition: all 0.2s ease; content: ""; display: block; top: 0; left: 0; height: 150%; width: 100%; pointer-events: none; position: absolute; z-index:-1; background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } .alert>div header { padding:30px 3rem; box-sizing: border-box; color: white; position: absolute; top: 0; left: 0; width: 100%; } .alert>div { padding:30px 3rem; } } @media screen and (max-width:600px){ .alert>div { padding:30px 2rem; } } .alert>div>div { max-width: 480px; } .alert picture { width: 50%; position: relative; display: block; order: 10; } .alert picture img { overflow: hidden; position: absolute; display: block; width: 100%; height: 100%; filter: grayscale(100) ; mix-blend-mode: multiply; object-position: center; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover; transition: all 0.2s ease; } .alert picture::after{ display: block; content:""; width: 100%; height: 0; padding-bottom: 66.66%; } .alert div div.logo { position: relative; }.alert div p:last-child { margin:auto 0 0 ; } .alert div div.logo img { display: block; width: 100%; height: 80px; object-position: left top; object-fit: contain; transition: all 0.2s ease; } .alert div h2 { margin: 0 0 0.5em; font-size: 32px; line-height: 1.3; } .alert div p a { color: inherit; font-weight: 500; color: inherit; transition: all 0.2s ease; cursor: pointer; text-decoration: none; padding: 1px 0; background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: 0 100%, 0 100%; background-repeat: no-repeat, no-repeat; background-size: 100% 1px; transition: background-size .2s; background-size: 100% 1px, 100% 1px } .alert div p a:hover { color: white; mix-blend-mode: multiply;background-image: linear-gradient(#000, #000); background-size: 100% 100%; } .alert div p a:focus-visible { outline: 2px solid #0000ff !important; color: white; mix-blend-mode: multiply;background-image: linear-gradient(#000, #000); background-size: 100% 100%; } @media screen and (max-width: 850px) { .alert { display: block; } .alert>div { width:100%; } .alert picture { width: 100%; height: 0; padding-bottom: 75%; } .alert div h2 { font-size: 20px; line-height: 24px; } } @media screen and (max-width: 600px) { } @media screen and (min-width: 601px) and (max-width: 850px) { } @media screen and (min-width: 851px) and (max-width: 1499px) { } @media screen and (min-width: 1500px) { } @media screen and (min-width: 1800px) { } @media screen and (min-width: 2100px) { } body.page-template-template_home2021 #masthead , body.home #masthead { position: absolute; z-index: 100; top: 0; width: 100%; background: none; border: none; } body.page-template-template_home2021:not(.light) #masthead::before, body.home:not(.light) #masthead::before { opacity:0.8; transition:all 0.2s ease; content:""; display:block; top:0; left:0; width:100%; height: calc(125% + 60px); min-height:66.66%; /*max-height: 100%;*/ pointer-events: none; position:absolute; /*box-sizing: content-box;z-index:5;*/ background: -webkit-linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); background: linear-gradient(top, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% ); } body.page-template-template_home2021 #masthead + #content, body.home #masthead + #content { padding-top: 0; } .triangle-up { margin-left:50px; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #AA1D29; opacity: 0; pointer-events: none; display: none; } #homehero .cap h2 a::before { position: absolute; top: -25px; left: 50px; display: block; content:""; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #AA1D29; } /* #881721 */ #homehero:focus-visible {outline: 2px solid #0000ff} #homehero .cap{ position: relative; z-index: 2; color: white; /*padding: 20px;*/ margin: -60px 0 30px; } #homehero .cap h2{ font-family: 'Merriweather',serif; font-weight: 400; margin:0 auto 1em; max-width:1360px; /*font-weight: 700;*/ font-size: 3.2rem; line-height: 1.2; } #homehero .cap h2 a{ display: block; color:inherit; text-decoration:none; background: #AA1D29; position: relative; } #homehero .cap h2 a:hover ~ svg > g > path:hover {transform: translate(10px, 0px) !important; } #homehero .cap h2 a>span { display: block; max-width: 20em; padding: 30px 50px; } #homehero .cap h2 a > span em { display: block; font-style: normal; font-family: 'Source Sans Pro', sans-serif; color: inherit; font-size: 1.6rem; line-height: 1.2; margin-bottom: 1em; font-weight: 600; } #homehero .cap h2 a>span>span.herologo { display: block; margin-bottom: 0.5em; height: 2em; } .a-background:focus-visible {outline: 2px solid #0000ff !important; } .wrapper:hover .a-background {background: #881721!important; transition:all 1s ease; } p#showsearch:focus-visible{ border:1px solid #0000ff; } #homehero .cap h2 a>span>span.herologo img { display: block; height: 100%; width:100%; object-fit: contain; object-position: left top} #homehero .cap h2 a>span>svg { display: block; width: 1em; height: auto; margin: auto 0 0; border-top: 1em solid transparent; } #homehero .cap h2 a svg path { fill:none ; stroke:currentColor; stroke-width:1; } /*ADDED #homehero*/ #homehero .wrapper { margin-top: 80px; } .wrapper:hover .triangle-up { border-bottom-color: #881721; transition:all 1s ease } #homehero .cap h2 a:hover::before { border-bottom-color: #881721;transition:all 1s ease } /* div#mastheadwrapper { margin-top: -20px; } */ #homehero .heroimg{ height: calc(100vh - 120px); min-height: 50vw; max-height: 66.66vw; position: relative; } #homehero .heroimg > video:focus-visible{ outline: solid 2px #0000ff; } #homehero .heroimg picture { display: block; position: absolute; top: -100%; left: 0; height: 100%; width:100%; overflow: hidden; } #homehero .heroimg picture img { display: block; position: absolute; top: 50%; left: 50%; object-fit: cover; transform: translate(-50%,-50%); height: 100%; width:100%; } #homehero .heroimg p { position: fixed; top: -100px; } @media screen and (max-width: 600px) { #homehero .heroimg{ height: auto; min-height: 75vw; max-height: none; } #homehero .cap{ margin: -30px 0 20px; } #homehero .cap h2{ font-size: 1.8rem; line-height: 1.333333333333333; } #homehero .cap h2 a>span{ padding: 20px; } } @media screen and (min-width: 601px) and (max-width: 850px) { #homehero .cap h2{ font-size: 2.4rem; line-height: 1.333333333333333; } #homehero .cap h2 a>span{ padding: 30px; } #homehero .cap{ margin: -40px 0 30px; } } @media screen and (min-width: 851px) and (max-width: 1499px) { } @media screen and (min-width: 1500px) { #homehero .heroimg{ height: calc(100vh - 120px); min-height: 33.333vw; max-height: 66.66vw; } #homehero .cap h2{ font-size: 3.6rem; } } @media screen and (min-width: 1800px) { #homehero .heroimg{ max-height: 50vw; } } @media screen and (min-width: 2100px) { #homehero .heroimg{ max-height: 40vw; } } #homehero .arrowholder { width:56px; height: 100%; top: 0; pointer-events: none; position: absolute; z-index: 9; overflow: hidden;} #homehero .prevarrowholder{ left:0;} #homehero .nextarrowholder{ right:0;} #homehero .arrowholder button {background: none; border: none; outline: none; display: block; content:""; width:40px; height: 82px; height: 48px; pointer-events: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;} #homehero .arrowholder button svg{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.8)); } #homehero #homeslides.sliding .arrowholder { display: none;} .herostat{ position: absolute; left: 50%; top: 50%; width:calc(100% - 150px); margin: 30px 0 0 ; height: calc(100% - 150px - 80px); max-width: 1380px; max-height:450px; transform: translate(-50%,-50%); } .herostat, .herostat .img, .herostat .img>div { display: flex; flex-direction: column; flex: 1; } @media screen and (max-width: 850px) { .herostat{ margin: 30px 0 0; height: calc(100% - 200px); } } @media screen and (max-width: 600px) { .herostat{ margin: 30px 0 0; width:calc(100% - 90px); margin: 10px 0 0 ; height: calc(100% - 140px); } } .homenews { /* display: flex; flex-wrap: wrap;*/ justify-content: space-between; /*margin-bottom: 20px; */ } .homenews article, .homenews article > div { display: flex !important; flex-direction: column; } .homenews article > div, .homenews article > div > div { display: flex !important; flex: 1; flex-direction: column; } .homenews article { /* width: calc(33.333% - (20px / 3));*/ position: relative; margin: 10px; } .homenews article:focus-visible { outline: 5px solid #0000ff; } .homenews article > a.faux { left: 0; top: 0; position: absolute; width:100%; height: 100%; display: block; overflow: hidden; text-indent: -1000px; z-index:10; } .homenews article > div { background: #EBEBEB; border: 1px solid rgba(77, 77, 77, 0.25); padding: 30px; color:#4d4d4d ; border-radius: 12px; } .homenews article a:focus-visible{ outline: 3px solid #0000ff !important; } .homenews article :focus-visible a.faux + div::before{ opacity: 1; height: 100%; color:#4d4d4d!important; } /* #4D4D4D */ .homenews article > a + div{ } /*a.faux:active + div::before*/ .homenews article > div > div { padding: 15px 30px 30px; position: relative; } .homenews article > div::before{ display: block; width: 100%; height: 0; height: 100%; opacity: 0; background: #234164; content:""; border-radius: 12px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition:all 0.2s ease; } .homenews article > div > picture { display: block; position: relative; height: 0; width: 100%; padding-bottom: 60%; overflow: hidden; border-radius: 8px; } .homenews article > div > picture img { position: absolute; display: block; width: 100%; height: 100%; object-position: center; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover; transition: all 0.2s ease; } .homenews article > a.faux:focus-visible { outline: 2px solid #0000ff; } @media(hover: hover) and (pointer: fine) { .homenews article > a.faux:hover + div::before { height: 100%; opacity: 1; } .homenews article:hover a+div{ color: white; } .homenews article > a.faux:hover + div { color: white; } .homenews article > a.faux:hover + div > picture img { filter: grayscale(100); mix-blend-mode: screen; width: 110%; height: 110%; } } .homenews article > a.faux:active + div::before { height: 100%; opacity: 1; } .homenews article > div > div > h3 > a { } .homenews article > div > div > p { } .homenews article > a.faux:active + div { color: white; } /* .slick-slide:hover .hoverplease { color: white!important; } .slick-slide:hover .hoverplease2 { color: white!important; } */ .homenews article > a.faux:active + div > picture img { filter: grayscale(100); mix-blend-mode: screen; width: 110%; height: 110%; } .homenews article p {color:inherit; font-size: 1.6rem; line-height: 1.2; margin-bottom:1em; font-weight:600; } .homenews article h3 { color:inherit; font-size: 3.2rem; line-height: 1.1875; font-weight:600; display: flex; flex: 1; flex-direction: column; } .homenews article h3 a{ color:inherit; display: flex; flex: 1; flex-direction: column; text-decoration: none; } .homenews article h3 a svg { display: block; width: 1em; height: auto; margin: auto 0 0; border-top: 1em solid transparent; } .homenews article h3 a svg path { fill:none ; stroke:currentColor; stroke-width:1; } .slideswrapper {padding: 0; /*max-width: 1560px;*/ } .slideswrapper .slick-track { display: flex !important; } .slideswrapper .slick-slide { height: inherit !important; } /* .statbox{ height: 100% !important; } */ @media screen and (min-width: 601px){ .homenews article > div{ padding: 20px; } .homenews article > div > div { padding: 0 0 10px; } .homenews article p { font-size:1.2rem; line-height: 1.25; } .homenews article h3 { font-size:1.6rem; line-height: 1.25; } } @media screen and (min-width: 851px){ .slideswrapper { padding: 0 30px; } .homenews { width:calc(100% + 10px); position: relative; left: -5px; } .homenews article h3 { font-size: 2rem; line-height: 1.2; } .homenews article { margin: 10px; } } @media screen and (min-width: 1280px){ .homenews article > div{ padding: 30px; } .homenews article > div > div { padding: 0 10px 10px; } .homenews article h3 { font-size: 2.4rem; line-height: 1.208333333333333; } .homenews article p { font-size: 1.6rem; line-height: 1.2; } } @media screen and (min-width:1404px){ .slideswrapper { padding:0 60px; } } @media screen and (min-width: 1500px) { .homenews article > div{ padding: 30px; } .homenews article > div > div { padding: 15px 30px 30px; } .homenews article h3 { font-size: 3.2rem; line-height: 1.1875; } } @media screen and (min-width: 1800px) { } @media screen and (min-width: 2100px) { } @media screen and (max-width: 600px) { .homenews article { /* width: 100%;*/ } .homenews article > div { padding: 20px; } .homenews article > div > div { padding: 0 0 10px; } .homenews article p { font-size: 1.2rem; line-height: 1.25; } .homenews article h3 { font-size:1.6rem; line-height: 1.25; } } #twitterfeed { padding:2rem 0 2rem; background:rgba(240,240,240,1); } #twitterfeed h2 { color:#134267 } /*#twitterfeed h2::before { background-size:contain !important; background: url(images/icons/loveirishresearch.svg) no-repeat center; padding:0.5em 1.5em; margin-right:0.5em; content:" "; }*/ #twitterfeed .newslist li.tweet , #twitterfeed .newslist li.tweet article {background:white; } #twitterfeed .newslist li p.tweet_text { color:#666; } #twitterfeed .newslist li p.tweet_text a { color:#134267; text-decoration:none; } #twitterfeed .newslist li p.tweet_text a:hover { text-decoration:underline; color:#134267 } #twitterfeed .newslist .module article { padding-bottom: 1rem !important} #twitterfeed p.boxlink { text-align: center;} .homepubs { background: #C4C4C4; background: rgba(240,240,240,0.98); margin: 36px 0; } .homepubs header { background:#134267; color:#FFF; padding:2rem 2rem 2rem 5rem} @media screen and (max-width:850px){ .homepubs header { background:none; color:#134267; padding:2rem 2rem 2rem 3rem} } @media screen and (max-width:600px){ .homepubs header { padding:2rem 2rem 2rem 2rem} } .homepubs header h2 { font-size:2rem; line-height:1; position:relative; margin:0; padding-left:3.6rem; } .homepubs header h2 a { color:inherit; transition: all 0.2s ease; cursor: pointer; text-decoration: none; padding: 3px 0; background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: 0 100%, 0 100%; background-repeat: no-repeat, no-repeat; background-size: 0 1px, 100% 1px; transition: background-size .5s; background-size: 100% 1px, 100% 1px } .homepubs header h2 a:focus-visible { color:#59B0B6; outline: 4px solid #0000ff;} .homepubs header h2::before { font-weight: normal; font-family: 'icons'; font-size: 2.6rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: "\e918"; } .homepubs .pubs { /*display: flex;*/ flex-wrap: wrap; padding-bottom: 20px; justify-content: space-between; } .homepubs .pubs article { text-align: center;color: #595959; /*width: calc(33.333% - (20px / 3));*/ box-sizing: border-box; position: relative; padding:40px 20px 20px; } .homepubs .pubs article:focus-visible { border: 2px solid #0000ff; } .homepubs .pubs article a {color: inherit; text-decoration: none;} .homepubs .pubs article > a.faux { left: 0; top: 0; position: absolute; width:100%; height: 100%; display: block; overflow: hidden; text-indent: -200vw; z-index:10; } .homepubs .pubs article h3 { font-weight: 700;font-weight: 600; font-size: 24px; line-height: 29px; margin:calc(37px + 2em) 0 0; } .homepubs .pubs article p.cover { display: block; width:100%; height:0; padding-bottom: 85%; position: relative; margin-bottom: 37px; } .homepubs .pubs article p.cover::after{ display: block;content: ""; transition: all 0.2s ease; height: 74px; width: 74px; position: absolute; bottom:0; left: 50%; transform: translate(-50%,50%); border-radius: 50%; background-color: #59B0B6; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background-size:contain; background-position: center; background-repeat: no-repeat; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 74 74" style="enable-background:new 0 0 74 74;" xml:space="preserve"><path fill="%23FFFFFF" d="M37,19c-0.8,0-1.5,0.7-1.5,1.5v23.1l-6.7-6.7c-0.6-0.6-1.5-0.6-2.1,0c-0.6,0.6-0.6,1.5,0,2.1l9.2,9.2 c0.6,0.6,1.5,0.6,2.1,0l9.2-9.2c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0l-6.7,6.7V20.5C38.5,19.7,37.8,19,37,19z M53.5,44.4 c-0.8,0-1.5,0.7-1.5,1.5v6.7c0,0.8-0.7,1.5-1.5,1.5H23.5c-0.8,0-1.5-0.7-1.5-1.5v-6.2c0-0.8-0.7-1.5-1.5-1.5c-0.8,0-1.5,0.7-1.5,1.5 v6.2c0,2.5,2,4.5,4.5,4.5h27.1c2.5,0,4.5-2,4.5-4.5v-6.7C55,45,54.3,44.4,53.5,44.4z"/></svg>'); } @media(hover: hover) and (pointer: fine) { .homepubs .pubs article > a.faux:hover + div { color: black; } .homepubs .pubs article > a.faux:hover + div p.cover::after { background-color: #BB2436; bottom: -10px; } } .homepubs .pubs article > a.faux:active + div { color: black; } .homepubs .pubs article > a.faux:active + div p.cover::after { background-color: #BB2436; bottom: -10px; } .homepubs .pubs article > a.faux:focus-visible + div p.cover::after { background-color: #BB2436 !important; bottom: -10px; } article#slick-slide11:focus-visible{ border:4px solid #0000ff; } article#slick-slide12:focus-visible{ border:4px solid #0000ff; } article#slick-slide13:focus-visible{ border:4px solid #0000ff; } .homepubs .pubs article picture { display: block; position: absolute; bottom:0; left: 0; width: 100%; height: 100%; } .homepubs .pubs article picture img{ filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.25)); width: 100%; height: 100%; display: block; object-fit: contain; object-position: center bottom; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); } .homepubs .pubs article p.cover span { display: block; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.25));position: absolute; bottom:0; left: 50%; transform: translateX(-50%); width: 60%; height: 100%; background: #134267; color: #FFF; } .homepubs .pubs article p.cover span strong { display:block; padding: 20px; /*font-size: 12px;*/ line-height: 1.25; text-align: left;} @media screen and (min-width: 851px) and (max-width: 11000px) { .homepubs .pubs article p.cover span strong { font-size: 14px; padding: 12px; } } @media screen and (max-width: 850px) { .homepubs .pubs { padding-bottom: 0; } .homepubs .pubs article h3 { font-size: 18px; line-height: 22px; margin:calc(37px + 2em) 0 0; } .homepubs .pubs article p.cover { padding-bottom: 110%; } .homepubs .pubs article p.cover span { width: 75%; } } @media screen and (max-width:350px) { .homepubs .pubs article p.cover span strong { font-size: 16px; padding: 12px; } } .homestats { background: #C4C4C4; background: rgba(240,240,240,0.98); margin: 36px 0; } .homestats header { background:#134267; color:#FFF; padding:1.8rem 2rem 1.8rem 3rem; display: flex; align-content: flex-start; align-items: flex-start; } .homestats header h2 { font-size:2rem; line-height:1; position:relative; margin:0; padding-left:3.6rem; width:33.33%; } a.linktitle:hover{ opacity:0.42; } .homestats header p { max-width: 30em; position: relative; top:-0.25em; margin: 0; } .homestats header p a { color: inherit; } .homestats header p a:focus-visible { color:#59B0B6; outline: 2px solid #0000ff;} .homestats header h2 a { color:inherit; transition: all 0.2s ease; cursor: pointer; text-decoration: none; padding: 3px 0; background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-position: 0 100%, 0 100%; background-repeat: no-repeat, no-repeat; background-size: 0 1px, 100% 1px; transition: background-size .5s; background-size: 100% 1px, 100% 1px } .homestats header h2 a:focus-visible { color:#59B0B6; outline: 2px solid #0000ff;} .moreText { display: none; } .read-more-btn{ padding: 5px; color: #134267; font-size:15px; cursor: pointer; } .statisticsText.show-more .moreText{ display: inline; } .statisticsText { text-align: left; margin-left:20px; } #readmorehomeButtons:hover{ color: white; background:#134267; } #readmorehomeButtons:focus-visible{ color: white; background:#134267; outline: 2px solid #0000ff; } .homestats header h2::before { font-weight: normal; font-family: 'icons'; font-size: 2.6rem; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: "\e91b"; } .homestats .stats .statbox { text-align: center;color: #595959; /*width: calc(33.333% - (20px / 3));*/ box-sizing: border-box; position: relative; padding:10px 20px 30px; display: flex; flex-direction: column; } .homestats .stats .statbox:focus-visible { border: solid red; } form:focus-visible { border: 2px solid #0000ff; } .homestats .stats .statbox p.img { width:100%; } .homestats .stats .statbox .img, .homestats .stats .statbox .img>div { width:100%; max-height: 400px; } .homestats .stats .statbox h3 { order: 200; font-weight: 600; font-size: 24px; line-height: 29px; min-height: 60px; margin-top: auto; padding: 0.5em 0; } .homestats .stats .statbox a {color: inherit; text-decoration: none;} .homestats .stats .statbox > a.faux { left: 0; top: 0; position: absolute; width:100%; height: 100%; display: block; overflow: hidden; text-indent: -200vw; z-index:10; } .homestats header { padding:2rem 2rem 2rem 5rem} @media screen and (max-width: 850px) { .homestats .stats .statbox h3 { font-size: 18px; line-height: 22px; min-height: 45px; } .homestats { background: #FFF; } .homestats header { background:none; display: block; color:#134267; padding:2rem 2rem 2rem 3rem} .homestats header h2+p { margin-top: 1.5em; } } @media screen and (max-width:600px){ .homestats header { padding:2rem 2rem 2rem 2rem} .homestats .stats .statbox {padding:10px;} } .homestats .disclaim { } .homestats .disclaim p { font-size: 12px; line-height: 1.25; margin:0 0 1em 0; }/* Footer */ #footer { color:#FFF; position:relative; z-index:999;} #footer ul.inline { display: flex; flex-wrap: wrap;} #fullsitemap { background:#216093; overflow: auto; padding:1rem 0; display: none; } 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:#464646; padding:2rem 0 1rem; } #footer1 p, #footer1 li { font-size:1.6rem; } #footer1 li { line-height: 1.25; } #footer1 p { max-width: 26em;} #footer1 .col { margin-bottom:1rem; } #footer1 .col .col { } .footerwrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .footerwrapper .footercol { width:calc(33.33% - (36px * (2 / 3))); } @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 h3 { font-weight:300; color:#82D5B8; border-bottom:1px solid #82D5B8; font-size:2.2rem; clear: both; } #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); } #footerlogo1 p#footerlogo:hover { transform: scale(1.025); } #footer1 a { color:#FFF; text-decoration:none; } #footer1 a:hover { text-decoration: underline ; } #footer1 a:focus-visible { outline: 2px solid #0000ff; text-decoration: underline ; } #footer1 p.location { position:relative; } #footer1 p.location a::before { font-size:2.25em; font-family:'icons'; content:"\e912"; color:#82D5B8; position:relative; top:50%; left:0; transform:translateY(-25%); display:inline-block; 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:#353535; padding:2rem 0 2rem; } #footer2 ul { margin:0; } #footer2 li { font-size:1.6rem; margin:0.5em 2.5em 0.5em 0; } #footer2 li a{ color:#c0bfc2; text-decoration:none; } #footer2 div > ul > li > a:hover{ text-decoration:underline !important } #footer2 div > ul > li > a:focus-visible{ outline: 2px solid #0000ff; text-decoration:underline !important } #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; 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; 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); } #funders { float:right;} .logoholder { float:none;} #footer3 .wrapper { flex-wrap: wrap; display: flex; justify-content: space-between; } #designer { width: 100%; order:100; } #funders { width: calc(50% - 18px); display: flex; justify-content: space-between; } #funders>div { width: calc(50% - 18px); } #footerlogo1 { width: calc(50% - 18px); display: flex; flex-direction: column; order: -10; } #footerlogo1>p#footerlogo { margin: auto 0;} @media screen and (max-width:1023px){ /*@media screen and (max-width:800px){*/ } @media screen and (max-width: 850px) { #footer3 #funders { width: 100% ;} #footer3 #footerlogo1 { width: 100% ; /*order: 10; */ margin: 0 0 20px;} .footerwrapper .footercol { width:calc(50% - (36px * (2 / 3))); } .footerwrapper .footercol:first-child { width:100%; } } @media screen and (max-width:500px){ .footerwrapper .footercol { width:100%; } /* #funders { flex-wrap: wrap;} #funders>div { width: 100% ;margin: 20px 0 0;}*/ } .footerlogo img { display:block; width:100%; height:auto; max-width:240px; margin: auto 0; } /* 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 */ /* 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 .slides .padding { background:rgba(230,230,230,1); } .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;} .module:not(.introbox) article { background-color:rgba(230,230,230,1);} .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; } */ .module article.multicta { padding-bottom:0; } .module article.multicta p.cta {position:static; padding: 0 3rem; } .module article.multicta p.cta:last-child {margin-bottom:3rem; } .module article.multicta p.sitelink{max-width:none;} .module article.multicta p.sitelink a {text-align:center; padding-right:1em; padding-left:1em; white-space:nowrap; width: auto ; } body.resources .module article.multicta h3 { height:calc(5.1em - 4rem); } @media screen and (max-width:600px){ body.resources .module article.multicta h3 { height:auto; min-height:5.1em } } @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 > picture > img, .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%; min-width:130px; height:70%; position:absolute; top:calc(50% + 12px); left:50%; transform:translate(-50%,-50%); overflow: hidden; -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.1rem; font-size: 11px; font-weight:600; } @media all and (max-width:600px) { .module .img > span.cover strong { font-size:1.2rem; } } @media all and (min-width:601px) { .module .img > span.cover strong { padding:1.2vw; font-size:1.2vw; } } @media all and (min-width:851px) { .module .img > span.cover strong { padding:1.2vw; font-size:1.2vw; } } @media all and (min-width:1023px) { .module .img > span.cover strong { padding:10px 8px 10px 10px; font-size:11px; } } @media all and (min-width:1620px) { .module .img > span.cover strong { padding:12px; font-size:12px; } } .images .img { /*background:#134267;*/ } .images .img > picture > img, .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;} .module .arrowholder, .slideshow .slide .bodyimage { position:relative; } .module .arrowholder button, .slideshow .slide .bodyimage b, .bx-controls-direction a { position:absolute; top:0; width:36px; height:100%; z-index:99; display:block; pointer-events:all } .slideshow .slide .bodyimage b , .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:hover, .bx-controls-direction a:hover { background:rgba(0,0,0,0.5); } .arrowholder.prevarrowholder button, .slideshow .slide .bodyimage b.slider-prev, .bx-prev{ left:0; } .arrowholder.nextarrowholder button, .slideshow .slide .bodyimage b.slider-next, .bx-next{ right:0; } .slideshow .slide .bodyimage b::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: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"; } .arrowholder.prevarrowholder button::after { content:"\e925"; display:none; } .arrowholder.nextarrowholder button::after { content:"\e924"; display:none; } .arrowholder button { cursor:pointer; } .arrowholder button svg { height: 24px; width: auto; } .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); } .module .arrowholder button { background:rgba(0,0,0,0.3); } .module .arrowholder button:hover { background:rgba(0,0,0,0.5); } .module .arrowholder button::after { color:rgba(255,255,255,0.75); } .module .arrowholder button:hover::after { color:rgba(255,255,255,1); } .bx-wrapper { position:relative; } .module .bx-controls, .module .arrowholder { 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} .introbox header { visibility: hidden; } @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:2rem; font-size:1.8rem; line-height:1.2; position:relative; font-weight:600; padding-right: 0.33em; } .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"; } .module header.haslink h2 a {color:white; text-decoration:none; display:block; } /* body.home #content header.haslink:hover { background:#143650 !important; transition: all 0.5s ease; } */ body.home #content header.haslink:hover { color:#7fd3ef !important; transition: all 1s ease; } /* 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; } .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; font-size:1.8rem; } .profile p { margin-bottom:0.75em; font-size:1.8rem; font-size:1.6rem; 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:""; } .department_email { margin-bottom:36px; } .department_email a { display:block; color:black !important; text-decoration:none; padding:2rem 2rem; } .department_email a:hover { background:rgba(0,0,0,0.05); } @media screen and (min-width:1451px){ .department_email { width:calc(2 * (16.66666666666667% - ((36px * 5) / 6)) + 36px); } .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:1450px){ .department_email { width:calc(2 * (25% - ((36px * 3) / 4)) + 36px); } .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){ .department_email { width:calc(2 * (33.33333% - ((36px * 2) / 3)) + 36px); } .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){ .department_email { width:100%; } .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"; } #bodytext .profiles, .bodytext .profiles { padding-right: 0 !important; padding-left: 0 !important;display: flex; flex-direction: column; align-items: center; } #bodytext .profiles>div, .bodytext .profiles>div { display: flex; justify-content: center; width:calc(100% + 36px); /*transform: translateX(-18px);*/ } #bodytext .profiles .profile, .bodytext .profiles .profile { float: none; margin-right: 18px; margin-left: 18px; } @media screen and (max-width:600px) { #bodytext .profiles .profile, .bodytext .profiles .profile { float: none; margin-right: 10px; margin-left: 10px; } z } body.policy-template-template_northsouth #bodytext .profiles {max-width: 1500px;} body.policy-template-template_northsouth #bodytext .profiles>div, body.policy-template-template_northsouth .bodytext .profiles>div { display: flex; justify-content: flex-start; } body.policy-template-template_northsouth #bodytext .profiles p.department_email, body.policy-template-template_northsouth .bodytext .profiles p.department_email{ width: 100% !important; } .embedding { z-index: 100; position: relative; background: white; clear: both; } .embedding>div { margin: 10px auto 30px !important; } /* maincontent.css */ body.single-statistics #intro_text.introtext img {display: block; width: 100% !important; height: auto !important; } #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; } } @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; } } @media all and (max-width:1023px) { .sidebar, #sidebar { width:100%; float: left; clear: both;} .sidebar::after, #sidebar::after { display: table; clear: both; content:""; margin-bottom: 3rem;} } @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:right; top:-2rem; } .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;*/ } .rightsidebar { position:relative !important; float:right; } } @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 #1d517b; border-right:none; border-top:none; } .textcol table td { border:1px solid #1d517b; 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 #1d517b; } /*@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); background:#1d517b; 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 ); */ } .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;} section.box h3, section.box p { color:rgba(0,0,0,0.8); } section.inactive_box { background:rgba(225,225,225,0.45);} 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; } 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 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; }@media all and (max-width: 1024px) { body.hasjs #subnav { display:none; } } @media all and (min-width: 1024px) { body.hasjs #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; } @media all and (min-width: 600px) { #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:last-child > li:last-child > a { border-bottom:none; } @media all and (min-width: 600px) { #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; } body.lang_ga .anchorholder .anchorlinks li.en , body.lang_en .anchorholder .anchorlinks li.ga { 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; pointer-events:none } #anchorholder_fixed.seen { top:0; opacity:1; pointer-events:auto } } #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;*/ background: none !important; } #heihero #hei_image img { width:100%; height:auto; opacity:1; } } @media screen and (min-width:601px) and (max-width:1023px){ #heihero {background-size:100% auto; background-position:top center; } } @media screen and (min-width:1024px) and (max-width:1499px){ #heihero {background-size:cover; background-position:center; /*min-height:350px; max-height:800px; height:35vw;*/ min-height:500px; max-height:600px; height:40vw; height: auto; min-height:0; max-height:11111px; } } @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;*/ min-height:550px; max-height:650px; height:45vw; } } #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, #heiheader { background:#ebebeb; padding:2rem; text-align:center; color:#134267; } #heiheader { margin-bottom:3rem; } #heiheader h1 { font-size:2.4rem; margin-bottom:0.5em; } .heiheader p, #heiheader p { display:inline-block; margin-bottom:1em; width: 100%; } .heiheader p a, #heiheader p a { text-decoration:none; color:#134267; } .heiheader div, #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,#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 } body.single-hei #heiload nav.tags { margin:0; } nav.tags li { font-size:1.6rem; float:left; font-weight:600; margin:0 1.5rem 1rem 0 !important; text-align:center;} body.single-hei #heiload nav.tags li { margin:0 1.5rem 2rem 0 !important; } 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 { padding:2rem 4rem; } #heilist .list+.list { padding:0 4rem 2rem; } @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; margin: 0 0 1em; padding-bottom: 0; } #heilist .list ul {margin-bottom:3.99999999rem; margin-bottom: 0; } #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 #hei_archive h2::after{ font-family: 'icons'; content: "\e902"; position: relative; top: 0.15em; margin-left: 0.3333333em; } #heilist #hei_archive h2.opened::after{ transform: rotate( 180deg); display: inline-block } #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; } #heidetailswrapperholder { position:absolute; top:0; left:0; width:100%; height:100%; } #heidetailswrapper { } #heidetails { width:calc(33% - ((36px * 2) / 3)); margin:36px 1rem; background:white;min-height:30rem; color:#134267; transition:all 0.3s ease; display: flex; flex-direction: column; } @media screen and (min-width:1404px){ #heidetails { margin:36px 2rem; } } #heidetails div.p { padding:2rem ; } #heidetails div.p+div.p{ background: #134267; color: white; margin-top: auto;} #heidetails h1 { font-size:2.4rem; margin-bottom:1rem; } #heidetails p { margin-bottom:1em; } #heidetails p a { text-decoration:none; color:currentColor; } #heidetails div.p+div.p p{ font-size: 1.4rem; } #heidetails div.p+div.p p:last-child{ margin-bottom: 0; } #heidetails div.p+div.p p a { text-decoration: underline; font-weight: 600;} @media screen and (min-width:1024px) and (max-width:1199px){ #heidetails { width:calc(75% - 18px - 2rem); margin:82px 2rem 36px; } } @media screen and (min-width:1200px) and (max-width:1499px){ #heidetails { width:calc(50% - 18px - 2rem); margin:82px 2rem 36px; } } /*@media screen and (min-width:851px) and (max-width:1023px){ #heidetails { width:calc(((100% - (36px * 11)) * 8) + (36px * 7) - 2rem); width:calc((((100% - (36px * 11)) / 12) * 8) + (36px * 7)) ; margin:82px 2rem 36px; } }*/ @media screen and (max-width:1023px){ #heidetailswrapperholder { position:static; } #heidetails { margin-bottom:1rem; text-align:left; width:100%; margin:0; min-height:0; } #heidetails div.p { background:#ebebeb; padding:2rem;} } /*@media screen and (min-width:1024px){*/ @media screen and (min-width:1224px){ #heidetails .tel, #heidetails .web { float:left; width:calc(50% - 4em); margin-right:1em; position:relative; padding-left:2em; } #heidetails .longlink { width:auto !important; float:none; clear:left;} #heidetails .web { margin-right:0; } #heidetails .tel::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%); content:'\e926'; } #heidetails .web::before {content:'\e927'; 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%);} } /*@media screen and (max-width:1023px){*/ @media screen and (max-width:1223px){ #heidetails .tel, #heidetails .web { text-align:left; margin-right:1.5em; position:relative; } #heidetails .web { margin-right:0; } #heidetails .tel::before { font-family:'icons'; display:inline-block; border-radius:50%; color:white; width:1.5em; height:1.5em; background:#134267; text-align:center; position:relative; top:50%; left:0; content:'\e926'; margin-right:0.5em; } #heidetails .web::before {content:'\e927'; font-family:'icons'; display:inline-block; border-radius:50%; color:white; width:1.5em; height:1.5em; background:#134267; text-align:center; position:relative; top:50%; left:0; margin-right:0.5em; } } ul.sociallinks { clear:both; padding-top:0.5rem; } @media screen and (max-width:1024px){ ul.sociallinks { text-align:left; } } ul.sociallinks li { /*width:calc(25% - ((3 * 36px) / 4)); */ margin:1em 0.75em; display:inline-block } ul.sociallinks li a { text-indent:-500px; overflow:hidden; display:block; width:36px; height:36px; width:1.5em; height:1.5em; margin-right:0.75em; border-radius:100%; background:#134267; position:relative; } ul.sociallinks li a::before { content:""; display:block;font-family:'icons'; padding:1px; text-indent:0; position:absolute; color:white; text-align:left; top:50%; left:50%; transform:translate(-50%,-50%); font-size:1.5rem;} ul.sociallinks li a:hover::before{ /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);*/ } ul.sociallinks a:hover {transform:scale(1.2,1.2) !important; text-decoration:none !important} ul.sociallinks li.facebook a::before { content:"\e908"; } ul.sociallinks li.facebook a:hover { background:#3b5998; } ul.sociallinks li.twitter a::before { content:"\e91e"; } ul.sociallinks li.twitter a:hover { background:#55acee; } ul.sociallinks li.youtube a::before { content:"\e91f"; } ul.sociallinks li.youtube a:hover { background:#e52727; } ul.sociallinks li.instagram a::before { content:"\e92b"; } ul.sociallinks li.instagram a:hover { background:#833ab4; } #newshero { overflow: auto; /*background-size:cover; background-position:center; */ background-size:100% auto; background-position:top center; background-repeat:no-repeat; position:relative; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #newshero { overflow: hidden; } } @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; } } @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.postid-323*/ #maincontent #studentfinance_logo, #maincontent #studentfinance_logo { max-width:270px; } @media screen and (max-width:850px){ /*body.postid-323*/ #maincontent #studentfinance_logo { width:calc(33% - ((36px * 2) / 3)); margin:1rem 0 2rem; } } @media screen and (max-width:700px){ /*body.postid-323*/ #maincontent #studentfinance_logo, #maincontent #studentfinance_logo { width:calc(50% - ((36px * 1) / 2)); margin:1rem 0 2rem; } } #maincontent #studentfinance_logo img.gov { display: block; width: 100%; height: auto; margin-top: 20px; } @media screen and (min-width:851px) and (max-width:1024px){ body.parent-323 #maincontent #studentfinance_logo, #maincontent #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 #maincontent #studentfinance_logo, #maincontent #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 #maincontent #studentfinance_logo, #maincontent #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 { } #containedbanner { width: 100%; /*height: 500px;*/ position: relative; display: flex; justify-content: center; } /* #containedbanner img { display: block; width: 100%; height: 100%; position: absolute; object-fit: contain; top: 50%; left: 50%; transform: translate(-50%,-50%); } */ #containedbanner img { display: block; width:100%; height: auto;object-fit: contain; } #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), .newslist li:hover:not(.tweet) article {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; } #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*/ #othernews { 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_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; } } .post_logos { display:block; flex-wrap: wrap;display: flex; /*justify-content: center;*/ /*justify-content:space-between;*/ width: calc(100% + 20px);position: relative; left: -10px; } .post_logos p { display:block; /*justify-content: center; text-align: center; align-content: center; align-items: center;*/ width:calc(50% - 10px); width:calc(33% - (20px / (2 / 3))); width:calc(33% - 20px); margin:0 20px 10px 0; position: relative; width:calc(25% - (20px / (3 / 4))); margin:10px 10px 10px; } .post_logos span { display:block; width: 100%; height: 0; padding-bottom: 66%; position: relative; } .post_logos span img { display:block; position:absolute; object-fit: contain; width:calc(100% - 20px) !important; height:100%; top:50% !important; left:50%; transform: translate(-50%,-50%); } @media screen and (max-width:600px){ .post_logos p { width:calc(50% - 20px); } } #statistics_search { } #statistics_search .select {color:#134267; position:relative; margin-bottom:2rem; } #statistics_search select { padding: 1rem 2rem; height: 2.8em; } #statistics_search .multiselect, #statistics_search select { margin:0; width:100%; border: none;outline:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; display:block; background:none; border:1px solid #134267; background:rgba(255,255,255,1) url(images/icons/down_menu.svg) no-repeat 96% 1.6rem; background-size:2rem auto; color:#134267; position:relative; z-index:11; font-family: 'Source Sans Pro', sans-serif; } #statistics_search .multiselect p, #statistics_search select { font-size:2rem; font-weight:600; line-height:1 !important; } #statistics_search .multiselect p { line-height:2.7 !important; padding: 0 2rem; margin:0; } #statistics_search .multiselect ul {padding: 1rem 2rem; margin:0; } #statistics_search .multiselect ul li { font-size:1.8rem; font-weight:400; line-height:1 !important; list-style:none !important; margin-left:0 !important; } #statistics_search .multiselect ul li input { margin-right:0.5em; } @media screen and (min-width:1550px){ #statistics_search .multiselect p, #statistics_search select { font-size:2.2rem; } } @media screen and (min-width:1404px){ #statistics_search .select { float:left; width:calc(33.33333% - ((36px * 2) / 3) - 2px); margin-right:36px; } #statistics_search .select:nth-child(3) { margin-right:0; } } @media screen and (min-width:1301px) and (max-width:1404px){ #statistics_search .select { float:left; width:calc(33.33333% - ((36px * 2) / 3) - 2px); margin-right:36px; } #statistics_search .select:nth-child(3) { margin-right:0; } #statistics_search select { } } @media screen and (min-width:800px) and (max-width:1300px){ #statistics_search .select { float:left; width:calc(50% - ((36px * 1) / 2) - 2px); } #statistics_search .select:nth-child(1) { margin-right:36px; } #statistics_search .select:nth-child(3n) { width:100%; } } /*#statistics_search p.select::after { z-index:10; font-family:icons; font-size:2.2rem; content:"\e902"; position:absolute; transform:translateY(-50%); top:50%; right:2rem; }*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #statistics_search select { padding-right:18px} } #statistics_search option { padding: 1rem 2rem; background:rgba(255,255,255,0.8) } #statistics_search p.label, #statistics_search p label, .downloadsheading { padding-left:2rem; color:#231f20; font-size:2.2rem; font-weight:600; margin:0.25em 0 2rem; display:block; } .widedownloads p.download a { padding:0.75em 5.5rem 0.75em 4.5rem; background-position:calc(100% - 2rem) 50% !important; background-repeat:no-repeat !important; } .widedownloads p.download a::before { left:2rem; } #statsloading { 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; } /* infographics_module */ #infographics_module div#modulesx, #infographics_module div#modules { background:rgba(240,240,240,1); border:1px solid #ababab; } #infographics_module article { } #infographics_module article h3 { margin-bottom:2rem; text-align: center;} #infographics_module article .padding { padding:2rem 3rem; overflow:auto; } #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%; padding-bottom:50%; } #infographics_module article .graphic_text_holder { position:relative; overflow:hidden; } @media screen and (min-width:1400px){ #infographics_module article .img, #infographics_module article .graphic_text_holder { padding-bottom:40%; } } @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; } @media screen and (max-width:850px){ #search { width: 100%; padding:0; } } #search label { /*display:none;*/ position: absolute; font-size: 24px; font-weight: 600; top:0; display: block; transform: translateY(-100%); } #search .searchwrapper { } #search.searchopen{ opacity:1; top:0; transform:translateY(0);} /*body.hasjs #search { position:absolute; top:-200%; } */ #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); } #closesearch button:focus-visible, #searchform input#s:focus-visible { box-shadow: 0 0 0 5px #D22333;} #searchform input#searchsubmit { background-color: transparent; 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;} #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:#676767; 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:#333; padding-top:0.25em; } ul.resultslist li span.type { padding:0 0 0.25em;color:#333; } 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){ } } .callwrapper { display: flex; flex-wrap: wrap } .callwrapper .module { display: flex; flex-direction:column; } .callwrapper .module article { display: flex; flex-direction:column; flex:1; padding-bottom: 2rem;} .callwrapper .module article .content{ flex:1; } .callwrapper .module p.cta {position: static; padding: 0 3rem; } .callwrapper .module p.cta:not(:last-child) { margin-bottom: 2rem; } #cookieconsent { position: fixed; display: flex; flex-direction: column; top:0; left: 0; height: 100%; width: 100%; z-index: 999999; transition: all 0.6s ease; } #cookieconsent.shown {background: rgba(0,0,0,0.6); } #cookieconsent>div {color: white; flex: 1; overflow: auto; background: #134267; padding: 30px; width: calc(90% - 40px); max-width: 500px;transform: translateX(-100%); transition: all 0.6s ease; } #cookieconsent.shown>div { transform: translateX(0); box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);} #cookieconsent>div a { color: white;} #consent, #consent_toggle span { opacity: 0; position: fixed; left: -100px;} #consent_toggle label { margin-left: auto; display:flex; justify-content: flex-end; align-content: center; align-items: center; cursor: pointer;} #consent_toggle { margin-left: auto; } #cookieconsent h3 { display: flex; align-items: center; justify-content: space-between;} #consent_toggle b { margin-left:1em; display: inline-block; width: 54px; height: 20px;background: rgba(0,0,0,0.4); position: relative; border-radius: 990px; } #consent_toggle b::after{ display:block; content:""; width: 26px; height: 26px; background: #adbdca; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5); border-radius: 50%; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); transition: all 0.2s ease;} #consent_toggle b::before {content:"Off"; display: inline-block; font-size: 12px; line-height: 20px; width: 32px; text-align: center; position: absolute; top: 0; right: 0; opacity: 0.8; font-weight:400; } #consent:checked~h3>#consent_toggle b { background: rgba(0,0,0,0.5); } #consent:checked~h3>#consent_toggle b::after { background: #FFF; left: auto; right:-3px; } #consent:checked~h3>#consent_toggle b::before {content:"On"; right:100%; transform: translateX(100%); opacity: 1;} button#dismiss { font-size: inherit; display: inline-block; background: rgba(255,255,255,0.9); padding: 0.6666em 1.5em; font-weight:600; color:#134267; margin: 12px 0 ; cursor: pointer; } button#dismiss:hover { background:#FFF;} @media all and (max-width: 600px) { #cookieconsent>div { padding: 20px; } #cookieconsent>div h2 { font-size: 2rem; } #cookieconsent>div h3 { font-size: 1.8rem; } #cookieconsent>div p { font-size: 1.4rem; } }/*body.home #hero {margin-bottom: 0; } body.home #hoosh {display: none; }*/ #searchloading { } #homesearch { padding: 36px 0;} #homesearch form::after, #homesearch::after {display: table; clear: both;content:"";} #homesearch form { position: relative; background: rgba(160, 230, 235, 0.5); display: flex; flex-wrap:wrap; } #homesearch form label { /* position: fixed; top: -100px; opacity: 0; pointer-events: none; */ font-size: 2.2rem; width:100%; padding: 0 5rem 0.25em; font-weight: 600; display:block; background:white; color:#234164; } @media screen and (max-width:850px){ #homesearch form label { padding:0 3rem 0.25em; font-size:20px; } } @media screen and (max-width:600px){ #homesearch form label { padding:0 2rem 0.25em; } } #homesearch form input { border: none; outline: none; background: none; color:#000 ; font-family: inherit; font-weight:600; display:block; height:2em; padding-top:0.5em;} #homesearch form input[type="text"] { width: 100px; flex:1; color:#38597A; padding:0.5em 5rem; font-size:4rem; margin:0 0 0; display:block; line-height:1; } #homesearch form input[type="text"]:hover { color: white; } /* #homesearch form input#s:focus-visible{ outline:red 2px solid} */ #homesearch form input[type="text"]:hover::placeholder { /* Most modern browsers support this now. */ color:white; } #homesearch form input[type="text"]::placeholder { /* Most modern browsers support this now. */ color:#38597A; } #homesearch form input:hover { background: #38597A; } #homesearch form input:focus-visible{ border: 3px solid #0000ff; } /* #homesearch form input[type="text"]:focus-visible { */ /* applied on tab*/ /* outline: 2px solid red !important; } */ /* #homesearch form input[type="text"]:focus:not(.focus-visible) { */ /* applied on click */ /* outline: 2px solid red !important; } */ /* #homesearch div.textcol1:focus-visible{outline: 50px solid red !important;} */ #homesearch 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: 4rem; line-height: 2; color:#38597A; } @media screen and (max-width:850px){ #homesearch form input[type="text"], #homesearch form input[type="submit"]{ font-size: 3rem; } #homesearch form input[type="text"] { padding:0.5em 3rem; } } @media all and (max-width: 600px) { #homesearch form input[type="text"], #homesearch form input[type="submit"]{ font-size: 2.4rem; } #homesearch form input[type="text"] { padding: 0.5em 2rem; } } .big_search form { margin: 0 0 2rem; } .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; } }body.error404 .introtext { margin-top:2rem !important; margin-bottom:4rem !important; } body.error404 .introtext h1 { font-size:3.6rem; } body.error404 .introtext p { margin:2rem 0 !important; } @media screen and (max-width: 600px) { body.error404 .introtext h1 { font-size:2.4rem; } } body.policy-template-template_northsouth #bodytext, body.policy-template-template_northsouth .sidebar, body.policy-template-template_northsouth #sidebar { width: 100% !important; float:none !important;} body.policy-template-template_northsouth #sharing { display: none !important; } /*@media (min-width: 851px) (min-width: 1024px)*/ @media screen and (min-width: 601px) { body.policy-template-template_northsouth .textcol, body.policy-template-template_northsouth #sidebar { float:none !important; width: calc(100% - 60px) !important; padding: 0 20px 0 !important; margin:0 auto !important; max-width: 1500px; } body.policy-template-template_northsouth #containedbanner picture{ width: 100%; max-width: 1200px; } } .programme_cards { display: flex;align-items: flex-start; flex-wrap: wrap; position: relative; z-index: 100; background-color: white; background-color: white; } .programme_cards > div { margin-bottom: 36px; background-color: #ebebeb; display: flex; flex-direction: column; } .programme_cards > div input[type="checkbox"]{ position: fixed; top: -100px;} .programme_cards div.maintitle { display: flex; align-items: center; padding-bottom: 1.1rem;} .programme_cards div.maintitle h3{ margin: 0; } .programme_cards div.maintitle h3:not(.project_title){ position: fixed; top: -100px; } .programme_cards div.maintitle label { font-weight: 600; font-size: 2.2rem; line-height: 26px;cursor:pointer; display: flex; width: 100%; } .programme_cards div.maintitle label span { margin-left: 14px; width: 1em; height: 1em; position: relative; } /* .programme_cards div.maintitle label span b { position: fixed; top: -200px; } .programme_cards div.maintitle label span::before{ width: 22px; height: 26px; display: block; content: ""; position: absolute; top: calc(50% + 1px); top:50%; left:50%; transform: translate(-50%,-50%); content:"\1f6c8"; content:"\2193"; line-height: 26px; font-size: 24px; text-align: center; opacity: 0.5; font-weight: 400 ; } .programme_cards div.maintitle label:hover span::before { opacity: 1; }*/ .programme_cards div.maintitle label span{ margin-left: auto; width: 24px; height: 24px; border: 1px solid #595959; border-radius: 50%; display: block; position: relative; } .programme_cards div.maintitle label span::after, .programme_cards div.maintitle label span::before { content:""; display: block; background-color: #595959; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 2px; width: 14px; transition: all 0.2s ease; } .programme_cards input[type="checkbox"]:not(:checked) + div.maintitle label span::after{ transform: translate(-50%,-50%) rotate(90deg); } .programme_cards input[type="checkbox"]:checked + div.maintitle span b::before{ content:"Close"; } .programme_cards div.maintitle label:hover span { background-color: #595959; } .programme_cards div.maintitle label:hover span::after, .programme_cards div.maintitle label:hover span::before { background-color: white; } @media screen and (min-width: 1500px) { .programme_cards > div { width: calc(25% - (36px * 0.75)); } .programme_cards > div:not(:nth-child(4n)) { margin-right: 36px; } } /*@media screen and (min-width: 1024px) and (max-width: 1499px) {*/ @media screen and (min-width: 1200px) and (max-width: 1499px) { .programme_cards > div { width: calc(33.3333% - (36px * 0.66666)); } .programme_cards > div:not(:nth-child(3n)) { margin-right: 36px; } } /*@media screen and (min-width: 768px) and (max-width: 1023px) {*/ @media screen and (min-width: 768px) and (max-width: 1199px) { .programme_cards > div { width: calc(50% - (36px * 0.5)); } .programme_cards > div:not(:nth-child(2n)) { margin-right: 36px; } } @media screen and (max-width: 767px) { .programme_cards > div { width: 100%; } } .programme_cards > div > div { padding: 20px; } .programme_cards > div > div.quote:last-child { /* background-color: #818181; background-color: #595959;*/ background-color: #134267; color: #FFFFFF; flex: 1; } div.investigator { display: flex; align-items: center; border-top: 1px solid black; padding: 16px 0; } .programme_cards div.quote>div.q, .programme_cards div.title {overflow: hidden; } .programme_cards div.title>div, .programme_cards div.quote>div.q>div { max-height: 0; transition: all 0.25s ease-out; } .programme_cards div input[type="checkbox"]:checked ~ div.title>div { max-height: 120px; transition: all 0.333s ease-out; } .programme_cards div.quote input[type="checkbox"]:checked ~ div.q>div{ max-height: 300px; transition: all 0.5s ease-out; } .programme_cards div.title p { font-size: 14px; line-height: 1.285714285714286; } .programme_cards > div > div:last-child p { font-size: 16px; line-height: 1.25 } div.investigator picture { width: 52px; min-width: 52px; height: 52px; margin-right: 12px; position: relative; border-radius: 50%; display: block; overflow: hidden; } div.investigator picture img { width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%); } div.investigator p:not(.crest) { margin: 0 12px 0 0; font-size: 14px; min-height: calc(3 * (14px * 1.285714285714286)); display: block; display: flex; flex-direction: column; justify-content: center; line-height: 1.285714285714286; } div.investigator strong { display: block; } div.investigator p.crest { width: 52px; min-width: 52px; height: 52px; position: relative; display: block; margin: 0 0 0 auto; } div.investigator p.crest img { width: calc(100% + 2px); height: calc(100% + 2px); mix-blend-mode: multiply; position: absolute; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%); } div.programme_cards div.quote label { display: block; cursor: pointer; font-size: 16px; line-height: 1.25; display: flex; align-items: center; text-decoration: underline; color: #FFFFCC; color: #FFF; } div.programme_cards div.quote label b{ margin-left: auto; width: 24px; height: 24px; border: 1px solid white; border-radius: 50%; display: block; position: relative; mix-blend-mode: screen} div.programme_cards div.quote label b::after, div.programme_cards div.quote label b::before { content:""; display: block; background-color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 2px; width: 14px; } div.programme_cards div.quote input[type="checkbox"]:not(:checked) ~ label b::after{ transform: translate(-50%,-50%) rotate(90deg); } div.programme_cards div.quote input[type="checkbox"]:checked ~ label::before{ content:"Close"; } div.programme_cards div.quote input[type="checkbox"]:checked ~ label span{ display: none;} div.programme_cards div.quote label:hover b { background-color: white; } div.programme_cards div.quote label:hover b::after, div.programme_cards div.quote label:hover b::before { background-color: black; } /* div.programme_cards div.quote label span { opacity: 0.75; } div.programme_cards div.quote label:hover span { opacity: 1; }*/ #prog_filter, form#prog_filter * { box-sizing: border-box; } #prog_filter { flex: 1; color: black; padding: 20px 0; clear: both; position: relative; z-index: 110; background-color: white;} #prog_filter div.stratum { display: flex; width:100%; align-items: center; margin: 0 auto; } #prog_filter div.stratum>p { font-size: 18px ; font-weight: 700; margin:0 0rem 0 0; /*text-align: right;*/ width: 4.5em; } #prog_filter div.stratum>input:checked~label::after { transform: rotate(180deg); background-position: left center; top: 0.1em; } #prog_filter div.stratum>b{ } #prog_filter div.stratum fieldset input:checked~b { position: fixed; display: block; content:""; background: rgba(0,0,0,0); width: 100%; height: 100%; top: 0; left:0; z-index: -1; } #prog_filter div.stratum ul { position: absolute; z-index: 100; top:calc(100% - 13px); left:-1px; width: calc(100% + 2px); padding: 16px 20px 16px 20px; flex: 1; border: 1px solid #333131; background-color: white; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } #prog_filter div.stratum ul::after { /*display: block; content:""; z-index: -1; left: 0; top: 0; width:100%; height: 100%; background: #F5F5F5; position: absolute; opacity:1; border-radius: 8px;*/ } #prog_filter div.stratum ul::before { /* display: block; content: ""; z-index: -1; left: -1%; top: 5px; width: 102%; height: 100%; position: absolute; border-radius: 8px; filter: blur(5px); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); */ } #prog_filter div.stratum fieldset { border: 1px solid #333131; background-color: white; border-radius: 8px; flex: 1; margin-left: 1rem; } #prog_filter div.stratum fieldset>label { font-size: 18px; line-height:1.25; padding:0.75em 1em; display: flex; font-weight: 700; cursor: pointer; position: relative; z-index: 99; } #prog_filter div.stratum fieldset>label::after { margin-left: auto; position: relative; top: 0.2em; right: 0.25em; display: block; width: 1em; height: 1em; content:""; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 69.5 60" style="enable-background:new 0 0 69.5 60;" xml:space="preserve"><polygon fill="%23333131" class="st0" points="34.5,60 0.5,0 0,0 69,0 69.5,0 "/></svg>'); background-repeat: no-repeat ; background-position: right center; background-size: auto 0.5em; } #prog_filter div.stratum fieldset>div { width: 100%; position: relative; max-height: 0; opacity: 0; pointer-events: none; } #prog_filter div.stratum input:checked+fieldset>div { max-height: 1000px; opacity: 1; pointer-events: auto;/* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/} #prog_filter div.stratum input:checked+fieldset { filter: drop-shadow(2px 2px 8px rgba(0,0,0,0.5)); } #prog_filter div.stratum ul li { padding:0.333em 0 0.25em 0; list-style: none !important; margin: 0 !important; max-width: 9999999px; font-size: 14px; line-height: 18px; } #prog_filter div.stratum ul li:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #prog_filter div.stratum ul li label{ width:100%; display: flex; cursor: pointer; } #prog_filter div.stratum ul li label span { flex: 1; display: flex;} #prog_filter div.stratum ul li label::after { background: #FFFFFF; content:""; vertical-align: middle; border: 1px solid #C1C1C1; width: 1.2em; height: 1.2em; display: block; margin-left: auto; text-align: center;} /* #prog_filter div.stratum>input, #prog_filter div.stratum ul li input { margin-left: auto; position: fixed; top:-300px; opacity: 0; pointer-events: none; } */ #prog_filter div.stratum ul li input:checked+label::after { content:"\2714"; border: 1px solid #333; color: #333; line-height: 1.25 } form#prog_filter input[type="reset"], form#prog_filter input[type="submit"] { display: block; border-radius: 8px; background: #FFFFFF; color:#333131; font-family: inherit; font-weight: bold; font-size: 18px; line-height:1.25; padding:0.75em 1em; width:6em; margin-left: 0.5em; text-align: left; cursor: pointer; border: 1px solid #333131; } form#prog_filter input[type="reset"] { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 69.5" style="enable-background:new 0 0 60 69.5;" xml:space="preserve"><polygon fill="%23333131" class="st0" points="60,35 0,69 0,69.5 0,0.5 0,0 "/></svg>'); background-repeat: no-repeat ; background-position: calc(100% - 20px + 0.25em) calc(50% + 0.1em); background-size: 0.5em auto; } form#prog_filter input[type="submit"] { margin-right:16px; position: fixed; bottom:120vh; } @media all and (max-width: 1023px) { #prog_filter div.stratum { flex-wrap: wrap; } #prog_filter div.stratum>p { width: 100%; text-align: left; } /*form#prog_filter input[type="reset"],*/ form#prog_filter div.stratum fieldset:nth-of-type(2n+1){ margin-left: 0;} #prog_filter div.stratum fieldset { width: calc(50% - 0.5rem) !important; flex: none;} form#prog_filter input[type="reset"], #prog_filter div.stratum>p, #prog_filter div.stratum fieldset { margin-top:0.5rem; margin-bottom: 0.5rem; } #prog_filter div.stratum fieldset:nth-of-type(1){ z-index: 20; } #prog_filter div.stratum fieldset:nth-of-type(2){ z-index:15; } #prog_filter div.stratum fieldset:nth-of-type(3){ z-index: 10; } } @media all and (max-width: 599px) { form#prog_filter input[type="reset"] { margin-left: 0;} #prog_filter div.stratum fieldset { width: 100% !important; margin-left:0 !important; } } #showing {margin-bottom: 0px; opacity: 1; pointer-events: auto; max-height: 200px; padding: 20px 0; clear: both; position: relative; z-index: 105; background-color: white;} #showing .wrapper1 { align-items: flex-start; display: flex;} #showing.notinuse { /*opacity: 0;*/ pointer-events: none; max-height: 0; } #showing p:first-child { line-height:1.25; padding:0.33em 0 0.33em 0; line-height: 1.25; font-size: 18px; font-weight: 700; margin:0 1rem 16px 0;width: 4.5em; /*text-align: right; */ opacity: 1; pointer-events: auto; } #showing.notinuse p:first-child { opacity: 0; pointer-events: none; } #maincontent #showing ul { display: flex; flex-wrap: wrap; width: calc(100% - (8 * 18px)); flex: 1} #maincontent #showing li { border-radius: 8px; background: #FFFFFF; border: 1px solid #333131 ;color:#333131; font-family: inherit; font-weight: bold; font-size: 14px; line-height:1.25; padding:0.75em 1em; line-height: 1; margin-right: 16px; margin-bottom: 16px !important; list-style: none !important; margin-left: 0 !important; } #showing p:first-child { } #showing li b::before, #showing li b::after {content:""; height: 2px; background: #333131; width: 13px; display: block; position:absolute; top:calc(50% + 1px); left: 50%; transform: translate(-50%,-50%); } #showing li b{ height: 12px; width: 12px; margin-left: 1em; display: inline-block; position: relative; top:1px; } #showing li b::before{ transform: translate(-50%,-50%) rotate(-45deg); } #showing li b::after{ transform: translate(-50%,-50%) rotate(45deg); } #load_here:last-child { padding-bottom: 30px;} @media all and (max-width: 599px) { #prog_filter div.stratum { } #prog_filter div.stratum>input:checked~ul { position: relative !important;} #showing {max-height: none;} /* #showing p:first-child{font-size: 1.4rem; padding:0.5em 0; margin-right: 8px; margin-bottom: 8px;}*/ #maincontent #showing ul {display: flex !important; width: 100%;} #showing .wrapper1 { flex-wrap: wrap; } #showing p:first-child { width: 100%; } #maincontent #showing li { border-radius: 5px; font-size: 1.4rem; padding:0.5em; margin-right: 8px; margin-bottom: 8px; display: inline-block;} #showing li b::before, #showing li b::after {content:""; height: 2px; background: #333131; width: 12px; } #showing li b{ height: 12px; width: 12px; margin-left:0.5em; display: inline-block; position: relative; top:1px; } } body.loading::before { display: block; content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(19, 66, 103, 0.5); background-position: center; background-repeat: no-repeat; z-index: 9998; } body.loading::after { z-index: 9999; content: " "; display: block; width: 90px; height: 90px; animation: spin 1s infinite linear; border-radius: 50%; border-width: 12px; border-style: solid; border-color: rgba(255, 255, 255, 0.75) #004d44 rgba(255, 255, 255, 0.75) #004d44; border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 1); overflow: hidden; text-indent: -99999em; margin: auto; position: fixed; top: 50%; left: 50%; margin: -45px 0 0 -45px; } @keyframes spin { to { transform: rotate(360deg); } } #everything.active_callout #hero { height: auto !important; } #everything.active_callout #clonedintro { display:none;} #everything.active_callout #content #mainintro { background:#134267; color:#FFF;} @media screen and (max-width:850px){ #everything.active_callout #hero {background-size:auto 100%; background-position:top right !important;} /*#everything.active_callout #hero #mainintro { display:none;} #everything.active_callout #clonedintro { display:block;} */ } @media screen and (max-width:600px){ #everything.active_callout #content #mainintro header { height:10px; padding:0; } } #hero #calloutmodule {background:rgba(0,0,0,0.85); } #calloutmodule .img { width:100%; height:0; padding-bottom:35%; margin-bottom:20px; } @media all and (max-width: 600px) { #calloutmodule .img { padding-bottom:66%; } } @media all and (max-width: 400px) { #calloutmodule .img { padding-bottom:80%; } } #everything.active_callout #captionshow { display:none; } #everything.active_callout #bannermodules { } #everything.active_callout #hero .homestats .module { float:right; margin:0 0 36px 36px; } #everything.active_callout #mainintro { clear:none !important; margin-left: 0 !important; } #calloutmodule article { margin:0 !important; } @media screen and (min-width:1024px){ #calloutmodule { width:calc((((100% - (36px * 2)) / 3) * 2) + 36px); margin-right:0; } /*#calloutmodule article { width:calc(50% - ((36px * 1) / 2)); float:left; margin-right:36px; } #calloutmodule article:last-child{ margin-right:0 !important; }*/ } @media screen and (min-width:601px) and (max-width:1024px){ } @media screen and (max-width:600px){ } #calloutmodule p.cta { padding-left:36px !important; } #calloutmodule p.cta.download { width:auto !important;} #calloutmodule p.cta.download a { } @media screen and (min-width:851px) and (max-width:1023px){ #everything.active_callout #mainintro { width:calc(25% - ((36px * 3) / 4)); width:calc(33.3333% - ((36px * 2) / 3)); } #everything.active_callout #mainintro p { font-size:1.8rem; } #everything.active_callout #mainintro p.cta a { padding:0.75em 1em 0.75em 1em ; } #everything.active_callout #calloutmodule { width:calc(75% - ((36px * 1) / 4)); width:calc(66.6666% - ((36px * 1) / 3)); } } /*#calloutmodule b { position:absolute; top:0; width:36px; height:100%; z-index:99; display:block; cursor:pointer; } #calloutmodule b a { width:100%; width:24px; height:100%; background:rgba(0,0,0,0.0); 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 } #calloutmodule b a:hover { background:rgba(0,0,0,0.3); } #calloutmodule b.slider-prev { left:0; } #calloutmodule b.slider-next { right:0; } #calloutmodule b 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; } #calloutmodule b a:hover::after { color:rgba(255,255,255,1); } */ #calloutmodule .bx-controls a { width:24px; width:36px;} #calloutmodule .bx-controls-direction a::after { color:rgba(255,255,255,0.6); } #calloutmodule .bx-controls { position:absolute; top:0; left:0; width:calc(100% - 2px); height:100%; padding-bottom:0%; z-index:51; pointer-events: none; } #calloutmodule .bx-controls .bx-pager-item { width:33.333333333%; float:left; background:white;height:12px; font-size:1px; position:relative; z-index:51; } #calloutmodule_slides .calloutmodule_text .content { } #calloutmodule_slides .padding { height:calc(100% - 2rem); position:relative; padding-left:36px !important; padding-right:36px !important; } .calloutmodule_text { display: flex; flex-flow: column; height:100%; height:calc(100% - 5rem); } .calloutmodule_text .clearfix { display:flex; height:100%; } #calloutmodule article div.textstat { text-align:center; /*float:left;*/ width:calc(33.333% - (20px * (2 / 3))) !important; margin-right:20px; margin-bottom:20px; position:relative; display:flex; flex-flow: column; justify-content: center; height:calc(100% - 1rem) !important; } @media all and (max-width: 768px) { #calloutmodule article div.textstat { width:calc(33.333% - (10px * (2 / 3))) !important; margin-right:10px; } } #calloutmodule article div.textstat:nth-child(3n) {margin-right:0; } #calloutmodule article div.textstat p:first-child { font-size:5.5vw; margin:0; font-family: 'Merriweather', serif;} #calloutmodule article div.textstat p:not(:first-child){font-size:1.8rem; height:3em; margin:0; line-height:1.3; } #calloutmodule article .disclaim { clear:both; margin:0 0 10px;} #calloutmodule article .disclaim p { font-size:1.4rem; line-height:1.3; } @media all and (max-width: 768px) { #calloutmodule article div.textstat p:first-child {font-size:4rem; font-size:3rem; } #calloutmodule article div.textstat p:not(:first-child){font-size:1.6rem; height:auto;} #calloutmodule article { padding-bottom:0 !important; } #calloutmodule article p.cta { position:relative; bottom:1rem; margin:0 0 1rem; } #calloutmodule article p.cta a { display:inline-block !important; } } @media all and (min-width: 1024px) { #calloutmodule article div.textstat p:not(:first-child){font-size:1.8vw; } } @media screen and (min-width:1404px){ #calloutmodule article div.textstat p:not(:first-child){font-size:2.2rem; } #calloutmodule article div.textstat p:first-child {font-size:8rem; } } .calloutmodule_text h3 { flex: 0 1 auto; } .calloutmodule_text .clearfix { flex: 1 1 auto; } .calloutmodule_text>p { flex: 0 1 auto;; } #calloutmodule h3 {font-family: 'Merriweather', serif; font-weight:normal } #calloutmodule h3 { font-size:2.1rem; line-height:1.476190476190476; } @media all and (max-width: 1023px) { #calloutmodule h3 { font-size:2rem; line-height:1.476190476190476; } } @media all and (min-width:1024px){ #calloutmodule h3 { font-size:1.8rem; line-height:1.476190476190476; } } @media screen and (min-width:1404px){ #calloutmodule h3 { font-size:2.1rem; line-height:1.476190476190476; } } @media screen and (min-width:1500px){ #calloutmodule h3{ font-size:2.4rem; } } table.stafftable { } .textcol table.stafftable, /*.textcol table.stafftable tr,*/ .textcol table.stafftable tr th, .textcol table.stafftable tr td { border: none; } .textcol table.stafftable tr td:first-child { font-weight: 600;} .textcol table.stafftable tr {border-bottom: 1px solid rgba(33, 33, 33,0.1);} .textcol table.stafftable tr td { background: none; color:#000; } .textcol table.stafftable tr:not(:first-child) th { border-top: 2em solid white; /* padding:0; font-size: 2.2rem; padding: 1em 0 0.5em 0;*/ } .textcol table.stafftable tr td { background: rgba(235, 235, 235,0.8); min-width: 11em; } .textcol table.stafftable tr.even td { background: rgba(235, 235, 235,0.1); } table.stafftable b.backtotop { display: none;} .staffcol { width: 100%; max-width: 800px; margin: 0 auto; float: none;} @media all and (max-width: 1023px) { .textcol table.stafftable tr td {font-size: 1.4rem; min-width:0; } } @media all and (max-width: 600px) { .textcol table.stafftable tr td { min-width:0; } .textcol table.stafftable tr.odd, .textcol table.stafftable tr.even { display: flex; flex-wrap: wrap; } .textcol table.stafftable tr.odd td:not(:last-child), .textcol table.stafftable tr.even td:not(:last-child) { padding-bottom: 0; } .textcol table.stafftable tr.odd td:not(:first-child), .textcol table.stafftable tr.even td:not(:first-child) { padding-top: 0.5em; } .textcol table.stafftable td { width: 100%; } } #promo { } #promo { position: fixed; z-index: 1000; overflow: auto; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; /* opacity: 0; pointer-events: none;*/ background: #454545; transition: all 0.2s ease; transition: opacity 0.2s ease 0.1s; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.6); background-color: rgba(69,69,69,0.6); } #promo::-webkit-scrollbar,#mainmenu::-webkit-scrollbar{ width: 5px; background-color: rgba(255,255,255,0.3); } #promo::-webkit-scrollbar-thumb, #promo::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.6); } #promo .wrapper { width: 100%; box-sizing: border-box; } #promo, #promo .wrapper, #promo .textcontent { display: flex; flex-direction: column; align-content: center; flex: 1; width: 100%;} input#mc-embedded-subscribe { border: none; outline: none; cursor: pointer; } #promo .wrapper>div { margin:auto; border-radius: 4px; /* padding: 16px;*/ position: relative; width: 100%; min-width: 280px; max-width: 500px; } body.preload #promo { opacity: 0; pointer-events: none; top: -200vh; } @media all and (max-width: 599px) { } #promo div img { display: block; height: 48px; width: 250px; margin: 0 auto; } #promo div>button { position: absolute; top: 4.5%; right: 16px; background: #EBEBEB; background:#d12233; z-index: 11; border-radius: 4px; pointer-events: auto; width: 44px; height: 44px; cursor: pointer; } #promo div>button::after { content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #promo div>button::before, #promo div>button::after { display: block; content:""; top: 50%; left: 50%; display: block; content:""; width: 28px; height:2px; background:#4d4d4d; background:#FFF; position: absolute; transition: all 0.2s ease; } #promo div>button::before { transform: translate(-50%,-50%) rotate(45deg); } #promo div>button::after{ transform:translate(-50%,-50%) rotate(-45deg); } #promo div>button:hover {transform:scale(1.1,1.1); } #promo div>button:hover::before, #promo div>button:hover::after { background: white; } #promo div>a { background-image: url('/assets/themes/HEA_theme/images/survey_2024.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 16px; overflow: hidden; display: block; width: 100%; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; } #promo div>a::before { display: block; content:""; width: 100%; padding-bottom: 100%; } #promo div>a:is(:hover,:focus-visible) { box-shadow: 0 0 0 4px #d12233; } #promo .header h2 { font-size: 18px; line-height: 32px; letter-spacing: 0.02em;font-weight: 700; } #promo .header p { font-size: 16px; line-height: 150%; margin-top: 0.5em; } #promo h2 { text-align: center;} #promo p { max-width: 28em; margin-left: auto; margin-right: auto;} #promo p.cta { margin: 2em auto 0 ; max-width: 100%; text-align: center;} #promo p.cta a { display: inline-block; margin: 0 auto; } @media all and (min-width: 600px) { #promo div>button { top:5%; right:24px; } /* #promo div>button { display:none; }*/ #promo .header h2 { font-size: 22px; line-height: 26px; } #promo .header p { font-size: 18px; } /* #promo .wrapper>div { padding: 32px; }*/ #promo .header { display:flex; align-items: center; } #promo .header div { flex: 1; } #promo .header::after { display: block; content:""; width: 86px; height: 92px; min-width: 86px; margin-left: 1em; position: relative; top: -4px; background-position: left top; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml;utf8, <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 88 94" style="enable-background:new 0 0 88 94;" xml:space="preserve"> <path fill="%23C7B889" d="M70.6,23.7c-3.9-4.3-8.9-6.4-14.9-6.4c-4.4,0-9.3,1.2-14.7,3.5c-18.9,8.1-21.8,20.4-21.9,27 C19,59.2,26.5,68.9,33.7,72.2c3.1,1.4,6.2,4.9,7.9,6.8c-0.4,0.4-0.7,0.9-0.9,1.3c-0.4,1.1-0.1,1.9,0.2,2.3s0.8,0.8,1.5,1 c-0.2,0.9,0,1.7,0.6,2.4c0.6,0.7,1.5,1.1,2.8,1.3c0,0.1,0,0.1,0,0.2c-0.1,0.8,0,1.5,0.5,2.1c0.7,0.8,2,1.2,3.9,1.2 c0.1,0,0.1,0,0.2,0v0.1c-0.1,0.9,0.2,1.5,0.5,1.9c0.6,0.7,1.6,1,3,1c2.2,0,5.1-0.8,6.2-1.1c3.5-1.1,8.2-2.8,8-5.9 c0-0.3-0.1-0.8-0.5-1.2c1.2-1,2-2.1,1.9-3.5c0-0.5-0.2-1.2-1-1.6c0.8-0.9,1.2-1.9,1.1-3c0-0.5-0.2-1.3-1.1-1.8 c0.6-0.7,1.1-1.4,1.1-2.2c0.1-1-0.2-1.6-0.5-2c-0.2-0.3-0.5-0.7-0.9-0.7c0.8-2.6,2.2-4.9,3.7-7.4c1.1-1.8,2.2-3.6,3.1-5.6 c2.5-5.3,2.8-9.2,3.2-13.4C78.3,41.6,77,30.8,70.6,23.7z M42.3,81.6c-0.1-0.2-0.3-1,0.8-1.7c7.7,0,19.4-5,23.9-7.4h0.1 c0.3,0.1,0.4,0.2,0.4,0.2s0.1,0.2,0.1,0.5c-0.1,0.6-0.6,1.2-1.5,1.9c-0.9,0.7-2.2,1.4-3.6,2.1c-2.2,1-4.8,2-7.3,2.7 c-2.1,0.6-5.7,1.6-8.7,1.9C43.8,82.2,42.7,82,42.3,81.6z M45.1,63.3c1.6-0.5,3-1.8,4.2-3.3c0.8,0.2,1.7,0.3,2.7,0.1 c1.1-0.2,2.1-0.5,3-1c0.6,1,1.6,1.7,2.8,2.1c-1.4,2.8-3.1,7.9-0.4,13c-2,0.7-4,1.4-6.1,2c-1.1-1.9-3.7-6.5-6.5-9.5 c0.1-0.2,0.2-0.5,0.2-0.8C45.2,65.2,45.2,64.3,45.1,63.3z M48.4,53.4c0.3-0.8,0.6-1,0.7-1c0,0,0.1,0.1,0.3,0.3 c0.8,1.1,0.5,3.1-0.6,5.2c0,0,0,0,0-0.1C47.8,56.7,47.9,54.7,48.4,53.4z M55.4,54.7c0.1-1.8,0.9-3.1,1.9-3.3c0.1,0,0.1,0,0.2,0 c0.2,0,0.5,0.1,0.6,0.7c0.2,1.2-0.6,3.3-2.5,4.8C55.5,56.1,55.4,55.4,55.4,54.7z M44.1,85c-0.1-0.2-0.3-0.5-0.2-1.1 c0.2,0,0.4,0,0.7,0c3.4,0,8.5-1.3,11.2-2.1c2.7-0.8,8-2.6,11.2-4.9c0.8,0.1,0.8,0.5,0.8,0.7c0,0.7-0.3,1.6-1.5,2.5 c-0.7,0.6-1.8,1.2-3.3,1.9c-1.6,0.7-3.7,1.5-6.4,2.2c-0.9,0.3-3.4,0.9-6,1.3c-1.1,0.2-2.2,0.3-3.2,0.3c-0.2,0-0.3,0-0.5,0 C45.5,85.7,44.6,85.4,44.1,85z M59.4,91.1c-0.8,0.2-3.6,1-5.7,1c-1.3,0-1.7-0.3-1.8-0.4c0,0-0.1-0.2-0.1-0.5c0-0.1,0.1-0.3,0.5-0.5 c2.6-0.3,5.2-1,6.1-1.3c2.4-0.7,5.1-1.5,7.3-2.7c0.5,0,0.5,0.2,0.5,0.3C66.3,87.7,65.4,89.3,59.4,91.1z M65.8,85 c-1.5,0.9-3.9,2-7.7,3c-1,0.3-4,1.1-6.7,1.3c-0.5,0-0.9,0.1-1.3,0.1c-1.4,0-2.4-0.3-2.8-0.7c-0.1-0.1-0.3-0.4-0.2-0.9 c0-0.1,0.1-0.2,0.1-0.3c0.1,0,0.1,0,0.2,0c3.6,0,8.3-1.2,9.6-1.6c3.4-1,7.5-2.3,10-4.2c0.8,0.1,0.8,0.5,0.8,0.7 C67.9,82.9,67.5,83.9,65.8,85z M75.9,44.3c-0.4,4.1-0.7,7.7-3,12.6c-0.9,1.9-2,3.7-3,5.5c-1.6,2.7-3.2,5.3-4,8.2c0,0.1,0,0.1,0,0.2 c-1.6,0.9-4,1.9-6.7,3c-2.5-4.5-1-9.1,0.1-11.4c0.1-0.2,0.2-0.5,0.4-0.7c2.2,0.2,3.4-0.7,4.1-1.3c1-1,1.4-2.6,1-3.7 c-0.2-0.5-0.6-0.8-1.1-0.9c-1.5-0.2-3.5,2-4.9,4.1c-0.1,0-0.3-0.1-0.4-0.1c-0.8-0.3-1.4-0.8-1.9-1.4c2.5-1.9,3.7-4.6,3.4-6.6 c-0.2-1.4-1.3-2.2-2.7-2c-1.8,0.3-3.1,2.2-3.3,4.8c-0.1,1,0.1,2.1,0.4,3.2c-0.7,0.4-1.6,0.6-2.5,0.8c-0.6,0.1-1.1,0.1-1.5,0 c1.2-2.2,1.9-5,0.5-6.9c-0.7-0.9-1.6-1.1-2.4-0.7c-1.6,0.8-2.4,4.2-1.6,6.5c0.2,0.7,0.6,1.3,1.1,1.8c-0.9,1.2-2,2.1-3,2.5 c-0.7-2.7-2.2-5.4-3.2-6.1c-0.5-0.4-1.1-0.4-1.6-0.1c-1,0.6-1,2.4-0.8,3.7c0.5,2.3,1.9,3.9,3.8,4.3c0.1,0,0.3,0,0.4,0.1 c0.1,0.7,0.1,1.4,0,2c-1.4-1.2-2.9-1.8-4.1-1.5c-1.8,0.5-2.3,1.9-2,2.9c0.4,1.5,2.2,2.7,4.7,2.1c0.7-0.2,1.3-0.5,1.8-0.9 c2.3,2.6,4.7,6.4,5.9,8.5c-0.1,0-0.2,0.1-0.3,0.1c-2.1,0.5-4.1,0.9-5.9,1c-0.1-0.1-0.1-0.1-0.2-0.2c-1.7-2-5.2-5.8-8.7-7.5 c-6.5-3-13.4-11.9-13.3-22.4s7.4-19.3,20.5-25c5.1-2.2,9.7-3.3,13.8-3.3c5.4,0,9.8,1.9,13.3,5.7C75,31.8,76.1,42,75.9,44.3z M60.5,60c1-1.4,2-2.3,2.6-2.6c0,0.5-0.2,1.2-0.7,1.8C61.9,59.7,61.3,60,60.5,60z M43.1,61.8c-1.3-0.3-1.9-1.5-2.1-2.2 c-0.4-1.1-0.4-2.1-0.2-2.5C41.4,57.8,42.5,59.8,43.1,61.8z M42.7,67.1c-0.3,0.2-0.6,0.4-1,0.5c-1.6,0.3-2.6-0.3-2.8-0.9 c-0.1-0.5,0.6-0.8,0.9-0.9c0.1,0,0.2-0.1,0.4-0.1C40.9,65.6,41.8,66.2,42.7,67.1z M48.8,34.5c-0.2-0.3-0.5-0.5-0.9-0.4 c-8.2,2-13.7,5.6-14,5.8c-0.3,0.2-0.4,0.6-0.3,1c2.5,6.6,5.6,7.9,7.8,7.9c2.4,0,4.8-1.7,6.4-4.4C49.8,41,50.2,37.2,48.8,34.5z M41.4,47.1c-1,0-2-0.5-2.9-1.3c0.9-1.3,6.8-2.9,7.9-2.3C45,45.8,43.2,47.1,41.4,47.1z M30.2,40.5c0,0,0.1,0.4,0.2,0.9 c0.1,0.3,0.1,0.6,0.1,0.9s0.1,0.7,0.1,1s0.1,0.7,0.1,1s0.1,0.7,0.1,0.9c0,0.5,0,0.9,0,0.9c-0.1,0.6-0.7,1.1-1.3,1 c-0.4-0.1-0.7-0.3-0.8-0.6c0,0-0.2-0.4-0.3-0.9c-0.1-0.3-0.1-0.6-0.2-0.9c-0.1-0.3-0.1-0.7-0.2-1.1c0-0.4-0.1-0.8-0.1-1.1 c0-0.3,0-0.7,0-0.9c0-0.6,0.1-0.9,0.1-0.9c0.1-0.6,0.8-1,1.4-0.8C29.9,39.8,30.2,40.1,30.2,40.5z M57.5,30.8c0,0,0.1,0.4,0.3,1.1 c0.1,0.3,0.1,0.7,0.2,1.1c0.1,0.4,0.1,0.8,0.2,1.2c0,0.2,0,0.4,0.1,0.6c0,0.2,0,0.4,0,0.6c0,0.4,0.1,0.8,0.1,1.1c0,0.3,0,0.6,0,0.8 c0,0.2,0,0.3,0,0.3c-0.1,0.7-0.8,1.2-1.5,1.1c-0.4-0.1-0.8-0.3-1-0.7c0,0-0.2-0.4-0.4-1c-0.1-0.3-0.2-0.7-0.2-1.1 C55.2,35.5,55,35,55,34.6C55,34.1,55,33.7,55,33.3c0-0.4,0-0.8,0-1.1c0-0.6,0.2-1.1,0.2-1.1c0.2-0.7,0.9-1.2,1.6-1 C57,30,57.2,30.3,57.5,30.8z M18.9,30.8c0.1-0.8,0.4-1.7,0.9-2.4c0.6-0.7,1.3-1.3,2.2-1.5c0.4-0.1,0.9-0.2,1.4-0.1 c2.4,0.6,2.3,2.4,2.3,2.4c0,0.2-0.2,0.5-0.4,0.5c-0.1,0-0.2,0-0.3-0.1c0,0-2-1.4-3.4,0.2c-0.9,1.1-0.8,2.6-0.8,2.8 c0,0.2,0.4,1.6,0.4,1.6c0.1,0.2-0.1,0.5-0.3,0.6C20.7,34.7,18.9,33.6,18.9,30.8z M57.2,12.7c-0.6-0.6-1.5-0.9-2.5-1 c-1-0.1-2,0.1-2.9,0.7c-0.5,0.3-0.9,0.6-1.2,1C49,15.8,50.4,17,50.4,17c0.2,0.2,0.5,0.2,0.7,0c0.1-0.1,0.2-0.2,0.2-0.3 c0,0,0.7-2.7,3-2.6c1.5,0,2.5,1.2,2.6,1.4c0.1,0.2,0.8,1.5,0.8,1.5c0.1,0.2,0.4,0.3,0.6,0.2C58.4,17,59.1,14.7,57.2,12.7z M0.8,38.5 c2.7,1.7,8.6,3.5,11,3.5c0,0,1.1-0.4,0.7-0.8c-0.4-0.5-7-3-9.5-3.5S0.2,38.2,0.8,38.5z M7.8,13.8c1.7,3.2,6.2,8.8,8.6,10.5 c0,0,1.3,0.5,1.2-0.2c-0.1-0.7-5-7.3-7.1-9.5C8.4,12.5,7.4,13.2,7.8,13.8z M35.2,0.6c0,3.3,1.4,9.8,2.5,12.2c0,0,0.8,0.9,1,0.4 c0.7-2.7-1.5-9.9-1.8-10.7C36.2-0.2,35.2-0.1,35.2,0.6z M68.5,0.9c-2.2,2.5-5.4,8.2-6.1,10.8c0,0,0,1.3,0.5,0.9 c0.5-0.3,4.5-6.7,5.7-9.2C69.8,1,68.9,0.4,68.5,0.9z M87.1,12.6c-3.1,1.8-8.5,6.6-10.2,9c0,0-0.5,1.3,0.1,1.1 c0.6-0.2,7.1-5.3,9.2-7.5C88.3,13.1,87.7,12.3,87.1,12.6z"/> </svg> '); } } @media all and (max-width: 599.98px) { #promo div img {margin: 0; } } @media all and (max-width: 399.98px) { #promo div img { height:38px; width: 200px; } }:root { --form-padding:28px; --courses-padding:20px; --courses-radius: 16px; --microcreds-red:#D71C53; --microcreds-green:#0D2E37; --microcreds-blue:#233A65; --microcreds-cta:rgba(35,58,101,0.14); --microcreds-cta_hover:rgba(35,58,101,1); --main_blue:#233A65; --microcreds-orange:#F5AC40; --hcibanner_padding:60px; } h1.hcilogo { width:320px; margin-bottom:8px; } @media screen and (min-width:601px) and (max-width:1023px){ :root { --form-padding: 24px; --courses-padding:20px; } h1.hcilogo { width:320px; margin-bottom:8px; } } @media screen and (max-width:600px){ :root { --form-padding: 20px; --courses-padding:18px; --courses-radius: 8px; } h1.hcilogo { width:240px; margin-bottom:8px; } } #maincontent1 { overflow:hidden; } #course_header { background:var(--microcreds-green); color:white; padding: calc(var(--form-padding) * 1.5) 0 ;margin: 0 0 var(--form-padding) 0 ; } #course_filter { clear: both; overflow: auto;} #coursesearch, #coursesearch * { font-family: inherit; } #course_header h2 { font-size:2.4rem; margin-bottom:1em; } #coursesearch div.wrapper { padding-bottom: calc(var(--form-padding) / 2); } #coursesearch div.wrapper > div { width: 100%; margin-bottom:36px; } p#found { font-weight:700; font-size: 24px; margin-bottom:0.5em; color:var(--microcreds-green); } #coursesearch div.wrapper div, #coursesearch h3 { font-size: 18px; } #coursesearch div.wrapper div div{ width: 100%; display: flex; border-radius: var(--courses-padding); /* border:2px solid #233A65; */ overflow: hidden;background: white; } @media screen and (min-width:1024px) { #coursesearch div.wrapper div div{ width:calc(66.666% + 36px); width: calc((33.333% - (36px * (2 / 3)) * 2) + 36px); width: calc(33.333% - (36px * (2 / 3))); width: calc(((33.333% - (36px * (2 / 3))) * 2) + 36px); } } #coursesearch div.wrapper div h3{ padding-left: var(--form-padding); margin-bottom:0.9em; padding-top: 0.333em;} #coursesearch div.wrapper div input[type="text"] { border: none; outline: none; padding:1em var(--form-padding); color: #4D4D4D; background:none; flex:1; font-size: inherit; font-weight: 600; /*border-top-left-radius: 8px; border-bottom-left-radius: 8px;*/ font-family:inherit; } #coursesearch div.wrapper div input[type="submit"] { border: none; outline: none; padding:1em var(--form-padding); cursor:pointer; background:var(--microcreds-red); color: white; font-weight: 600; font-size: inherit; font-family:inherit; /*border-top-left-radius: 8px; border-bottom-left-radius: 8px;*/ } #coursesearch div.wrapper div input[type="submit"] { border: none; outline: none; padding:1em var(--form-padding); cursor:pointer; background:var(--microcreds-red); color: white; font-weight: 600; font-size: inherit; font-family:inherit; /*border-top-left-radius: 8px; border-bottom-left-radius: 8px;*/ } #coursesearch h3 button:focus-visible, #coursesearch div.wrapper div div:has(input[type="text"]:focus){ box-shadow: 0 0 0 4px var(--microcreds-red); } #coursesearch div.wrapper div input[type="submit"]:is(:hover,:focus-visible) { background:var(--microcreds-orange); color:var(--microcreds-green); } #coursesearch fieldset { width: 100%; } #coursesearch h3 button {-webkit-appearance: none; color:var(--microcreds-green); font-size: inherit; font-size: inherit; font-weight: inherit; background: none; display: block; width: 100%; text-align: left; } fieldset.faccordion { display: block; background: white; color:var(--microcreds-blue); color:var(--main_blue); border-radius:var(--courses-padding); box-shadow: 0px 4px 4px 0px rgba(35, 58, 101, 0.48); box-sizing: border-box; margin: 0 0 24px 0;} fieldset.faccordion h3 { margin: 0;} fieldset.faccordion button span { display: flex; align-items: center; padding: 1em var(--form-padding); } fieldset.faccordion button span::after { content:""; width:0.8em; height:0.8em; min-width:0.8em; display:block; margin-left: auto; position: relative; top:-0.2em; transform: rotate(45deg); border: 2px solid currentColor; border-left: none; border-top: none; } fieldset.faccordion button.opened span::after { transform: rotate(225deg); top:0.2em; } fieldset.faccordion ul li { font-size: 16px; line-height:1.25 } fieldset.faccordion div { display: block; padding: 0 var(--form-padding);box-sizing: border-box; } .preloading fieldset.faccordion div {visibility:hidden; position:fixed; } fieldset.faccordion div::after /*, fieldset.faccordion div::before */ { display: block; height: 0.5em; content:""; } fieldset.faccordion ul { margin: 0; } fieldset.faccordion ul li { padding: 0.5em 0 !important; margin:0 !important; list-style:none !important;} fieldset.faccordion ul li:not(:last-child){ border-bottom: 1px solid currentColor; } @media screen and (min-width:1024px) { fieldset.faccordion { margin: 0 0 var(--form-padding) 0; } #coursesearch div.wrapper div, #coursesearch h3 { font-size: 20px; } fieldset.faccordion ul li { font-size: 18px; } #course_header h2 { font-size:3.6rem; } p#found { font-size:32px; } } fieldset.faccordion li label { display:flex; align-items:center;position: relative; font-family: inherit; cursor: pointer;} fieldset.faccordion li label input { position: fixed; opacity: 0; pointer-events: none; top: -100px; } fieldset.faccordion li label span { display:block; padding-right: 0.5em; } fieldset.faccordion li label>b { display:block; content:""; width:1em; min-width:1em; height: 1em; background:#FFF; border:1px solid var(--microcreds-green); border-radius: 2px; position: relative; order: 10; margin-left: auto; } fieldset.faccordion li label>input:checked~b { background:var(--microcreds-green); } fieldset.faccordion li label>input:checked~b:before { content:""; display: block; position: absolute; width:0.5em; height: 0.25em; border: 2px solid #FFF; border-top: none; border-right: none; left:0.2em; top:0.25em; transform: rotate(-45deg); } fieldset.faccordion li label:has(input:focus-visible) { box-shadow: 0 0 0 3px var(--microcreds-red); } #mc_currentfilterswrapper { padding-bottom: 0 !important; margin-bottom:16px;} /* #mc_currentfilters { padding-left: var(--form-padding); padding-right: var(--form-padding); } */ #mc_currentfilters button { background: none; outline: none; border: none; cursor: pointer; -webkit-appearance: none; } #mc_currentfilters dl{ display: flex; flex-wrap: wrap; padding: 12px 0 0px; width:calc(100% + 12px) } #mc_currentfilters dl :is(dt,dd) { margin: 0.25em 0.75em 0.25em 0; } /*#mc_currentfilters dl :is(dt,dd):last-child { margin-right:0; }*/ #mc_currentfilters dt strong, #mc_currentfilters dd button { font-size: 14px; display:inline-block; line-height:1.2; padding: 0.75em 8px 0.75em 0; color: var(--main_blue); } #mc_currentfilters dt button{ color: var(--main_blue); } #mc_currentfilters dd button { background:var(--microcreds-cta); border: 1px solid transparent; font-weight: 600; transition:all 0.2s ease; padding: 0.75em calc(25px + 0.75em + 11px) 0.75em 1.5em; border-radius: calc(0.75em + 0.5em); color: #002422; text-align: left; position:relative; } #mc_currentfilters dd#clearall { } #mc_currentfilters dd#clearall button { padding:0.75em 1.5em; background:var(--microcreds-green); color:white; } #mc_currentfilters dd button>b { position:absolute; width: 23px; height: 23px; display: block; top:50%; right:12px; margin-top:-12px; background:white; border-radius:50%;} #mc_currentfilters dd button>b::before, #mc_currentfilters dd button>b::after {background:currentColor; content:""; height: 1px; width: 14px; display: block; position:absolute; top:calc(50% + 0.5px); top:50%; left: 50%; transform: translate(-50%,-50%); } #mc_currentfilters dd button>b::before{ transform: translate(-50%,-50%) rotate(-45deg); } #mc_currentfilters dd button>b::after{ transform: translate(-50%,-50%) rotate(45deg); } #mc_currentfilters dd button:is(:hover,:focus-visible) { background:var(--microcreds-cta_hover); color:white; border-color: transparent; } #mc_currentfilters dd button:is(:hover,:focus-visible)>b::before, #mc_currentfilters dd button:is(:hover,:focus-visible)>b::after { background:black; } #mc_currentfilters dd#clearall button:is(:hover,:focus-visible) , #mc_currentfilters dd button:is(:hover,:focus-visible) { background:var(--microcreds-red); } #mc_currentfilters.notinuse { display: none;} #mc_currentfilters button:focus-visible, #coursesearch button:focus-visible { box-shadow: 0 0 0 3px var(--hover_red); } #coursesearch input:focus-visible { box-shadow: inset 0 0 0 3px var(--hover_red); } @media all and (max-width: 599px) { #mc_currentfilters dt, #mc_currentfilters dd { font-size: 14px; line-height: 1; } #mc_currentfilters dd { border-radius: 5px; } #mc_currentfilters dd>b { width: 12px; height: 12px; right:6px; margin-top:-6px; } #mc_currentfilters dd>b::before, #mc_currentfilters dd>b::after { width: 10px; } } @media screen and (min-width:1024px) { #coursesearch fieldset { width: calc(33.333% - (24px * (2 / 3))); } } @media screen and (min-width:1200px) { #coursesearch fieldset { width: calc(33.333% - (36px * (2 / 3))); } } @media screen and (min-width:601px) { #coursesearch div.wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; align-items:flex-start; } } @media screen and (min-width:601px) and (max-width:1023px){ #coursesearch fieldset { width: 100%; } } @media screen and (max-width:600px) { #coursesearch { } } body.loading::before { display: block; content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: var(--microcreds-green); opacity: 0.75; background-position: center; background-repeat: no-repeat; z-index: 9992; } body.loading::after { z-index: 9993; box-sizing: border-box; content: " "; display: block; width: 80px; height: 80px; animation: spin 1s infinite linear; border-radius: 50%; border-width: 16px; border-style: solid; border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 1); overflow: hidden; text-indent: -99999em; margin: auto; position: fixed; top: 50%; left: 50%; /* position: relative; left: calc(50% - 45px);*/ margin: -40px 0 0 -40px; } @keyframes spin { to { transform: rotate(360deg); } } /* courseresults */ ul#courseresults > li { display:flex; flex-direction:column; } ul#courseresults > li p.cta>a { background:var(--microcreds-red); padding: 0.75em 3em 0.75em 1em; border-radius:var(--courses-radius); } ul#courseresults > li p.cta>a:is(:hover,:focus-visible) { background:var(--microcreds-green); } ul#courseresults > li p.cta>a:focus-visible { box-shadow: 0 0 0 1px white, 0 0 0 4px var(--microcreds-red); } ul#courseresults > li div.crests { display: flex; flex-wrap: wrap; margin-bottom: 16px;} ul#courseresults > li div.crests span { display: block; height: 54px; margin-right: 16px;} ul#courseresults > li div.crests span img { display: block; height:54px; width: auto;} @media all and (max-width: 600px) { ul#courseresults > li div.crests span, ul#courseresults > li div.crests span img { /* height: 40px; */ } } #courseresults { border-top:1px solid transparent; display:flex; flex-wrap:wrap; justify-content:space-between; } ul#courseresults > li { box-sizing:border-box; width: calc(50% - (32px * (1 / 2))); margin:16px 0 !important; list-style:none !important; border:2px solid var(--microcreds-green); border-radius:var(--courses-padding); padding:var(--form-padding); } @media all and (max-width: 600px) { ul#courseresults > li { width: 100%; } } @media all and (min-width: 1024px) { ul#courseresults > li { width: calc(33.333% - (36px * (2 / 3))); margin:18px 0 !important; } ul#courseresults::after { display:block; content:""; width: calc(33.333% - (36px * (2 / 3))); } ul#courseresults > li p.cta>a { font-size:2.2rem !important; } } ul#courseresults > li dl { font-size:14px; line-height: 1.2; margin-top:auto; padding-top:8px; display:flex; flex-wrap:wrap; } ul#courseresults > li dl dd.course_type { display: block; } ul#courseresults > li dl dd.br { width:100%; } ul#courseresults > li dl dt::before { } ul#courseresults > li dl dt::after { content: ' '; } ul#courseresults > li dl :is(dt,dd) { margin-bottom:0.5em; } ul#courseresults > li dl dt, ul#courseresults > li dl strong { font-weight:600;} ul#courseresults > li dl dt { display:inline-block; margin-right:8px; font-size: inherit; line-height: inherit; } ul#courseresults > li dl dd { display:inline-block; line-height:1.2; } ul#courseresults > li dl dt { margin-right: 5px; line-height: 24px; border: 1px solid transparent; border-left: none;} ul#courseresults > li dl dd.linebreaker{ display:block; height: 0; margin-bottom: 0 !important;} ul#courseresults > li dl dd span { font-size: inherit; line-height: inherit; } ul#courseresults > li dl dd a{ text-decoration:none; /*padding: 0 10px ; */ padding: 5px 10px; font-size: inherit; line-height: inherit; letter-spacing: 0.16px; color: #233A65; display: inline-block; background: var(--microcreds-cta); border: 1px solid transparent; font-weight: 500; border-radius: 18px; position:relative; } ul#courseresults > li dl dd span{ padding: 5px 0; display: inline-block; } ul#courseresults > li dl dd a:is(:hover,:focus-visible){ background: var(--microcreds-cta_hover); color: white; } ul#courseresults > li dl dd a:focus-visible{ box-shadow: 0 0 0 1px white, 0 0 0 4px var(--microcreds-red); } ul#courseresults > li dl dt.ects+dd { margin-right:1em; } ul#courseresults div.note {padding: 0.75em 3em 0.75em 1em; margin:-8px 0 12px; border-radius:var(--courses-radius); background:rgba(245,172,64,0.25); } ul#courseresults div.note p { font-size:14px; line-height:1.2; margin:0; } #load_providers { min-height:80px; position:relative; margin-top:36px; } #load_providers.processing::after { z-index: 1; box-sizing: border-box; content: " "; display: block; width: 80px; height: 80px; animation: spin 1s infinite linear; border-radius: 50%; border-width: 16px; border-style: solid; border-color: rgba(35,58,101, 0.4) rgba(35,58,101, 0.4) rgba(35,58,101, 0.4) rgba(35,58,101, 1); overflow: hidden; text-indent: -99999em; margin: auto; position: absolute; top:0; left: calc(50% - 40px); } #provider_links h2{ color:var(--microcreds-green); font-size:24px; } #provider_links { } #provider_links ul { display:flex; flex-wrap:wrap; justify-content:flex-start; width:calc(100% + 36px); right:18px; position:relative; } #provider_links ul::after { display:block; height:0; content:""; } #provider_links ul::after, #provider_links ul li { transition:all 0.2s ease; width:calc(50% - 36px); margin:18px; } #provider_links ul li a{ display:flex; justify-content:center; align-items:center; height:120px; transition:all 0.2s ease; border-left:1px solid var(--microcreds-green); border-right:1px solid var(--microcreds-green); } #provider_links ul li img { display: block; height:54px; width: auto; margin:0 auto; transition:all 0.2s ease; mix-blend-mode:multiply; } #provider_links ul li a:is(:hover,:focus-visible) { background:var(--microcreds-cta); border-color:var(--microcreds-cta); } #provider_links ul li a:is(:hover,:focus-visible) img { transform:scale(1.05,1.05); } #provider_links ul li a:focus-visible { box-shadow: 0 0 0 1px white, 0 0 0 4px var(--microcreds-red); } @media all and (max-width: 600px) { #provider_links ul { width:calc(100% + 24px); right:12px; } #provider_links ul li { width:calc(50% - 24px); margin:12px; } #provider_links ul li a{ height:100px; } #provider_links ul li img { height:40px; } } @media all and (min-width: 850px) { #provider_links ul::after, #provider_links ul li { width:calc(33.333% - (36px * (2 / 3))); width:calc(33.333% - 36px); } } @media all and (min-width: 1024px) { #provider_links ul::after, #provider_links ul li { width:calc(25% - (36px * (3 / 4))); width:calc(25% - 36px); } #provider_links h2{ font-size:28px; } } @media all and (min-width: 1200px) { #provider_links ul::after, #provider_links ul li { width:calc(20% - 36px); } } @media all and (min-width: 1400px) { #provider_links ul::after, #provider_links ul li { width:calc(16.66666666666667% - (36px * (5 / 6))); width:calc(16.66666666666667% - 36px); } } @media all and (min-width: 1500px) { #provider_links ul li img { height:60px; } } .logo_strip { background-color: white !important; color: var(--main_blue) !important; padding: 12px 0; border-bottom:1px solid var(--microcreds-green); margin-bottom:36px; } .logo_strip dl, .logo_strip ul { display: flex; flex-wrap: wrap; align-items: center; justify-content:center; margin:0 !important; } .logo_strip .wrapper dt { font-size: 16px; line-height: 22px; font-weight: 700; margin-right: var(--gutter_big); } #content .logo_strip .wrapper dt, #content .logo_strip .wrapper li, #content .logo_strip .wrapper dd { margin:4px 16px; } .logo_strip .wrapper li:not(:last-child), .logo_strip .wrapper dd:not(:last-child) { } .logo_strip picture { display: block; width: auto; position: relative;} .logo_strip picture img { display: block; width: auto; height:45px; } @media all and (min-width:400px) { .logo_strip picture img { height:50px; } } @media all and (min-width:850px) { .logo_strip .wrapper dt, .logo_strip .wrapper li:first-child { margin-left:0 !important; } .logo_strip .wrapper li:last-child, .logo_strip .wrapper dd:last-child {margin-right:0 !important; } .logo_strip picture img { height: 60px; } } @media all and (min-width: 1024px) { #content .logo_strip .wrapper dt, #content .logo_strip .wrapper li, #content .logo_strip .wrapper dd { margin:6px 24px; } .logo_strip picture img { height: 80px; } } /* @media all and (max-width: 899px) { .logo_strip { padding:24px 0; } .logo_strip .wrapper dt, .logo_strip .wrapper li, .logo_strip .wrapper dd { } .logo_strip .wrapper dt { width: 100%; } s } */ #first_text .logo_strip { padding-bottom: 0 !important} div.section .logo_strip .wrapper, #first_text .logo_strip .wrapper { border: none !important; } /* ** ACCESSIBILTY - should be moved */ #breadcrumbs a:focus-visible { box-shadow: 0 0 0 2px #D22333; border-radius: 2px; } /* --- */ .hci_banner { background:var(--microcreds-green); color:white; position:relative; } body.home .hci_banner { padding-top: 75px; } @media all and (min-width: 850px) { body.home .hci_banner { padding-top: 120px; } } @media all and (min-width: 1024px) { body.home .hci_banner { padding-top: 120px; } } .hci_banner .wrapper { display:flex; padding-top:calc(var(--form-padding) * 1.5); padding-bottom:calc(var(--form-padding) * 2.5); } .hci_banner .txt p { font-size:20px; font-weight:600; line-height:1.25; margin:0.5em 0 1.5em; } .hci_banner .txt p.cta { margin:0.5em 0 0; max-width:9999px; } .hci_banner .txt p.cta>a { position:relative; font-size:20px; font-weight:600; background:var(--microcreds-red); display:inline-block !important; min-width:1em; padding: 0.75em 3em 0.75em 1em; border-radius:var(--courses-radius); } .hci_banner .txt p.cta>a:is(:hover,:focus-visible) { background:var(--microcreds-orange); color:var(--microcreds-green) !important;} .hci_banner .txt p.cta>a::after { content: ""; margin-left: 0.333em; display: inline-block; width: 24px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center right; background-image: url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30.7 27.8" style="enable-background:new 0 0 30.7 27.8;" xml:space="preserve"><polygon fill="white" points="16.8,27.8 14.1,25.2 23.4,15.9 0,15.9 0,12 23.4,12 14.1,2.7 16.8,0 30.7,13.9 "/></svg>'); position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); } .hci_banner .txt p.cta>a:is(:hover,:focus-visible)::after { background-image: url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30.7 27.8" style="enable-background:new 0 0 30.7 27.8;" xml:space="preserve"><polygon fill="%230D2E37" points="16.8,27.8 14.1,25.2 23.4,15.9 0,15.9 0,12 23.4,12 14.1,2.7 16.8,0 30.7,13.9 "/></svg>'); } .hci_banner .txt p.cta.o>a { background:var(--microcreds-orange); color:var(--microcreds-green) !important } .hci_banner .txt p.cta.o>a:is(:hover,:focus-visible) { background:var(--microcreds-red); color:white !important} .hci_banner .txt p.cta.o>a::after { background-image: url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30.7 27.8" style="enable-background:new 0 0 30.7 27.8;" xml:space="preserve"><polygon fill="%230D2E37" points="16.8,27.8 14.1,25.2 23.4,15.9 0,15.9 0,12 23.4,12 14.1,2.7 16.8,0 30.7,13.9 "/></svg>'); } .hci_banner .txt p.cta.o>a:is(:hover,:focus-visible)::after { background-image: url('data:image/svg+xml;utf8, <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30.7 27.8" style="enable-background:new 0 0 30.7 27.8;" xml:space="preserve"><polygon fill="%23FFFFFF" points="16.8,27.8 14.1,25.2 23.4,15.9 0,15.9 0,12 23.4,12 14.1,2.7 16.8,0 30.7,13.9 "/></svg>'); } @media all and (min-width: 850px) { .hci_banner .txt p { font-size:24px; } .hci_banner .txt p.cta>a { min-width:11em; } .hci_banner .txt { width:calc(50% - 18px); } .hci_banner::after { content:""; display:block; position:absolute; top:0; right:0; height:100%; width:calc(50% - 18px); background-position:left center; background-size:cover; background-repeat: no-repeat !important; background-image: url('/hcibanner1.jpg'); } } @media all and (min-width: 1024px) { .hci_banner .txt p { font-size:36px; line-height:1.25; margin:1em 0 1.5em; max-width: 19em; } .hci_banner .txt p.cta>a { font-size:28px;padding: 0.75em 3em 0.75em 1em; } .hci_banner .txt p.cta>a:focus-visible { box-shadow: 0 0 0 1px var(--microcreds-green), 0 0 0 4px var(--microcreds-red); } .hci_banner .txt p.cta>a::after { width: 30px; height: 24px; } .hci_banner .txt { width:calc(60% - 36px); } .hci_banner::after { content:""; display:block; position:absolute; top:0; right:0; height:100%; width:calc(37.5% - 36px); background-position:left center; background-size:cover; background-repeat: no-repeat !important; background-image: url('/hcibanner2.jpg'); } } .twocol { max-width:650px; margin:0 auto; } @media all and (min-width: 850px) { .twocol { max-width:9999px; margin:0; column-count: 2; break-inside: avoid-column; column-gap: 36px; /* 36px gutter */ orphans: 1; widows: 1; margin-bottom:36px; } .twocol p{ break-inside: avoid; /* Prevents paragraphs from splitting between columns */ margin-top: 0; } }
#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; }


body.postid-30466 .tablewrap table th { background:white; color:black; border:1px solid black;}
body.postid-30466 .tablewrap table td { width:50%; border:1px solid black;}


#footer_signup {
padding: 2rem 0 ; background:#134267;
}

#footer_signup h2 {
font-weight: 300;
color: #FFF;
border-bottom: 1px solid #FFF;
font-size: 2.2rem;
clear: both;
}

.field-shift {
left: -9999px;
position: absolute;
}
#mergeTable,
#mergeTable li
{ display:flex; flex-wrap:wrap;  justify-content:space-between;   font-size: 1.6rem; }
#mergeTable > .mergeRow {     width: calc(33.33% - (36px * (2 / 3))); margin:8px 0 16px;}
.mergeRow-birthday { display:none; }


#mergeTable > .mergeRow label { margin-bottom:0.33em; display:block; }
#mergeTable > .mergeRow .field-group input {box-sizing:border-box; display:block; font-family:inherit;  font-size: 1.6rem;  width:100%; padding:0.5em;}

#interestTable {margin:0 auto;}
#interestTable label { cursor:pointer; display:inline-flex; align-items:center; }
#footer_signup button[type=submit],
#footer_signup input[type=submit]{ font-family:inherit; border:none; margin:0 auto;  font-size: 1.6rem; padding:0.5em 3em; display:block; cursor:pointer; background:#d22333; color:white; font-weight:400; transition:all 0.2s ease; position:relative; }
#footer_signup button[type=submit]:hover,
#footer_signup input[type=submit]:hover{ opacity:0.9;  }


#footer_signup :focus-visible{

box-shadow: 0 0 1px #134267, 0 0 0 5px #D22333;
}

@media screen and (min-width:601px) and (max-width:850px){
#mergeTable > .mergeRow {             width: calc(50% - (36px * (2 / 3)));  margin:8px 0 16px;}
#mergeTable > .mergeRow:first-child {      width:100%; margin-bottom:8px;}
}
@media screen and (max-width:600px){
#mergeTable > .mergeRow {             width: 100%;  margin:8px 0;}
#mergeTable > .mergeRow:nth-child(3){   margin:8px 0 16px;}
}


    #interestTable input {
        appearance: none;
        background-color: #FFF;
        border-radius: 72px;
        border-style: none;
        flex-shrink: 0;
        height: 20px;
        margin: 0 0.75em 0 0;
        position: relative;
        width: 30px;
    }

    #interestTable input::before {
        bottom: -6px;
        content: "";
        left: -6px;
        position: absolute;
        right: -6px;
        top: -6px;
    }

    #interestTable input,
    #interestTable input::after {
        transition: all 100ms ease-out;
    }

    #interestTable input::after {
        background-color: #134267;
        border-radius: 50%;
        content: "";
        height: 14px;
        left: 3px;
        position: absolute;
        top: 3px;
        width: 14px;
    }

    #interestTable input[type=checkbox] {
        cursor: default;
    }

    #interestTable input:hover {
        background-color: #FFF;
        transition-duration: 0s;
    }
#interestTable input:hover::after {
background-color: #d12233;
}


    #interestTable input:checked {
        background-color: #d12233;
    }

    #interestTable input:checked::after {
        background-color: #fff;
        left: 13px;
    }

    #interestTable :focus:not(.focus-visible) {
        outline: 0;
    }

    #interestTable input:checked:hover {
        background-color: #FFF;
    }
    #interestTable input:checked:hover::after {
        background-color: #d12233;
    }