.healogo a { width:auto; margin-left:0 !important; margin-right:2rem; background: url(images/irc_logo.svg) no-repeat left center; /*background-image:url(images/irc_logo_pride1.svg);*/ background-size:contain; } #hero .healogo a { background-image:url(images/irc_logo_white.svg); /*background-image:url(images/irc_logo_pride_white1.svg);*/ } .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; } } @media all and (min-width:1024px) and (max-width: 1300px) { #logo .healogo a { padding-bottom:74px; } } @media screen and (min-width:851px) and (max-width:1023px){ #logo .healogo a { padding-bottom:74px; } } @media screen and (min-width:601px) and (max-width:850px){ #logo .healogo a { padding-bottom:74px; } } @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 ; } } #logo { width:calc(25% - ((36px * 3) / 4)); } @media screen and (min-width:1025px) and (max-width:1300px){ #logo { width:calc(33.3333% - ((36px * 2) / 3)); width:calc(25% - ((36px * 3) / 4)); } } @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%; 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.75em; } #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.6rem; 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.5rem; left:-0.625em; } #mainnav nav > ul > li > a { padding:0 0.625em; } #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){ #mainnav { width:calc(62.5% - ((36px * 1) / 2) + 36px); } #navside { width:calc(8.5% + 36px) !important; height:74px;} #mainnav nav>ul { display: flex; justify-content: center; } } @media screen and (min-width:1150px) and (max-width:1300px){ #mainnav { width:calc(53.5% - ((36px * 1) / 2) + 36px); width:calc(62.5% - ((36px * 1) / 2) + 36px); } #navside { float:right; width:calc(9.5% + 36px) !important; width:calc(8% + 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;} } #fullsitemap { display:none; } p a[href*="//"]:not([href*="hea.ie"])::after, p.cta a[href*="//"]:not([href*="hea.ie"])::after { content:"" !important; position:absolute} /* p a[href*="//"]:not([href*="irc.newgraphic.ie"])::after,*/ p.cta a[href*="//"]:not([href*="research.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 */ #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; line-height:1.6 !important; } 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; } .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;} .anchorholder.hashero { margin-bottom: 0; padding-bottom: 0.5rem; } .hamburger { color:#a80562; } .showsearch, #navside ul.social li a, #mainnav nav > ul > li a.subopen { color:#a80562;} .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; } .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; background-color:#0078A2;} 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; } .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*/ .table_wide table tr th,.table_wide table tr, .textcol table tr th,.textcol table tr, .table_wide table td, .table_wide table tr td, .textcol table td, .textcol table tr td, .table_wide table, .textcol table {border-color:#451e76; border-color:#666; } .table_wide .tablewrap table tr th, .textcol table tr th { background:rgba(100,100,100,0.95); color:white; } #twitterfeed { padding:2rem 0 2rem; 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 } #twitterfeed .newslist .module article { padding-bottom: 1rem !important} #twitterfeed p.boxlink { text-align: center;} .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; } */ 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:#000; } .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:#000; } .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:#000; } .introwithheading .closed strong{ background:rgba(255,30,0,1); color:#000; } .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 */ #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; } #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; } } .principal { margin:36px 0; padding:1.4rem; background: rgba(235,235,235,1); position: relative; } .principal h4 { } .principal p { font-size: 14px; } .principal picture {width:150px; min-width:150px; height: 150px; display: block; margin:10px 20px 20px 0; position: relative; border-radius: 50%; overflow: hidden; box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.25); border:1px solid rgba(0,0,0,0.15); } .principal picture img { width: calc(100% + 2px); height: calc(100% + 2px); object-fit: cover ; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } @media screen and (min-width:601px) { .principal { display: flex; } } .casestudy { clear: both; border-bottom: 1px solid transparent ; } .casestudy+.casestudy { margin-top: 30px; border-top: 40px solid transparent} .cardlist, #maincontent .cardlist { position: relative; width: calc(100% + 32px); left:-16px; clear: both; display: flex; flex-wrap: wrap; justify-content: center; } .cardlist li, #maincontent .cardlist li { padding: 16px; width:33.3333%; box-sizing: border-box; list-style:none !important; margin-left: 0 !important;} #maincontent .cardlist li a, .cardlist li a { display: flex; flex-direction: column; position:relative; height: 0; padding-bottom: 75%; width: 100%; color: white; } .cardlist li a picture{ width: 100%; height: 100%; top:0; left: 0; position: absolute; overflow: hidden; background:rgba(69,30,118,0.5); } .cardlist li a picture img{ width: 100%; height: 100%; top:50%; left: 50%; transform: translate(-50%,-50%); position: absolute; transition: all 0.2s ease; object-fit: cover; } .cardlist li a:hover picture img { transform: translate(-50%,-50%) scale(1.1,1.1); } .cardlist li a div { position: absolute;width: 100%; height: 100%; top:0; left: 0;box-sizing: border-box; z-index: 10; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; } .cardlist li a div p { margin: 0; font-size: 1.4rem; } .cardlist li a div p:first-child { margin: 0; font-weight: 600; font-size: 1.8rem; line-height: 1.3333; } @media screen and (max-width:600px) { .cardlist, #maincontent .cardlist { width: 100%; left: 0; } .cardlist li, #maincontent .cardlist li { padding: 16px 0; width:100% ;} } @media screen and (min-width:601px) { .cardlist, #maincontent .cardlist { width: calc(100% + 24px); left:-12px; } .cardlist li, #maincontent .cardlist li { padding: 12px; width:50%; } } @media screen and (min-width:1024px){ .cardlist { width: calc(100% + 32px); left:-16px; } .cardlist li, #maincontent .cardlist li { padding: 16px; width:33.3333%; } .cardlist li a div p:first-child { font-size:24px; line-height: 1.25; } } .cardlist li a div::before { position: absolute; bottom: 0; left: 0; transition: all 0.2s ease; display: block; content: ""; height: calc(100% + 30px); width: 100%; background: linear-gradient(to top,#000 0%,rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent 100%); opacity: .75; z-index: -1; } .cardlist li a:hover div::before { opacity: 1; } body.single-impact strong em {font-weight: bold; } body.single-impact #anchorholder+#maincontent { padding: 0;} body.single-impact .introtext h1+p:not(.attribution) { font-size: 1.8rem; margin-top: -0.666em; } body.single-impact .introtext p.attribution { font-size: 1.8rem; font-family: 'Source Sans Pro', sans-serif; font-style: normal; } body.single-impact .introtext p.attribution em { font-style: normal; } body.single-impact .textcol blockquote { padding:1.8rem 0 1.8rem 1.2rem; border-left:8px solid #451e76; margin: 2rem 0 2rem; } body.single-impact .textcol blockquote::before { width: 32px; height: 26px; display: block; content:""; margin-bottom: 12px; background: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 32 26" style="enable-background:new 0 0 32 26;" xml:space="preserve"><path fill="%23451e76" d="M14.4,19.7c0,1.5-0.6,2.8-1.8,3.9c-1.2,1.1-2.6,1.7-4.3,1.7c-2.6,0-4.6-0.9-5.9-2.6c-1.4-1.7-2.1-4.1-2.1-7.1 c0-2.8,1.2-5.6,3.6-8.5c2.4-2.9,5.3-5,8.6-6.5L14,3.2C11.4,4.5,9.3,6,7.8,7.7s-2.4,3.8-2.6,6.2h2c1.5,0,2.6,0.2,3.6,0.5 c0.9,0.3,1.7,0.8,2.2,1.4c0.5,0.6,0.9,1.2,1.1,1.9C14.3,18.3,14.4,19,14.4,19.7z M31.7,19.7c0,1.5-0.6,2.8-1.8,3.9 c-1.2,1.1-2.6,1.7-4.3,1.7c-2.6,0-4.6-0.9-5.9-2.6c-1.4-1.7-2.1-4.1-2.1-7.1c0-2.8,1.2-5.6,3.6-8.5c2.4-2.9,5.3-5,8.6-6.5l1.6,2.5 c-2.7,1.3-4.7,2.8-6.2,4.5c-1.5,1.7-2.4,3.8-2.6,6.2h2c1.5,0,2.6,0.2,3.6,0.5c0.9,0.3,1.7,0.8,2.2,1.4c0.5,0.6,0.9,1.2,1.1,1.9 C31.6,18.3,31.7,19,31.7,19.7z"/></svg>'); } body.single-impact .textcol blockquote p{ font-family: 'Merriweather', serif; font-weight: 400; color: #451e76; font-size: 2rem; line-height: 1.476190476190476; color: #000; margin-bottom: 0.5em; } body.single-impact .textcol:not(.introtext) .bodyimage { margin: 2rem 0; } body.single-impact .textcol blockquote cite{ font-size: 1.6rem; } div.transcription { background: rgba(230,230,230,1);; margin: 18px auto 36px; border: 1px solid #343e45; } div.transcription:last-child { margin-bottom: 20px} div.transcription>label { box-sizing: border-box; position: relative; display: flex; align-items: center; width: 100%; margin: 0; font-size: 18px; padding: 1em ; line-height: 30px; font-weight: 600; cursor:pointer; } div.transcription>label::after { display: inline-block; margin-left: auto; content:""; width:1em; height:1em; background-size:contain; background-repeat: no-repeat; background-position: center; margin-bottom: 2px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.5 8.9" style="enable-background:new 0 0 16.5 8.9;" xml:space="preserve"><path fill="none" stroke="%23545751" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M16,0.5l-3.9,3.9L8.3,8.4L0.5,0.5"/></svg>'); } div.transcription>input:checked~label::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16.5 8.9" style="enable-background:new 0 0 16.5 8.9;" xml:space="preserve"><path fill="none" stroke="%23545751" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M0.5,8.4l3.9-3.9l3.9-3.9L16,8.4"/></svg>') } div.podcast_transcription>input, div.transcription>input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } div.transcription>div { box-sizing: border-box; padding: 0 20px; width: 100%; position: relative; overflow: hidden; max-height: 0; opacity: 0; pointer-events: none; transition: all 0.2s ease-in; border-top:1px solid #343e45; visibility:hidden;} div.transcription>div::before , div.transcription>div::after { display: block; content:""; height: 20px;} div.transcription>input:checked~div { max-height: 2000px; opacity: 1; pointer-events: auto; visibility:visible; div.transcription>div table { table-layout: fixed; } div.transcription>div table th { background:#666; color: white; font-weight:700; } div.transcription>div table th, div.transcription>div table td { width:2000px; font-size: 12px;} div.transcription input:focus ~ label { } @media all and (max-width:899px) { div.transcription { } div.transcription>label { padding: 20px 20px 18px;} div.transcription>div {padding: 0 20px;} div.transcription>div::before, div.transcription>div::after { height: 20px;} } @media all and (max-width:599px) { div.transcription>label { font-size: 18px;} } div.transcription input:checked ~ label span { display:none; }