/*

Theme Name:	Bondata
Template: innolink-git

*/
@font-face {
    font-family: SuperaGothic;
    src: url(assets/fonts/SuperaGothic-Book.woff2);
    font-weight: normal;
}
@font-face {
    font-family: SuperaGothicExtraBold;
    src: url(assets/fonts/SuperaGothic-ExtraBold.woff2);
    font-weight: bold;
}
/*
.c-page-navigation>li>a {
	text-transform: uppercase !important;
}
*/
.b-page-navigation__list .menu-links a.c-btn-white-border {
	margin-right: 0;
	border: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
}
.b-page-navigation__list .menu-links a.c-btn-white-border:first-of-type {
	padding-right: 15px;
}
.b-footer__navigation .research-menu .menu-links a.c-btn-white-border {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border: none;
}
.b-footer__navigation .research-menu .menu-links a.c-btn-white-border:first-of-type {
	padding-top: 15px;
}
.b-page-navigation.upper-nav .b-page-navigation__inner-container, .b-page-navigation.upper-nav .b-page-navigation__container {
    background-color: transparent !important;
}
.b-page-navigation.research-nav ul.sub-menu {
	background-color: #021E2F !important;
}
.c-language-selector__accordion__button {
	color: #FFFFFF;
}
.c-language-selector__accordion__button:hover {
	color: #F277C6 !important;
}
.c-language-selector__list {
	background-color: #021E2F !important;
}
.c-language-selector__list a:hover {
	color: #F277C6 !important;
}
.c-search-form--button {
background-image: url(/wp-content/themes/innolink-git/assets/img/icon-search-white.svg);
}
body {
    background: #002147;
	background: linear-gradient(20deg,rgba(0, 33, 71, 1) 40%, rgba(0, 71, 187, 1) 100%);
	background-size: cover;
	background-attachment: fixed;
}
body, p, li, ul, li, p, span {
    font-family: "SuperaGothic", sans-serif;
	line-height: 1.5 !important;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6, h2>a, h3>a {
    font-family: "SuperaGothicExtraBold", sans-serif;
}
.b-footer p, .b-footer h1, .b-footer h2, .b-footer h3, .b-footer h4, .b-footer h5, .b-footer h6, .b-footer a {
    color: #FFFFFF;
}
.s-context {
	background-color: #EEEEEE !important;
}
.s-context [data-scheme-target] ul, .s-context [data-scheme-target] li, .s-context [data-scheme-target] p, .s-context [data-scheme-target] span {
	color: #010203;
}
.s-context [data-scheme-target] h1, .s-context [data-scheme-target] h2, .s-context [data-scheme-target] h2 a:not(.c-btn), .s-context [data-scheme-target] h3, .s-context [data-scheme-target] h3 a:not(.c-btn), .s-context [data-scheme-target] h4, .s-context [data-scheme-target] h4 a:not(.c-btn), .s-context [data-scheme-target] h5, .s-context [data-scheme-target] h5 a:not(.c-btn), .s-context [data-scheme-target] h6, .s-context [data-scheme-target] h6 a:not(.c-btn) {
    color: #010203;
}
.s-context [data-scheme-target] p a:not(.c-btn) {
	color: #F277C6;
}
.s-context--inverted {
	background-color: #002147 !important;
}
.s-context--inverted [data-scheme-target] p, .s-context--inverted [data-scheme-target] h1, .s-context--inverted [data-scheme-target] h2, .s-context--inverted [data-scheme-target] h3, .s-context--inverted [data-scheme-target] h4, .s-context--inverted [data-scheme-target] h5, .s-context--inverted [data-scheme-target] h6, .s-context--inverted [data-scheme-target] a, .s-context--inverted [data-scheme-target] ul, .s-context--inverted [data-scheme-target] li, .s-context--inverted [data-scheme-target] span {
	color: #FFFFFF !important;
}
.s-context--inverted [data-scheme-target] h1 a:not(.c-btn), .s-context--inverted [data-scheme-target] h2 a:not(.c-btn), .s-context--inverted [data-scheme-target] h3 a:not(.c-btn), .s-context--inverted [data-scheme-target] h4 a:not(.c-btn), .s-context--inverted [data-scheme-target] h5 a:not(.c-btn), .s-context--inverted [data-scheme-target] h6 a:not(.c-btn) {
    color: #FFFFFF !important;
}
.s-context--inverted .c-person-card {
	color: #FFFFFF;
}
.s-context--inverted [data-scheme-target]:has(.hbspt-form) h1, .s-context--inverted [data-scheme-target]:has(.hbspt-form) h2, .s-context--inverted [data-scheme-target]:has(.hbspt-form) h3, .s-context--inverted [data-scheme-target]:has(.hbspt-form) h4, .s-context--inverted [data-scheme-target]:has(.hbspt-form) h5, .s-context--inverted [data-scheme-target]:has(.hbspt-form) h6, .s-context--inverted [data-scheme-target]:has(.hbspt-form) p, .s-context--inverted [data-scheme-target]:has(.hbspt-form) span {
	color: #010203 !important;
}
.s-context--gradient {
	background: #002147;
	background: linear-gradient(58deg,rgba(0, 33, 71, 1) 0%, rgba(0, 71, 187, 1) 40%, rgba(150, 120, 211, 1) 80%, rgba(242, 119, 198, 1) 100%);
	color: #FFFFFF !important;
}
.s-context--gradient [data-scheme-target] p, .s-context--gradient [data-scheme-target] h1, .s-context--gradient [data-scheme-target] h2, .s-context--inverted [data-scheme-target] h3, .s-context--gradient [data-scheme-target] h4, .s-context--gradient [data-scheme-target] h5, .s-context--gradient [data-scheme-target] h6, .s-context--gradient [data-scheme-target] a, .s-context--gradient [data-scheme-target] ul, .s-context--gradient [data-scheme-target] li, .s-context--gradient [data-scheme-target] span {
	color: #FFFFFF !important;
}
.s-context--gradient [data-scheme-target] h1 a:not(.c-btn), .s-context--gradient [data-scheme-target] h2 a:not(.c-btn), .s-context--gradient [data-scheme-target] h3 a:not(.c-btn), .s-context--gradient [data-scheme-target] h4 a:not(.c-btn), .s-context--gradient [data-scheme-target] h5 a:not(.c-btn), .s-context--gradient [data-scheme-target] h6 a:not(.c-btn) {
    color: #FFFFFF !important;
}
.s-context > .b-blog {
	border-radius: 55px !important;
}
.b-blog__single-wrapper > .s-context {
	background-color: transparent !important;
}
.l-blog > .l-blog__sidebar {
	border-radius: 0px 55px 55px 0px !important;
}
.b-page-content {
	background-color: transparent !important;
}
.s-context--hero {
	background-color: transparent !important;
}
.s-context .b-blog .l-blog__sidebar {
	background-color: #002147 !important;
}
.s-context .b-blog .c-posts-listing span {
	color: #FFFFFF;
}
.b-section:not(.s-context--inverted):not(.s-context--hero) {
	background-color: #EEEEEE !important;
	color: #010203 !important;
}
.s-context:has(.hbspt-form) {
	background-color: #EEEEEE !important;
}
.b-blog {
	background-color: #EEEEEE !important;
}
.b-blog .c-article p, .b-blog .c-article h1, .b-blog .c-article h2, .b-blog .c-article h3, .b-blog .c-article h4, .b-blog .c-article h5, .b-blog .c-article h6, .b-blog .c-article ul, .b-blog .c-article li, .b-blog .c-article span {
	color: #010203 !important;
}
.b-blog .c-article a {
	color: #F277C6 !important;
}
.b-blog .c-article a.c-btn {
	color: #FFFFFF !important;
}
.s-context--hero p, .s-context--hero h1, .s-context--hero h2, .s-context--hero h3, .s-context--hero h4, .s-context--hero h5, .s-context--hero h6, .s-context--hero a, .s-context--hero ul, .s-context--hero li, .s-context--hero span {
	color: #FFFFFF !important;
}
.b-section > .b-section__content > .b-section__blocks > .b-listing > .b-listing__container > .l-cards > .l-cards__item > .c-card > .c-card__content p, .b-section > .b-section__content > .b-section__blocks > .b-listing > .b-listing__container > .l-cards > .l-cards__item > .c-card > .c-card__content h4, .b-section > .b-section__content > .b-section__blocks > .b-listing > .b-listing__container > .l-cards > .l-cards__item > .c-card > .c-card__content span, .b-section > .b-section__content > .b-section__blocks > .b-listing > .b-listing__container > .l-cards > .l-cards__item > .c-card > .c-card__content .c-card__title a {
	color: #010203 !important;
}
.c-card__categories h5 {
	background: #002147 !important;
	color: #FFFFFF !important;
}
.c-card .c-readmore-link {
	color: #F277C6 !important;
}
.s-context--inverted [data-scheme-target] h4.c-card__title a, .s-context--inverted [data-scheme-target] .c-card__content p, .s-context--inverted [data-scheme-target] span.c-card__meta {
	color: #010203 !important;
}
.c-navigation-logo {
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    background: url(assets/img/bondata_tutkimuspalvelut.svg) left center no-repeat;
    background-size: auto 100%;
    background-position: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 250px !important;
    height: 95%;
}
.b-page-content img {
    border-radius: 20px !important;
}
.b-page-navigation__logo {
    left: 5%;
    top: 10px;
    z-index: 101;
    position: fixed;
    text-indent: -9999px;
    min-height: 50px;
}

.b-section {
	margin-bottom: 0 !important;
}
.h-wysiwyg-html h1 a, .h-wysiwyg-html h2 a, .h-wysiwyg-html h3 a, .h-wysiwyg-html h4 a, .h-wysiwyg-html h5 a, .h-wysiwyg-html h6 a {
		text-decoration: none;
}
.b-footer__logo {
    width: auto;
}
.b-footer__logo img {
    width: 250px;
}
.lehti {
	background: #0047BB;
	border: 1px solid #010203;
	border-radius: 20px;
}
.lehti-kuva img {
	border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	height: 225px;
	width: 100%;
}
.lehti-teksti {
	padding: 20px;
}
.lehti > *, .lehti h1 span, .lehti h2 span, .lehti h3 span, .lehti p span, .lehti h1, .lehti h2, .lehti h3, .lehti p {
	color: #FFFFFF !important;
}
.l-columns:has(.l-columns__item .h-wysiwyg-html > .lehti) {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.l-columns__item:has(.h-wysiwyg-html > .lehti) {
	display: flex;
	width: 33%;
	margin-top: 0;
}
.h-wysiwyg-html:has(.lehti) {
	display: flex;
	width: 100%;
}
.cookieconsent-optout-marketing {
	color: red;
}
.ota-yhteytta-painike {
	display: block;
	position: fixed;
	width: 150px;
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	bottom: 85px;
	right: 0px;
	background-color:#002147 !important;
	color:#FFFFFF !important;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 99999 !important;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
.ota-yhteytta-painike a {
	text-decoration: none !important;
	font-style: italic !important;
}
.ota-yhteytta-painike a:hover {
	color: #F277C6 !important;
}
.b-hero {
	max-height: 350px !important;
}
.wp-caption {
    width: auto !important;
}
.c-btn span, .c-btn, .pcp-readmore-link {
	text-decoration: none !important;
	display: inline-block !important;
  	padding: .75em 1.5em .7em !important;
  	border-radius: 25px !important;
  	box-shadow: none !important;
  	border: none !important;
	background-color: #F277C6 !important;
  	font-family: "SuperaGothic", sans-serif !important;
  	text-transform: uppercase !important;
  	font-size: 1.5rem !important;
  	font-weight: 600 !important;
  	letter-spacing: .1rem !important;
  	transition: none !important;
  	position: relative !important;
	color: #FFFFFF !important;
}
.c-btn:hover, .c-btn:focus, .pcp-readmore-link:hover {
	background: #F277C6 !important;
	background: linear-gradient(90deg,rgba(242, 119, 198, 1) 0%, rgba(150, 120, 211, 1) 50%, rgba(0, 71, 187, 1) 100%) !important;
}
.c-btn-white-border {
	font-family: "SuperaGothic", sans-serif !important;
	transition: none !important;
	font-size: 1.2rem !important;
}
.c-btn::before, .c-btn-white-border::before {
 	all: unset !important;
}
.c-btn-white-border:hover, .c-btn-white-border:focus {
	background: transparent !important;
	padding: .75em 1.5em .7em;
}
.sp-pcp-post .sp-pcp-post-thumb-area img {
	aspect-ratio: 16 / 9 !important;
}
.b-section__blocks:has(.pictochart-wrapper) {
  display: flex;
  flex-direction: column;
}
.pictochart-wrapper {
  display: flex;
  flex-direction: column;	
}
.piktowrapper-embed {
	height: auto !important;
}
.front-page-hero .l-columns__item--tight.right .overlay {
	background: linear-gradient(180deg, #00b6ed 0%, rgba(0, 182, 237, 0) 23.69%), linear-gradient(0deg, rgba(0, 182, 237, 0.7) 0%, rgba(0, 182, 237, 0.7) 100%);
}
.front-page-hero .l-columns__item--tight.right {
	background-color: #00b6ed !important;
}
.b-page-navigation.upper-nav .b-page-navigation__inner-container.mobile, .b-page-navigation__list.mobile {
	display: none !important;
}
.pcp-post-pagination span, .pcp-post-pagination a {
	line-height: 34px !important;
}
@media (min-width: 992px) {
	.b-page-navigation.research-nav .b-page-navigation__container, .b-page-navigation.research-nav .b-page-navigation__inner-container, .b-page-navigation.research-nav, .b-page-navigation__list {
  	background-color: transparent !important;
	}
    .c-page-navigation>li {
        padding: 0 0 0 5px;
    }
	body {
		padding-top: 30px;
	}
	.c-page-navigation>li>a {
		font-size: 1.6rem !important;
	}
	.b-page-navigation__logo {
        width: 250px;
        position: absolute;
        top: 50%;
        left: auto;
        transform: translateY(-50%);
    }
	.c-page-navigation>li:first-of-type {
        padding: 0 0 0 0px;
    }
}
@media (max-width: 991px) {
	.b-page-navigation__wrap, .b-page-navigation.research-nav .b-page-navigation__container, .b-page-navigation.research-nav .b-page-navigation__inner-container, .b-page-navigation.research-nav, .b-page-navigation__list {
  	background-color: #002147 !important;
	}
	.b-page-navigation__container {
	height: 8rem;
	}
	.b-footer__navigation .research-menu {
	padding-top: 50px;
	width: 100%;
	}
}
@media (max-width: 600px) {
	h1 {
	font-size: 24px !important;
	}
	h2, h3, h4, h5, h6 {
	font-size: 20px !important;	
	}
	.c-navigation-logo {
	width: 150px !important;
	background-size: 100% !important;
	}
}
@media (max-width: 1200px) {

.l-columns__item:has(.h-wysiwyg-html > .lehti) {
	width: 100%;
}
.lehti {
		margin-top: 30px;
}
.lehti-kuva img {
	width: 100%;
	height: auto; 
}	
}