.healogo a { width:auto; margin-left:3rem; margin-right:2rem; background: url(images/dorothy.svg) no-repeat left center; background-size:contain; } #hero .healogo a { background-image:url(images/dorothy_white.svg) } p.location a::after, #designer a::after, .healogo a::after, .healogo a::before { display:none; } .healogo a::after { content:""; color:#d12233; } .healogo a::before { content:""; color:#134267; color:#0068A4;} @media all and (min-width: 1601px) { } @media all and (min-width:1301px) and (max-width: 1600px) { #logo .healogo a { padding-bottom:74px; margin-left:3rem;} } @media all and (min-width:1024px) and (max-width: 1300px) { #logo .healogo a { padding-bottom:74px; margin-left:3rem; } } @media screen and (min-width:851px) and (max-width:1023px){ #logo .healogo a { padding-bottom:74px; margin-left:3rem; } } @media screen and (min-width:601px) and (max-width:850px){ #logo .healogo a { padding-bottom:74px; margin-left:3rem; } } @media screen and (max-width:600px){ #logo .healogo a { padding-bottom:74px; margin:0 0 1rem 0;} #logo .healogo a::after, #logo .healogo a::before { font-size:10vw ; } } @media screen and (min-width:1025px) and (max-width:1300px){ #logo { width:calc(33.3333% - ((36px * 2) / 3)); } } @media screen and (min-width:851px) and (max-width:1023px){ #logo { width:calc(2 * (33.33333% - ((36px * 2) / 3)) + 36px); } } @media screen and (min-width:1px) 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%; margin-left:0;}*/ } #mainnav nav > ul > li:last-child > a { padding-right:0 !important; } @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.6rem; left:-0.6666666666666667em; } #mainnav nav > ul > li > a { padding:0 0.75em; } #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.6rem; left:-0.6666666666666667em; } #mainnav nav > ul > li > a { padding:0 0.625em; } #mainnav nav > ul > li a::after { margin-left:0.3333333em; } } @media screen and (min-width:1120px) and (max-width:1150px){ #mainnav nav > ul > li { font-size:1.5rem; left:-0.625em; } #mainnav nav > ul > li > a { padding:0 0.625em; } #mainnav nav > ul > li > a::after { margin-left:0.3333333em; } } @media screen and (min-width:1024px) and (max-width:1120px){ #mainnav nav > ul > li { font-size:1.4rem; left:-0.625em; } #mainnav nav > ul > li > a { padding:0 0.5em; } #mainnav nav > ul > li > a::after { margin-left:0.3333333em; } } /*#mainnav { background:rgba(0,0,255,0.2); } #navside { background:rgba(255,0,255,0.2); } @media screen and (min-width:601px) and (max-width:1100px){ */ @media screen and (min-width:1150px) and (max-width:1300px){ #mainnav { width:calc(53.5% - ((36px * 1) / 2) + 36px); } #navside { float:right; width:calc(9.5% + 36px) !important; height:74px;} } @media all and (min-width: 1024px) { .hamburger {display:block;} #mainnav { display:none; } } @media all and (min-width: 1150px) { .hamburger {display:none;} } @media screen and (min-width:851px) and (max-width:1149px){ #navside { float:right; width:calc(33.333333333333% - ((36px * 2) / 3)); height:74px;} #mainnav { } } @media screen and (min-width:1150px){ #navside { } #mainnav { display:block; height:74px; } } @media screen and (max-width:1149px) 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;} } #projectsmenu h2 { border-bottom:1px solid #000; color:#000; margin-bottom:1rem; } #projectsmenu .menu ul li a { /*border-bottom:1px solid rgba(0,0,0,0.38) !important; color:#000 !important;*/ line-height:1.3; padding-top:0.75em; padding-bottom:0.75em;} #projectsmenu .menu ul li.opened a { background:none !important; color:black;} #projectsmenu .menu ul li.opened a:hover { color:#a80562 !important; } #projectsmenu .menu>ul>li>a { padding-right:2em; height:3.9em; font-weight:600; } #projectsmenu a { background:none !important; } #projectsmenu .menu > ul > li.opened > a, #projectsmenu .menu li.subsubopen > a { background:none !important; color:000 !important; padding-left:0 !important; } #projectsmenu .menu { margin-bottom:0 !important;} #projectsmenu span.navopener { margin-top:1rem; color:#000 !important; height:3.9em; transition:all 0.1s ease;} #projectsmenu span.navopener::after { line-height:3.9em;} #projectsmenu span.navopener:hover { color:#000 !important; -ms-transform: scale(1.333, 1.333); /* IE 9 */ -webkit-transform: scale(1.333, 1.333); /* Safari */ transform: scale(1.333, 1.333); } #mobilenav #projectslistmenu h2 { margin: 0 !important; } #mobilenav #projectslistmenu #projectsmenu { padding: 0 10px 10px !important; } #mobilenav #projectslistmenu .projectsnav ul, #projectslistmenu .projectsnav ul * { } #mobilenav .projectsnav>ul>li { margin:0 !important; } #mobilenav .projectsnav>ul>li>a { height:auto !important; font-weight:400 !important; } /*#projectsmenu .projectsnav, #projectsmenu .projectsnav:nth-child(3n+4) {float:left; margin:0 36px 36px 0 !important; width:calc(25% - ((36px * 3) / 4)) !important; } */ #mobilenav #projectslistmenu .projectsnav:nth-child(3n+4), #mobilenav #projectslistmenu .menu, #mobilenav #projectslistmenu .menu ul{ width:100% !important; margin:0 !important; display:block; float: none !important; clear:both !important;} #mobilenav .projectsnav>ul>li>a span.hyphen { display:inline; } #mobilenav .projectsnav>ul>li>a br { display:none !important; } #mobilenav .projectsnav ul li a strong {font-weight:500 !important; } #mobilenav .projectsnav ul li a strong::after { font-family:icons; content:"\e900"; position:relative; top:0.15em; margin-left:0.5em; font-weight:normal !important;} #mobilenav .projectsnav ul>li>ul li a { } #mainnav .subopener { color:inherit !important; } #mainnav span.navopener::after { font-family:icons; content:"\e917"; color:#000; } #mainnav li.opened > span.navopener::after {content:"\e914"; color:#FFF; } #mainnav #projectsmenu li.opened > span.navopener::after { color:#000 !important; } #mainnav span.navopener:hover::after { color:#d12233;} #mainnav 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); } #fullsitemap { display:none; } p a[href*="//"]:not([href*="dorothy.ie"])::after, p.cta a[href*="//"]:not([href*="dorothy.ie"])::after { content:"" !important; position:absolute} /* p a[href*="//"]:not([href*="irc.newgraphic.ie"])::after,*/ p.cta a[href*="//"]:not([href*="dorothy.ie"])::after { font-family:'icons'; content:"\e906" !important; position:relative; top:50%; transform:translateY(-50%); font-weight:normal; margin-left:0.8em; } /*.module .content { background:rgba(255,0,255,0.2); }*/ /* #451e76 69,30,118 #a80562 168,5,98 */ @media all and (min-width:1150px) { #logo { width:180px; } #mastheadwrapper { display:flex; justify-content:space-between; } #mainnav { flex: 1; justify-content: center; display: flex; } } #twitterfeed h2 { color:#a80562; } #hoosh { background:#a80562; } .introbox { background:#a80562; background:#451e76; } .module .subheading { color:#a80562; } #fullsitemap { background:#a80562; } #mobilenavbg { background:rgba(69,30,118,0.85); } #navcloser { background:#a80562; color:#FFF; } #navcloser:hover { background:#451e76; color:#FFF; } #mobilenav nav > ul > li { color:#a80562; } #mobilenav nav > ul > li > a { background:#a80562; color:#FFF; } span.mobileopener:hover { color:#a80562; } #mobilenav .submenu .menu li.subsubopen > a { background:white; color:#a80562; } .submenu .menu a:hover {color:#451e76; } #mainintro p{ color:#451e76; } #mainintro p a { white-space:nowrap; padding: 0.75em 1em; } nav.tags li a { background:#f0f0f0; color:#a80562; } nav.tags li a:hover { background:#a80562; } nav.tags li a.current{ background:#a80562;} nav.tags li a.current::after { color:#a80562;} .anchor_heading b.backtotop::after, #hero #mainnav nav > ul > li a.subopen { color:#a80562; } #footer3 { padding-top:40px;} #footer3 p#footerlogo a::before, #footer3 p#footerlogo a::after { content:"" !important; display:none; } #footer3 p#footerlogo a { height:80px; background-size:contain; background: url(images/dorothy_white.svg) no-repeat left top; } #footer1 #contact1 { float:left; width:100%; margin-bottom:1rem; } #footer1 #contact1 .half{ margin-right:36px !important;} #footer1 #contact1 .last{ margin-right:0 !important;} #footer1 .col { margin-right:0 !important;} @media screen and (min-width:1024px){ #footer1 #contact1 { width:calc(75% - (36px / 2) + 8px); margin-right:36px !important; } } @media screen and (min-width:1200px){ #footer1 #contact1 .half { width:calc(33.333% - ((36px * 2) / 3)); } } @media screen and (max-width:1175px) and (min-width:1024px){ #footer1 #contact1 #address span:nth-child(2n+1) { } /* #footer1 #contact1 #address span:nth-child(2n+1):after { content: '\A'; white-space: pre; } */ } #footer3 .col { } #footer .footerlogoholder { width:100%;} @media screen and (min-width:1024px){ #footer .footerlogoholder { width:calc(33.33333% - ((36px * 2) / 3)); width:160px;} } @media screen and (min-width:601px) and (max-width:1023px){ #footer .footerlogoholder { width:calc(50% - ((36px * 1) / 2)); width:160px; } } @media screen and (max-width:600px){ #footer p#footerlogo a { height:40px; } #footer .footerlogoholder { margin-bottom:40px; } } #footer p#eu span { display:block; padding-left:120px; position:relative; top:-0.3em; max-width:35em; } #footer p#eu::before { font-family:'icons'; content:"\e904"; color:#0e2c8e; position:absolute; left:0; top:0; font-size:60px; transform:translateY(-0.25em); } #footer p#eu::after { font-family:'icons'; content:"\e905"; color:#fdff01; position:absolute; top:0; left:0; font-size:60px; transform:translateY(-0.25em); } @media screen and (max-width:600px){ #footer p#eu span { padding-left:100px; } #footer p#eu::before, #footer p#eu::after { font-size:50px; } } .anchor_heading, .anchor_heading b.backtotop, #subnav, .anchorholder, .sidebarnews ul li, #dateline p, .textcol aside blockquote, #masthead, .introwithheading hr, .introtext hr, hr { border-color:#a80562 !important; } #mainnav nav > ul > li > a { color:#a80562;} #mainnav nav > ul > li > a:hover{ color:#451e76;} .hamburger { color:#a80562; } .showsearch, #navside ul.social li a, #mainnav nav > ul > li a.subopen { color:#a80562;} ul.social li.linkedin a svg { width:42px; height:42px; display:block; fill:white; } #navside ul.social li.linkedin { display:flex; } #navside ul.social li.linkedin a { flex:1; display:flex; } body:not(.home) #navside ul.social li.linkedin a svg { fill:#a80562; } #navside ul.social li.linkedin a svg { margin:auto; transform:translateY(-10%); } .showsearch:hover { color:#451e76; } .anchorlinks li a:hover { color:rgba(168,5,98,1); } #breadcrumbs a, .anchorholder .anchorlinks li a { color:#a80562; } .submenu h2 { color:#a80562;border-bottom:1px solid rgba(168,5,98,1);} .submenu h2 a { color:#a80562; } .submenu li { color:#a80562; } .footnote a { color:#a80562; } #breadcrumbs a:hover { color:#7b0d4c; } #subnav ul li a, .submenu .menu ul li a { border-bottom:1px solid rgba(168,5,98,0.5); color:#a80562; } .submenu .menu li.subsubopen > a { background:#a80562; } .submenu .menu a:hover {color:#451e76; } #sharing p { color:#a80562; border-bottom:1px solid #a80562; } #sharelinks li a { color:rgba(168,5,98,0.65); } #sharelinks li a:hover { color:rgba(168,5,98,1); } .newslist li p a {color:#a80562 !important; } .newslist li p.cta a { border:1px solid #a80562; color:#a80562 !important; } .newslist li p.cta a:hover { background:#FFF; color:#451e76 !important; } .relevant_news .newslist li {background:#FFF !important; } .newslist li:hover:not(.tweet) {background:#451e76 !important; color:#FFF !important; } .newslist li:hover p.cta a { background:#FFF; border-color:#451e76; color:#451e76 !important; } .newslist li:hover h3 a { color:#FFF !important; } .module header h2 a {color:white; text-decoration:none; display:block; } p.cta a { background:#a80562; } p.cta a:hover { background-color:#7b0d4c; } body.home #content .module header:hover { background:#320f5e !important } body.home #content .module header:hover * { color:#c5a3ca !important; } /* .introbox p.cta a { background:#a80562; } .introbox p.cta a:hover { background-color:#7b0d4c; } */ ul.ctalist li a { background:rgba(168,5,98,0.65); } ul.ctalist li a.current { background:rgba(168,5,98,1); /*background:rgba(69,30,118,1);*/ } ul.ctalist li a:hover{ background-color:rgba(145,15,96,0.75); } #schemeselect li a { border:1px solid rgba(168,5,98,1); color:rgba(168,5,98,1) !important; background:white; display:block; padding:0.5em; text-align:center; text-decoration:none; } #schemeselect li a.current, #schemeselect li a:hover { background:rgba(168,5,98,1); color:white !important; } /*body.tax-funding_category #sidebar, body.tax-funding_category #leftsidebar { margin-top:2rem; }*/ p.download a { background-color:#00a7e0; } p.download a:hover { background-color:#1d517b; } .sidebarnews ul li a { color:#a80562 !important; } .sidebarnews ul li a:hover, .openprofile header::after { color:#451e76 !important; } .centredcta { clear:both; margin-left:auto; margin-right:auto; } .centredcta a { width:auto !important; text-align:center; } @media screen and (max-width:1200px){ .centredcta a { max-width: calc(100% - 4em - 40px) !important; margin: 0 auto !important; } } .openprofile header, header.header, .module header { background:#451e76 !important; } .bx-controls .bx-pager-item a { background:rgba(140,71,150,0.5); color:rgba(140,71,150,0); } .bx-controls .bx-pager-item a.active { background:rgba(140,71,150,1); } .bx-controls .bx-pager-item a.active::after { color:rgba(140,71,150,1); } /* #451e76 69,30,118 #a80562 168,5,98 210,71,150 110,71,150 */ .module h3 a { color:#a80562; } /*#451e76 69,30,118*/ .textcol table tr th,.textcol table tr, .textcol table td, .textcol table tr td, .textcol table {border-color:#451e76; border-color:#666; } .textcol table tr th { background:rgba(100,100,100,0.95); color:white; } #twitterfeed { padding:2rem 0 1rem; background:rgba(240,240,240,1); } #twitterfeed h2 { color:#a80562 } /*#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 {background:white; } #twitterfeed .newslist li p.tweet_text { color:#666; } #twitterfeed .newslist li p.tweet_text a { color:#a80562; text-decoration:none; } #twitterfeed .newslist li p.tweet_text a:hover { text-decoration:underline; color:#a80562 } .profile p, p.profile_email {font-size:1.6rem; } p.profile_email a{ color:black; color:#a80562; font-weight:600; word-wrap: break-word; text-decoration:none;} p.profile_email a:hover { text-decoration:underline; } .openprofile p.profile_email a { color:white; } #content ul.ctagroup li { list-style:none !important; margin:0 0 1rem !important; } ul.ctagroup li a { border:1px solid rgba(168,5,98,1); color:rgba(168,5,98,1); background:white; display:block; padding:0.5em; text-align:center; text-decoration:none; } ul.ctagroup li a:hover { background:rgba(168,5,98,1); color:white; } /*#content ul.ctagroup li:last-child { margin-bottom:0 !important; } */ .vidfeature { padding-top:3rem !important; background:none;} .vidfeature::after { content:""; clear:both; display:table; } .vidmodule { background:rgba(240,240,240,1); padding:0 !important; margin:0 36px 0; position:relative; } .vidmodule h3 { height:3em; text-align:center; padding:0 1em 0.5em; } .vidmodule .vidholder { margin:0 0 2rem !important; } @media all and (min-width: 1024px) { .vidmodule { width:calc(50% - 18px); float:left; padding:0 !important; margin:0 36px 36px 0; } .vidmodule:nth-child(2n+2) { margin-right:0;} } @media all and (max-width: 1023px) { .vidmodule { margin:0 0 36px 0; } .vidmodule h3 { height: auto; padding-bottom: 1em;} } body.home .fundingmodule .content { min-height:33rem !important; } body.home .fundingmodule .content { min-height:33rem !important; } /*@media all and (min-width: 600px) { .fundingmodule .ctagroup { position:absolute; bottom:0; width:calc(100% - 6rem); margin:0 !important; } .fundingmodule .inner { padding-bottom:20rem; } }*/ @media all and (min-width: 600px) { .fundingmodule .ctagroup { } .fundingmodule .inner { /*padding-bottom:20rem;*/ } } .fundingmodule div.ctas { width:calc(100% - 6rem); padding:2rem 3rem 1rem; } body.home .fundingmodule p.cta{ width:calc(100% - 6rem); width:100%; margin:0 0 !important; padding:0; position:static !important; } .fundingmodule div.ctas { position:absolute; bottom:1rem; margin:0 0 1rem; } @media all and (min-width: 1024px) { .fundingmodule .content { position:relative;} .fundingmodule div.ctas { position:absolute; bottom:1rem; margin:0 0 1rem; z-index:30; } } /* #maintweetlist { border:2px dashed green !important; } #maintweetlist li.tweet { border:1px dashed red !important; } .module .content { background:rgba(0,0,255,0.1);} .ctas { border:1px dashed red;} */ /*.fundingmodule .content{ display:table; border:1px dashed red; } */ @media all and (min-width: 850px) { .fundingmodule .content .padding{ display:table; position:absolute; top:0; left:0; width:calc(100% - 6rem); height:100%; } .fundingmodule .content .padding .inner { display:table-row; width: 100%; } .fundingmodule .content .padding .ctagroup { display:table-cell; padding-bottom:2rem; } } .fundingmodule .ctagroup { } /*.fundingmodule .ctagroup { display:none;} .fundingmodule .ctas .ctagroup { margin:0 !important; display:block !important;} */ .box p.cta { display:block; } .box p.cta a { background:rgba(168,5,98,1); clear:both !important; } .inactive_box p.cta a { background:rgba(168,5,98,0.6); } .box p.cta a:hover { background-color:rgba(145,15,96,1); } .box p.short, .box h3 { padding-right:2.4rem;} .box .status strong{ font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:1.4rem; background:rgba(255,30,0,1); color:#FFF; display:inline-block; padding:0.25em 0.5em; margin-right:1em; } .box .closed strong{ background:rgba(255,30,0,1); color:#FFF; } .box .amber strong{ background:#ffbf00; color:#000; } .box .white strong{ background:#FFF; color:#000; background:#ffbf00; color:#000; /*-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 -6px 8px 0 rgba(0,0,0,0.2); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);*/ } .box .green strong{ background:#3cbb27; color:#FFF; } .box span { opacity:0;} .box b { font-size:1.4rem; display:inline-block; background:white; color:black; font-weight:400; padding:0.25em 0.25em 0.25em; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 -6px 8px 0 rgba(0,0,0,0.2); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); } .introwithheading .status strong{ font-size:1.4rem; font-weight:400; background:rgba(255,30,0,1); color:#FFF; display:inline-block; padding:0.25em 0.5em; margin-right:1em; } .introwithheading .amber strong{ background:#ffbf00; color:#000; } .introwithheading .green strong{ background:#3cbb27; color:#FFF; } .introwithheading .closed strong{ background:rgba(255,30,0,1); color:#FFF; } .introwithheading .white strong{ background:#FFF; color:#000; background:#ffbf00; color:#000; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 -6px 8px 0 rgba(0,0,0,0.2); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); } .introwithheading p.status * {font-style:normal;} .introwithheading p.status { font-family: 'Source Sans Pro', sans-serif; font-weight:400; } .introwithheading p.status span { opacity:0;} .introwithheading p.status b { font-size:1.4rem; display:inline-block; background:white; color:black; font-weight:400; padding:0.25em 0.25em 0.25em; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 -6px 8px 0 rgba(0,0,0,0.2); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); } .textcol table#awardees {width:100%; border:1px solid #666; border-right:none; border-top:none; } table#awardees_results { border:1px solid #666; width:100%; margin-bottom:2rem !important; } table#awardees_results tr { border-bottom:1px solid #666; } table#awardees_results tr th, table#awardees_results tr td { font-size:1.4rem; padding:0.5em 0.7142857142857143em 0.5em; line-height:1.2; vertical-align: top; background:white; border:1px solid #666; border-left:none; border-bottom:none;} table#awardees_results tr td { border-right:1px solid #666; } @media screen and (min-width:1400px){ table#awardees_results tr th, table#awardees_results tr td { font-size:1.6rem; padding:0.75em 1em 0.75em; } } /*@media all and (max-width: 767px) { .textcol table#awardees tr th, .textcol table#awardees tr td { font-size:1.4rem; padding:0.5em; } }*/ table#awardees_results {} table#awardees_results tr th { background:#a80562; color:white; background:rgba(100,100,100,0.95); } table#awardees_results tr:last-child, .textcol table#awardees tr td:last-child { border:none; } table#awardees_results tr td a { color:#000; word-break: break-word;} table#awardees_results :nth-child(2n+1){ } .tablewrap { overflow:auto; width:auto; margin-bottom:2rem; position:relative; } .tablewrap table#awardees { margin-bottom:0; } .tablewrap .thingie { display:none; } .tablewrap1 {border:2px dotted #f00; padding-right:50px;} table.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 ); */ } ul.faqs { margin:2rem 0 3rem; } #bodytext ul.faqs li { border:1px solid #a80562; border-bottom:none; margin:0 !important; list-style:none !important; padding:2rem 2rem 1rem 2rem;} #bodytext ul.faqs li:last-child { border:1px solid #a80562; } ul.faqs li h3 { color:#a80562;position:relative; padding-right:4rem; } /*body.hasjs ul.faqs li div.answer { display:none;} */ body.hasjs 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; } body.hasjs ul.faqs li h3:hover::after { transform:scale(1.2,1.2) translateY(-40%); } body.hasjs ul.faqs li h3.opened {background: #a80562; color:white;} ul.faqs li p.cta { min-width:400px !important; max-width:300px; } ul.faqs li p.cta a { display:block !important; } #mailchimp { clear:both; margin-bottom:2rem; } /*body.hasjs #mailchimp form { display:none; }*/ #mailchimp form { padding-top:0.5rem; } #mailchimp form label:not(.checkbox) { display:none;} #mailchimp form label.checkbox { font-size: 1.6rem; top:-5px; position: relative; padding-left: 25px; } #mailchimp form label.checkbox span { display: block; width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; background: #fcfff4; background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 4px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); } #mailchimp form label.checkbox span:after { content: ''; width: 9px; height: 5px; position: absolute; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #mailchimp form label.checkbox span:hover::after { opacity: 0.5; } #mailchimp form label.checkbox input[type=checkbox] { /**/visibility: hidden; } #mailchimp form label.checkbox input[type=checkbox]:checked + span:after { opacity: 1; } #mailchimp form input[type=text], #mailchimp form input[type=email] { display:block; width:calc(100% - 2em); border:none; font-size:1.8rem; background:white; padding:0.5em 1em; } #mailchimp form input, #mailchimp form button { font-family:'Source Sans Pro'; font-weight:400; } #mailchimp p.l { font-size:1.6rem; display:block; } #mailchimp p.l a { color:white; text-decoration:none; display:block !important; height:auto !important; text-indent:0 !important; } #mailchimp p.l a:hover { text-decoration:underline; } #mailchimp button[type=submit], #mailchimp input[type=submit]{ border:none; margin:1em 0; font-size:1.8rem; padding:0.5em 2em 0.5em 1em; display:block; cursor:pointer; background:#a80562; color:white; font-weight:400; transition:all 0.2s ease; position:relative; text-align:left; } #mailchimp button[type=submit]:hover, #mailchimp input[type=submit]:hover{ background-color:#891557; } #mailchimp button[type=submit]::after{ font-family:icons; content:"\e900"; position:absolute; top:50%; right:1em; transform:translateY(-55%); } #search {background:rgba(69,30,118,0.95); } .pagination .current { background:rgba(145,15,96,1) !important; } .noline p { border:none !important; padding:1rem 0; margin-bottom:1em; height:5rem; line-height:5rem; padding:0 0 !important; } .profile header p { } .profile header p br { line-height:2; margin:0.75em 0 !important; display:block !important;content:"test ";} .profile header p br::after { } @media screen and (min-width:1024px){ .two .callmodule { width:calc(50% - ((36px * 1) / 2)); } .two .callmodule:nth-child(2n+2){ margin-right:0 !important; } } #sidenav li a { background:rgba(230,230,230,1); color:#451e76; } #sidenav li.current a, #sidenav li a:hover { background :#451e76; color:#FFF; } /* #451e76 69,30,118 #a80562 168,5,98 */ #projectslisting { /*background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); background: -webkit-gradient(top, bottom, color-stop(0%, rgba(240,240,240,1)), color-stop( 300px, rgba(240,240,240,0))); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); */ background: rgba(240,240,240,1); padding-top:36px; } ul#projectview li, #project_tags ul li, #project_tags h3 { /*font-family:'Montserrat',sans-serif;*/ font-size:1.3rem; line-height:1.2; margin-bottom:2rem; margin-bottom:1em; } ul#projectview li a, #project_tags ul li a { text-decoration:none; } ul#projectview li a:hover, #project_tags ul li a:hover { text-decoration:none; } #projectresults { } #project_tags ul { list-style:none !important; display: flex; flex-wrap: wrap;} #project_tags ul li { /*float:left;*/ margin-right:2rem; margin:0 1.2rem 1.2rem 0; text-align:center;font-weight:400 !important; list-style:none !important; } #project_tags ul li a {display:block; background:#aeaaab; color:#FFF; background:none; color:black; border:1px solid #e3dfe0; } #project_tags ul li a:hover, #project_tags ul li a.current { background:#4e4a4b; background:#e3dfe0; } ul#projectview li a { position:relative; background:#e3dfe0; background:none; border:1px solid #e3dfe0; color:#000; font-weight:600; } ul#projectview li a.current { background:#e3dfe0; } ul#projectview li a, #project_tags h3, #project_tags ul li a {display:block; padding:1.2rem 1rem;} ul#projectview li a { padding:calc(1.2rem - 1px) 1rem;} ul#projectview li, #project_tags h3, ul#projectview li { margin-bottom:1.2rem; } /*#project_tags h3, #project_tags ul li a { padding:calc(0.6em - 1px) 0.6em; position:relative; } #project_tags {padding-top:0.8rem !important; }*/ ul#projectview li a#thumbnails::after{ border:1px solid #000; display:inline-block; content:""; height:24px; width:24px; position:absolute; top:50%; right:1rem; transform:translateY(-50%); margin-left:1em; background-repeat:no-repeat;} ul#projectview li a#list span{ border:1px solid rgba(255,255,255,0); display:inline-block; content:""; height:24px; width:24px; position:absolute; top:50%; right:1rem; transform:translateY(-50%); margin-left:1em; background-repeat:no-repeat;} ul#projectview li a#list span::before, ul#projectview li a#list span::after{ content:""; display:block; position:absolute; width:24px; height:6px; border-top:1px solid #000; border-bottom:1px solid #000; } ul#projectview li a#list span::before { top:1px; left:0; } ul#projectview li a#list span::after { bottom:1px; left:0; } #project_tags { margin-bottom:2rem; } @media screen and (min-width:1024px){ #project_tags { position:relative; } #projectslisting #project_tags ul li, #projectslisting #project_tags ul li:nth-child(4n+4) {width:calc(50% - ((36px * 1) / 2)); margin:0 36px 1.2rem 0; } #projectslisting #project_tags ul li:nth-child(2n+2) { margin-right:0; } #projectslisting #projectview, #projectslisting #project_tags { float:left;} #projectview { width:calc(16.66666666666667% - ((36px * 5) / 6)); margin-right:36px; } #projectslisting #project_tags { width:calc(83.33333333333333% - ((36px * 1) / 6)); } #projectslisting #project_tags ul { padding-left:calc(20% - ((36px * 4) / 5) + 36px); } #projectslistingprojectslisting #project_tags h3 { position:absolute; top:0; left:0; padding-left:0 !important; padding-right:0 !important; text-align:right; width:calc(20% - ((36px * 4) / 5)); } } @media screen and (min-width:1300px){ #projectslisting #project_tags ul li, #projectslisting #project_tags ul li:nth-child(2n+2) {width:calc(25% - ((36px * 3) / 4)); margin:0 36px 1.2rem 0; } #projectslisting #project_tags ul li:nth-child(4n+4) { margin-right:0; } } @media screen and (min-width:601px) and (max-width:1023px){ } @media screen and (max-width:600px){ .module { width:100%; } } #project_thumbnails { display:none; } ul#project_list { clear:both; display:none; } ul#project_list li { margin-bottom:2rem; } ul#project_list li a {/*font-family:'Montserrat';*/font-weight:600; text-decoration:none; color:#000; padding:1.2em 1em; display:block; background:#e3dfe0; } ul#project_list li a:hover { background:#4e4a4b; color:#FFF; } /*@media screen and (min-width:1024px){ #projectsmenu .projectsnav, #projectsmenu .projectsnav:nth-child(3n+4) {float:left; margin:0 36px 36px 0 !important; width:calc(25% - ((36px * 3) / 4)) !important; } #projectsmenu .projectsnav:nth-child(4n+5){ clear:none !important; } #projectsmenu .projectsnav:nth-child(4n+5), .projectsnav:nth-child(4n+5) * { margin-right:0 !important; } } @media screen and (min-width:601px) and (max-width:1023px){ #projectsmenu .projectsnav{float:left; margin:0 36px 36px 0 !important; width:calc(50% - ((36px * 1) / 2)) !important; } #projectsmenu .projectsnav:nth-child(2n+3){ margin-right:0 !important; } }*/ #mobilenav .projectsnav { float:none; margin:0 0 0 0 !important; width:auto !important;} .projectheader_line { border-bottom:1px solid rgba(0,0,0,0.5); margin-bottom:3rem; padding-top:3rem; } .projectheader { margin-top:6rem; } .projectheader h2 { margin-bottom:1rem; font-size:2.7rem; } .noline p { border:none !important; padding:0 0 !important; margin-bottom:1em; height:5rem; line-height:5rem; } .sidebar .cta a { width:calc(100% - 11rem) !important; } .project_module .content{ min-height:300px !important; } .project_module .gradient p a { color:white !important; text-decoration:none !important;} @media screen and (max-width:600px){ /*#breadcrumbs { margin:-20px 0 0; height:0; overflow:hidden; } */ #breadcrumbs * { font-size:1px !important; color:white !important;} #breadcrumbs *::after { content:"" !important; } } ul.projectlistings { } ul.projectlistings li { margin:0 !important; } ul.projectlistings li ul { margin:0 0 2rem 0 !important; } ul.projectlistings li a{ display:block; position:relative; background:#e3dfe0; border:1px solid #e3dfe0; color:#000; text-decoration:none; padding:calc(1.2rem - 1px) 1rem; margin:0 0 5px; } ul.projectlistings>li>a{ background:none; border:none; } ul.projectlistings>li>h3 {padding:0 1rem; margin:0 0 calc(1rem + 5px) 0 !important; } ul.projectlistings li a:hover { background:#4e4a4b; color:#FFF; } .projectlistingsarea h2 { border-bottom:1px solid rgba(0,0,0,0.5) !important; padding:0 1rem 1.6rem; } /*body.single-projects .wrapper, body.single-projects .textcol { background:rgba(255,0,255,0.2);} width:calc(50% - ((36px * 1) / 2)); margin-left: calc(25% - ((36px * 3) / 4) + 36px); */ /*.partner_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){ .partner_profiles { padding:0 30px; } } @media screen and (min-width:1404px){ .partner_profiles { padding:0 60px; } } */ #partnersarea {background:#bdb7b7; position:relative; } #partnersarea #map-canvas { width:100%; height: 100%; position:absolute; top:0; left:0; z-index:50; } #partnersarea .wrapper {position:relative; z-index:60; pointer-events: none;} #project_partners, #associate_partners { pointer-events:auto; } #project_partners_wide, #project_partners { padding-top:36px !important; } #associate_partners { clear:both; width:100%; } .partner_profile { float:left; margin:0 36px 36px 0; position:relative; } .partner_profile a { color:#AE1109; text-decoration:none; font-weight:600;} .partner_profile a:hover { color:#000; text-decoration:underline;} .partner_profile .headshot { height:0; width:100%; padding-bottom:100%; background-size:cover; background-position:center; margin:0; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); /*filter: url(desaturate.svg#greyscale);*/ } .partner_profile .content { display:none; display:block; float:left; background:rgba(230,230,230,0.5); margin-top:3rem;} .partner_profile .content .padding { padding:1rem; } .partner_profile header { height:16rem; padding:1.2rem 1.4rem 40px; clear:both; background:rgba(235,235,235,1); position:relative; } #leaderprofile header { height:auto; padding:1.2rem 1.4rem 1.4rem; } #associate_partners .associate_partners_heading { padding-left:1.4rem; margin-top:-36px; margin-bottom:1em; } .partner_profile h3 { /*margin:0;*/ /*font-size:2rem;*/ position:relative; } .profilename p.leader { font-size:1.8rem; } .profilename { position:relative; margin-bottom:1rem; } .associate_profile .profilename,#leaderprofile .profilename { padding-left:0; } /*.partner_profile header {padding-left:calc(1.4rem + 30px + 1.4rem); } */ .associate_profile header, #leaderprofile header{ padding-left:1.4rem; } .partner_profile h3 span.letter { width:30px; height:30px; display:inline-block; background-size:cover; position:absolute; top:1.7rem; left:0; transform:translateY(-50%); left:calc(-30px - 1.4rem); display: none !important; } .partner_profile p { margin-bottom:0.75em; font-size:1.6rem; line-height:1.2 } /*.partner_profileheading { clear:both; width:100% !important; margin-right:0 !important; margin-bottom:36px; } .partner_profileheading h2 { padding:2rem; font-size:2.2rem; margin:0; } */ .openprofile header { background:#134267 !important; color:#FFF; } .partner_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;} .partner_profileheading header::after { content:""; } .openprofile header::after { top:calc(100% - 1px);color:#134267; } #projecttags h3 { font-weight:400; font-size:1.8rem; margin-bottom:1em; } #content #projecttags ul li {list-style:none !important; margin-left:0 !important; } #projecttags ul li a { display:inline-block; background:#f1f1f1; color:#000; text-decoration:none; padding:0.5em 1em; } #projecttags ul li a:hover { background:#4e4a4b; color:#FFF; } .project_publication { } .project_publication hr { border:none; border-bottom:1px solid rgba(0,0,0,0.5) !important; margin-top:36px; margin-bottom:2rem; width:auto !important; clear:both; } .project_publication img { display:block; width:100%; height:auto; margin-bottom:36px; } nav#project_tags ul { } nav#project_tags li, nav#project_tags h3 { clear:left; margin-left:0 !important; padding-left:0 !important;} @media screen and (min-width:1024px){ .project_publication hr { margin-left:calc(25% - ((36px * 3) / 4) + 36px); } .ctaholder {width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:36px; } nav#project_tags, #projecttags { /*width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:calc(-50% + (36px / 2)); margin-left: calc(-75% + (36px * 0.75) - 36px) ;*/ width: 200px; min-width: 200px; } .unclickable li { opacity:0.5 !important; } .partner_profile { width:calc(25% - ((36px * 3) / 4)); min-width: 300px } #project_partners { width:calc(50% - (36px / 2)); flex: 1; } #project_partners .partner_profile { width:calc(50% - ((36px * 1) / 2)); } #leaderprofile { margin:0 0 36px 36px !important;} .partner_profile header { height:16rem; } .partner_profile .content{ width:calc(200% + 36px); } #associate_partners .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #associate_partners .partner_profile:nth-child(4n+5){ clear:both; } #project_partners .partner_profile:nth-child(2n+2){ margin-right:0 !important; } #project_partners .partner_profile:nth-child(2n+3){ clear:both; } .partner_profile:nth-child(4n+4) .content { float:right; } #project_partners_wide { width:100% !important;} #project_partners_wide .partner_profile { width:calc(25% - ((36px * 3) / 4)); } #project_partners_wide .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #project_partners_wide .partner_profile:nth-child(4n+5){ clear:both; } } @media screen and (min-width:1280px){ .project_publication hr { margin-left:calc(25% - ((36px * 3) / 4) + 36px); } .ctaholder {width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:36px; } /* nav#project_tags, #projecttags { width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:calc(-50% + (36px / 2)); margin-left: calc(-75% + (36px * 0.75) - 36px) ; } */ .unclickable li { opacity:0.5 !important; } .partner_profile { width:calc(25% - ((36px * 3) / 4)); min-width: 300px } #project_partners { width:calc(50% - (36px / 2)); } #project_partners .partner_profile { width:calc(50% - ((36px * 1) / 2)); } #project_partners .partner_profile { width:calc(33.33333333% - ((36px * 2) / 3)); } #project_partners .partner_profile:nth-child(2n+2){ margin-right:36px !important; } #project_partners .partner_profile:nth-child(3n+3){ margin-right:0 !important; } #project_partners .partner_profile:nth-child(2n+3){ clear:none; } #project_partners .partner_profile:nth-child(3n+4){ clear:both; } #associate_partners .partner_profile{ width:calc((100% / 6) - ((36px * 5) / 6)); } #associate_partners .partner_profile:nth-child(4n+4){ margin-right:36px !important; } #associate_partners .partner_profile:nth-child(4n+5){ clear:none !important; } #associate_partners .partner_profile:nth-child(6n+6){ margin-right:0 !important; } #associate_partners .partner_profile:nth-child(6n+7){ clear:both !important; } #leaderprofile { margin:0 0 36px 36px !important;} .partner_profile header { height:16rem; } .partner_profile .content{ width:calc(200% + 36px); } .partner_profile:nth-child(4n+4) .content { float:right; } #project_partners_wide { width:100% !important;} #project_partners_wide .partner_profile { width:calc(25% - ((36px * 3) / 4)); } #project_partners_wide .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #project_partners_wide .partner_profile:nth-child(4n+5){ clear:both; } } @media screen and (min-width:851px) and (max-width:1023px){ .ctaholder { clear:both; margin-left: calc((100% * 2 / 12) - ((36px * 1) / 2) + 36px); } } @media screen and (min-width:601px) and (max-width:1023px){ /* #partnersarea #map-canvas, #leaderprofile { display:none; }*/ .partner_profile { width:calc(50% - ((36px * 1) / 2)); } .partner_profile header { height:16rem; } .partner_profile:nth-child(2n+2){ margin-right:0 !important; } .partner_profile:nth-child(2n+3){ clear:both; } .partner_profile:nth-child(2n+2) .content { float:right; } .partner_profile .content{ width:calc(200% + 36px); } } @media screen and (max-width:600px){ .partner_profile { width:100%; margin:0 0 36px 0; } .ctaholder { clear:both; } /*#partnersarea #map-canvas, #leaderprofile { display:none; }*/ .partner_profile header { height:auto; } .partner_profileheading .headshot { padding:0; height:auto;} } .partner_profile .opentext { position:absolute; left:2rem; bottom:2rem; line-height:1; margin:0;} .partner_profile .opentext::after { font-family:icons; content:"\e917"; } .openprofile .opentext::after {content:"\e914"; } /* .ibox { background:white; width:250px; display:block; padding:20px; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4); box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);} img[src$="close.svg"] { width:20px; height:20px;} .ibox h3 { font-size:1.6rem; padding-right:20px; } .ibox h3 a { color:black; } .ibox h3 a:hover {text-decoration:none !important;} .ibox p.cta { margin:0; } .ibox p.cta a { padding:0.5em 3em; display:inline-block; background:#05AC4C; color:white; font-family:'TGC',sans-serif; font-weight:bold; font-size:1.4rem; line-height:1; } .ibox p.cta a:hover { text-decoration:none !important; background:black; } */ .newmarker { width:12px; height: 12px; background: #fdff01; border-radius: 50%; opacity: 1; transform: translate(-6px,0); } .newmarker>div { width:12px; height: 12px; } .newmarker>div>div{ background:#fff; width:80px; min-height:80px; padding: 5px 5px 0; opacity: 1; position: absolute; left: 50%; bottom:calc(100% + 5px); transform: translate(-50%,0); z-index: 40; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker>div::after{ display: block; content:""; position: absolute; z-index: 30; z-index: 41; /* width: 10px; height: 10px; background: white; */ width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid #FFF; border-bottom: 6px solid #FFF; border-left: 6px solid transparent; } /*.newmarker>div.above>div::before { display: block; content:""; position: absolute; top: 1px; left: 1px; width: 100%; height:100%; background: rgba(0,0,0,0.8); filter: blur(4px); z-index: -1; } */ .newmarker>div.above::after { bottom:100%; left: 50%; transform: translate(-50%,0) rotate(45deg); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker>div.under>div {bottom:auto; top:calc(100% + 5px); } .newmarker>div.under::after { top: 100%; left: 50%; transform: translate(-50%,0) rotate(225deg);} .newmarker>div.right>div {bottom:auto; top:50%; transform: translate(0,-50%); left:calc(100% + 5px); } .newmarker>div.right::after {left: 100%; transform: rotate(135deg); } .newmarker>div.left>div {bottom:auto; top:50%; transform: translate(0,-50%); left: auto; right:calc(100% + 5px); } .newmarker>div.left::after {right: 100%; transform:rotate(-45deg); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker img { display: block; width: 80px; height: 40px; margin-bottom: 5px; object-fit: contain; } .newmarker h3 { font-size:1.2rem; font-weight:600; margin:0 0 5px; text-align:left; text-align:center; line-height:1.2; display: block;} .ibox { background:rgba(255,255,255,0.2); background:#fff; width:170px;/**/ padding:15px 15px 10px 15px; -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); position:relative; z-index:10; } .ibox::after { content:""; position:absolute; z-index:9; left:50%; left:calc(50% - 8px); bottom: -10px; background:none; border-width: 10px; border-style: solid; border-color: transparent #FFF #FFF transparent; display:block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform:rotate(45deg);/**/ -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); } img[src$="close.svg"] { width:10px; height:10px; z-index:999; position:relative; top:-5px; right:-5px; } .ibox h3 { font-size:1.4rem; font-weight:600; margin:0; text-align:left; text-align:center; line-height:1.2; } .ibox p { font-size:1.4rem; font-weight:400; margin:0 0 0.5rem; line-height:1.3; } .ibox h3 a { color:black; } .ibox h3 a:hover {text-decoration:none !important;} .ibox_crest { margin:0 0 1rem; height:60px; background-size:contain !important; background-position:center bottom !important; background-repeat:no-repeat !important; overflow:hidden; text-indent:-300px; } #allprojects { margin:6rem 0 0;} #allprojects header{ background:#380000;background:#0A7291; } #allprojects nav#programmes{ background:#ae1109; } #programmes { padding:3rem 0 4rem; } #programmes table { width:100%; line-height:1.2; } #programmes table tr { display:block;border:1px solid transparent; } #programmes table tr.years { border:1px solid transparent; border-bottom:1px dotted rgba(255,255,255,0.5); } #programmes table tr.years { font-weight:600; } #programmes table th, #programmes table td { font-size:1.6rem; color:white; vertical-align:top; display:inline-block !important; margin-right:36px; } #programmes table th { width:calc((100% - (36px * 11)) / 12); } #programmes table td { width:calc(((100% - (36px * 11)) / 6) + 36px) ; } #programmes table th { padding:1rem 1.2rem; } #programmes table tr a {display:block; width:calc(100% - 2.4rem); padding:1rem 2.4rem 1rem 1.2rem; position:relative; left:-1.2rem; text-decoration:none; color:white; transition:all 0.2s ease; } #programmes table tr.themes a {border-bottom:2px solid rgba(255,255,255,0.5); min-height:3.6em; } #programmes table tr a.hover { background:rgba(0,0,0,0.1); } #programmes table tr a.current{ background:rgba(0,0,0,0.2); } #programmes table tr.themes a.current { border-bottom:4px solid rgba(255,255,255,1); padding:1rem 2.4rem calc(1rem - 2px) 1.2rem; } .halfpie { float:left; width:calc(50% - 18px - 36px - 36px); padding:18px 36px; width:calc(50% - 18px); padding:18px 0; margin:0; margin-bottom:36px; background:#f1f1f1; } .halfpie1 { margin-right:36px; } #content .halfpie h3 { font-size:2.4rem; margin:0 36px;} .halfpie .chartholder { width:100%; height:0; padding-bottom:80%; position:relative; } .halfpie .chartholder .chart { width:100%; height:100%; position:absolute; top:0; left:0; } @media screen and (max-width:1023px){ .halfpie { width:calc(100% - 36px - 36px); width:calc(100%); } } #heatmaparea { clear:both;background:#bdb7b7; position:relative; min-height:650px;min-height:750px; min-height:900px; margin-bottom:-30px !important; } #heatmaparea #heatmap { position:absolute; top:0; left:0; width:100%; height:100% !important; } /*#heatmap {max-height:700px;} */ #heatmaparea_wrapper #heatmap_list { position:relative; z-index:99; width:calc(50% - (36px / 2)); pointer-events:auto; padding-top:36px !important; } #heatmap_list h2 { margin:0 0 2rem 36px; font-size:2.7rem; } #projectsbycountry { background:white; padding:36px 36px 2.4rem; margin-bottom:36px; } @media screen and (max-width:1023px){ #projectsbycountry { width:calc(100% - 36px - 36px); } } #projectsbycountry ol li a { display:block; padding:1rem 0; text-decoration:none; color:black; transition:all 0.2s ease; padding-left:4rem; padding-right:1rem; width:calc(100% + 4.75rem - 36px - 36px + 0.5rem); width:calc(100% - 4rem - 1rem); } #projectsbycountry ol li a:hover { /*text-decoration:underline;*/ padding:1rem 1rem 1rem 4.5rem; background:#fdff01; width:auto; width:calc(100% - 36px + 0.5rem); width:calc(100% - 4.5rem - 1rem); } #projectsbycountry ol { counter-reset: ol-counter; } #projectsbycountry ol li { position:relative; padding-left:1.5em; padding:0; margin:0; } #projectsbycountry ol li:before { position:absolute; padding:1rem 0.3rem 1rem 0; top:0; left:0; font-weight:700; text-align:center; width:1.2em; display:block; content: counter(ol-counter); counter-increment: ol-counter; transition:all 0.2s ease; } #projectsbycountry ol li:hover::before { left:0.5rem; } @media screen and (max-width:1023px){ #projectsbycountry { width:calc(100% - 36px - 36px); } } @media screen and (max-width:600px){ .anchorlinks li a[href*="#projects-by-country"], #heatmaptitle, #heatmaparea, #projectsbycountry { display:none !important; } }.anchorholder {border-top:none; margin-bottom:0; background:#ebebeb; /*border-bottom:2px solid #ebebeb;*/ padding:1rem 0 1rem; overflow:hidden; } @media all and (max-width: 600px) { /*.anchorholder {padding:3rem 0 1rem;}*/ .breadcrumbswrapper { display: none;} } .anchorholder h2 { font-size:16px; float:left; margin: 0 1em 0 0 !important; line-height: 1.2; } @media all and (min-width: 601px) { .anchorholder h2 { margin-top: 0.2em !important; } body.single-projects .anchorholder .wrapper { display: flex; flex-wrap: wrap; align-items: center;} body.single-projects .anchorholder .anchorlinks { flex: 1; display: flex; flex-wrap: wrap;align-items: center; } } @media all and (max-width: 600px) { .anchorholder h2 { padding: 8px 0 10px;} .anchorholder h2 { display: inline-block; position: relative; top: 1px; } } div.anchorholder .wrapper { } div.anchorholder ul.anchorlinks { margin:0 !important; } .anchorholder .anchorlinks li { /*font-family:'Montserrat',sans-serif;font-weight:600; */ font-size:1.6rem; position:relative; margin:0.2em 0 0 !important; 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 1em 0 0; color:#000; } /*.anchorholder .anchorlinks li a::after { font-family:icons; content:"\e900"; margin-left:0.25em; font-size:1.4rem; top:50%; transform:translateY(-50%); right:0; position:absolute; }*/ .anchorlinks li a:hover {color:#d12233; } .anchorlinks { margin-bottom:0 ;} #anchorholder_fixed {display:none; } @media all and (min-width: 601px) { .anchorholder .anchorlinks li { /*width:calc(33.33333% - ((36px * 2) / 3)); margin:0 36px 0 0 !important; float:left;*/ display:inline-block; position:relative; top:1px; } div.anchorholder ul.anchorlinks li { margin-right:1em !important; border-right:1px solid #666;} div.anchorholder ul.anchorlinks li:last-child { border:none;} /*.anchorholder .anchorlinks li:nth-of-type(3n+3){ margin-right:0 !important; } */ #anchorholder_fixed {display:block; position:fixed; top:-60px; width:100%; left:0; z-index:999; transition:all 0.2s ease; opacity:0; } #anchorholder_fixed.seen { top:0; opacity:1; } } @media all and (max-width: 600px) { .anchorholder .anchorlinks li { width:calc(50% - (2px / 2)); margin:0 0 0 0 !important; float:left; display:inline-block; position:relative; top:1px; } .anchorholder .anchorlinks li a { display:block; padding:8px 0 10px;} div.anchorholder ul.anchorlinks li { margin-right:0 !important; } 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; padding:1rem 0 1rem; } #anchorholder_fixed.seen { top:0; opacity:1; } } a.named_anchor { display:block; font-size:1px; color:rgba(255,255,255,0) !important; text-indent:-999px; height:0; overflow:hidden; }#enhanced_caption { background:rgba(0,0,0,0.6); position:relative;} #enhanced_caption, #enhanced_caption a { color:white; text-decoration:none; } #enhanced_caption div { padding:3rem;} #enhanced_caption p { margin:0 0 1rem; } #enhanced_caption h3 { margin:0; padding-bottom:7.5rem; } #enhanced_caption p.cta { } #enhanced_caption p.cta a { display:inline-block; width:auto; } #enhanced_caption_holder #enhanced_caption p.cta{ position:absolute; bottom:2rem; left:3rem !important; } #mainintrowrapper #captionplaceholder { margin-right:0 !important;background:none !important; /**/ position:absolute; top:0; right:20px; } @media screen and (min-width:601px) and (max-width:1023px){ .module { width:calc(((100% - 40px) / 2) - ((36px * 1) / 2)); } } @media screen and (min-width:641px){ #mainintrowrapper #captionplaceholder { right:30px; width:calc(((100% - 60px) / 2) - ((36px * 1) / 2)); } } @media screen and (min-width:1024px){ #mainintrowrapper #captionplaceholder { width:calc(((100% - 60px) / 3) - ((36px * 2) / 3)); } } @media screen and (min-width:1404px){ #mainintrowrapper #captionplaceholder { right:60px; width:calc(((100% - 120px) / 3) - ((36px * 2) / 3)); } } @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%; } } /* .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; } } */ #mainintro { clear:both; } #enhanced_caption_holder.inactive {display:none;} @media screen and (max-width:1023px){ #mainintrowrapper #captionplaceholder { display:none; } } @media screen and (min-width:1024px){ #mainintrowrapper #captionplaceholder { } } @media screen and (min-width:1400px){ #mainintrowrapper #captionplaceholder {display:block; } #mainintro { clear:none; } } #mainintrowrapper #captionplaceholder { /*background:none !important; display:none !important;*/} #mainintrowrapper #captionplaceholder #enhanced_caption { width:100%; position:absolute; bottom:0; left:0;} #captionshow { transition:all 0.3s ease; } #captionshow.captionshown_turn { transform:rotate(90deg); background:#ae1109;opacity:1; } body.home #captionshow { opacity:0; -moz-animation: flickerload 1s linear forwards; -webkit-animation: flickerload 1s linear forwards; animation: flickerload 1s linear forwards; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes flickerload { 0% { opacity: 0; background:#ae1109;} 1% { opacity:0.33;} 3% { opacity: 0.33;} 4% { opacity: 0;} 16% { opacity: 0;} 17% { opacity: 0.33;} 20% { opacity: 0.33;} 21% { opacity: 0;} 29% { opacity: 0;} 30% { opacity: 0.4;} 36% { opacity: 0.4;} 37% { opacity: 0;} 40% { opacity: 0;} 42% { opacity: 0.4;} 47% { opacity: 0.4;} 48% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.5;} 53% { opacity: 0.5;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.666;} 70% { opacity: 0.666;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.75;} 86% { opacity: 0.75;} 87% { opacity: 0; } 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;} 98% { opacity: 0; background:#ae1109;} 99% { opacity: 0;background:rgba(0,0,0,0.6);} 100% { opacity: 1;} } /*@-moz-keyframes flickerload { 0% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.333;} 53% { opacity: 0.333;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.5;} 70% { opacity: 0.5;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.666;} 86% { opacity: 0.666;} 87% { opacity: 0;} 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;}98% { opacity: 0;} 99% { opacity: 0;} 100% { opacity: 1;} } @keyframes flickerload { 0% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.333;} 53% { opacity: 0.333;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.5;} 70% { opacity: 0.5;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.666;} 86% { opacity: 0.666;} 87% { opacity: 0;} 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;}98% { opacity: 0;} 99% { opacity: 0;} 100% { opacity: 1;} } */#footer2, #footer3 { background:#20292f; } #footerX { padding:2rem 0 2rem; } #footerX h3 { font-weight: 300; color: rgba(255,255,255,0.75); /*border-bottom: 1px solid rgba(255,255,255,0.75);*/ font-size: 2.2rem; margin-bottom:1em; } #footerX #designer { margin:1rem 0 1rem; } #footer_logos { list-style: none; display: flex; flex-wrap: wrap; /*justify-content: center;*/ margin:0 !important; } #footer_logos::after{content:""; display: block;} #footer_logos li { position: relative; margin:0 20px 0 0 !important; } #footer_logos li a {display: block; /*width: 100%; height: 0; padding-bottom: 50%;*/ height:90px; width:180px; overflow: hidden; position: relative; transition: all 0.2s ease; } #footer_logos li a:hover{transform: scale(1.1,1.1);} *::-ms-backdrop, #footer_logos li { margin: 0 !important;} *::-ms-backdrop, #footer_logos li { } *::-ms-backdrop, #footer_logos li a { } *::-ms-backdrop, #footer_logos li a svg{ height: 100%; position: absolute; width: 100%; } /*IE11 */ #footer_logos li span { position: absolute;top: -10px; left: -10px; opacity: 0; pointer-events: none;} /* #footer_logos li:nth-child(6n+6), #footer_logos li:last-child { margin-right: 0 !important; } @media screen and (min-width:1301px){ #footer_logos li { flex: 0 0 calc((100% / 6) - (20px * (5 / 6))) ; } #footer_logos li { flex: 0 0 calc((100% / 5) - (20px * (4 / 5))) ; } *::-ms-backdrop, #footer_logos li { flex: 0 0 16.666666%; flex: 0 0 20%; } #footer_logos li:nth-child(5n+5), #footer_logos li:last-child { margin-right: 0 !important; } } @media screen and (min-width:1024px) and (max-width:1300px) { #footer_logos li { flex: 0 0 calc((100% / 4) - (20px * (3 / 4))); } *::-ms-backdrop, #footer_logos li { flex: 0 0 25%; } #footer_logos li:nth-child(4n+4), #footer_logos li:last-child { margin-right: 0 !important; } } @media screen and (min-width:851px) and (max-width:1023px){ #footer_logos li { flex: 0 0 calc((100% / 3) - (20px * (2 / 3))); } *::-ms-backdrop, #footer_logos li { flex: 0 0 33.33333333%; } #footer_logos li:nth-child(3n+3), #footer_logos li:last-child { margin-right: 0 !important; } } @media screen and (min-width:601px) and (max-width:850px){ #footer_logos li { flex: 0 0 calc((100% / 3) - (20px * (2 / 3))); } *::-ms-backdrop, #footer_logos li { flex: 0 0 33.33333333%; } #footer_logos li:nth-child(3n+3), #footer_logos li:last-child { margin-right: 0 !important; } } @media screen and (max-width:600px){ #footer_logos li { flex: 0 0 calc((100% / 2) - (20px * (1 / 2))); } #footer_logos li:nth-child(2n+2), #footer_logos li:last-child { margin-right: 0 !important; } }*/ @media screen and (max-width: 800px){ #footer .footerlogoholder { margin-bottom: 40px; } }#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 hr { border-bottom: 1px solid #216093 !important; border-bottom: 1px solid rgba(255,255,255,0.4) !important; } #cookieconsent.shown {background: rgba(0,0,0,0.6); } #cookieconsent>div {color: white; flex: 1; overflow: auto; background: #134267; background:#0A7291; 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[class*='template_projects'] #content { padding-bottom: 0; } main#projects { background: #F1F1F1; } body[class*='template_projects'] #content .projectlist { display: flex; flex-wrap: wrap; margin-bottom: 0; padding: 6rem 0 4rem; } body[class*='template_projects'] .module, body[class*='template_projects'] #content ul li.module { background:none !important; } body[class*='template_projects'] #content ul li.module { overflow: visible !important; } .projectlist li{ display: flex; flex-direction:column; background:none !important; } .projectlist li a { display: flex; flex:1; flex-direction:column; background:#FFFFFF; border-radius: 6px; overflow: hidden; text-decoration: none; color: black; box-shadow: 1px 3px 6px rgba(243,225,240,1);/*F3E1F0*/ border:1px solid #CDE4F1; transition:all 0.2s ease; } .projectlist li a:is(:hover,:focus-visible) { background: #43215A; color: white; } .projectlist li a:focus-visible { box-shadow: 0 0 0 3px #F1F1F1, 0 0 0 5px #43215A; } .projectlist li picture{ display: block; width: 100%; height: 0; padding-bottom:50%; background: #CDE4F1; position: relative; overflow: hidden; } .projectlist li picture img { width: 100%; height: 100%; transition:all 0.2s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; } .projectlist li a:is(:hover,:focus-visible) picture img { transform: translate(-50%,-50%) scale(1.1,1.1); } ul.projcats { display: flex; align-items: center; flex-wrap: wrap; width:calc(100% + 16px); position: relative; right:8px; } #content ul.projcats li { display: flex; flex-direction: column; margin: 8px; } ul.projcats li a { display: block; flex: 1; background: #F2F2F2; border: 1px solid #44265A; text-decoration: none; white-space: nowrap; padding: 0.5em 1em; color: #43215A; } #project_cat { padding: 1rem 0 3rem 0;} #project_cat p { margin-bottom: 4px;} ul.projcats li a.current, ul.projcats li a:is(:hover,:focus-visible) { background: #43215A; color: white; } ul.projcats li a:focus-visible { box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #43215A; } dl.project_info {background: #E4EDF2; padding:16px 24px 16px; border-radius: 6px;} dl.project_info::after { display:block; width:100%; height:12px; content:""; clear: both;} dl.project_info :is(dt,dd) , .pageheader .info>div dl :is(dt,dd) { /* float: left;*/ font-size: 1.3rem; line-height:1.2; margin:8px 0 0; } dl.project_info dt, .pageheader .info>div dl dt { clear: left;margin-right: 0.5em; } dl.project_info dt+dd { /*margin-left: 1em;*/ font-weight: 700;margin-top: 4px; } dl.project_info dt::after, .pageheader .info>div dl dt::after { content:":"; } dl.project_info dl::after, .pageheader .info>div dl::after { display: block; height: 0px; content:""; clear: both; } #project_tags h2 { font-size: 1.3rem; } body.single-projects #intro_text h1 { } body.single-projects #intro_text hr { margin-bottom: 2rem; } #project_cols { display: flex; clear:both; } @media screen and (max-width:1199.99px) { #project_cols { flex-wrap:wrap; } } @media screen and (max-width:1199.99px) { #project_cols #project_tags, #project_cols #leaderprofile { order: -1; width: 100%; margin-left: 0 } #project_cols #project_tags { order: 4; } } @media screen and (min-width:851px) and (max-width:1199.99px) { #project_cols .textcol { } #project_cols #project_tags, #project_cols #leaderprofile { order:-1; width: calc(66.666666% - ((36px * 5) / 6)); margin-left: calc((100%* 2 / 12) - ((36px * 1) / 2) + 36px); width: 100%; max-width: 850px; margin-left: auto !important;margin-right:auto !important; } #project_cols #project_tags { order: 4; } } @media screen and (min-width:1200px) { #project_cols .textcol { margin: 0 !important; } #project_cols #project_tags { margin: 0 36px 36px 0 !important; order: -1; } #project_cols #leaderprofile { order:3;} } body.single-projects #content { padding-bottom: 0; } .content_row { padding-top:36px; padding-bottom: 36px; background-color: #F2EEF4; } .content_row.relevant_news { background-color: #e4edf2; } .content_row::after { display: table; clear: both; content:""; } .content_row a[href*="//"]:not([href*="dorothy.ie"])::after { display: inline-block; height: 1em; width: 1.2em; content:""; background-size:0.9em auto; background-repeat: no-repeat; background-position: top 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 80 72" style="enable-background:new 0 0 80 72;" xml:space="preserve"> <path d="M13.6,70.2h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C9.6,68.4,11.4,70.2,13.6,70.2z"/> <polygon points="40.5,33.8 46.1,39.4 72,13.6 72,22.3 80,22.3 80,0 57.6,0 57.6,8 66.3,8 "/> </svg>'); }/*body.single-projects .wrapper, body.single-projects .textcol { background:rgba(255,0,255,0.2);} width:calc(50% - ((36px * 1) / 2)); margin-left: calc(25% - ((36px * 3) / 4) + 36px); */ /*.partner_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){ .partner_profiles { padding:0 30px; } } @media screen and (min-width:1404px){ .partner_profiles { padding:0 60px; } } */ #partnersarea {background:#bdb7b7; position:relative; } #partnersarea #map-canvas { width:100%; height: 100%; position:absolute; top:0; left:0; z-index:50; } #partnersarea .wrapper {position:relative; z-index:60; pointer-events: none;} #project_partners, #associate_partners { pointer-events:auto; } #project_partners_wide, #project_partners { padding-top:36px !important; } #associate_partners { clear:both; width:100%; } .partner_profile { float:left; margin:0 36px 36px 0; position:relative; } .partner_profile a { color:#AE1109; text-decoration:none; font-weight:600;} .partner_profile a:hover { color:#000; text-decoration:underline;} .partner_profile .headshot { height:0; width:100%; padding-bottom:100%; background-size:cover; background-position:center; margin:0; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); /*filter: url(desaturate.svg#greyscale);*/ } .partner_profile .content { display:none; display:block; float:left; background:rgba(230,230,230,0.5); margin-top:3rem;} .partner_profile .content .padding { padding:1rem; } .partner_profile header { height:16rem; padding:1.2rem 1.4rem 40px; clear:both; background:rgba(235,235,235,1); position:relative; } #leaderprofile header { height:auto; padding:1.2rem 1.4rem 1.4rem; } #associate_partners .associate_partners_heading { padding-left:1.4rem; margin-top:-36px; margin-bottom:1em; } .partner_profile h3 { /*margin:0;*/ /*font-size:2rem;*/ position:relative; } .profilename p.leader { font-size:1.8rem; } .profilename { position:relative; margin-bottom:1rem; } .associate_profile .profilename,#leaderprofile .profilename { padding-left:0; } /*.partner_profile header {padding-left:calc(1.4rem + 30px + 1.4rem); } */ .associate_profile header, #leaderprofile header{ padding-left:1.4rem; } .partner_profile h3 span.letter { width:30px; height:30px; display:inline-block; background-size:cover; position:absolute; top:1.7rem; left:0; transform:translateY(-50%); left:calc(-30px - 1.4rem); display: none !important; } .partner_profile p { margin-bottom:0.75em; font-size:1.6rem; line-height:1.2 } /*.partner_profileheading { clear:both; width:100% !important; margin-right:0 !important; margin-bottom:36px; } .partner_profileheading h2 { padding:2rem; font-size:2.2rem; margin:0; } */ .openprofile header { background:#134267 !important; color:#FFF; } .partner_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;} .partner_profileheading header::after { content:""; } .openprofile header::after { top:calc(100% - 1px);color:#134267; } #projecttags h3 { font-weight:400; font-size:1.8rem; margin-bottom:1em; } #content #projecttags ul li {list-style:none !important; margin-left:0 !important; } #projecttags ul li a { display:inline-block; background:#f1f1f1; color:#000; text-decoration:none; padding:0.5em 1em; } #projecttags ul li a:hover { background:#4e4a4b; color:#FFF; } .project_publication { } .project_publication hr { border:none; border-bottom:1px solid rgba(0,0,0,0.5) !important; margin-top:36px; margin-bottom:2rem; width:auto !important; clear:both; } .project_publication img { display:block; width:100%; height:auto; margin-bottom:36px; } nav#project_tags ul { } nav#project_tags li, nav#project_tags h3 { clear:left; margin-left:0 !important; padding-left:0 !important;} @media screen and (min-width:1024px){ .project_publication hr { margin-left:calc(25% - ((36px * 3) / 4) + 36px); } .ctaholder {width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:36px; } nav#project_tags, #projecttags { /*width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:calc(-50% + (36px / 2)); margin-left: calc(-75% + (36px * 0.75) - 36px) ;*/ width: 200px; min-width: 200px; } .unclickable li { opacity:0.5 !important; } .partner_profile { width:calc(25% - ((36px * 3) / 4)); min-width: 300px } #project_partners { width:calc(50% - (36px / 2)); flex: 1; } #project_partners .partner_profile { width:calc(50% - ((36px * 1) / 2)); } #leaderprofile { margin:0 0 36px 36px !important;} .partner_profile header { height:16rem; } .partner_profile .content{ width:calc(200% + 36px); } #associate_partners .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #associate_partners .partner_profile:nth-child(4n+5){ clear:both; } #project_partners .partner_profile:nth-child(2n+2){ margin-right:0 !important; } #project_partners .partner_profile:nth-child(2n+3){ clear:both; } .partner_profile:nth-child(4n+4) .content { float:right; } #project_partners_wide { width:100% !important;} #project_partners_wide .partner_profile { width:calc(25% - ((36px * 3) / 4)); } #project_partners_wide .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #project_partners_wide .partner_profile:nth-child(4n+5){ clear:both; } } @media screen and (min-width:1280px){ .project_publication hr { margin-left:calc(25% - ((36px * 3) / 4) + 36px); } .ctaholder {width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:36px; } /* nav#project_tags, #projecttags { width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:calc(-50% + (36px / 2)); margin-left: calc(-75% + (36px * 0.75) - 36px) ; } */ .unclickable li { opacity:0.5 !important; } .partner_profile { width:calc(25% - ((36px * 3) / 4)); min-width: 300px } #project_partners { width:calc(50% - (36px / 2)); } #project_partners .partner_profile { width:calc(50% - ((36px * 1) / 2)); } #project_partners .partner_profile { width:calc(33.33333333% - ((36px * 2) / 3)); } #project_partners .partner_profile:nth-child(2n+2){ margin-right:36px !important; } #project_partners .partner_profile:nth-child(3n+3){ margin-right:0 !important; } #project_partners .partner_profile:nth-child(2n+3){ clear:none; } #project_partners .partner_profile:nth-child(3n+4){ clear:both; } #associate_partners .partner_profile{ width:calc((100% / 6) - ((36px * 5) / 6)); } #associate_partners .partner_profile:nth-child(4n+4){ margin-right:36px !important; } #associate_partners .partner_profile:nth-child(4n+5){ clear:none !important; } #associate_partners .partner_profile:nth-child(6n+6){ margin-right:0 !important; } #associate_partners .partner_profile:nth-child(6n+7){ clear:both !important; } #leaderprofile { margin:0 0 36px 36px !important;} .partner_profile header { height:16rem; } .partner_profile .content{ width:calc(200% + 36px); } .partner_profile:nth-child(4n+4) .content { float:right; } #project_partners_wide { width:100% !important;} #project_partners_wide .partner_profile { width:calc(25% - ((36px * 3) / 4)); } #project_partners_wide .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #project_partners_wide .partner_profile:nth-child(4n+5){ clear:both; } } @media screen and (min-width:851px) and (max-width:1023px){ .ctaholder { clear:both; margin-left: calc((100% * 2 / 12) - ((36px * 1) / 2) + 36px); } } @media screen and (min-width:601px) and (max-width:1023px){ /* #partnersarea #map-canvas, #leaderprofile { display:none; }*/ .partner_profile { width:calc(50% - ((36px * 1) / 2)); } .partner_profile header { height:16rem; } .partner_profile:nth-child(2n+2){ margin-right:0 !important; } .partner_profile:nth-child(2n+3){ clear:both; } .partner_profile:nth-child(2n+2) .content { float:right; } .partner_profile .content{ width:calc(200% + 36px); } } @media screen and (max-width:600px){ .partner_profile { width:100%; margin:0 0 36px 0; } .ctaholder { clear:both; } /*#partnersarea #map-canvas, #leaderprofile { display:none; }*/ .partner_profile header { height:auto; } .partner_profileheading .headshot { padding:0; height:auto;} } .partner_profile .opentext { position:absolute; left:2rem; bottom:2rem; line-height:1; margin:0;} .partner_profile .opentext::after { font-family:icons; content:"\e917"; } .openprofile .opentext::after {content:"\e914"; } /* .ibox { background:white; width:250px; display:block; padding:20px; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4); box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);} img[src$="close.svg"] { width:20px; height:20px;} .ibox h3 { font-size:1.6rem; padding-right:20px; } .ibox h3 a { color:black; } .ibox h3 a:hover {text-decoration:none !important;} .ibox p.cta { margin:0; } .ibox p.cta a { padding:0.5em 3em; display:inline-block; background:#05AC4C; color:white; font-family:'TGC',sans-serif; font-weight:bold; font-size:1.4rem; line-height:1; } .ibox p.cta a:hover { text-decoration:none !important; background:black; } */ .newmarker { width:12px; height: 12px; background: #fdff01; border-radius: 50%; opacity: 1; transform: translate(-6px,0); } .newmarker>div { width:12px; height: 12px; } .newmarker>div>div{ background:#fff; width:80px; min-height:80px; padding: 5px 5px 0; opacity: 1; position: absolute; left: 50%; bottom:calc(100% + 5px); transform: translate(-50%,0); z-index: 40; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker>div::after{ display: block; content:""; position: absolute; z-index: 30; z-index: 41; /* width: 10px; height: 10px; background: white; */ width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid #FFF; border-bottom: 6px solid #FFF; border-left: 6px solid transparent; } /*.newmarker>div.above>div::before { display: block; content:""; position: absolute; top: 1px; left: 1px; width: 100%; height:100%; background: rgba(0,0,0,0.8); filter: blur(4px); z-index: -1; } */ .newmarker>div.above::after { bottom:100%; left: 50%; transform: translate(-50%,0) rotate(45deg); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker>div.under>div {bottom:auto; top:calc(100% + 5px); } .newmarker>div.under::after { top: 100%; left: 50%; transform: translate(-50%,0) rotate(225deg);} .newmarker>div.right>div {bottom:auto; top:50%; transform: translate(0,-50%); left:calc(100% + 5px); } .newmarker>div.right::after {left: 100%; transform: rotate(135deg); } .newmarker>div.left>div {bottom:auto; top:50%; transform: translate(0,-50%); left: auto; right:calc(100% + 5px); } .newmarker>div.left::after {right: 100%; transform:rotate(-45deg); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker img { display: block; width: 80px; height: 40px; margin-bottom: 5px; object-fit: contain; } .newmarker h3 { font-size:1.2rem; font-weight:600; margin:0 0 5px; text-align:left; text-align:center; line-height:1.2; display: block;} .ibox { background:rgba(255,255,255,0.2); background:#fff; width:170px;/**/ padding:15px 15px 10px 15px; -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); position:relative; z-index:10; } .ibox::after { content:""; position:absolute; z-index:9; left:50%; left:calc(50% - 8px); bottom: -10px; background:none; border-width: 10px; border-style: solid; border-color: transparent #FFF #FFF transparent; display:block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform:rotate(45deg);/**/ -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); } img[src$="close.svg"] { width:10px; height:10px; z-index:999; position:relative; top:-5px; right:-5px; } .ibox h3 { font-size:1.4rem; font-weight:600; margin:0; text-align:left; text-align:center; line-height:1.2; } .ibox p { font-size:1.4rem; font-weight:400; margin:0 0 0.5rem; line-height:1.3; } .ibox h3 a { color:black; } .ibox h3 a:hover {text-decoration:none !important;} .ibox_crest { margin:0 0 1rem; height:60px; background-size:contain !important; background-position:center bottom !important; background-repeat:no-repeat !important; overflow:hidden; text-indent:-300px; } #allprojects { margin:6rem 0 0;} #allprojects header{ background:#380000;background:#0A7291; } #allprojects nav#programmes{ background:#ae1109; } #programmes { padding:3rem 0 4rem; } #programmes table { width:100%; line-height:1.2; } #programmes table tr { display:block;border:1px solid transparent; } #programmes table tr.years { border:1px solid transparent; border-bottom:1px dotted rgba(255,255,255,0.5); } #programmes table tr.years { font-weight:600; } #programmes table th, #programmes table td { font-size:1.6rem; color:white; vertical-align:top; display:inline-block !important; margin-right:36px; } #programmes table th { width:calc((100% - (36px * 11)) / 12); } #programmes table td { width:calc(((100% - (36px * 11)) / 6) + 36px) ; } #programmes table th { padding:1rem 1.2rem; } #programmes table tr a {display:block; width:calc(100% - 2.4rem); padding:1rem 2.4rem 1rem 1.2rem; position:relative; left:-1.2rem; text-decoration:none; color:white; transition:all 0.2s ease; } #programmes table tr.themes a {border-bottom:2px solid rgba(255,255,255,0.5); min-height:3.6em; } #programmes table tr a.hover { background:rgba(0,0,0,0.1); } #programmes table tr a.current{ background:rgba(0,0,0,0.2); } #programmes table tr.themes a.current { border-bottom:4px solid rgba(255,255,255,1); padding:1rem 2.4rem calc(1rem - 2px) 1.2rem; } .halfpie { float:left; width:calc(50% - 18px - 36px - 36px); padding:18px 36px; width:calc(50% - 18px); padding:18px 0; margin:0; margin-bottom:36px; background:#f1f1f1; } .halfpie1 { margin-right:36px; } #content .halfpie h3 { font-size:2.4rem; margin:0 36px;} .halfpie .chartholder { width:100%; height:0; padding-bottom:80%; position:relative; } .halfpie .chartholder .chart { width:100%; height:100%; position:absolute; top:0; left:0; } @media screen and (max-width:1023px){ .halfpie { width:calc(100% - 36px - 36px); width:calc(100%); } }